[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_189":190,"_191":192},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_144":-5,"_20":145,"_22":146,"_147":148,"_149":150,"_26":151,"_24":152,"_153":-5,"_154":-5,"_155":51,"_156":157,"_158":43,"_159":-5,"_160":-5,"_161":162},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","reesericci","name","automerge-editor","branchName","main","version","path","index.html","project",{"_33":89,"_13":14,"_44":90,"_91":-5,"_92":51,"_93":94,"_95":94,"_96":97,"_98":-5,"_99":100,"_101":60,"_102":43,"_103":-5,"_104":-5,"_105":106,"_107":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_128":51},"tree",[54,55,56,57],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","01620afc-2bba-4ed4-b084-1f2febc253fd","fileId","5a02ca46-6981-11f1-9416-1607ee4eb77e","parentId","branchId","e77da79c-d75e-4692-8037-caaae8301891","branchVersion",2,"latest",true,"createdAt",["D",1781613970695],0,"fileType","content","\n\n\n \n \n Automerge Editor\n \n \n\n\n

\n \n\n\n","deleted",false,"label",[19],{"_33":81,"_13":82,"_35":83,"_37":-5,"_38":39,"_40":84,"_42":43,"_44":85,"_17":46,"_47":24,"_48":86,"_50":51,"_52":-5,"_65":87,"_18":88},{"_33":71,"_13":72,"_35":73,"_37":-5,"_38":39,"_40":74,"_42":43,"_44":75,"_17":76,"_47":77,"_48":78,"_50":51,"_52":-5,"_65":79,"_18":80},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":68,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_65":69,"_18":70},{"_33":58,"_13":59,"_35":60,"_37":-5,"_38":39,"_40":61,"_42":43,"_44":62,"_17":41,"_47":63,"_48":64,"_50":51,"_52":-5,"_65":66,"_18":67},"bcf44154-d6de-43f2-8c8a-6c0e21e730db","server.ts","56d55474-6981-11f1-8744-1607ee4eb77e",9,["D",1781642628364],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n console.log(\"hi\");\n\n // Redirect to source for \"view source\" link\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n\n // Serve the browser entry point, transpiled from TSX to JS\n if (url.pathname === \"/client.js\") {\n return serveFile(\"./client.tsx\", import.meta.url);\n }\n\n // Everything else serves the HTML shell (SPA)\n return serveFile(\"./index.html\", import.meta.url);\n}","children",[],[59],["D",1781613970695],[],[19],"51eeafe8-0e2b-4d97-90f7-ce9713216996","client.tsx","707cb386-6981-11f1-93cb-1607ee4eb77e",28,["D",1781647687210],22,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n/// \nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0\";\nimport * as AutomergeRepo from \"https://esm.sh/@automerge/automerge-repo@2.5.6/X-YUBhdXRvbWVyZ2UvYXV0b21lcmdlL3NsaW06QGF1dG9tZXJnZS9hdXRvbWVyZ2VAMy4yLjYvc2xpbQ/es2022/slim.bundle.mjs\";\nimport { automergeWasmBase64 } from \"https://esm.sh/@automerge/automerge@3.2.6/es2022/dist/mjs/wasm_bindgen_output/web/automerge_wasm_bg_base64.mjs\";\nimport * as AutomergeWebSocket from \"https://esm.sh/@automerge/automerge-repo-network-websocket@2.5.6/X-YUBhdXRvbWVyZ2UvYXV0b21lcmdlLXJlcG8vc2xpbTpAYXV0b21lcmdlL2F1dG9tZXJnZS1yZXBvQDIuNS42L3NsaW0sQGF1dG9tZXJnZS9hdXRvbWVyZ2Uvc2xpbTpAYXV0b21lcmdlL2F1dG9tZXJnZUAzLjIuNi9zbGlt/es2022/automerge-repo-network-websocket.bundle.mjs\";\n\nconst { initializeBase64Wasm, isValidAutomergeUrl, Repo } = AutomergeRepo;\nconst { WebSocketClientAdapter } = AutomergeWebSocket;\n\ntype Status = \"idle\" | \"connecting\" | \"ready\" | \"error\";\ntype JsonDoc = Record;\n\nconst LS_KEY = \"automerge-editor:last\";\n\nlet wasmReady: Promise | null = null;\nfunction ensureWasm(): Promise {\n if (!wasmReady) {\n wasmReady = initializeBase64Wasm(automergeWasmBase64).then(() => {});\n }\n return wasmReady;\n}\n\nfunction App() {\n const [serverUrl, setServerUrl] = useState(\"wss://sync.automerge.org\");\n const [docUrl, setDocUrl] = useState(\"\");\n const [status, setStatus] = useState(\"idle\");\n const [error, setError] = useState(null);\n const [text, setText] = useState(\"\");\n const [dirty, setDirty] = useState(false);\n const [activeDocUrl, setActiveDocUrl] = useState(null);\n\n const repoRef = useRef(null);\n const handleRef = useRef(null);\n const detachRef = useRef<(() => void) | null>(null);\n\n useEffect(() => {\n try {\n const saved = JSON.parse(localStorage.getItem(LS_KEY) || \"{}\");\n if (saved.serverUrl) setServerUrl(saved.serverUrl);\n if (saved.docUrl) setDocUrl(saved.docUrl);\n } catch {\n // Ignore corrupt local state.\n }\n }, []);\n\n useEffect(() => {\n return () => detachRef.current?.();\n }, []);\n\n function buildRepo() {\n if (repoRef.current) return repoRef.current;\n\n const repo = new Repo({\n network: [new WebSocketClientAdapter(serverUrl)] as any,\n } as any);\n\n repoRef.current = repo;\n return repo;\n }\n\n function attach(handle: any) {\n detachRef.current?.();\n handleRef.current = handle;\n\n let disposed = false;\n\n const render = (doc = handle.doc()) => {\n if (disposed) return;\n setText(JSON.stringify(doc ?? {}, null, 2));\n setDirty(false);\n setActiveDocUrl(handle.url);\n setStatus(\"ready\");\n };\n\n const onChange = ({ doc }: { doc: JsonDoc }) => render(doc);\n handle.on(\"change\", onChange);\n\n detachRef.current = () => {\n disposed = true;\n handle.off(\"change\", onChange);\n };\n\n handle.whenReady().then(() => render()).catch((e: unknown) => {\n if (disposed) return;\n setError(e instanceof Error ? e.message : String(e));\n setStatus(\"error\");\n });\n\n if (handle.isReady()) render();\n\n localStorage.setItem(\n LS_KEY,\n JSON.stringify({ serverUrl, docUrl: handle.url }),\n );\n }\n\n async function connect() {\n setError(null);\n setStatus(\"connecting\");\n\n try {\n await ensureWasm();\n const repo = buildRepo();\n const trimmed = docUrl.trim();\n\n if (!trimmed) {\n throw new Error(\"Enter a document URL, or click 'New document'.\");\n }\n\n if (!isValidAutomergeUrl(trimmed)) {\n throw new Error(\n \"That is not a valid Automerge URL (should start with 'automerge:').\",\n );\n }\n\n const handle = await (repo as any).find(trimmed);\n attach(handle);\n } catch (e: unknown) {\n setError(e instanceof Error ? e.message : String(e));\n setStatus(\"error\");\n }\n }\n\n async function createDoc() {\n setError(null);\n setStatus(\"connecting\");\n\n try {\n await ensureWasm();\n const repo = buildRepo();\n const handle = (repo as any).create({\n message: \"hello from val.town\",\n count: 0,\n });\n\n setDocUrl(handle.url);\n attach(handle);\n } catch (e: unknown) {\n setError(e instanceof Error ? e.message : String(e));\n setStatus(\"error\");\n }\n }\n\n function save() {\n setError(null);\n\n const handle = handleRef.current;\n if (!handle) return;\n\n let next: unknown;\n try {\n next = JSON.parse(text);\n } catch (e: unknown) {\n setError(\"Invalid JSON: \" + (e instanceof Error ? e.message : String(e)));\n return;\n }\n\n if (!next || typeof next !== \"object\" || Array.isArray(next)) {\n setError(\"Document contents must be a JSON object.\");\n return;\n }\n\n const nextDoc = next as JsonDoc;\n\n handle.change((doc: JsonDoc) => {\n for (const key of Object.keys(doc)) {\n if (!(key in nextDoc)) delete doc[key];\n }\n\n for (const [key, value] of Object.entries(nextDoc)) {\n doc[key] = value;\n }\n });\n\n setDirty(false);\n }\n\n const connected = status === \"ready\";\n\n return (\n

