[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_268":269,"_270":271},"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",170,"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\ninterface InvocableElement extends HTMLElement, ISupportsInvoke {\n}\n\nexport abstract class InvokeElement extends HTMLElement\n implements ISupportsInvoke\n{\n public abstract invoke(args: any): any;\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 HTMLElement implements InvocableElement {\n invoke(...args: any) {\n return Reflect.apply(invocable.invoke, this, args);\n }\n\n connectedCallback() {\n if (this.hasAttribute(\"auto\")) {\n this.invoke(this);\n }\n }\n },\n );\n }\n}","import type { ISupportsInvoke } from \"./types\";\n\ninterface InvocableElement extends HTMLElement, ISupportsInvoke {\n}\n\nexport abstract class InvokeElement extends HTMLElement\n implements ISupportsInvoke\n{\n public abstract invoke(args: any): any;\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 HTMLElement implements InvocableElement {\n invoke(...args: any) {\n return Reflect.apply(invocable.invoke, this, args);\n }\n\n connectedCallback() {\n if (!this.hasAttribute(\"dry\")) {\n this.invoke(this);\n }\n }\n },\n );\n }\n}","createdAt",["D",1750967080328],"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":264,"_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":265,"_80":266,"_82":267,"_84":25},"tree",[178,182,187,188,189],"files",[178,179,180,181,182,183,184,185,186,187,188,189],"counts",{"_168":62,"_169":159,"_170":62,"_171":172,"_173":174},"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":138,"_33":160,"_35":-5,"_24":25,"_140":-5,"_27":167},{"_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":58,"_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":58,"_38":137,"_13":138,"_33":34,"_35":139,"_24":25,"_140":-5,"_27":141},"0fbef228-52a5-11f0-9556-f69ea79377d9","types.ts","2239fe36-528a-11f0-bf2d-f69ea79377d9","parentId",162,"latest",["D",1750952933566],4,"export interface ISupportsInvoke {\n invoke(args: TArgs): TResponse;\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],"ffdfd40a-52c5-11f0-90ea-f69ea79377d9",["D",1750967080328],11,[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],[163],"pulls","branches","forks","envVars",{"_175":62,"_177":62},"connections",{"_175":62,"_176":62},"count","unfilledCount","emptyCount",{"_43":162,"_32":163,"_30":164,"_134":-5,"_41":42,"_40":165,"_136":58,"_38":261,"_13":138,"_33":160,"_35":-5,"_24":25,"_140":-5,"_191":262,"_27":263},{"_43":253,"_32":254,"_30":255,"_134":164,"_41":42,"_40":256,"_136":58,"_38":257,"_13":147,"_33":34,"_35":258,"_24":25,"_140":-5,"_191":259,"_27":260},{"_43":245,"_32":246,"_30":247,"_134":164,"_41":42,"_40":248,"_136":58,"_38":249,"_13":147,"_33":34,"_35":250,"_24":25,"_140":-5,"_191":251,"_27":252},{"_43":236,"_32":237,"_30":238,"_134":164,"_41":42,"_40":239,"_136":58,"_38":240,"_13":241,"_33":34,"_35":242,"_24":25,"_140":-5,"_191":243,"_27":244},{"_43":154,"_32":155,"_30":156,"_134":-5,"_41":42,"_40":157,"_136":58,"_38":233,"_13":159,"_33":160,"_35":-5,"_24":25,"_140":-5,"_191":234,"_27":235},{"_43":228,"_32":218,"_30":211,"_134":156,"_41":42,"_40":229,"_136":58,"_38":230,"_13":159,"_33":160,"_35":-5,"_24":25,"_140":-5,"_191":231,"_27":232},{"_43":219,"_32":220,"_30":221,"_134":211,"_41":42,"_40":222,"_136":58,"_38":223,"_13":224,"_33":34,"_35":225,"_24":25,"_140":-5,"_191":226,"_27":227},{"_43":208,"_32":209,"_30":210,"_134":211,"_41":42,"_40":212,"_136":25,"_38":213,"_13":214,"_33":20,"_35":215,"_24":25,"_140":-5,"_191":216,"_27":217},{"_43":200,"_32":201,"_30":56,"_134":156,"_41":42,"_40":202,"_136":58,"_38":203,"_13":152,"_33":204,"_35":205,"_24":25,"_140":-5,"_191":206,"_27":207},{"_43":150,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":58,"_38":197,"_13":152,"_33":34,"_35":37,"_24":25,"_140":-5,"_191":198,"_27":199},{"_43":142,"_32":143,"_30":144,"_134":-5,"_41":42,"_40":145,"_136":58,"_38":194,"_13":147,"_33":34,"_35":148,"_24":25,"_140":-5,"_191":195,"_27":196},{"_43":131,"_32":132,"_30":133,"_134":-5,"_41":42,"_40":135,"_136":58,"_38":190,"_13":138,"_33":34,"_35":139,"_24":25,"_140":-5,"_191":192,"_27":193},["D",1750952933566],"children",[],[132],["D",1750944665863],[],[143],["D",1750967080328],[],[28],"b820adfa-528f-11f0-ba76-f69ea79377d9","http.ts",103,["D",1750943767134],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[155,201],"59cd2da4-52a4-11f0-b614-f69ea79377d9","index.html","c4925fac-528a-11f0-9647-f69ea79377d9","71ca219c-528a-11f0-965d-f69ea79377d9",156,["D",1750952628311],64,"\n\n \n \n \n\n \n\n \n\n \n \n \n \n\n \n
\n \n \n",[],[155,218,209],"preact","c6f975d8-52c5-11f0-aaf7-f69ea79377d9","App.tsx","37be077c-521f-11f0-a5ce-f69ea79377d9",167,["D",1750966984866],25,"/** @jsxImportSource https://esm.sh/preact */\n\nimport { useSignal } from \"https://esm.sh/@preact/signals\";\nimport { render as preactRender } from \"https://esm.sh/preact\";\n\nexport function App() {\n const counter = useSignal(0);\n\n return (\n

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

\n );\n}\n\nexport function render($el: HTMLElement) {\n return preactRender(, $el);\n}",[],[155,218,220],"72f167a6-528a-11f0-8b67-f69ea79377d9",26,["D",1750941503577],[184,185],[155,218],["D",1750941419773],[183,186],[155],"8f201e8a-52a4-11f0-91ef-f69ea79377d9","x-multiple.v1.ts","46dc88a2-528b-11f0-86d0-f69ea79377d9",159,["D",1750952717774],7,"// 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,237],"65b62738-52a4-11f0-9d3a-f69ea79377d9","x-module.v1.ts","795cec18-528b-11f0-86d0-f69ea79377d9",157,["D",1750952648293],"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, method: string): ISupportsInvoke {\n const promise = import(src).then((mod) => {\n if (mod[method]) {\n return mod;\n } else if (mod.default?.[method]) {\n return mod.default;\n } else if (typeof mod.default === \"function\") {\n return { [method]: mod.default };\n } else {\n throw new Error(`\"${src}\" does not export a \"${method}\" method`);\n }\n });\n return {\n async invoke() {\n const procedure = await promise;\n return Reflect.apply(procedure[method], null, arguments);\n },\n };\n}\n\nfunction getProcedures(definition: HTMLElement, caller: any): ISupportsInvoke[] {\n const method = definition.getAttribute(\"module-export\") ?? \"invoke\";\n const sources: string[] = [];\n\n let src = definition.getAttribute(\"module\");\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((src) => srcToProcedure(src, method));\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],"48c6318a-52a5-11f0-9556-f69ea79377d9","x-dom.v1.ts","da7ff5c2-528a-11f0-9fad-f69ea79377d9",165,["D",1750953029244],"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 const method = this.getAttribute(\"method\") ?? \"invoke\";\n return element[method](...args);\n}",[],[163,254],["D",1750943337389],[179,180,181],[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":301,"_302":303,"_304":305,"_306":25,"_307":25,"_308":25,"_309":58,"_310":-5,"_311":-7,"_312":-7,"_313":62,"_314":25,"_315":25,"_316":-5,"_317":25,"_318":25,"_319":25,"_320":-5},"ENV",{"_272":273,"_274":275,"_276":86,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300},"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 · v170