Bookmarklet to have a tiny "AMD" require implementation in the global scope.

boonmarklet.js

javascript:globalThis.require??=(p,c)=>Promise.all(p.map(i=>import(i.replace(/^(\w{3}):/,(_,m)=>`//esm.sh/${m==="npm"?"":`${m}/`}`)))).then(c);

example.js

require(["npm:htm/preact", "npm:preact", "npm:preact/hooks"], ([
	{ html },
	{ render },
	{ useState },
]) => {
	const Counter = () => {
		const [count, setCount] = useState(0);

		return html`
			<button onClick=${() => setCount(count + 1)}>
				Clicked ${count} times
			</button>
		`;
	};

	render(html`<${Counter} />`, document.body);
});

source.js

globalThis.require ??= (paths, callback) =>
	Promise.all(
		paths.map(
			(path) =>
				import(
					path.replace(
						/^(\w{3}):/,
						(_, match) =>
							`//esm.sh/${match === "npm" ? "" : `${match}/`}`,
					)
				),
		),
	).then(callback);