Automerge Editor

\n Connect to an Automerge sync server, then edit a document's contents\n live.\n

\n\n

\n \n Sync server (WebSocket URL)\n \n setServerUrl(e.currentTarget.value)}\n placeholder=\"wss://sync.automerge.org\"\n disabled={!!repoRef.current}\n />\n\n Document URL\n setDocUrl(e.currentTarget.value)}\n placeholder=\"automerge:...\"\n />\n\n

\n \n {status === \"connecting\" ? \"Connecting...\" : \"Open document\"}\n \n \n New document\n \n

\n\n \n {error &&

{error}

}\n

\n\n {connected && (\n

\n \n Document contents (JSON)\n \n {activeDocUrl && (\n \n {activeDocUrl}\n \n )}\n

\n {\n setText(e.currentTarget.value);\n setDirty(true);\n }}\n spellCheck={false}\n />\n

\n \n Save changes\n \n {dirty\n ? Unsaved edits\n : Synced}\n

\n Changes you save are merged into the document and pushed to the sync\n server. Edits from other clients appear here automatically.\n

\n )}\n\n \n

\n );\n}\n\nfunction StatusBadge({ status }: { status: Status }) {\n const map: Record = {\n idle: { label: \"Not connected\", cls: \"bg-gray-100 text-gray-600\" },\n connecting: { label: \"Connecting...\", cls: \"bg-amber-100 text-amber-700\" },\n ready: { label: \"Connected\", cls: \"bg-green-100 text-green-700\" },\n error: { label: \"Error\", cls: \"bg-red-100 text-red-700\" },\n };\n const { label, cls } = map[status];\n return (\n \n {label}\n \n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();",[],[72],"4cb68a61-ba32-424b-b2c9-a16991582e72","README.md","9bb2ed90-6981-11f1-89d7-1607ee4eb77e",8,["D",1781614080900],"# Automerge Editor\n\nA tiny web app that connects to an [Automerge](https://automerge.org) sync server\nover WebSocket and lets you view and edit a document's contents as JSON.\n\n## How it works\n\nVal Town can't accept **incoming** WebSocket connections, and the Automerge sync\nprotocol runs over WebSocket. The trick: Val Town only serves a static client, and\nthe **browser** opens the WebSocket directly to your sync server. This sidesteps the\nplatform's WebSocket limitation entirely.\n\n```mermaid\nflowchart LR\n A[Browser
Automerge Repo] -- \"wss://\" --> B[Automerge
sync server]\n C[Val Town
server.ts] -- \"serves HTML + JS\" --> A\n```\n\n- `server.ts` — HTTP handler. Serves `index.html` and transpiles `client.tsx` → `/client.js`.\n- `index.html` — page shell (Twind for styling, mounts the React app).\n- `client.tsx` — the whole app: WASM init, repo connection, JSON editor.\n\n## Usage\n\n1. Open the app.\n2. Enter your sync server's WebSocket URL (defaults to the public\n `wss://sync.automerge.org`). Point it at your own server, e.g.\n `wss://your-server.example.com`.\n3. Either paste an existing document URL (`automerge:...`) and click **Open document**,\n or click **New document** to create one. Share the generated URL with another client\n to collaborate.\n4. Edit the JSON and click **Save changes** — edits merge into the document and sync to\n the server. Changes from other clients appear live.\n\n## Notes\n\n- Automerge's core is WebAssembly. Browsers can't import WASM as an ES module, so the\n app loads it manually via `initializeBase64Wasm` (the base64 blob variant) before\n touching the repo — no bundler required.\n- This editor treats documents as plain JSON objects. For text/rich-text CRDT features\n you'd use Automerge's text APIs instead.\n",[],[82],"b14f01ef-1681-4a41-ad87-715a397105c7",["D",1781613965341],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Connect to an Automerge sync server and edit a document","imageUrl","userId","ec5501b0-5038-11f0-af69-ad2d81fb9912","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","efd874d8-1bfb-4a66-b1f4-d288244cf62e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_143":139},"org",{"_11":12,"_137":-5,"_138":139,"_99":100,"_140":141,"_142":51},"branch",{"_17":74,"_13":16,"_33":39,"_129":89,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeXVabWlmUlh5dExGbHU4UndqT2RGRWxaREUifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":89,"_13":14,"_44":185,"_91":-5,"_92":51,"_93":94,"_95":94,"_96":97,"_98":-5,"_99":100,"_101":60,"_102":43,"_103":-5,"_104":-5,"_105":106,"_107":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":186,"_124":187,"_126":188,"_128":51},[173,174,175,176],"files",[173,174,175,176],"counts",{"_164":46,"_165":106,"_166":46,"_32":167,"_168":169},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":163},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks",{"_170":46,"_172":46},"connections",{"_170":46,"_171":46},"count","unfilledCount","emptyCount",{"_33":81,"_13":82,"_35":83,"_37":-5,"_38":39,"_40":84,"_42":43,"_44":85,"_17":46,"_47":24,"_48":86,"_50":51,"_52":-5,"_65":183,"_18":184},{"_33":71,"_13":72,"_35":73,"_37":-5,"_38":39,"_40":74,"_42":43,"_44":75,"_17":76,"_47":77,"_48":78,"_50":51,"_52":-5,"_65":181,"_18":182},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":68,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_65":179,"_18":180},{"_33":58,"_13":59,"_35":60,"_37":-5,"_38":39,"_40":61,"_42":43,"_44":62,"_17":41,"_47":63,"_48":64,"_50":51,"_52":-5,"_65":177,"_18":178},[],[59],[],[19],[],[72],[],[82],["D",1781613965341],{"_11":12,"_143":139},{"_11":12,"_137":-5,"_138":139,"_99":100,"_140":141,"_142":51},{"_17":74,"_13":16,"_33":39,"_129":89,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_122":-5,"_160":222,"_223":224,"_225":226,"_227":51,"_228":51,"_229":51,"_230":43,"_231":-5,"_232":-7,"_233":-7,"_234":46,"_235":51,"_236":51,"_237":-5,"_238":51,"_239":51,"_240":51,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":16,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"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"]