Het geslacht De Visser

\n \n \n \n\n",[19,95],"70d37630-680d-493e-b6c5-65f4a12080db","favicon.svg","019f33f3-6797-71df-9472-cbdac40c5906",["D",1783283017517],"\n",[19,103],"eccae7a2-0ce4-448b-a356-b12e9f2180d8","components","019f33f3-6797-71df-9472-c4d39f070420",["D",1783283017517],"directory",[19,109],"eb078953-a605-44f4-ac33-572b7401271f",["D",1783283017517],[19],{"_36":114,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":88,"_75":76,"_38":147,"_17":90,"_79":112,"_80":-5,"_82":51,"_83":-5,"_126":148,"_18":149},{"_36":139,"_13":140,"_67":141,"_69":-5,"_71":72,"_73":142,"_75":76,"_38":143,"_17":88,"_79":24,"_80":144,"_82":51,"_83":-5,"_126":145,"_18":146},{"_36":129,"_13":130,"_67":131,"_69":-5,"_71":72,"_73":132,"_75":76,"_38":133,"_17":134,"_79":135,"_80":136,"_82":51,"_83":-5,"_126":137,"_18":138},{"_36":121,"_13":122,"_67":123,"_69":-5,"_71":72,"_73":78,"_75":76,"_38":124,"_17":88,"_79":91,"_80":125,"_82":51,"_83":-5,"_126":127,"_18":128},"5e4e9f11-34c6-4a3d-9a4d-2e43cff0444f","seed.ts","f5c9b38a-78af-11f1-8c10-1607ee4eb77e",["D",1783283838121],"export type SeedPerson = {\n id: string;\n name: string;\n displayName?: string;\n gender?: string;\n birthDate?: string;\n birthPlace?: string;\n deathDate?: string;\n deathPlace?: string;\n occupation?: string;\n notes?: string;\n tags?: string;\n lineageOrder?: number;\n};\n\nexport type SeedRelationship = {\n id: string;\n sourceId: string;\n targetId: string;\n type: \"parent\" | \"spouse\" | \"source\";\n date?: string;\n place?: string;\n notes?: string;\n};\n\nexport type SeedSource = {\n id: string;\n title: string;\n detail?: string;\n url?: string;\n};\n\n// The initial family data was imported once into Val Town SQLite.\n// Keep this public val source free of private genealogy records.\nexport const seedPeople: SeedPerson[] = [];\nexport const seedRelationships: SeedRelationship[] = [];\nexport const seedSources: SeedSource[] = [];\n","children",[],[122],"e8562739-0ba9-44ae-b251-9656e56e1c79","index.ts","019f33f3-6797-71df-9472-df6c22f5cb8b",39,["D",1789164667275],5,"http","import { parseVal, serveImmutableFile, immutableFileUrl } from \"https://esm.town/v/std/utils@285-main/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { Hono } from \"npm:hono\";\nimport { seedPeople, seedRelationships, seedSources } from \"./seed.ts\";\n\ntype UserRecord = {\n displayName: string;\n role: string;\n salt: string;\n hash: string;\n};\n\ntype SessionUser = {\n username: string;\n displayName: string;\n role: string;\n exp: number;\n};\n\nconst app = new Hono();\nconst encoder = new TextEncoder();\nconst sessionCookie = \"dv_session\";\nconst oneWeek = 60 * 60 * 24 * 7;\n\nfunction json(body: unknown, status = 200, headers: Record = {}) {\n return new Response(JSON.stringify(body), {\n status,\n headers: {\n \"content-type\": \"application/json; charset=utf-8\",\n ...headers,\n },\n });\n}\n\nfunction getAuthUsers(): Record {\n const raw = Deno.env.get(\"AUTH_USERS_JSON\");\n if (!raw) return {};\n try {\n return JSON.parse(raw) as Record;\n } catch (_error) {\n return {};\n }\n}\n\nfunction getSessionSecret() {\n return Deno.env.get(\"SESSION_SECRET\") || \"dev-only-change-me\";\n}\n\nfunction base64Url(bytes: Uint8Array) {\n let binary = \"\";\n for (const byte of bytes) binary += String.fromCharCode(byte);\n return btoa(binary).replaceAll(\"+\", \"-\").replaceAll(\"/\", \"_\").replaceAll(\"=\", \"\");\n}\n\nfunction base64UrlToBytes(value: string) {\n const padded = value.replaceAll(\"-\", \"+\").replaceAll(\"_\", \"/\") + \"===\".slice((value.length + 3) % 4);\n const binary = atob(padded);\n const bytes = new Uint8Array(binary.length);\n for (let i = 0; i < binary.length; i += 1) bytes[i] = binary.charCodeAt(i);\n return bytes;\n}\n\nasync function sha256Hex(value: string) {\n const digest = await crypto.subtle.digest(\"SHA-256\", encoder.encode(value));\n return Array.from(new Uint8Array(digest)).map((byte) => byte.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nasync function hmac(value: string) {\n const key = await crypto.subtle.importKey(\n \"raw\",\n encoder.encode(getSessionSecret()),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n [\"sign\"],\n );\n const signature = await crypto.subtle.sign(\"HMAC\", key, encoder.encode(value));\n return base64Url(new Uint8Array(signature));\n}\n\nfunction constantTimeEqual(a: string, b: string) {\n if (a.length !== b.length) return false;\n let result = 0;\n for (let i = 0; i < a.length; i += 1) result |= a.charCodeAt(i) ^ b.charCodeAt(i);\n return result === 0;\n}\n\nfunction parseCookies(req: Request) {\n const header = req.headers.get(\"cookie\") || \"\";\n const cookies = new Map();\n for (const part of header.split(\";\")) {\n const [name, ...rest] = part.trim().split(\"=\");\n if (name) cookies.set(name, rest.join(\"=\"));\n }\n return cookies;\n}\n\nasync function createSession(user: SessionUser) {\n const payload = base64Url(encoder.encode(JSON.stringify(user)));\n const signature = await hmac(payload);\n return `${payload}.${signature}`;\n}\n\nasync function readSession(req: Request): Promise {\n const token = parseCookies(req).get(sessionCookie);\n if (!token || !token.includes(\".\")) return null;\n const [payload, signature] = token.split(\".\");\n const expected = await hmac(payload);\n if (!constantTimeEqual(signature, expected)) return null;\n try {\n const user = JSON.parse(new TextDecoder().decode(base64UrlToBytes(payload))) as SessionUser;\n if (!user.exp || user.exp < Date.now()) return null;\n return user;\n } catch (_error) {\n return null;\n }\n}\n\nasync function requireUser(req: Request) {\n const user = await readSession(req);\n if (!user) return null;\n return user;\n}\n\nfunction sessionCookieHeader(token: string) {\n return `${sessionCookie}=${token}; Path=/; HttpOnly; Secure; SameSite=Lax; Max-Age=${oneWeek}`;\n}\n\nfunction clearCookieHeader() {\n return `${sessionCookie}=; Path=/; HttpOnly; Secure; SameSite=Lax; Max-Age=0`;\n}\n\nasync function initDb() {\n await sqlite.batch([\n {\n sql: `CREATE TABLE IF NOT EXISTS people (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n display_name TEXT,\n gender TEXT,\n birth_date TEXT,\n birth_place TEXT,\n death_date TEXT,\n death_place TEXT,\n occupation TEXT,\n notes TEXT,\n tags TEXT,\n lineage_order INTEGER,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP\n )`,\n args: [],\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS relationships (\n id TEXT PRIMARY KEY,\n source_id TEXT NOT NULL,\n target_id TEXT NOT NULL,\n type TEXT NOT NULL,\n date TEXT,\n place TEXT,\n notes TEXT,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP\n )`,\n args: [],\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS sources (\n id TEXT PRIMARY KEY,\n title TEXT NOT NULL,\n detail TEXT,\n url TEXT\n )`,\n args: [],\n },\n ]);\n\n const count = await sqlite.execute(\"SELECT COUNT(*) as count FROM people\");\n if (Number(count.rows[0]?.count || 0) > 0) return;\n\n const statements = [\n ...seedPeople.map((person) => ({\n sql: `INSERT INTO people (\n id, name, display_name, gender, birth_date, birth_place, death_date, death_place,\n occupation, notes, tags, lineage_order\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n person.id,\n person.name,\n person.displayName || null,\n person.gender || null,\n person.birthDate || null,\n person.birthPlace || null,\n person.deathDate || null,\n person.deathPlace || null,\n person.occupation || null,\n person.notes || null,\n person.tags || null,\n person.lineageOrder ?? null,\n ],\n })),\n ...seedRelationships.map((relationship) => ({\n sql: `INSERT INTO relationships (id, source_id, target_id, type, date, place, notes)\n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n args: [\n relationship.id,\n relationship.sourceId,\n relationship.targetId,\n relationship.type,\n relationship.date || null,\n relationship.place || null,\n relationship.notes || null,\n ],\n })),\n ...seedSources.map((source) => ({\n sql: \"INSERT INTO sources (id, title, detail, url) VALUES (?, ?, ?, ?)\",\n args: [source.id, source.title, source.detail || null, source.url || null],\n })),\n ];\n await sqlite.batch(statements);\n}\n\nasync function readTree() {\n await initDb();\n const [people, relationships, sources] = await Promise.all([\n sqlite.execute(\"SELECT * FROM people ORDER BY COALESCE(lineage_order, 999), birth_date, name\"),\n sqlite.execute(\"SELECT * FROM relationships ORDER BY created_at, id\"),\n sqlite.execute(\"SELECT * FROM sources ORDER BY title\"),\n ]);\n return {\n people: people.rows,\n relationships: relationships.rows,\n sources: sources.rows,\n stats: {\n people: people.rows.length,\n relationships: relationships.rows.length,\n directLine: people.rows.filter((row) => String(row.tags || \"\").includes(\"direct-line\")).length,\n places: new Set(people.rows.flatMap((row) => [row.birth_place, row.death_place]).filter(Boolean)).size,\n },\n };\n}\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/frontend/**/*\", (c) => serveImmutableFile(c.req.path));\n\napp.get(\"/\", () => {\n const html = `\n\n \n \n \n Het geslacht De Visser\n \n \n \n \n \n \n \n \n \n

