Nathan myobie

## example-mdx-usage.tsx
import { mdx } from './mdx.ts'
import renderToString from 'preact-render-to-string'
import { type FunctionalComponent } from 'preact'

const MDXContent = await mdx(new URL('./test.mdx', import.meta.url))

const Page: FunctionalComponent = ({ children }) => (
  <html lang='en'>
    <head>
      <title>Example MDX page</title>

## salute.html
<!doctype html>
<html>
  <head>
    <meta charset=utf-8>
    <style>
      @keyframes rotate {
        0% {
          transform: rotate(0);
        }
        50% {

## script.lua
local threads = {}

function setup(thread)
  -- track each thread
  table.insert(threads, thread)
end

function init(args)
  -- thread local statuses table
  statuses = {["100"] = 0}

## html-import.js
// Example usage:
//     <script type="module" src="./html-import.js"></script>
//     <html-import href="./example.html" runscripts></html-import>
//     <!-- now we can use the component defined from example.html -->
//     <example-custom-element><p>This paragraph will be slotted.</p></example-custom-element>

export class HTMLImport extends HTMLElement {
  static {
    customElements.define('html-import', this)
  }

## ext-integer.ex
defmodule ExtInteger do
  defimpl Collectable, for: Integer do
    @doc """
    Collect into: an integer

    ## Examples

        iex> for n <- 1..5, into: 0, do: n
        15
    """

## useStateWithReactiveInput.ts
import React from 'react'

/**
 * A variant of `React.useState` which allows the `inputState` to change over time as well.
 * Important: This hook is synchronous / single-render-pass (i.e. doesn't use `useEffect` or `setState` directly).
 */
const useStateWithReactiveInput = <T>(inputState: T): [T, (newState: T | ((prev: T) => T)) => void] => {
  const [_, rerender] = React.useState(0)

  const stateRef = React.useMemo<{ current: T }>(() => ({ current: inputState }), [])

## full-stacktrace.txt
Internal application error: TypeError: cannot read headers: request closed
    at Object.get headerList (ext:deno_fetch/23_request.js:115:17)
    at Request.request.<computed> (ext:deno_fetch/23_request.js:565:60)
    at Request.get [headers] (ext:deno_fetch/23_request.js:252:46)
    at Request.get headers (ext:deno_fetch/23_request.js:452:16)
    at NativeRequest.get headers (https://deno.land/x/oak@v12.5.0/http_server_native_request.ts:72:26)
    at new Request (https://deno.land/x/oak@v12.5.0/request.ts:150:21)
    at new Context (https://deno.land/x/oak@v12.5.0/context.ts:172:20)
    at Application.#handleRequest (https://deno.land/x/oak@v12.5.0/application.ts:450:17)
    at Application.listen (https://deno.land/x/oak@v12.5.0/application.ts:656:28)

## effect-with-previous-value.ts
import { effect } from '@preact/signals-core'

export function effectWithPreviousValue<T>(
  initialValue: T,
  compute: (prev: T) => T
): () => void {
  let prev = initialValue

  return effect(() => {
    prev = compute(prev)

## complex-signal.ts
import { signal } from '@preact/signals'

export type ComplexSignal<T> = {
  value: T
  peek: T
  subscribe: (cb: (t: T) => void) => () => void
  update: (cb: (t: T) => void) => void
}

export function complexSignal<T>(initialValue: T): ComplexSignal<T> {

## expand-all-files-on-github-diff-page.js
document.querySelectorAll('button[aria-label="Toggle diff contents"]').forEach(b => b.click())
	import { mdx } from './mdx.ts'
	import renderToString from 'preact-render-to-string'
	import { type FunctionalComponent } from 'preact'

	const MDXContent = await mdx(new URL('./test.mdx', import.meta.url))

	const Page: FunctionalComponent = ({ children }) => (
	<html lang='en'>
	<head>
	<title>Example MDX page</title>
	<!doctype html>
	<html>
	<head>
	<meta charset=utf-8>
	<style>
	@keyframes rotate {
	0% {
	transform: rotate(0);
	}
	50% {
	local threads = {}

	function setup(thread)
	-- track each thread
	table.insert(threads, thread)
	end

	function init(args)
	-- thread local statuses table
	statuses = {["100"] = 0}
	// Example usage:
	// <script type="module" src="./html-import.js"></script>
	// <html-import href="./example.html" runscripts></html-import>
	// <!-- now we can use the component defined from example.html -->
	// <example-custom-element><p>This paragraph will be slotted.</p></example-custom-element>

	export class HTMLImport extends HTMLElement {
	static {
	customElements.define('html-import', this)
	}
	defmodule ExtInteger do
	defimpl Collectable, for: Integer do
	@doc """
	Collect into: an integer

	## Examples

	iex> for n <- 1..5, into: 0, do: n
	15
	"""
	import React from 'react'

	/**
	* A variant of `React.useState` which allows the `inputState` to change over time as well.
	* Important: This hook is synchronous / single-render-pass (i.e. doesn't use `useEffect` or `setState` directly).
	*/
	const useStateWithReactiveInput = <T>(inputState: T): [T, (newState: T \| ((prev: T) => T)) => void] => {
	const [_, rerender] = React.useState(0)

	const stateRef = React.useMemo<{ current: T }>(() => ({ current: inputState }), [])
	Internal application error: TypeError: cannot read headers: request closed
	at Object.get headerList (ext:deno_fetch/23_request.js:115:17)
	at Request.request.<computed> (ext:deno_fetch/23_request.js:565:60)
	at Request.get [headers] (ext:deno_fetch/23_request.js:252:46)
	at Request.get headers (ext:deno_fetch/23_request.js:452:16)
	at NativeRequest.get headers (https://deno.land/x/oak@v12.5.0/http_server_native_request.ts:72:26)
	at new Request (https://deno.land/x/oak@v12.5.0/request.ts:150:21)
	at new Context (https://deno.land/x/oak@v12.5.0/context.ts:172:20)
	at Application.#handleRequest (https://deno.land/x/oak@v12.5.0/application.ts:450:17)
	at Application.listen (https://deno.land/x/oak@v12.5.0/application.ts:656:28)
	import { effect } from '@preact/signals-core'

	export function effectWithPreviousValue<T>(
	initialValue: T,
	compute: (prev: T) => T
	): () => void {
	let prev = initialValue

	return effect(() => {
	prev = compute(prev)
	import { signal } from '@preact/signals'

	export type ComplexSignal<T> = {
	value: T
	peek: T
	subscribe: (cb: (t: T) => void) => () => void
	update: (cb: (t: T) => void) => void
	}

	export function complexSignal<T>(initialValue: T): ComplexSignal<T> {