@athrio/loom 0.0.9 → 0.0.10

package/dist/store-CtvrwAS8.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+import { i as sqliteStore, n as localStore, r as notesFile, t as NoteStore } from "./store-DgMmJ7v9.js";
+export { NoteStore, localStore, notesFile, sqliteStore };

package/dist/store-DgMmJ7v9.js

@@ -0,0 +1,229 @@
+#!/usr/bin/env node
+import { Bs as gen, Fn as Union, Gc as tap, Gp as fromNullishOr, Ha as publish, Hl as provide, Il as effect, Ka as unbounded, Kl as unwrap, Ms as forEach, Mt as Boolean, Os as flatMap, Qs as map, Tl as currentTimeMillis, Vc as succeed, Wc as sync, Wn as decodeUnknownEffect, Xf as head, Ys as logWarning, Zc as try_, _f as Service, al as void_, ec as mapError, em as match, fc as orDie, hs as catchTag, ii as tag, is as andThen, kl as TaggedError, ls as asVoid, mc as promise, n as SqlClient, on as Number, qc as tapError, qf as getSomes, rm as some, tm as none, vn as String, yn as Struct } from "./SqlClient-BHo_uVyk.js";
+import { b as when, g as exhaustive, y as value } from "./dist-CKhPOkpR.js";
+import { mkdirSync } from "node:fs";
+import { homedir } from "node:os";
+import { dirname, join } from "node:path";
+//#region ../loom-design/src/note.ts
+var noteFields = {
+	project: String,
+	route: String,
+	text: String
+};
+var RectSchema = Struct({
+	x: Number,
+	y: Number,
+	width: Number,
+	height: Number
+});
+var elementFields = {
+	...noteFields,
+	label: String,
+	rect: RectSchema
+};
+var domFields = {
+	kind: tag("dom"),
+	...elementFields,
+	selector: String
+};
+var LoomSourceSchema = Struct({
+	chapter: String,
+	section: String
+});
+var loomFields = {
+	kind: tag("loom"),
+	...elementFields,
+	source: LoomSourceSchema
+};
+var chatFields = {
+	kind: tag("chat"),
+	...noteFields
+};
+var DraftSchema = Union([
+	Struct(domFields),
+	Struct(loomFields),
+	Struct(chatFields)
+]);
+var stamp = {
+	seq: Number,
+	at: String,
+	addressed: Boolean
+};
+var DomNoteSchema = Struct({
+	...domFields,
+	...stamp
+});
+var LoomNoteSchema = Struct({
+	...loomFields,
+	...stamp
+});
+var ChatNoteSchema = Struct({
+	...chatFields,
+	...stamp
+});
+var NoteSchema = Union([
+	DomNoteSchema,
+	LoomNoteSchema,
+	ChatNoteSchema
+]);
+var stampDraft = (draft, seq, at) => value(draft).pipe(when({ kind: "dom" }, (annotation) => DomNoteSchema.make({
+	...annotation,
+	seq,
+	at,
+	addressed: false
+})), when({ kind: "loom" }, (annotation) => LoomNoteSchema.make({
+	...annotation,
+	seq,
+	at,
+	addressed: false
+})), when({ kind: "chat" }, (message) => ChatNoteSchema.make({
+	...message,
+	seq,
+	at,
+	addressed: false
+})), exhaustive);
+//#endregion
+//#region ../loom-design/src/store.ts
+var DecodeError = class extends TaggedError("DecodeError") {};
+var migrations = [
+	{
+		id: 1,
+		name: "initial",
+		run: (sql) => gen(function* () {
+			yield* sql`CREATE TABLE IF NOT EXISTS notes (
+          project TEXT NOT NULL,
+          seq INTEGER NOT NULL,
+          data TEXT NOT NULL,
+          PRIMARY KEY (project, seq)
+        )`;
+			yield* sql`CREATE TABLE IF NOT EXISTS projects (
+          id TEXT PRIMARY KEY,
+          name TEXT NOT NULL
+        )`;
+		})
+	},
+	{
+		id: 2,
+		name: "project directory and address",
+		run: (sql) => gen(function* () {
+			yield* sql`ALTER TABLE projects ADD COLUMN directory TEXT`;
+			yield* sql`ALTER TABLE projects ADD COLUMN address TEXT`;
+		})
+	},
+	{
+		id: 3,
+		name: "project identity",
+		run: (sql) => sql`ALTER TABLE projects ADD COLUMN identity TEXT`.pipe(asVoid)
+	}
+];
+var migrate = (sql) => gen(function* () {
+	yield* sql`CREATE TABLE IF NOT EXISTS _migrations (
+      id INTEGER PRIMARY KEY,
+      name TEXT NOT NULL,
+      applied_at TIMESTAMPTZ NOT NULL DEFAULT CURRENT_TIMESTAMP
+    )`;
+	const applied = yield* sql`SELECT id FROM _migrations`;
+	const done = new Set(applied.map((row) => row.id));
+	yield* forEach(migrations.filter((migration) => !done.has(migration.id)), (migration) => sql.withTransaction(migration.run(sql).pipe(andThen(sql`INSERT INTO _migrations (id, name) VALUES (${migration.id}, ${migration.name})`))), { discard: true });
+});
+var decodeNote = (data) => try_({
+	try: () => JSON.parse(data),
+	catch: (cause) => new DecodeError({
+		data,
+		cause
+	})
+}).pipe(flatMap((json) => decodeUnknownEffect(NoteSchema)(json).pipe(mapError((cause) => new DecodeError({
+	data,
+	cause
+})))));
+var readNotes = (sql, project) => sql`
+    SELECT data FROM notes WHERE project = ${project} ORDER BY seq
+  `.pipe(flatMap((rows) => forEach(rows, (row) => decodeNote(row.data).pipe(tapError((error) => logWarning("skipping a note that no longer decodes", error)), map(some), catchTag("DecodeError", () => succeed(none()))))), map(getSomes));
+var recordDraft = (sql, draft) => sql.withTransaction(gen(function* () {
+	const millis = yield* currentTimeMillis;
+	const note = stampDraft(draft, match(fromNullishOr((yield* sql`
+        SELECT MAX(seq) AS max FROM notes WHERE project = ${draft.project}
+      `)[0]?.max), {
+		onSome: (seq) => seq,
+		onNone: () => 0
+	}) + 1, new Date(millis).toISOString());
+	yield* sql`
+        INSERT INTO notes (project, seq, data)
+        VALUES (${note.project}, ${note.seq}, ${JSON.stringify(note)})
+      `;
+	return note;
+}));
+var modifyNote = (sql, project, seq, change) => gen(function* () {
+	yield* match(fromNullishOr((yield* sql`
+      SELECT data FROM notes WHERE project = ${project} AND seq = ${seq}
+    `)[0]), {
+		onNone: () => void_,
+		onSome: (row) => decodeNote(row.data).pipe(map(change), flatMap((updated) => sql`
+              UPDATE notes SET data = ${JSON.stringify(updated)}
+              WHERE project = ${project} AND seq = ${seq}
+            `))
+	});
+});
+var resolveNote = (sql, project, seq) => modifyNote(sql, project, seq, (note) => ({
+	...note,
+	addressed: true
+}));
+var editNote = (sql, project, seq, text) => modifyNote(sql, project, seq, (note) => ({
+	...note,
+	text
+}));
+var discardNote = (sql, project, seq) => sql`DELETE FROM notes WHERE project = ${project} AND seq = ${seq}`.pipe(asVoid);
+var listProjects = (sql) => sql`SELECT id, name, directory, address, identity FROM projects ORDER BY name`;
+var findProject = (sql, name) => sql`
+    SELECT id, name, directory, address, identity FROM projects WHERE id = ${name}
+  `.pipe(map(head));
+var registerProject = (sql, name, identity, directory, address) => sql`
+    INSERT INTO projects (id, name, directory, address, identity)
+    VALUES (${name}, ${name}, ${directory}, ${address}, ${identity})
+    ON CONFLICT (id) DO UPDATE SET
+      directory = ${directory}, address = ${address}, identity = ${identity}
+  `.pipe(asVoid);
+var ensureProject = (sql, id) => sql`
+    INSERT INTO projects (id, name) VALUES (${id}, ${id})
+    ON CONFLICT (id) DO NOTHING
+  `.pipe(asVoid);
+var backfillProjects = (sql) => sql`
+    INSERT INTO projects (id, name)
+    SELECT DISTINCT project, project FROM notes
+    WHERE true
+    ON CONFLICT (id) DO NOTHING
+  `.pipe(asVoid);
+var sqliteClientLayer = (filename) => unwrap(promise(() => typeof globalThis.Bun !== "undefined" ? import("./dist-kscTHM4c.js").then((m) => m.SqliteClient.layer({
+	filename,
+	create: true
+})) : import("./dist-3ptbWhlX.js").then((m) => m.SqliteClient.layer({ filename }))));
+var sqliteStore = (filename) => effect(NoteStore, NoteStore.make).pipe(provide(sqliteClientLayer(filename)));
+var notesFile = () => process.env.LOOM_NOTES_DB ?? join(homedir(), ".loom", "notes.sqlite");
+var localStore = () => unwrap(sync(() => {
+	const file = notesFile();
+	mkdirSync(dirname(file), { recursive: true });
+	return sqliteStore(file);
+}));
+var NoteStore = class extends Service()("NoteStore", { make: gen(function* () {
+	const sql = yield* SqlClient;
+	yield* migrate(sql);
+	yield* backfillProjects(sql);
+	const changes = yield* unbounded();
+	return {
+		list: (project) => readNotes(sql, project),
+		record: (draft) => ensureProject(sql, draft.project).pipe(andThen(recordDraft(sql, draft)), tap((note) => publish(changes, note))),
+		resolve: (project, seq) => resolveNote(sql, project, seq),
+		edit: (project, seq, text) => editNote(sql, project, seq, text),
+		discard: (project, seq) => discardNote(sql, project, seq),
+		projects: listProjects(sql),
+		project: (name) => findProject(sql, name),
+		register: (name, identity, directory, address) => registerProject(sql, name, identity, directory, address),
+		changes
+	};
+}).pipe(orDie) }) {
+	static layer = localStore();
+};
+//#endregion
+export { DraftSchema as a, sqliteStore as i, localStore as n, NoteSchema as o, notesFile as r, NoteStore as t };
+
+//# sourceMappingURL=store-DgMmJ7v9.js.map