\n \n \n \n`;\n return new Response(html, {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"cache-control\": \"no-cache\",\n },\n });\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.get(\"/api/session\", async (c) => {\n const user = await readSession(c.req.raw);\n if (!user) return json({ authenticated: false });\n return json({ authenticated: true, user: { username: user.username, displayName: user.displayName, role: user.role } });\n});\n\napp.post(\"/api/login\", async (c) => {\n const users = getAuthUsers();\n let payload: { username?: string; password?: string } = {};\n try {\n payload = await c.req.json();\n } catch (_error) {\n return json({ error: \"Ongeldige login-aanvraag.\" }, 400);\n }\n const username = String(payload.username || \"\").trim().toLowerCase();\n const password = String(payload.password || \"\");\n const record = users[username];\n if (!record || !password) return json({ error: \"Controleer gebruikersnaam en wachtwoord.\" }, 401);\n\n const hash = await sha256Hex(`${record.salt}:${password}`);\n if (!constantTimeEqual(hash, record.hash)) return json({ error: \"Controleer gebruikersnaam en wachtwoord.\" }, 401);\n\n const session = await createSession({\n username,\n displayName: record.displayName || username,\n role: record.role || \"editor\",\n exp: Date.now() + oneWeek * 1000,\n });\n return json(\n { ok: true, user: { username, displayName: record.displayName || username, role: record.role || \"editor\" } },\n 200,\n { \"set-cookie\": sessionCookieHeader(session) },\n );\n});\n\napp.post(\"/api/logout\", () => json({ ok: true }, 200, { \"set-cookie\": clearCookieHeader() }));\n\napp.get(\"/api/tree\", async (c) => {\n const user = await requireUser(c.req.raw);\n if (!user) return json({ error: \"Niet ingelogd.\" }, 401);\n return json(await readTree());\n});\n\napp.post(\"/api/people\", async (c) => {\n const user = await requireUser(c.req.raw);\n if (!user) return json({ error: \"Niet ingelogd.\" }, 401);\n let body: Record = {};\n try {\n body = await c.req.json();\n } catch (_error) {\n return json({ error: \"Ongeldige invoer.\" }, 400);\n }\n\n const name = String(body.name || \"\").trim();\n if (name.length < 2) return json({ error: \"Vul minimaal een naam in.\" }, 400);\n\n await initDb();\n const id = `person-${crypto.randomUUID()}`;\n const relationshipId = `rel-${crypto.randomUUID()}`;\n const connectTo = String(body.connectTo || \"\").trim();\n const relation = String(body.relation || \"child-of\");\n const notes = String(body.notes || \"\").trim();\n\n const inserts = [\n {\n sql: `INSERT INTO people (\n id, name, display_name, gender, birth_date, birth_place, death_date, death_place,\n occupation, notes, tags, lineage_order\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n id,\n name,\n String(body.displayName || \"\").trim() || null,\n String(body.gender || \"\").trim() || null,\n String(body.birthDate || \"\").trim() || null,\n String(body.birthPlace || \"\").trim() || null,\n String(body.deathDate || \"\").trim() || null,\n String(body.deathPlace || \"\").trim() || null,\n String(body.occupation || \"\").trim() || null,\n notes || null,\n \"user-added\",\n null,\n ],\n },\n ];\n\n if (connectTo) {\n if (relation === \"parent-of\") {\n inserts.push({\n sql: \"INSERT INTO relationships (id, source_id, target_id, type, date, place, notes) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [relationshipId, id, connectTo, \"parent\", null, null, \"Toegevoegd via beheer\"],\n });\n } else if (relation === \"spouse-of\") {\n inserts.push({\n sql: \"INSERT INTO relationships (id, source_id, target_id, type, date, place, notes) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [relationshipId, connectTo, id, \"spouse\", String(body.relationshipDate || \"\").trim() || null, String(body.relationshipPlace || \"\").trim() || null, \"Toegevoegd via beheer\"],\n });\n } else {\n inserts.push({\n sql: \"INSERT INTO relationships (id, source_id, target_id, type, date, place, notes) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [relationshipId, connectTo, id, \"parent\", null, null, \"Toegevoegd via beheer\"],\n });\n }\n }\n\n await sqlite.batch(inserts);\n return json({ ok: true, personId: id, tree: await readTree() }, 201);\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n",[],[130],"e1750414-e168-4cea-a951-23a582055c84","README.md","019f33f3-6797-71df-9472-dbfce642fe47",37,["D",1789164639003],"# Het geslacht De Visser\n\nAfgeschermde familystamboom voor het geslacht De Visser (Walcheren): atlas, dossier, tijdlijn, plaatsen, bronnen en beheer voor nieuwe entries.\n\n**Live:** de HTTP-endpoint van deze val (login vereist voor de boom).\n\n## Stack\n\n- **Hono** HTTP API + sessie-auth (`AUTH_USERS_JSON`, `SESSION_SECRET`)\n- **SQLite** voor people / relationships / sources\n- **React 18.2** SPA + Twind + eigen CSS (Fraunces / Source Sans 3)\n- Frontend assets via `serveImmutableFile` + `immutableFileUrl`\n\n## Structuur\n\n```\nindex.ts ← Hono: auth, /api/*, stamped HTML shell\nseed.ts ← publieke seed-stubs (echte data blijft in SQLite)\nfrontend/\n index.html ← referentie-shell (runtime shell komt uit index.ts)\n index.tsx ← React mount\n styles.css ← Walcheren-thema\n components/App.tsx ← SPA\n```\n\n## Auth\n\nZet in Val Town env:\n\n- `AUTH_USERS_JSON` — map van username → `{ displayName, role, salt, hash }` (SHA-256 van `salt:password`)\n- `SESSION_SECRET` — HMAC-geheim voor de cookie\n\n## Broncode\n\n`/source` redirect naar de Val Town-pagina van dit project.\n",[],[140],["D",1783283017517],[150,151,152,153,154],[19],{"_36":108,"_13":109,"_67":110,"_69":70,"_71":72,"_73":88,"_75":76,"_38":167,"_17":90,"_79":112,"_80":-5,"_82":51,"_83":-5,"_126":168,"_18":169},{"_36":102,"_13":103,"_67":104,"_69":70,"_71":72,"_73":88,"_75":76,"_38":164,"_17":90,"_79":24,"_80":106,"_82":51,"_83":-5,"_126":165,"_18":166},{"_36":94,"_13":95,"_67":96,"_69":70,"_71":72,"_73":97,"_75":76,"_38":161,"_17":99,"_79":24,"_80":100,"_82":51,"_83":-5,"_126":162,"_18":163},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":88,"_75":76,"_38":158,"_17":90,"_79":91,"_80":92,"_82":51,"_83":-5,"_126":159,"_18":160},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":155,"_17":78,"_79":24,"_80":81,"_82":51,"_83":-5,"_126":156,"_18":157},["D",1789164631973],[],[19,66],["D",1783283017517],[],[19,86],["D",1789164609310],[],[19,95],["D",1783283017517],[],[19,103],["D",1783283017517],[170],[19,109],{"_36":171,"_13":172,"_67":173,"_69":110,"_71":72,"_73":174,"_75":76,"_38":175,"_17":176,"_79":91,"_80":177,"_82":51,"_83":-5,"_126":178,"_18":179},"9111e41a-9aa1-4910-ac45-540b57f60032","App.tsx","019f33f3-6797-71df-9472-bfd84de1747d",29,["D",1789164612674],18,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n Anchor,\n Archive,\n BookOpen,\n Calendar,\n Check,\n ChevronRight,\n Clock3,\n Compass,\n FilePlus2,\n Fingerprint,\n HeartHandshake,\n Home,\n KeyRound,\n Landmark,\n Link as LinkIcon,\n ListFilter,\n LogOut,\n Map as MapIcon,\n MapPin,\n Network,\n NotebookTabs,\n Plus,\n Route,\n Search,\n Settings,\n ShieldCheck,\n Sparkles,\n Star,\n TreePine,\n User,\n Users,\n X,\n} from \"https://esm.sh/lucide-react@0.468.0?deps=react@18.2.0\";\n\ntype Person = {\n id: string;\n name: string;\n display_name?: string | null;\n gender?: string | null;\n birth_date?: string | null;\n birth_place?: string | null;\n death_date?: string | null;\n death_place?: string | null;\n occupation?: string | null;\n notes?: string | null;\n tags?: string | null;\n lineage_order?: number | null;\n created_at?: string | null;\n};\n\ntype Relationship = {\n id: string;\n source_id: string;\n target_id: string;\n type: \"parent\" | \"spouse\" | string;\n date?: string | null;\n place?: string | null;\n notes?: string | null;\n};\n\ntype Source = { id: string; title: string; detail?: string | null; url?: string | null };\ntype TreeData = { people: Person[]; relationships: Relationship[]; sources: Source[]; stats: Record };\ntype Session = { username: string; displayName: string; role: string };\ntype Tab = \"overview\" | \"ancestors\" | \"descendants\" | \"timeline\" | \"places\" | \"sources\" | \"manage\";\n\nconst navItems: Array<{ id: Tab; label: string; icon: any }> = [\n { id: \"overview\", label: \"Atlas\", icon: Home },\n { id: \"ancestors\", label: \"Voorouders\", icon: Route },\n { id: \"descendants\", label: \"Nazaten\", icon: Network },\n { id: \"timeline\", label: \"Tijdlijn\", icon: Clock3 },\n { id: \"places\", label: \"Plaatsen\", icon: MapPin },\n { id: \"sources\", label: \"Bronnen\", icon: BookOpen },\n { id: \"manage\", label: \"Beheer\", icon: Settings },\n];\n\nasync function requestJson(path: string, init?: RequestInit) {\n const response = await fetch(path, {\n ...init,\n headers: { \"content-type\": \"application/json\", ...(init?.headers || {}) },\n });\n const data = await response.json().catch(() => ({}));\n if (!response.ok) throw new Error(data.error || \"Er ging iets mis.\");\n return data;\n}\n\nfunction label(person?: Person | null) {\n return person?.display_name || person?.name || \"Onbekend\";\n}\n\nfunction hasTag(person: Person | null | undefined, tag: string) {\n return String(person?.tags || \"\").split(\",\").map((part) => part.trim()).includes(tag);\n}\n\nfunction initials(person: Person) {\n return label(person)\n .replace(/\$[^)]*\$/g, \"\")\n .split(/\\s+/)\n .filter(Boolean)\n .slice(0, 2)\n .map((part) => part[0]?.toUpperCase())\n .join(\"\");\n}\n\nfunction placeLine(prefix: string, date?: string | null, place?: string | null) {\n if (!date && !place) return \"\";\n return [prefix, date, place ? `te ${place}` : \"\"].filter(Boolean).join(\" \");\n}\n\nfunction lifeLine(person?: Person | null) {\n if (!person) return \"\";\n const born = placeLine(\"Geboren\", person.birth_date, person.birth_place);\n const died = placeLine(\"Overleden\", person.death_date, person.death_place);\n if (born && died) return `${born} - ${died}`;\n return born || died || \"Nog geen datums vastgelegd\";\n}\n\nfunction yearFrom(value?: string | null) {\n const match = String(value || \"\").match(/(\\d{4})/);\n return match ? Number(match[1]) : null;\n}\n\nfunction yearLabel(person: Person) {\n const born = yearFrom(person.birth_date);\n const died = yearFrom(person.death_date);\n if (born && died) return `${born}-${died}`;\n if (born) return String(born);\n if (died) return `-${died}`;\n return \"zonder datum\";\n}\n\nfunction sortByLineage(a: Person, b: Person) {\n return Number(a.lineage_order || 999) - Number(b.lineage_order || 999) || label(a).localeCompare(label(b));\n}\n\nfunction lineagePerson(people: Person[], order: number) {\n return people.find((person) => Number(person.lineage_order) === order) || null;\n}\n\nfunction featuredDefault(people: Person[]) {\n return lineagePerson(people, 16) || people.find((person) => hasTag(person, \"featured\")) || people[0] || null;\n}\n\nfunction uniquePeople(people: Array) {\n const seen = new Set();\n return people.filter((person): person is Person => {\n if (!person || seen.has(person.id)) return false;\n seen.add(person.id);\n return true;\n });\n}\n\nfunction spouseOf(person: Person | null | undefined, peopleById: Map, relationships: Relationship[]) {\n if (!person) return null;\n const rel = relationships.find((entry) => entry.type === \"spouse\" && (entry.source_id === person.id || entry.target_id === person.id));\n return rel ? peopleById.get(rel.source_id === person.id ? rel.target_id : rel.source_id) || null : null;\n}\n\nfunction childrenOf(person: Person | null | undefined, peopleById: Map, relationships: Relationship[]) {\n if (!person) return [];\n return uniquePeople(relationships.filter((rel) => rel.type === \"parent\" && rel.source_id === person.id).map((rel) => peopleById.get(rel.target_id))).sort(sortByLineage);\n}\n\nfunction allPlaces(people: Person[]) {\n return [...new Set(people.flatMap((person) => [person.birth_place, person.death_place]).filter(Boolean) as string[])].sort((a, b) => a.localeCompare(b));\n}\n\nfunction AtlasBackdrop() {\n return (\n \n );\n}\n\nfunction CrestMark() {\n return (\n

