[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_107":108,"_109":110},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","dinavinter","name","gallary","path","toggle/toggle.meta.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_13":47},"permalink","https://www.val.town/x/dinavinter/gallary/code/toggle/toggle.meta.tsx","extension","id","7bd75a63-5ec9-4f98-a08e-05c978e0ae42","toggle.meta.tsx","fileId","33f304d4-7e2f-11f1-a31d-1607ee4eb77e","parentId","677b21a2-7b90-11f1-9d92-1607ee4eb77e","branchId","89dd9e90-891f-45a2-aa18-f3512f064f79","branchVersion",43,"latest",true,"createdAt",["D",1783917659495],"version",13,"fileType","http","content","/** @jsxImportSource npm:hono/jsx */\nimport { sharedDoc, yjs } from \"../hono.yjs.tsx\";\n\n/** Machine-readable contract for the routes implemented in `index.tsx`. */\nexport const toggleMeta = {\n component: \"toggle\",\n summary: \"A small Hono + htmx toggle whose boolean value is shared through Yjs.\",\n mount: \"/toggle\",\n state: {\n key: \"toggle:\",\n map: {\n value: \"boolean\",\n },\n },\n behavior: [\n \"The instance route keeps one SSE connection alive and loads the current button fragment.\",\n \"Posting /on or /off writes the requested boolean and swaps only the button.\",\n \"A Yjs value change emits an SSE event named on or off so other clients load the matching fragment.\",\n ],\n routes: [\n { method: \"GET\", path: \"/\", description: \"Render the component metadata UI.\" },\n { method: \"GET\", path: \"/list\", description: \"Render autocomplete options from existing Yjs instances.\" },\n { method: \"GET\", path: \"/:instance\", description: \"Persistent htmx and SSE wrapper.\" },\n { method: \"GET\", path: \"/:instance/on\", description: \"Wait for true, then render the ON button.\" },\n { method: \"POST\", path: \"/:instance/on\", description: \"Set true and render the ON button.\" },\n { method: \"GET\", path: \"/:instance/off\", description: \"Wait for false, then render the OFF button.\" },\n { method: \"POST\", path: \"/:instance/off\", description: \"Set false and render the OFF button.\" },\n { method: \"GET\", path: \"/:instance/stream\", description: \"Emit named on/off SSE events after value changes.\" },\n { method: \"GET\", path: \"/:instance/inspect\", description: \"Return the shared CRDT document as JSON.\" },\n ],\n exports: {\n handler: \"Composable Hono app for app.route('/toggle', handler).\",\n default: \"Standalone fetch handler; / renders the metadata UI.\",\n },\n} as const;\n\nconst instances = () =>\n [...sharedDoc().share.keys()]\n .filter((key) => key.startsWith(`${toggleMeta.component}:`))\n .map((key) => key.slice(toggleMeta.component.length + 1))\n .filter((instance) => instance && !instance.includes(\":\"))\n .sort();\n\nexport const handler = yjs\n .createApp()\n .get(\"/\", (c) => {\n const mount = new URL(c.req.url).pathname.replace(/\\/$/, \"\");\n return c.render();\n })\n .get(\"/list\", (c) =>\n c.render(\n \n {instances().map((instance) => )}\n ,\n ),\n );\n\nexport function ToggleMeta({ mount }: { mount: string }) {\n return (\n

Component contract

{toggleMeta.component}

{toggleMeta.summary}

\n\n

Shared state

\n \n {toggleMeta.state.key} → {\"{ value: boolean }\"}\n \n

\n\n

Routes

\n Choose an existing Yjs instance\n

\n
\n {route.method} {route.path}\n
{route.description}
\n
\n {hasInstance && route.method === \"GET\" && (\n \n Instance\n \n \n Open\n \n \n )}\n

\n );\n}\n","deleted",false,"label","toggle-meta",[48,24],"toggle","50c582a3-a1a6-4c6c-8677-8613bbc316ef",["D",1783599528265],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Component gallery: headless Hono SSR + htmx + Yjs","imageUrl","userId","6d45e71e-9df4-45e8-82ab-e09c45bfc5a1","pinnedFileId","b1d7da38-7b90-11f1-af08-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","b636164b-34c9-4e0c-9d39-dd3dc6f25436","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_106":102},"org",{"_9":10,"_100":-5,"_101":102,"_59":60,"_103":104,"_105":44},"branch",{"_37":90,"_11":91,"_22":30,"_92":49,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":12,"_99":10},"isOwned",45,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycVgxSUNRd1V1VDlqTnNmYUh6MDA0VW1ldlMifQ","tier","pro","canRestrictVals","profileImageUrl","ctx",{"_83":-5,"_140":141,"_142":143,"_144":145,"_146":44,"_147":44,"_148":44,"_149":34,"_150":-5,"_151":-7,"_152":-7,"_153":67,"_154":44,"_155":44,"_156":-5,"_157":44,"_158":44,"_159":44,"_160":-5},"ENV",{"_111":112,"_113":114,"_115":91,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]