Morgan Ney morganney

## speechsynthesis-memory-leak.html
<!doctype HTML>
<html>
  <head>
    <title>SpeechSynthesis onEnd Counter</title>
  </head>
  <body>
    <h3>How long until the browser crashes?</h3>
    <p>On macOS Monterey 12.5.1 (16GB RAM), Chrome, Firefox and Safari all crash at some point (under 200 secs).</p>
    <button id="start">start</button>
    <button id="stop">stop</button>

## speechsynthesis-browser-crash.html
<!doctype HTML>
<html>
  <head>
    <title>SpeechSynthesis setInterval Counter</title>
  </head>
  <body>
    <h3>How long until the browser crashes?</h3>
    <p>On macOS Monterey 12.5.1 (16GB RAM), Chrome, Firefox and Safari all crash at some point (under 200 secs).</p>
    <button id="start">start</button>
    <button id="stop">stop</button>

## refreshTokenMiddleware.js
import { TokenSet } from 'openid-client'
import error from 'http-errors'
import debugFactory from 'debug'

const debug = debugFactory('ac:refresh')
/**
 * Refreshes an expired token set.
 * Requires middleware `oidc` to be called first.
 *
 * @param {Request} req The express request object

## flatten-integer-array.js
// These are just here for unit testing
const assert = require('assert').strict
const expectedError = {
  name: /^TypeError$/,
  message: /not an array|only be integers/
}

/**
 * Flattens an array of arbitrarily nested integer arrays.
 *

## example.js
import React from 'react';
import PropTypes from 'prop-types';
import { Link } from 'react-router-dom';
import { Button } from '@hivekit/button';
import { Form } from '@hivekit/form';
import { FormattedMessage } from 'react-intl';
import { Field } from 'redux-form';

import coreMessages from 'tio-app/messages';

## cell-size-styles.less
.cell-styles(@n, @i: 1) when (@i <= @n) {
  .cell-@{i} {
    width: (100% / @i);
    height: (100% / @i);
  }

  .cell-styles(@n, (@i + 1));
}
.cell-styles(80);

## gol-flexbox.css
section {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 94vw;
  height: 94vw;
  max-width: 620px;

## gol-2x2-grid.html
<section>
  <span class="alive cell-2"></span>
  <span class="dead cell-2"></span>
  <span class="dead cell-2"></span>
  <span class="alive cell-2"></span>
</section>

## gol-react-app.js
import React from 'react'
import ReactDOM from 'react-dom'
import Title from './components/title'
import GridSizeSelector from './components/grid-size-selector'
import GameOfLife from './components/game-of-life'

class App extends React.Component {
  constructor (props) {
    super(props)


## spread-operator.js
console.log([...obj]); // ['b', 'symbol', 'bar']
	<!doctype HTML>
	<html>
	<head>
	<title>SpeechSynthesis onEnd Counter</title>
	</head>
	<body>
	<h3>How long until the browser crashes?</h3>
	<p>On macOS Monterey 12.5.1 (16GB RAM), Chrome, Firefox and Safari all crash at some point (under 200 secs).</p>
	<button id="start">start</button>
	<button id="stop">stop</button>
	import { TokenSet } from 'openid-client'
	import error from 'http-errors'
	import debugFactory from 'debug'

	const debug = debugFactory('ac:refresh')
	/**
	* Refreshes an expired token set.
	* Requires middleware `oidc` to be called first.
	*
	* @param {Request} req The express request object
	// These are just here for unit testing
	const assert = require('assert').strict
	const expectedError = {
	name: /^TypeError$/,
	message: /not an array\|only be integers/
	}

	/**
	* Flattens an array of arbitrarily nested integer arrays.
	*
	import React from 'react';
	import PropTypes from 'prop-types';
	import { Link } from 'react-router-dom';
	import { Button } from '@hivekit/button';
	import { Form } from '@hivekit/form';
	import { FormattedMessage } from 'react-intl';
	import { Field } from 'redux-form';

	import coreMessages from 'tio-app/messages';
	.cell-styles(@n, @i: 1) when (@i <= @n) {
	.cell-@{i} {
	width: (100% / @i);
	height: (100% / @i);
	}

	.cell-styles(@n, (@i + 1));
	}
	.cell-styles(80);
	section {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 94vw;
	height: 94vw;
	max-width: 620px;
	<section>
	<span class="alive cell-2"></span>
	<span class="dead cell-2"></span>
	<span class="dead cell-2"></span>
	<span class="alive cell-2"></span>
	</section>
	import React from 'react'
	import ReactDOM from 'react-dom'
	import Title from './components/title'
	import GridSizeSelector from './components/grid-size-selector'
	import GameOfLife from './components/game-of-life'

	class App extends React.Component {
	constructor (props) {
	super(props)