package/dist/store-DgMmJ7v9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store-DgMmJ7v9.js","names":[],"sources":["../../loom-design/src/note.ts","../../loom-design/src/store.ts"],"sourcesContent":["import { Schema } from 'effect'\n\nconst noteFields = {\n  project: Schema.String,\n  route: Schema.String,\n  text: Schema.String,\n}\n\nexport const RectSchema = Schema.Struct({\n  x: Schema.Number,\n  y: Schema.Number,\n  width: Schema.Number,\n  height: Schema.Number,\n})\nexport type Rect = typeof RectSchema.Type\n\nconst elementFields = {\n  ...noteFields,\n  label: Schema.String,\n  rect: RectSchema,\n}\n\nconst domFields = {\n  kind: Schema.tag('dom'),\n  ...elementFields,\n  selector: Schema.String,\n}\n\nexport const LoomSourceSchema = Schema.Struct({\n  chapter: Schema.String,\n  section: Schema.String,\n})\nexport type LoomSource = typeof LoomSourceSchema.Type\n\nconst loomFields = {\n  kind: Schema.tag('loom'),\n  ...elementFields,\n  source: LoomSourceSchema,\n}\n\nconst chatFields = {\n  kind: Schema.tag('chat'),\n  ...noteFields,\n}\n\nexport const DomDraftSchema = Schema.Struct(domFields)\nexport const LoomDraftSchema = Schema.Struct(loomFields)\nexport const ChatDraftSchema = Schema.Struct(chatFields)\nexport const DraftSchema = Schema.Union([DomDraftSchema, LoomDraftSchema, ChatDraftSchema])\nexport type Draft = typeof DraftSchema.Type\n\nconst stamp = {\n  seq: Schema.Number,\n  at: Schema.String,\n  addressed: Schema.Boolean,\n}\n\nexport const DomNoteSchema = Schema.Struct({ ...domFields, ...stamp })\nexport const LoomNoteSchema = Schema.Struct({ ...loomFields, ...stamp })\nexport const ChatNoteSchema = Schema.Struct({ ...chatFields, ...stamp })\nexport const NoteSchema = Schema.Union([DomNoteSchema, LoomNoteSchema, ChatNoteSchema])\nexport type Note = typeof NoteSchema.Type\n\nimport { Match } from 'effect'\n\nexport const stampDraft = (draft: Draft, seq: number, at: string): Note =>\n  Match.value(draft).pipe(\n    Match.when({ kind: 'dom' }, (annotation) =>\n      DomNoteSchema.make({ ...annotation, seq, at, addressed: false }),\n    ),\n    Match.when({ kind: 'loom' }, (annotation) =>\n      LoomNoteSchema.make({ ...annotation, seq, at, addressed: false }),\n    ),\n    Match.when({ kind: 'chat' }, (message) =>\n      ChatNoteSchema.make({ ...message, seq, at, addressed: false }),\n    ),\n    Match.exhaustive,\n  )\n","import { Effect, Layer, Option } from 'effect'\nimport { SqlClient, SqlError } from 'effect/unstable/sql'\nimport { Data } from 'effect'\n\nclass DecodeError extends Data.TaggedError('DecodeError')<{\n  readonly data: string\n  readonly cause: unknown\n}> {}\n\nconst migrations: ReadonlyArray<{\n  readonly id: number\n  readonly name: string\n  readonly run: (sql: SqlClient.SqlClient) => Effect.Effect<void, SqlError.SqlError>\n}> = [\n  {\n    id: 1,\n    name: 'initial',\n    run: (sql) =>\n      Effect.gen(function* () {\n        yield* sql`CREATE TABLE IF NOT EXISTS notes (\n          project TEXT NOT NULL,\n          seq INTEGER NOT NULL,\n          data TEXT NOT NULL,\n          PRIMARY KEY (project, seq)\n        )`\n        yield* sql`CREATE TABLE IF NOT EXISTS projects (\n          id TEXT PRIMARY KEY,\n          name TEXT NOT NULL\n        )`\n      }),\n  },\n  {\n    id: 2,\n    name: 'project directory and address',\n    run: (sql) =>\n      Effect.gen(function* () {\n        yield* sql`ALTER TABLE projects ADD COLUMN directory TEXT`\n        yield* sql`ALTER TABLE projects ADD COLUMN address TEXT`\n      }),\n  },\n  {\n    id: 3,\n    name: 'project identity',\n    run: (sql) => sql`ALTER TABLE projects ADD COLUMN identity TEXT`.pipe(Effect.asVoid),\n  },\n]\n\nconst migrate = (sql: SqlClient.SqlClient): Effect.Effect<void, SqlError.SqlError> =>\n  Effect.gen(function* () {\n    yield* sql`CREATE TABLE IF NOT EXISTS _migrations (\n      id INTEGER PRIMARY KEY,\n      name TEXT NOT NULL,\n      applied_at TIMESTAMPTZ NOT NULL DEFAULT CURRENT_TIMESTAMP\n    )`\n    const applied = yield* sql<{ readonly id: number }>`SELECT id FROM _migrations`\n    const done = new Set(applied.map((row) => row.id))\n    const pending = migrations.filter((migration) => !done.has(migration.id))\n    yield* Effect.forEach(\n      pending,\n      (migration) =>\n        sql.withTransaction(\n          migration\n            .run(sql)\n            .pipe(\n              Effect.andThen(\n                sql`INSERT INTO _migrations (id, name) VALUES (${migration.id}, ${migration.name})`,\n              ),\n            ),\n        ),\n      { discard: true },\n    )\n  })\n\nimport { Array, Schema } from 'effect'\nimport { NoteSchema, type Note } from './note'\n\nconst decodeNote = (data: string): Effect.Effect<Note, DecodeError> =>\n  Effect.try({\n    try: () => JSON.parse(data) as unknown,\n    catch: (cause) => new DecodeError({ data, cause }),\n  }).pipe(\n    Effect.flatMap((json) =>\n      Schema.decodeUnknownEffect(NoteSchema)(json).pipe(\n        Effect.mapError((cause) => new DecodeError({ data, cause })),\n      ),\n    ),\n  )\n\nconst readNotes = (\n  sql: SqlClient.SqlClient,\n  project: string,\n): Effect.Effect<ReadonlyArray<Note>, SqlError.SqlError> =>\n  sql<{ readonly data: string }>`\n    SELECT data FROM notes WHERE project = ${project} ORDER BY seq\n  `.pipe(\n    Effect.flatMap((rows) =>\n      Effect.forEach(rows, (row) =>\n        decodeNote(row.data).pipe(\n          Effect.tapError((error) =>\n            Effect.logWarning('skipping a note that no longer decodes', error),\n          ),\n          Effect.map(Option.some),\n          Effect.catchTag('DecodeError', () => Effect.succeed(Option.none<Note>())),\n        ),\n      ),\n    ),\n    Effect.map(Array.getSomes),\n  )\n\nimport { Clock } from 'effect'\nimport { stampDraft, type Draft } from './note'\n\nconst recordDraft = (\n  sql: SqlClient.SqlClient,\n  draft: Draft,\n): Effect.Effect<Note, SqlError.SqlError> =>\n  sql.withTransaction(\n    Effect.gen(function* () {\n      const millis = yield* Clock.currentTimeMillis\n      const rows = yield* sql<{ readonly max: number | null }>`\n        SELECT MAX(seq) AS max FROM notes WHERE project = ${draft.project}\n      `\n      const highest = Option.match(Option.fromNullishOr(rows[0]?.max), {\n        onSome: (seq) => seq,\n        onNone: () => 0,\n      })\n      const note = stampDraft(draft, highest + 1, new Date(millis).toISOString())\n      yield* sql`\n        INSERT INTO notes (project, seq, data)\n        VALUES (${note.project}, ${note.seq}, ${JSON.stringify(note)})\n      `\n      return note\n    }),\n  )\n\nconst modifyNote = (\n  sql: SqlClient.SqlClient,\n  project: string,\n  seq: number,\n  change: (note: Note) => Note,\n): Effect.Effect<void, SqlError.SqlError | DecodeError> =>\n  Effect.gen(function* () {\n    const rows = yield* sql<{ readonly data: string }>`\n      SELECT data FROM notes WHERE project = ${project} AND seq = ${seq}\n    `\n    yield* Option.match(Option.fromNullishOr(rows[0]), {\n      onNone: () => Effect.void,\n      onSome: (row) =>\n        decodeNote(row.data).pipe(\n          Effect.map(change),\n          Effect.flatMap((updated) =>\n            sql`\n              UPDATE notes SET data = ${JSON.stringify(updated)}\n              WHERE project = ${project} AND seq = ${seq}\n            `,\n          ),\n        ),\n    })\n  })\n\nconst resolveNote = (sql: SqlClient.SqlClient, project: string, seq: number) =>\n  modifyNote(sql, project, seq, (note) => ({ ...note, addressed: true }))\n\nconst editNote = (sql: SqlClient.SqlClient, project: string, seq: number, text: string) =>\n  modifyNote(sql, project, seq, (note) => ({ ...note, text }))\n\nconst discardNote = (\n  sql: SqlClient.SqlClient,\n  project: string,\n  seq: number,\n): Effect.Effect<void, SqlError.SqlError> =>\n  sql`DELETE FROM notes WHERE project = ${project} AND seq = ${seq}`.pipe(Effect.asVoid)\n\ntype Project = {\n  readonly id: string\n  readonly name: string\n  readonly directory: string | null\n  readonly address: string | null\n  readonly identity: string | null\n}\n\nconst listProjects = (\n  sql: SqlClient.SqlClient,\n): Effect.Effect<ReadonlyArray<Project>, SqlError.SqlError> =>\n  sql<Project>`SELECT id, name, directory, address, identity FROM projects ORDER BY name`\n\nconst findProject = (\n  sql: SqlClient.SqlClient,\n  name: string,\n): Effect.Effect<Option.Option<Project>, SqlError.SqlError> =>\n  sql<Project>`\n    SELECT id, name, directory, address, identity FROM projects WHERE id = ${name}\n  `.pipe(Effect.map(Array.head))\n\nconst registerProject = (\n  sql: SqlClient.SqlClient,\n  name: string,\n  identity: string,\n  directory: string,\n  address: string,\n): Effect.Effect<void, SqlError.SqlError> =>\n  sql`\n    INSERT INTO projects (id, name, directory, address, identity)\n    VALUES (${name}, ${name}, ${directory}, ${address}, ${identity})\n    ON CONFLICT (id) DO UPDATE SET\n      directory = ${directory}, address = ${address}, identity = ${identity}\n  `.pipe(Effect.asVoid)\n\nconst ensureProject = (\n  sql: SqlClient.SqlClient,\n  id: string,\n): Effect.Effect<void, SqlError.SqlError> =>\n  sql`\n    INSERT INTO projects (id, name) VALUES (${id}, ${id})\n    ON CONFLICT (id) DO NOTHING\n  `.pipe(Effect.asVoid)\n\nconst backfillProjects = (sql: SqlClient.SqlClient): Effect.Effect<void, SqlError.SqlError> =>\n  sql`\n    INSERT INTO projects (id, name)\n    SELECT DISTINCT project, project FROM notes\n    WHERE true\n    ON CONFLICT (id) DO NOTHING\n  `.pipe(Effect.asVoid)\n\nconst sqliteClientLayer = (\n  filename: string,\n): Layer.Layer<SqlClient.SqlClient> =>\n  Layer.unwrap(\n    Effect.promise((): Promise<Layer.Layer<SqlClient.SqlClient>> =>\n      typeof (globalThis as { Bun?: unknown }).Bun !== 'undefined'\n        ? import('@effect/sql-sqlite-bun').then((m) =>\n            m.SqliteClient.layer({ filename, create: true }),\n          )\n        : import('@effect/sql-sqlite-node').then((m) =>\n            m.SqliteClient.layer({ filename }),\n          ),\n    ),\n  )\n\nexport const sqliteStore = (filename: string): Layer.Layer<NoteStore> =>\n  Layer.effect(NoteStore, NoteStore.make).pipe(\n    Layer.provide(sqliteClientLayer(filename)),\n  )\n\nimport { mkdirSync } from 'node:fs'\nimport { homedir } from 'node:os'\nimport { dirname, join } from 'node:path'\n\nexport const notesFile = (): string =>\n  process.env.LOOM_NOTES_DB ?? join(homedir(), '.loom', 'notes.sqlite')\n\nexport const localStore = (): Layer.Layer<NoteStore> =>\n  Layer.unwrap(\n    Effect.sync(() => {\n      const file = notesFile()\n      mkdirSync(dirname(file), { recursive: true })\n      return sqliteStore(file)\n    }),\n  )\n\nimport { Context, PubSub } from 'effect'\n\nexport class NoteStore extends Context.Service<NoteStore>()('NoteStore', {\n  make: Effect.gen(function* () {\n    const sql = yield* SqlClient.SqlClient\n    yield* migrate(sql)\n    yield* backfillProjects(sql)\n    const changes = yield* PubSub.unbounded<Note>()\n    return {\n      list: (project: string) => readNotes(sql, project),\n      record: (draft: Draft) =>\n        ensureProject(sql, draft.project).pipe(\n          Effect.andThen(recordDraft(sql, draft)),\n          Effect.tap((note) => PubSub.publish(changes, note)),\n        ),\n      resolve: (project: string, seq: number) => resolveNote(sql, project, seq),\n      edit: (project: string, seq: number, text: string) => editNote(sql, project, seq, text),\n      discard: (project: string, seq: number) => discardNote(sql, project, seq),\n      projects: listProjects(sql),\n      project: (name: string) => findProject(sql, name),\n      register: (\n        name: string,\n        identity: string,\n        directory: string,\n        address: string,\n      ) => registerProject(sql, name, identity, directory, address),\n      changes,\n    } as const\n  }).pipe(Effect.orDie),\n}) {\n  static readonly layer = localStore()\n}\n"],"mappings":"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"}

