myobie’s gists

myobie / useStateWithReactiveInput.ts

Last active July 7, 2023 16:02 — forked from schickling/useStateWithReactiveInput.ts

Reactive `useState` variant

	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 }), [])

myobie / full-stacktrace.txt

Created June 19, 2023 19:03

Internal application error: TypeError: cannot read headers: request closed

	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/[email protected]/http_server_native_request.ts:72:26)
	at new Request (https://deno.land/x/[email protected]/request.ts:150:21)
	at new Context (https://deno.land/x/[email protected]/context.ts:172:20)
	at Application.#handleRequest (https://deno.land/x/[email protected]/application.ts:450:17)
	at Application.listen (https://deno.land/x/[email protected]/application.ts:656:28)

myobie / effect-with-previous-value.ts

Created April 4, 2023 09:09

Sometimes I want to know the previous value for an effect

	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)

myobie / complex-signal.ts

Last active March 29, 2023 11:09

A simple, non-performance-optimized way to keep a Set, Map, etc in a Signal

	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> {

myobie / expand-all-files-on-github-diff-page.js

Created October 6, 2022 08:19

I couldn't find an "expand all" button, so I just made my own

document.querySelectorAll('button[aria-label="Toggle diff contents"]').forEach(b => b.click())

myobie / generate-importable-blob.ts

Created March 25, 2022 11:04

Generate Blob import from file on disk with deno

	const bytes = await Deno.readFile(new URL('./thumbnail.png', import.meta.url))
	const encoder = new TextEncoder()

	const contents = encoder.encode(
	`export const thumbnail = new Blob(new Uint8Array(${
	JSON.stringify(Array.from(bytes))
	}), { type: 'image/png' })`
	)

	await Deno.writeFile(new URL('./hardcoded-thumbnail.ts', import.meta.url), contents)

myobie / remove-www.js

Created March 15, 2022 13:32

A cloudflare worker to remove the www subdomain and redirect

-const status = 301
-addEventListener('fetch', event => {
-  const url = new URL(event.request.url)
-  url.hostname = url.hostname.replace(/^www\./, '')
-  event.respondWith(Response.redirect(url.toString(), status))
-})

myobie / async_iterators_throw_catch_test.ts

Last active February 10, 2022 11:40

I was testing to see if the next() in an async iterator worked how I suspected, where throws are really Promise.reject() which throws at the for await point.

	import { assertEquals } from 'https://deno.land/[email protected]/testing/asserts.ts'

	Deno.test('async iterator throw in next should throw in for scope', async () => {
	const results: number[] = []

	const numbers = (() => {
	let counter = 0

	const iterator: AsyncIterator<number> = {
	// deno-lint-ignore require-await

myobie / deferred.ts

Created August 2, 2021 15:09

My own promise-like object where I can type the rejection and I can resolve from the outside

	export class Deferred<T = void, E = Error> {
	#promise: Promise<T>
	// deno-lint-ignore ban-ts-comment
	// @ts-ignore
	resolve: (arg: T) => void
	// deno-lint-ignore ban-ts-comment
	// @ts-ignore
	reject: (arg: E) => void

	constructor() {

myobie / task.ts

Created July 30, 2021 10:10

Very simple deno script to test that deno works

	console.log('Fetching...')
	const res = await fetch('https://example.com')
	const body = new Uint8Array(await res.arrayBuffer())
	console.log('---')
	await Deno.stdout.write(body)
	console.log('---')
	console.log('Done.')

Nathan myobie