jonathantneal

Focus Starting Point

Focus Starting Point lets you access and observe the focus starting point.

The library is 989 bytes, 554 bytes gzipped.

Example Usage

jonathantneal

interface Iterator<T, TReturn = any, TNext = undefined> {
	next(): {
		done: boolean
		value: T
	}

	/** Returns an iterator of the elements with the given mapping function applied. */
	map<TT>(
		/** A mapping function to call on every element of the iterator. */
		callback: (value: T) => TT

jonathantneal

Dialog Terms and Definitions

This is a list of definitions for dialog things on the web.

These definitions intend to reflect concepts already defined in or strongly inferred from existing W3C specifications and proposals. They do not necessarily reflect what exactly an element, attribute, property, or method of the same name does on the web. For example, the definition of ‘dialog’ is conceptual; it does not intend to cover the featureset or limits of a <dialog> element.

Term	Description
dialog	A prompt from the system to the user, usually containing an action or task to perform.
non-modal dialog	A dialog that is non-blocking, allowing access to other content.

jonathantneal

// @ts-check

import * as fs from 'node:fs'

/** Fetches JSON returns the result with narrow typing. */
export let fetchJSON = /** @type {(input: RequestInfo | URL, init?: RequestInit) => any} */ (
	async (/** @type {string} */ input, config = any) => {
		const response = await fetch(input, config)
		const responseJSON = await response.json()

jonathantneal

// @ts-check

/** Creates a new Request. */
export const create = /** @type {(input: RequestInfo | URL, init?: RequestInit) => Request} */ (
	(input, config = any) => new Request(input, config)
)

/** Stringifies a Request into JSON. */
export const stringify = /** @type {(request: Request) => Promise<StringifiedRequest>} */ (async (request) => {
	/** URL of the request. */

jonathantneal

So You Think You Know Astro

Ahoy, me celestial companions of coding! It be me, your humble gentlenaut of fortune, Cosmo, at ye service.

( An’ perhaps to some snooty static site scallywags an Ex-Sailor of the Astro Expanse... )

So, y’ think ye know Astro, do ye? Aye, then consider this cosmic challenge from ye ol’ quainty matey, Cosmo.

I will asks my riddles. Ye will gives ye answers.

jonathantneal

/* These rules are ignored when ui-monospace is supported. */
@font-face { font-family: ui-monospace; src:
	/* MacOS (El Capitan +) */
	local(Menlo-Regular),
	/* Windows (11 +) */
	local(CascadiaCode-Regular),
	/* Windows (Vista +) */
	local(Consolas),
	/* Android */
	local(RobotoMono-Regular),

jonathantneal

class CSSStyleRecord {
	constructor(
		/** @type {{ target: Element, propertyName: string, oldValue: string, newValue: string }} */
		init
	) {
		Object.assign(this, init)
	}
}

class CSSStyleObserver {

jonathantneal

{
	let NativeHTMLElement = globalThis.HTMLElement, isContentAvailable = (element) => {
		if (element.ownerDocument.readyState !== 'loading') return true

		while (element) {
			if (element.nextSibling) return true

			element = element.parentElement
		}
	}

jonathantneal

import glob from 'fast-glob'
import nodeURL from 'url'
import process from 'process'

/** Returns pathnames matching the given pattern. */
const sync = (source: string) => glob.sync(source, options()) as string[]

/** Returns pathnames matching the given pattern. */
const async = (source: string) => glob(source, options()) as Promise<string[]>