package/dist/ui.html

@@ -0,0 +1,103 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width,initial-scale=1" />
+<title>Loom Design</title>
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,300;6..72,400&display=swap" rel="stylesheet" />
+<style>
+  :root {
+    --bg: #0f1014;
+    --bg-2: #15171d;
+    --bg-3: #1b1e26;
+    --fg: #e6e6ea;
+    --fg-2: #b6b8c2;
+    --fg-3: #7a7e8c;
+    --rule: #ffffff1f;
+    --mint: #8fe0b6;
+    --violet: #b59bf1;
+    --display: 'Newsreader', Georgia, serif;
+    --sans: 'Inter', system-ui, -apple-system, sans-serif;
+    --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
+  }
+  * { box-sizing: border-box; }
+  body {
+    margin: 0;
+    min-height: 100vh;
+    background: var(--bg);
+    color: var(--fg);
+    font-family: var(--sans);
+    display: grid;
+    place-items: center;
+    padding: 32px;
+  }
+  .card {
+    width: 100%;
+    max-width: 640px;
+    background: var(--bg-2);
+    border: 1px solid var(--rule);
+    border-radius: 12px;
+    padding: 36px;
+  }
+  .title {
+    font-family: var(--display);
+    font-weight: 300;
+    font-size: 34px;
+    letter-spacing: -0.02em;
+    margin-bottom: 12px;
+  }
+  .title .mint { color: var(--mint); }
+  .lede { color: var(--fg-2); line-height: 1.6; }
+  .label {
+    font-family: var(--mono);
+    font-size: 11px;
+    letter-spacing: 0.04em;
+    color: var(--fg-3);
+    margin: 28px 0 8px;
+  }
+  .input {
+    width: 100%;
+    background: var(--bg-3);
+    border: 1px solid var(--rule);
+    border-radius: 6px;
+    color: var(--fg);
+    font-family: var(--mono);
+    font-size: 14px;
+    padding: 11px 12px;
+  }
+  .input:focus { outline: none; border-color: var(--mint); }
+  .snippet {
+    margin-top: 20px;
+    background: var(--bg-3);
+    border: 1px solid var(--rule);
+    border-radius: 8px;
+    padding: 16px;
+    font-family: var(--mono);
+    font-size: 13px;
+    line-height: 1.5;
+    color: var(--fg-2);
+    white-space: pre-wrap;
+    word-break: break-all;
+  }
+  .copy {
+    margin-top: 16px;
+    background: var(--mint);
+    color: var(--bg);
+    border: none;
+    border-radius: 6px;
+    font-family: var(--mono);
+    font-size: 13px;
+    font-weight: 500;
+    padding: 11px 18px;
+    cursor: pointer;
+  }
+  .copy:hover { background: var(--violet); }
+</style>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/ui.js"></script>
+</body>
+</html>