\n \n

\n );\n}\n\nfunction Portrait({ person, paper = false }: { person: Person; paper?: boolean }) {\n return {initials(person)};\n}\n\nfunction PersonTile({ person, selected, onSelect, scale = \"normal\" }: { person: Person; selected: boolean; onSelect: (id: string) => void; scale?: \"normal\" | \"hero\" | \"compact\" }) {\n const classes = [\"person-tile\", `scale-${scale}`, selected ? \"selected\" : \"\", hasTag(person, \"featured\") ? \"featured\" : \"\", hasTag(person, \"user-added\") ? \"user-added\" : \"\"].filter(Boolean).join(\" \");\n return (\n \n );\n}\n\nfunction DossierPanel({ person, peopleById, relationships, openEntry }: { person: Person; peopleById: Map; relationships: Relationship[]; openEntry: () => void }) {\n const spouses = relationships\n .filter((rel) => rel.type === \"spouse\" && (rel.source_id === person.id || rel.target_id === person.id))\n .map((rel) => ({ rel, person: peopleById.get(rel.source_id === person.id ? rel.target_id : rel.source_id) }))\n .filter((entry) => entry.person) as Array<{ rel: Relationship; person: Person }>;\n const children = childrenOf(person, peopleById, relationships);\n const hasDeath = Boolean(person.death_date || person.death_place);\n\n return (\n

record

\n \n

{label(person)}

{person.occupation || \"Geen beroep of rol vastgelegd\"}

\n {(person.birth_date || person.birth_place) ? (\n

Geboren{[person.birth_date, person.birth_place && `te ${person.birth_place}`].filter(Boolean).join(\" \")}

\n ) : null}\n {hasDeath ? (\n

Overleden{[person.death_date, person.death_place && `te ${person.death_place}`].filter(Boolean).join(\" \")}

\n ) : null}\n {spouses.length ? (\n

\n \n \n Verbonden met\n {spouses.map(({ rel, person: spouse }) => (\n {label(spouse)}{rel.date ? ` - ${rel.date}` : \"\"}{rel.place ? ` te ${rel.place}` : \"\"}\n ))}\n \n

\n ) : null}\n {children.length ? (\n

\n \n \n Kinderen\n {children.map((child) => {label(child)})}\n \n

\n ) : null}\n {person.notes ?

Notitie{person.notes}

: null}\n

\n \n

\n );\n}\n\nfunction LineageRail({ people, selectedId, setSelected }: { people: Person[]; selectedId: string; setSelected: (id: string) => void }) {\n const directLine = people.filter((person) => hasTag(person, \"direct-line\")).sort(sortByLineage);\n return (\n \n );\n}\n\nfunction SearchDock({ matches, setSelected }: { matches: Person[]; setSelected: (id: string) => void }) {\n if (!matches.length) return null;\n return (\n

Zoekresultaten

\n {matches.map((person) => (\n \n ))}\n

\n );\n}\n\nfunction AtlasScene({ tree, selected, setSelected, peopleById, relationships, openEntry, query }: { tree: TreeData; selected: Person; setSelected: (id: string) => void; peopleById: Map; relationships: Relationship[]; openEntry: () => void; query: string }) {\n const directLine = tree.people.filter((person) => hasTag(person, \"direct-line\")).sort(sortByLineage);\n const focus = lineagePerson(directLine, 16) || selected;\n const partner = spouseOf(focus, peopleById, relationships);\n const children = childrenOf(focus, peopleById, relationships);\n const branchStart = lineagePerson(directLine, 17);\n const branchPartner = spouseOf(branchStart, peopleById, relationships);\n const recent = uniquePeople([branchStart, branchPartner, lineagePerson(directLine, 18), lineagePerson(directLine, 19)]);\n const union = partner ? relationships.find((rel) => rel.type === \"spouse\" && ((rel.source_id === focus.id && rel.target_id === partner.id) || (rel.target_id === focus.id && rel.source_id === partner.id))) : null;\n const matches = query.trim() ? tree.people.filter((person) => `${label(person)} ${person.birth_place || \"\"} ${person.death_place || \"\"} ${person.notes || \"\"}`.toLowerCase().includes(query.toLowerCase())).slice(0, 7) : [];\n const places = allPlaces(tree.people).slice(0, 8);\n\n return (\n

\n {tree.stats.people || 0} personen\n {tree.stats.directLine || 0} directe schakels\n {tree.stats.places || places.length} plaatsen\n \n

\n \n

\n \n Walcheren als herkomstlaag\n

\n \n Dossierlaag\n

\n {directLine.slice(Math.max(0, directLine.length - 8), directLine.length - 3).map((person) => (\n \n ))}\n

\n \n

\n \n \n {union?.date || \"verbonden\"}\n \n

\n {partner ? : }\n

kinderen

\n {children.map((person) => )}\n

lijn naar nu

\n {recent.map((person) => )}\n

\n {places.map((place) => {place})}\n

\n );\n}\n\nfunction Overview({ tree, selected, setSelected, peopleById, relationships, query, openEntry }: { tree: TreeData; selected: Person; setSelected: (id: string) => void; peopleById: Map; relationships: Relationship[]; query: string; openEntry: () => void }) {\n return (\n

\n \n \n \n

\n );\n}\n\nfunction ArchivePage({ title, subtitle, icon: Icon, children }: { title: string; subtitle?: string; icon: any; children: any }) {\n return (\n

\n \n

{title}

\n {subtitle ?

{subtitle}

: null}\n

\n {children}\n

\n );\n}\n\nfunction RecordButton({ person, onSelect, meta }: { person: Person; onSelect: (id: string) => void; meta?: string }) {\n return (\n \n );\n}\n\nfunction AncestorsPage({ people, setSelected }: { people: Person[]; setSelected: (id: string) => void }) {\n const directLine = people.filter((person) => hasTag(person, \"direct-line\")).sort(sortByLineage);\n return (\n \n

{directLine.map((person) => )}

\n \n );\n}\n\nfunction DescendantsPage({ tree, setSelected }: { tree: TreeData; setSelected: (id: string) => void }) {\n const peopleById = new Map(tree.people.map((person) => [person.id, person] as const));\n const directLine = tree.people.filter((person) => hasTag(person, \"direct-line\")).sort(sortByLineage);\n const familyHead = lineagePerson(directLine, 16);\n const recentDirect = directLine.filter((person) => Number(person.lineage_order || 0) >= 16);\n const household = familyHead ? childrenOf(familyHead, peopleById, tree.relationships) : [];\n const partners = recentDirect.map((person) => spouseOf(person, peopleById, tree.relationships));\n const added = tree.people.filter((person) => hasTag(person, \"user-added\"));\n const people = uniquePeople([...recentDirect, ...household, ...partners, ...added]);\n return (\n \n

{people.map((person) => )}

\n \n );\n}\n\nfunction TimelinePage({ people, setSelected }: { people: Person[]; setSelected: (id: string) => void }) {\n const dated = people.filter((person) => yearFrom(person.birth_date) || yearFrom(person.death_date)).sort((a, b) => Number(yearFrom(a.birth_date) || yearFrom(a.death_date)) - Number(yearFrom(b.birth_date) || yearFrom(b.death_date)));\n return (\n \n

\n {dated.map((person) => (\n \n ))}\n

\n \n );\n}\n\nfunction PlacesPage({ people }: { people: Person[] }) {\n const counts = new Map();\n for (const person of people) for (const place of [person.birth_place, person.death_place].filter(Boolean) as string[]) counts.set(place, (counts.get(place) || 0) + 1);\n const places = [...counts.entries()].sort((a, b) => b[1] - a[1]);\n return (\n \n

{places.map(([place, count]) =>

{place}{count} vermeldingen

)}

\n \n );\n}\n\nfunction SourcesPage({ sources }: { sources: Source[] }) {\n return (\n \n

\n {sources.map((source) => (\n

\n \n

{source.title}

{source.detail}

\n {source.url ? Open bron : null}\n

\n ))}\n

Bekijk / remix broncode

\n \n );\n}\n\nfunction EntryForm({ tree, selectedId, onCreated, onDone }: { tree: TreeData; selectedId: string; onCreated: (tree: TreeData, id: string) => void; onDone?: () => void }) {\n const [draft, setDraft] = useState({ name: \"\", gender: \"\", birthDate: \"\", birthPlace: \"\", deathDate: \"\", deathPlace: \"\", occupation: \"\", notes: \"\", connectTo: selectedId, relation: \"child-of\", relationshipDate: \"\", relationshipPlace: \"\" });\n const [saving, setSaving] = useState(false);\n const [message, setMessage] = useState(\"\");\n const [error, setError] = useState(\"\");\n\n useEffect(() => setDraft((current) => ({ ...current, connectTo: current.connectTo || selectedId })), [selectedId]);\n\n async function submit(event: any) {\n event.preventDefault();\n setSaving(true);\n setMessage(\"\");\n setError(\"\");\n try {\n const data = await requestJson(\"/api/people\", { method: \"POST\", body: JSON.stringify(draft) });\n setMessage(\"Nieuwe entry opgeslagen.\");\n setDraft({ name: \"\", gender: \"\", birthDate: \"\", birthPlace: \"\", deathDate: \"\", deathPlace: \"\", occupation: \"\", notes: \"\", connectTo: selectedId, relation: \"child-of\", relationshipDate: \"\", relationshipPlace: \"\" });\n onCreated(data.tree, data.personId);\n if (onDone) setTimeout(onDone, 450);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Opslaan mislukt.\");\n } finally {\n setSaving(false);\n }\n }\n\n function update(field: string, value: string) {\n setDraft((current) => ({ ...current, [field]: value }));\n }\n\n const people = [...tree.people].sort((a, b) => label(a).localeCompare(label(b)));\n const selectedPerson = people.find((person) => person.id === draft.connectTo);\n\n return (\n

\n conceptrecord\n {draft.name || \"Nieuwe persoon\"}\n {selectedPerson ? `gekoppeld aan ${label(selectedPerson)}` : \"nog niet gekoppeld\"}\n

\n Naam update(\"name\", (event.target as any).value)} placeholder=\"Volledige naam\" required />\n Geslacht\n Beroep / rol update(\"occupation\", (event.target as any).value)} placeholder=\"bijv. landbouwer\" />\n Geboortedatum update(\"birthDate\", (event.target as any).value)} placeholder=\"dd-mm-jjjj of ca. 1700\" />\n Geboorteplaats update(\"birthPlace\", (event.target as any).value)} placeholder=\"Aagtekerke\" />\n Overlijdensdatum update(\"deathDate\", (event.target as any).value)} placeholder=\"alleen invullen wanneer bekend\" />\n Overlijdensplaats update(\"deathPlace\", (event.target as any).value)} placeholder=\"alleen invullen wanneer bekend\" />\n Koppel aan\n Relatie\n Relatiedatum update(\"relationshipDate\", (event.target as any).value)} placeholder=\"bij partnerrelatie\" />\n Relatieplaats update(\"relationshipPlace\", (event.target as any).value)} placeholder=\"bij partnerrelatie\" />\n Notitie / bron

update(\"notes\", (event.target as any).value)} placeholder=\"Akte, bron, onzekerheid of context\" /></label>\n      </div>\n      <div className=\"form-actions\">\n        <button className=\"primary-button\" disabled={saving}><FilePlus2 />{saving ? \"Opslaan...\" : \"Entry opslaan\"}</button>\n        {message ? <span className=\"message\"><Check /> {message}</span> : null}\n        {error ? <span className=\"message error\">{error}</span> : null}\n      </div>\n    </form>\n  );\n}\n\nfunction EntryDrawer({ open, onClose, tree, selectedId, onCreated }: { open: boolean; onClose: () => void; tree: TreeData; selectedId: string; onCreated: (tree: TreeData, id: string) => void }) {\n  if (!open) return null;\n  return (\n    <div className=\"entry-drawer-shell open\">\n      <button className=\"drawer-scrim\" onClick={onClose} aria-label=\"Sluit entry paneel\" />\n      <aside className=\"entry-drawer\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Nieuwe entry\">\n        <div className=\"drawer-head\">\n          <div><h2>Nieuwe entry</h2><p>Beheer van personen en relaties</p></div>\n          <button className=\"icon-button\" onClick={onClose} aria-label=\"Sluiten\"><X /></button>\n        </div>\n        <EntryForm tree={tree} selectedId={selectedId} onCreated={onCreated} onDone={onClose} />\n      </aside>\n    </div>\n  );\n}\n\nfunction ManagePage({ tree, selectedId, onCreated }: { tree: TreeData; selectedId: string; onCreated: (tree: TreeData, id: string) => void }) {\n  return (\n    <ArchivePage title=\"Beheer\" subtitle=\"Voeg personen toe en koppel ze direct aan bestaande familieleden.\" icon={Settings}>\n      <div className=\"manage-grid\">\n        <EntryForm tree={tree} selectedId={selectedId} onCreated={onCreated} />\n        <aside className=\"auth-note\">\n          <ShieldCheck />\n          <h3>Public met poort</h3>\n          <p>De Val blijft public, maar de data en beheeracties zitten achter de sessiecookie. Accounts staan in <strong>AUTH_USERS_JSON</strong>.</p>\n          <p>Laat overlijdensvelden leeg zolang iemand niet overleden is of er geen bewijs is.</p>\n        </aside>\n      </div>\n    </ArchivePage>\n  );\n}\n\nfunction LoginScreen({ onLogin }: { onLogin: (session: Session) => void }) {\n  const [username, setUsername] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n  const [error, setError] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n\n  async function submit(event: any) {\n    event.preventDefault();\n    setError(\"\");\n    setLoading(true);\n    try {\n      const data = await requestJson(\"/api/login\", { method: \"POST\", body: JSON.stringify({ username, password }) });\n      onLogin(data.user);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Inloggen mislukt.\");\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  return (\n    <main className=\"login-screen\">\n      <section className=\"login-card\">\n        <div className=\"login-atlas\">\n          <AtlasBackdrop />\n          <div className=\"login-brand\">\n            <CrestMark />\n            <h1>Het geslacht De Visser</h1>\n            <p>Familiearchief Walcheren — kust, akte, naam en familie bij elkaar achter een rustige familiepoort.</p>\n          </div>\n        </div>\n        <form className=\"login-form\" onSubmit={submit}>\n          <h2>Familiepoort</h2>\n          <label className=\"field\"><span>Gebruikersnaam</span><input autoComplete=\"username\" value={username} onChange={(event) => setUsername((event.target as any).value)} placeholder=\"gebruikersnaam\" /></label>\n          <label className=\"field\"><span>Wachtwoord</span><input autoComplete=\"current-password\" type=\"password\" value={password} onChange={(event) => setPassword((event.target as any).value)} /></label>\n          <div className=\"form-actions\"><button className=\"primary-button\" disabled={loading}><KeyRound />{loading ? \"Controleren...\" : \"Inloggen\"}</button></div>\n          {error ? <p className=\"message error\">{error}</p> : null}\n          <p className=\"source-note\"><ShieldCheck /> Public val, data/API achter sessiecookie. <a href=\"/source\">View source</a>.</p>\n        </form>\n      </section>\n    </main>\n  );\n}\n\nfunction LoadingScreen() {\n  return <main className=\"loading-screen\"><div className=\"spinner\" aria-label=\"Laden\" /></main>;\n}\n\nexport function App() {\n  const [loading, setLoading] = useState(true);\n  const [session, setSession] = useState<Session | null>(null);\n  const [tree, setTree] = useState<TreeData | null>(null);\n  const [selectedId, setSelectedId] = useState(\"\");\n  const [activeTab, setActiveTab] = useState<Tab>(\"overview\");\n  const [query, setQuery] = useState(\"\");\n  const [entryOpen, setEntryOpen] = useState(false);\n\n  async function loadTree() {\n    const data = await requestJson(\"/api/tree\");\n    setTree(data);\n    const fallback = featuredDefault(data.people);\n    if ((!selectedId || !data.people.some((person: Person) => person.id === selectedId)) && fallback) setSelectedId(fallback.id);\n  }\n\n  useEffect(() => {\n    (async () => {\n      try {\n        const data = await requestJson(\"/api/session\");\n        if (data.authenticated) {\n          setSession(data.user);\n          const treeData = await requestJson(\"/api/tree\");\n          setTree(treeData);\n          const fallback = featuredDefault(treeData.people);\n          if (fallback) setSelectedId(fallback.id);\n        }\n      } finally {\n        setLoading(false);\n      }\n    })();\n  }, []);\n\n  const peopleById = useMemo(() => new Map((tree?.people || []).map((person) => [person.id, person] as const)), [tree]);\n  const selected = peopleById.get(selectedId) || featuredDefault(tree?.people || []) || null;\n\n  async function logout() {\n    await requestJson(\"/api/logout\", { method: \"POST\", body: \"{}\" });\n    setSession(null);\n    setTree(null);\n  }\n\n  function selectAndOverview(id: string) {\n    setSelectedId(id);\n    setActiveTab(\"overview\");\n  }\n\n  if (loading) return <LoadingScreen />;\n  if (!session) return <LoginScreen onLogin={(user) => { setSession(user); loadTree(); }} />;\n  if (!tree || !selected) return <LoadingScreen />;\n\n  return (\n    <div className=\"app-shell\">\n      <header className=\"app-header\">\n        <div className=\"header-main\">\n          <button className=\"brand-lockup\" onClick={() => setActiveTab(\"overview\")} aria-label=\"Ga naar atlas\">\n            <CrestMark />\n            <span>\n              <strong>Het geslacht De Visser</strong>\n              <em>Walcheren - familie - archief</em>\n            </span>\n          </button>\n          <label className=\"search-wrap\"><Search /><input value={query} onChange={(event) => setQuery((event.target as any).value)} placeholder=\"Zoek persoon, plaats of bron...\" /></label>\n          <div className=\"header-actions\">\n            <button className=\"primary-button\" onClick={() => setEntryOpen(true)}><FilePlus2 /> Nieuwe entry</button>\n            <div className=\"user-box\"><User /> <span>{session.displayName}</span><button className=\"icon-button\" onClick={logout} aria-label=\"Uitloggen\"><LogOut /></button></div>\n          </div>\n        </div>\n        <nav className=\"nav-tabs\" aria-label=\"Hoofdnavigatie\">\n          {navItems.map(({ id, label: itemLabel, icon: Icon }) => <button key={id} className={`nav-button ${activeTab === id ? \"active\" : \"\"}`} onClick={() => setActiveTab(id)}><Icon />{itemLabel}</button>)}\n        </nav>\n      </header>\n      <div className=\"workspace\">\n        {activeTab === \"overview\" ? <Overview tree={tree} selected={selected} setSelected={setSelectedId} peopleById={peopleById} relationships={tree.relationships} query={query} openEntry={() => setEntryOpen(true)} /> : null}\n        {activeTab === \"ancestors\" ? <AncestorsPage people={tree.people} setSelected={selectAndOverview} /> : null}\n        {activeTab === \"descendants\" ? <DescendantsPage tree={tree} setSelected={selectAndOverview} /> : null}\n        {activeTab === \"timeline\" ? <TimelinePage people={tree.people} setSelected={selectAndOverview} /> : null}\n        {activeTab === \"places\" ? <PlacesPage people={tree.people} /> : null}\n        {activeTab === \"sources\" ? <SourcesPage sources={tree.sources} /> : null}\n        {activeTab === \"manage\" ? <ManagePage tree={tree} selectedId={selectedId} onCreated={(nextTree, id) => { setTree(nextTree); setSelectedId(id); setActiveTab(\"overview\"); }} /> : null}\n      </div>\n      <EntryDrawer open={entryOpen} onClose={() => setEntryOpen(false)} tree={tree} selectedId={selectedId} onCreated={(nextTree, id) => { setTree(nextTree); setSelectedId(id); setActiveTab(\"overview\"); }} />\n    </div>\n  );\n}\n",[],[19,109,172],"7e11a53e-5566-4d87-977d-91b5f4b38580",["D",1783283017517],"legacyEnvVars","httpPrivacy","description","De Visser family tree with auth and editing","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789567199&sig=be2da3e537d6269cefeedcb88843ac66f83d7a4623f50e71633938e44918ec3c","userId","d4de366f-8281-484e-8856-3824b6bdfb0b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","9bb2e2b6-8aa1-4b6a-b4ef-ad7adab2b868","tursoName","7e11a53e55664d87977d91b5f4b38580","tursoHostname","7e11a53e55664d87977d91b5f4b38580-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789523429989],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_229":225},"org",{"_11":12,"_222":223,"_224":225,"_188":189,"_226":227,"_228":51},"branch",{"_17":132,"_13":16,"_36":72,"_42":180,"_45":37,"_46":218,"_219":53,"_220":43,"_221":57,"_58":14,"_54":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","slimarmor","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybFJkNm8zSzFzbGE5RzhsTUt3OGJMZFdGZFkifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":180,"_13":14,"_38":306,"_49":-5,"_182":51,"_52":53,"_183":53,"_184":185,"_186":187,"_188":189,"_190":131,"_191":76,"_192":-5,"_193":-5,"_194":90,"_56":195,"_196":197,"_198":199,"_200":307,"_202":-5,"_203":204,"_205":204,"_206":207,"_208":207,"_209":207,"_210":204,"_211":204,"_212":308,"_214":309,"_216":310,"_50":51},[276,283,284,285],"files",[276,277,278,279,280,281,282,283,284,285],"counts",{"_267":90,"_268":88,"_269":90,"_35":270,"_271":272},[257,258,259,260,261],{"_36":114,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":88,"_75":76,"_38":115,"_17":90,"_79":112,"_80":-5,"_82":51,"_83":-5,"_18":256},"upstreamProject",{"_36":43,"_13":59,"_184":253,"_186":187,"_52":53,"_212":254},"upstreamBranch",{"_36":37,"_38":251,"_40":252,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":55,"_229":255},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789567199&sig=d8af4f1d5d6ef07a152f6225f86a0227f22fe92650a7f9572d94a5f64256bba9",[19],{"_36":108,"_13":109,"_67":110,"_69":70,"_71":72,"_73":88,"_75":76,"_38":111,"_17":90,"_79":112,"_80":-5,"_82":51,"_83":-5,"_18":266},{"_36":102,"_13":103,"_67":104,"_69":70,"_71":72,"_73":88,"_75":76,"_38":105,"_17":90,"_79":24,"_80":106,"_82":51,"_83":-5,"_18":265},{"_36":94,"_13":95,"_67":96,"_69":70,"_71":72,"_73":97,"_75":76,"_38":98,"_17":99,"_79":24,"_80":100,"_82":51,"_83":-5,"_18":264},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":88,"_75":76,"_38":89,"_17":90,"_79":91,"_80":92,"_82":51,"_83":-5,"_18":263},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":77,"_17":78,"_79":24,"_80":81,"_82":51,"_83":-5,"_18":262},[19,66],[19,86],[19,95],[19,103],[19,109],"pulls","branches","forks",{"_273":34,"_275":90},"connections",{"_273":90,"_274":90},"count","unfilledCount","emptyCount",{"_36":114,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":88,"_75":76,"_38":147,"_17":90,"_79":112,"_80":-5,"_82":51,"_83":-5,"_126":304,"_18":305},{"_36":108,"_13":109,"_67":110,"_69":70,"_71":72,"_73":88,"_75":76,"_38":167,"_17":90,"_79":112,"_80":-5,"_82":51,"_83":-5,"_126":302,"_18":303},{"_36":171,"_13":172,"_67":173,"_69":110,"_71":72,"_73":174,"_75":76,"_38":175,"_17":176,"_79":91,"_80":177,"_82":51,"_83":-5,"_126":300,"_18":301},{"_36":102,"_13":103,"_67":104,"_69":70,"_71":72,"_73":88,"_75":76,"_38":164,"_17":90,"_79":24,"_80":106,"_82":51,"_83":-5,"_126":298,"_18":299},{"_36":94,"_13":95,"_67":96,"_69":70,"_71":72,"_73":97,"_75":76,"_38":161,"_17":99,"_79":24,"_80":100,"_82":51,"_83":-5,"_126":296,"_18":297},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":88,"_75":76,"_38":158,"_17":90,"_79":91,"_80":92,"_82":51,"_83":-5,"_126":294,"_18":295},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":155,"_17":78,"_79":24,"_80":81,"_82":51,"_83":-5,"_126":292,"_18":293},{"_36":139,"_13":140,"_67":141,"_69":-5,"_71":72,"_73":142,"_75":76,"_38":143,"_17":88,"_79":24,"_80":144,"_82":51,"_83":-5,"_126":290,"_18":291},{"_36":129,"_13":130,"_67":131,"_69":-5,"_71":72,"_73":132,"_75":76,"_38":133,"_17":134,"_79":135,"_80":136,"_82":51,"_83":-5,"_126":288,"_18":289},{"_36":121,"_13":122,"_67":123,"_69":-5,"_71":72,"_73":78,"_75":76,"_38":124,"_17":88,"_79":91,"_80":125,"_82":51,"_83":-5,"_126":286,"_18":287},[],[122],[],[130],[],[140],[],[19,66],[],[19,86],[],[19,95],[],[19,103],[],[19,109,172],[278],[19,109],[277,279,280,281,282],[19],["D",1783283017517],["D",1789523429989],{"_11":12,"_229":225},{"_11":12,"_222":223,"_224":225,"_188":189,"_226":227,"_228":51},{"_17":132,"_13":16,"_36":72,"_42":180,"_45":37,"_46":218,"_219":53,"_220":43,"_221":57,"_58":14,"_54":12},"ctx",{"_212":-5,"_248":344,"_345":346,"_347":348,"_349":51,"_350":51,"_351":51,"_352":76,"_353":-5,"_354":-7,"_355":-7,"_356":90,"_357":51,"_358":51,"_359":-5,"_360":51,"_361":51,"_362":51,"_363":-5},"ENV",{"_315":316,"_317":318,"_319":16,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>