hnordt’s gists

hnordt / counter.tsx

Created November 16, 2025 19:04

A type-safe, semantic custom counter element built with Custom Elements, the Invoker Commands API, and preact-render-to-string.

	import { renderToStaticMarkup } from "preact-render-to-string";

	declare global {
	namespace preact.JSX {
	interface IntrinsicElements {
	"el-counter": preact.HTMLAttributes<HTMLElement>;
	}
	}
	}

hnordt / main.ts

Created November 14, 2025 17:18

	type TMethod = "GET" \| "POST" \| "PUT" \| "PATCH" \| "DELETE";

	type THandler = (
	req: Request,
	match: URLPatternResult \| null,
	) => Response \| Promise<Response>;

	class Route {
	constructor(
	private pattern: URLPatternInput,

hnordt / deno.json

Last active November 12, 2025 22:29

	{
	"compilerOptions": {
	"lib": ["dom", "deno.ns"],
	"jsx": "precompile",
	"jsxImportSource": "preact"
	},
	"tasks": {
	"dev": "deno run --allow-net --watch server.tsx",
	},
	"imports": {

hnordt / usePress.tsx

Created September 18, 2025 13:31

	import React from "react";

	function usePress(onEnd: (isCancelled: boolean) => void, onStart?: () => void) {
	return {
	onPointerUp(e: React.PointerEvent<Element>) {
	const rect = e.currentTarget.getBoundingClientRect();

	onEnd(
	!(
	e.clientX >= rect.left &&

hnordt / Router.tsx

Last active September 17, 2025 00:33

	import { useReducer, useEffect } from "react";

	// pathToRegexp can be replaced with URLPattern once browser support improves
	// https://developer.mozilla.org/en-US/docs/Web/API/URLPattern
	import pathToRegexp from "path-to-regexp";

	const Router = {
	PushStateEventType: "pushstate",
	ReplaceStateEventType: "replacestate",
	PopStateEventType: "popstate",

hnordt / useLoaderDataWithWindowFocusRefetching.remix.ts

Last active January 27, 2022 17:52

	import React from "react"
	import { useLocation, useLoaderData, useFetcher } from "remix"

	export default function useLoaderDataWithWindowFocusRefetching<LoaderData>() {
	const loaderData = useLoaderData<LoaderData>()
	const fetcher = useFetcher<LoaderData>()

	const location = useLocation()
	const pathnameRef = React.useRef(location.pathname)
	React.useEffect(() => {

hnordt / useWindowFocusRefetching.remix.ts

Created January 27, 2022 17:32

	import React from "react"
	import { useLocation, useNavigate } from "remix"

	export default function useWindowFocusRefetching() {
	const location = useLocation()
	const navigate = useNavigate()

	const pathnameRef = React.useRef(location.pathname)

	React.useEffect(() => {

hnordt / radixPlugin.js

Created January 7, 2022 19:54

	// add to your tailwind.config.js

	const plugin = require("tailwindcss/plugin")

	const radixPlugin = plugin(({ addVariant }) => {
	const dataStates = [
	"open",
	"closed",
	"active",
	"inactive",

hnordt / machine.js

Last active August 20, 2020 16:02

Generated by XState Viz: https://xstate.js.org/viz

hnordt / machine.js

Last active August 19, 2020 02:26

Generated by XState Viz: https://xstate.js.org/viz

Heliton Nordt hnordt