[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_270":271,"_272":273},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",146,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","invoke-element.ts","latestPath","fileId","c9fdce9e-528b-11f0-98f8-f69ea79377d9","name","fileType","script","content","import type { ISupportsInvoke } from \"./types\";\n\nexport abstract class InvokeElement extends HTMLElement implements ISupportsInvoke\n{\n public abstract invoke(args: any): any;\n\n connectedCallback() {\n if (!this.hasAttribute(\"dry\")) {\n this.invoke(this);\n }\n }\n\n static define(\n { name, invokable, registry = customElements }: {\n name: string;\n invokable: ISupportsInvoke;\n registry: CustomElementRegistry;\n },\n ) {\n registry.define(\n name,\n class extends InvokeElement {\n invoke() {\n return Reflect.apply(invokable.invoke, this, arguments);\n }\n },\n );\n }\n}","import type { ISupportsInvoke } from \"./types\";\n\nexport abstract class InvokeElement extends HTMLElement implements ISupportsInvoke\n{\n public abstract invoke(args: any): any;\n\n connectedCallback() {\n if (!this.hasAttribute(\"dry\")) {\n this.invoke(this);\n }\n }\n\n static define(\n { name, invocable, registry = customElements }: {\n name: string;\n invocable: ISupportsInvoke;\n registry: CustomElementRegistry;\n },\n ) {\n registry.define(\n name,\n class extends InvokeElement {\n invoke() {\n return Reflect.apply(invocable.invoke, this, arguments);\n }\n },\n );\n }\n}","createdAt",["D",1750951919127],"branchVersion","branchId","37bbd4f2-521f-11f0-a5ce-f69ea79377d9","id","37bb6e68-521f-11f0-a5ce-f69ea79377d9","invoke-element",["D",1750895448095],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","4bfb99a9-2008-40e0-bacb-7c7d84227cee","pinnedFileId","84c084f6-528c-11f0-9b84-f69ea79377d9","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","1073b191-f665-405d-9530-545465c93575","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"isOwned",171,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","postpostscript","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJjdlhaRXl0WXVNSlhZcWU0ckI2c1BOMjNhQSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":266,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":267,"_80":268,"_82":269,"_84":25},"tree",[179,183,188,189,190],"files",[179,180,181,182,183,184,185,186,187,188,189,190],"counts",{"_169":62,"_170":159,"_171":62,"_172":173,"_174":175},"contents",[126,127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":162,"_32":163,"_30":164,"_134":-5,"_41":42,"_40":165,"_136":58,"_38":166,"_13":167,"_33":160,"_35":-5,"_24":25,"_140":-5,"_27":168},{"_43":154,"_32":155,"_30":156,"_134":-5,"_41":42,"_40":157,"_136":58,"_38":158,"_13":159,"_33":160,"_35":-5,"_24":25,"_140":-5,"_27":161},{"_43":150,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":25,"_38":151,"_13":152,"_33":34,"_35":37,"_24":25,"_140":-5,"_27":153},{"_43":142,"_32":143,"_30":144,"_134":-5,"_41":42,"_40":145,"_136":58,"_38":146,"_13":147,"_33":34,"_35":148,"_24":25,"_140":-5,"_27":149},{"_43":131,"_32":132,"_30":133,"_134":-5,"_41":42,"_40":135,"_136":25,"_38":137,"_13":138,"_33":34,"_35":139,"_24":25,"_140":-5,"_27":141},"384253ea-528a-11f0-9fad-f69ea79377d9","types.ts","2239fe36-528a-11f0-bf2d-f69ea79377d9","parentId",19,"latest",["D",1750941405118],3,"export interface ISupportsInvoke {\n invoke(args: TArgs): any;\n}","label",[132],"cfd09530-5291-11f0-8e81-f69ea79377d9","main.ts","13a68074-528a-11f0-8935-f69ea79377d9",128,["D",1750944665863],10,"export * from \"./invoke-element.ts\";\nexport * from \"./types.ts\";",[143],"b31865c4-52a2-11f0-9d3a-f69ea79377d9",["D",1750951919127],5,[28],"40fe5a56-528a-11f0-8fa8-f69ea79377d9","examples","3eef2056-528a-11f0-8935-f69ea79377d9",21,["D",1750941419773],1,"directory",[155],"b7fac9b0-528e-11f0-ae24-f69ea79377d9","elements","d7569df6-528a-11f0-8fa8-f69ea79377d9",85,["D",1750943337389],4,[163],"pulls","branches","forks","envVars",{"_176":62,"_178":62},"connections",{"_176":62,"_177":62},"count","unfilledCount","emptyCount",{"_43":162,"_32":163,"_30":164,"_134":-5,"_41":42,"_40":165,"_136":58,"_38":263,"_13":167,"_33":160,"_35":-5,"_24":25,"_140":-5,"_192":264,"_27":265},{"_43":254,"_32":255,"_30":256,"_134":164,"_41":42,"_40":257,"_136":25,"_38":258,"_13":259,"_33":34,"_35":260,"_24":25,"_140":-5,"_192":261,"_27":262},{"_43":245,"_32":246,"_30":247,"_134":164,"_41":42,"_40":248,"_136":25,"_38":249,"_13":250,"_33":34,"_35":251,"_24":25,"_140":-5,"_192":252,"_27":253},{"_43":237,"_32":238,"_30":239,"_134":164,"_41":42,"_40":240,"_136":25,"_38":241,"_13":152,"_33":34,"_35":242,"_24":25,"_140":-5,"_192":243,"_27":244},{"_43":154,"_32":155,"_30":156,"_134":-5,"_41":42,"_40":157,"_136":58,"_38":234,"_13":159,"_33":160,"_35":-5,"_24":25,"_140":-5,"_192":235,"_27":236},{"_43":229,"_32":220,"_30":213,"_134":156,"_41":42,"_40":230,"_136":58,"_38":231,"_13":159,"_33":160,"_35":-5,"_24":25,"_140":-5,"_192":232,"_27":233},{"_43":221,"_32":222,"_30":223,"_134":213,"_41":42,"_40":224,"_136":25,"_38":225,"_13":135,"_33":34,"_35":226,"_24":25,"_140":-5,"_192":227,"_27":228},{"_43":210,"_32":211,"_30":212,"_134":213,"_41":42,"_40":214,"_136":25,"_38":215,"_13":216,"_33":20,"_35":217,"_24":25,"_140":-5,"_192":218,"_27":219},{"_43":201,"_32":202,"_30":56,"_134":156,"_41":42,"_40":203,"_136":58,"_38":204,"_13":205,"_33":206,"_35":207,"_24":25,"_140":-5,"_192":208,"_27":209},{"_43":150,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":25,"_38":198,"_13":152,"_33":34,"_35":37,"_24":25,"_140":-5,"_192":199,"_27":200},{"_43":142,"_32":143,"_30":144,"_134":-5,"_41":42,"_40":145,"_136":58,"_38":195,"_13":147,"_33":34,"_35":148,"_24":25,"_140":-5,"_192":196,"_27":197},{"_43":131,"_32":132,"_30":133,"_134":-5,"_41":42,"_40":135,"_136":25,"_38":191,"_13":138,"_33":34,"_35":139,"_24":25,"_140":-5,"_192":193,"_27":194},["D",1750941405118],"children",[],[132],["D",1750944665863],[],[143],["D",1750951919127],[],[28],"b820adfa-528f-11f0-ba76-f69ea79377d9","http.ts",103,["D",1750943767134],11,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[155,202],"a7188b46-52a2-11f0-9bae-f69ea79377d9","index.html","c4925fac-528a-11f0-9647-f69ea79377d9","71ca219c-528a-11f0-965d-f69ea79377d9",145,["D",1750951898995],60,"\n\n \n \n \n\n \n\n \n\n \n \n \n \n\n \n
\n \n \n",[],[155,220,211],"preact","f7a6df0e-528e-11f0-ba90-f69ea79377d9","App.tsx","37be077c-521f-11f0-a5ce-f69ea79377d9",90,["D",1750943444208],"/** @jsxImportSource https://esm.sh/preact */\n\nimport { signal } from \"https://esm.sh/@preact/signals\";\nimport { h, render } from \"https://esm.sh/preact\";\n\nexport function App() {\n const counter = signal(0);\n\n return (\n

\n Current counter: {counter}\n
\n\n \n

\n );\n}\n\nexport function invoke($el: HTMLElement) {\n render(, $el);\n}",[],[155,220,222],"72f167a6-528a-11f0-8b67-f69ea79377d9",26,["D",1750941503577],[185,186],[155,220],["D",1750941419773],[184,187],[155],"a69cd6a4-528e-11f0-aff9-f69ea79377d9","x-multiple.v1.ts","46dc88a2-528b-11f0-86d0-f69ea79377d9",84,["D",1750943308250],"export async function invoke(this: HTMLElement, caller: any) {\n const procedures = Array.from(\n this.querySelectorAll(\"[invoke-target]\"),\n );\n\n for (const node of procedures) {\n if (!(\"invoke\" in node && typeof node.invoke === \"function\")) {\n console.warn(\"skipping\", node);\n continue;\n }\n\n const targetAlias = node.getAttribute(\"invoke-target\");\n\n let target = caller;\n if (targetAlias === \"self\") {\n target = node;\n } else if (targetAlias === \"parent\") {\n target = this;\n }\n\n await node.invoke?.(target);\n }\n}",[],[163,238],"8432c88c-5291-11f0-8e81-f69ea79377d9","x-module.v1.ts","795cec18-528b-11f0-86d0-f69ea79377d9",123,["D",1750944539002],8,"import type { ISupportsInvoke } from \"../../types\";\n\nconst moduleCache: {\n [code: string]: string;\n} = {};\nfunction scriptToSrc(script: HTMLScriptElement) {\n let src = script.getAttribute(\"src\");\n\n if (src) {\n src = new URL(src, window.location.href).toString();\n } else {\n moduleCache[script.innerHTML] ??= URL.createObjectURL(\n new Blob([script.innerHTML], {\n type: \"text/javascript\",\n }),\n );\n src = moduleCache[script.innerHTML];\n }\n\n return src;\n}\n\nfunction srcToProcedure(src: string): ISupportsInvoke {\n const promise = import(src).then((mod) => {\n if (mod.invoke) {\n return mod;\n } else if (mod.default?.invoke) {\n return mod.default;\n } else if (typeof mod.default === \"function\") {\n return { invoke: mod.default };\n } else {\n throw new Error(`\"${src}\" does not export an invoke method`);\n }\n });\n return {\n async invoke() {\n const procedure = await promise;\n return Reflect.apply(procedure.invoke, null, arguments);\n },\n };\n}\n\nfunction getProcedures(definition: HTMLElement, caller: any): ISupportsInvoke[] {\n const sources: string[] = [];\n\n let src = definition.getAttribute(\"src\");\n if (src) {\n sources.push(new URL(src, window.location.href).toString());\n }\n\n const sourceTargetAlias = definition.getAttribute(\"source-target\");\n if (sourceTargetAlias) {\n let sourceTarget;\n if (sourceTargetAlias === \"parent\") {\n sourceTarget = definition.parentNode;\n } else if (sourceTargetAlias === \"caller\") {\n sourceTarget = caller;\n } else if (sourceTargetAlias === \"self\") {\n sourceTarget = definition;\n } else {\n sourceTarget = document.querySelector(sourceTargetAlias);\n }\n console.assert(\n sourceTarget,\n `unrecognized source-target \"${sourceTargetAlias}\". valid values are one of \"parent\", \"caller\", \"self\", or a query selector to an existing dom element`,\n );\n\n sources.push(\n ...Array.from(\n sourceTarget.querySelectorAll(\n \"script[type=\\\"module\\\"][invoke-module]\",\n ),\n scriptToSrc,\n ),\n );\n }\n\n return sources.map(srcToProcedure);\n}\n\nexport async function invoke(this: HTMLElement, caller: any) {\n const definition = this;\n const targetAlias = definition.getAttribute(\"invoke-target\");\n\n let target = caller;\n if (targetAlias === \"self\") {\n target = definition;\n } else if (targetAlias === \"parent\") {\n target = definition.parentNode;\n }\n\n const procedures = (async function*() {\n const promises = getProcedures(definition, caller);\n for (const promise of promises) {\n yield promise;\n }\n })();\n\n for await (const procedure of procedures) {\n await procedure.invoke(target);\n }\n}",[],[163,246],"d7633016-528f-11f0-92a5-f69ea79377d9","x-dom.v1.ts","da7ff5c2-528a-11f0-9fad-f69ea79377d9",104,["D",1750943819558],7,"import type { InvokeElement } from \"../../invoke-element\";\n\nexport function invoke(this: HTMLElement, ...args: any) {\n const element = document.querySelector(this.getAttribute(\"el\")!) as InvokeElement;\n return element.invoke(...args);\n}",[],[163,255],["D",1750943337389],[180,181,182],[163],["D",1750895448095],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_123":303,"_304":305,"_306":307,"_308":25,"_309":25,"_310":25,"_311":58,"_312":-5,"_313":-7,"_314":-7,"_315":62,"_316":25,"_317":25,"_318":-5,"_319":25,"_320":25,"_321":25,"_322":-5},"ENV",{"_274":275,"_276":277,"_278":86,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302},"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"]

Diff · v146