tom-sherman’s gists

tom-sherman / app.tsx

Created October 7, 2025 09:55

	import { useState, useTransition } from "react";

	function App() {
	const [cities, setCities] = useState<string[]>([]);
	const [isPending, startTransition] = useTransition();

	return (
	<>
	<select
	onChange={(e) => {

tom-sherman / gist:dd8f3b3e77211487fdf71b0e3ace723b

Created November 7, 2024 23:52

	❯ lib/navigation.test.ts (35)
	❯ valid input (33)
	✓ navigates "valid-handle.com" to "/at/valid-handle.com"
	✓ navigates "at://valid-handle.com" to "/at/valid-handle.com"
	× navigates "valid-handle.com/collection" to "/at/valid-handle.com/collection"
	✓ navigates "at://valid-handle.com/collection" to "/at/valid-handle.com/collection"
	× navigates "valid-handle.com/collection/rkey" to "/at/valid-handle.com/collection/rkey"
	✓ navigates "at://valid-handle.com/collection/rkey" to "/at/valid-handle.com/collection/rkey"
	× navigates "valid-handle.com/collection/rkey" to "/at/valid-handle.com/collection/rkey"
	✓ navigates "at://valid-handle.com/collection/rkey" to "/at/valid-handle.com/collection/rkey"

tom-sherman / gist:10079cf614d9aaf1dd857dbe13bfa101

Created October 9, 2023 13:58

	function wrapWithSignal(ms, fn) {
	const signal = AbortSignal.timeout(ms)
	return fn(signal)
	}

	function foo() {
	return wrapWithSignal(signal => fetch("/", {signal}))
	}

	try {

tom-sherman / gist:a744bd9cd14fe9e559832bbfc2b933b9

Created October 4, 2023 17:33

	The following is text converted from an email received from Aiven support using OCR software:

	Hello:
	Aiven recently experienced an internal security issue which has been remediated.
	However, we require some additional action from affected customers.
	What went wrong
	When enabling multi-factor authentication in the Aiven console, there is a modal
	pop-up on s.creen asking for the user to supply their password. After entering the
	password, if the user pressed the "Enter" key instead ot clicking on the "Next"
	button, the value of the password field was sent as a GET parameter alongside

tom-sherman / typescriptreact.json

Created July 7, 2023 19:35

Next.js server component vs code snippets

	{
	"Next.js Layout": {
	"prefix": "nextjs-layout",
	"body": [
	"export default function Layout({ children }: { children: React.ReactNode }) {",
	" $0",
	"}"
	]
	},
	"Next.js Page": {

tom-sherman / layout.tsx

Created June 19, 2023 18:53

	export function Layout({ children }: { children: React.ReactNode }) {
	return (
	<html>
	<body>
	{children}
	</body>
	</html>
	);
	}

tom-sherman / shiki.tsx

Created April 15, 2023 13:03

Perfect syntax highlighting with Shiki and React Server Components in under 50 lines of code

	import { getHighlighter as shikiGetHighlighter } from "shiki";
	import { cache } from "react";

	interface ShikiProps {
	code: string;
	lang: string;
	theme: string;
	}

	export async function Shiki({ code, lang, theme }: ShikiProps) {

tom-sherman / pattern-matched-types-strawperson-proposal.ts

Created January 3, 2023 15:10

	type RouteParams<string> = Record<string, string>;
	type RouteParams<`${infer Start}:${infer Param}/${infer Rest}`> = {[k in Param \| keyof RouteParams<Rest>]: string};
	type RouteParams<`${infer Start}:${infer Param}`> = {[k in Param]: string};
	type RouteParams<unknown> = {};

tom-sherman / index.tsx

Created December 22, 2022 14:16

	import * as React from "react";
	import { ImageResponse } from "workers-og";

	interface Env {}

	export default {
	async fetch(
	request: Request,
	env: Env,
	ctx: ExecutionContext

tom-sherman / dynamoDbSessionStorage.ts

Created August 3, 2022 13:56

Remix session storage implementation using DynamoDB

	import * as crypto from "node:crypto";
	import type {
	SessionIdStorageStrategy,
	SessionStorage,
	} from "@remix-run/server-runtime";
	import { createSessionStorage } from "@remix-run/node";
	import { DynamoDB } from "aws-sdk";

	interface DynamoDbSessionStorageOptions {
	/**

Tom Sherman tom-sherman