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

\n );\n}\n\nexport function render($el: HTMLElement) {\n return preactRender(, $el);\n}",[],[64,114,116],"72f167a6-528a-11f0-8b67-f69ea79377d9",26,["D",1750941503577],1,"directory",[71,72],[64,114],"40fe5a56-528a-11f0-8fa8-f69ea79377d9",21,["D",1750941419773],[70,31],[64],"8f201e8a-52a4-11f0-91ef-f69ea79377d9","x-multiple.v1.ts","46dc88a2-528b-11f0-86d0-f69ea79377d9","d7569df6-528a-11f0-8fa8-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// }",[],[146,137],"elements","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}",[],[146,148],"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}",[],[146,156],"b7fac9b0-528e-11f0-ae24-f69ea79377d9",85,["D",1750943337389],[66,67,68],[146],{"_39":163,"_13":146,"_42":139,"_44":-5,"_46":47,"_48":164,"_50":38,"_51":181,"_16":81,"_54":128,"_56":-5,"_58":35,"_59":-5,"_62":182},{"_39":131,"_13":64,"_42":45,"_44":-5,"_46":47,"_48":132,"_50":38,"_51":179,"_16":127,"_54":128,"_56":-5,"_58":35,"_59":-5,"_62":180},{"_39":95,"_13":96,"_42":97,"_44":-5,"_46":47,"_48":98,"_50":38,"_51":177,"_16":53,"_54":82,"_56":100,"_58":35,"_59":-5,"_62":178},{"_39":86,"_13":87,"_42":88,"_44":-5,"_46":47,"_48":89,"_50":38,"_51":175,"_16":91,"_54":82,"_56":92,"_58":35,"_59":-5,"_62":176},{"_39":76,"_13":77,"_42":78,"_44":-5,"_46":47,"_48":79,"_50":38,"_51":173,"_16":81,"_54":82,"_56":83,"_58":35,"_59":-5,"_62":174},["D",1750952933566],[77],["D",1750944665863],[87],["D",1750967080328],[96],["D",1750941419773],[64],["D",1750943337389],[146],"pulls",0,"branches","forks","envVars",{"_191":184,"_193":184},"connections",{"_191":184,"_192":184},"count","unfilledCount","emptyCount","37bb6e68-521f-11f0-a5ce-f69ea79377d9",["D",1750895448095],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","4bfb99a9-2008-40e0-bacb-7c7d84227cee","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","1073b191-f665-405d-9530-545465c93575","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_247":243},"org",{"_11":12,"_241":-5,"_242":243,"_203":204,"_244":245,"_246":35},"branch",{"_16":107,"_13":232,"_39":47,"_233":194,"_234":-5,"_235":-5,"_236":-5,"_237":-5,"_238":-5,"_239":14,"_240":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJjdlhaRXl0WXVNSlhZcWU0ckI2c1BOMjNhQSJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_39":194,"_13":14,"_51":314,"_196":-5,"_197":35,"_198":199,"_200":199,"_201":-5,"_202":-5,"_203":204,"_205":43,"_206":38,"_207":38,"_208":-5,"_209":184,"_210":211,"_212":-5,"_213":-5,"_214":-5,"_215":-5,"_216":217,"_218":217,"_219":220,"_221":220,"_222":220,"_223":217,"_224":217,"_225":315,"_227":316,"_229":317,"_231":35},"tree",[278,282,287,288,289],[278,279,280,281,282,283,284,285,286,287,288,289],{"_183":184,"_185":127,"_186":184,"_187":276,"_189":277},[266,267,268,269,270],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_39":163,"_13":146,"_42":139,"_44":-5,"_46":47,"_48":164,"_50":38,"_51":181,"_16":81,"_54":128,"_56":-5,"_58":35,"_59":-5,"_62":275},{"_39":131,"_13":64,"_42":45,"_44":-5,"_46":47,"_48":132,"_50":38,"_51":179,"_16":127,"_54":128,"_56":-5,"_58":35,"_59":-5,"_62":274},{"_39":95,"_13":96,"_42":97,"_44":-5,"_46":47,"_48":98,"_50":38,"_51":177,"_16":53,"_54":82,"_56":100,"_58":35,"_59":-5,"_62":273},{"_39":86,"_13":87,"_42":88,"_44":-5,"_46":47,"_48":89,"_50":38,"_51":175,"_16":91,"_54":82,"_56":92,"_58":35,"_59":-5,"_62":272},{"_39":76,"_13":77,"_42":78,"_44":-5,"_46":47,"_48":79,"_50":38,"_51":173,"_16":81,"_54":82,"_56":83,"_58":35,"_59":-5,"_62":271},[77],[87],[96],[64],[146],{"_191":184,"_193":184},{"_191":184,"_192":184},{"_39":163,"_13":146,"_42":139,"_44":-5,"_46":47,"_48":164,"_50":38,"_51":165,"_16":81,"_54":128,"_56":-5,"_58":35,"_59":-5,"_60":312,"_62":313},{"_39":155,"_13":156,"_42":157,"_44":139,"_46":47,"_48":158,"_50":38,"_51":159,"_16":91,"_54":82,"_56":160,"_58":35,"_59":-5,"_60":310,"_62":311},{"_39":147,"_13":148,"_42":149,"_44":139,"_46":47,"_48":150,"_50":38,"_51":151,"_16":91,"_54":82,"_56":152,"_58":35,"_59":-5,"_60":308,"_62":309},{"_39":136,"_13":137,"_42":138,"_44":139,"_46":47,"_48":140,"_50":38,"_51":141,"_16":142,"_54":82,"_56":143,"_58":35,"_59":-5,"_60":306,"_62":307},{"_39":131,"_13":64,"_42":45,"_44":-5,"_46":47,"_48":132,"_50":38,"_51":133,"_16":127,"_54":128,"_56":-5,"_58":35,"_59":-5,"_60":304,"_62":305},{"_39":124,"_13":114,"_42":106,"_44":45,"_46":47,"_48":125,"_50":38,"_51":126,"_16":127,"_54":128,"_56":-5,"_58":35,"_59":-5,"_60":302,"_62":303},{"_39":115,"_13":116,"_42":117,"_44":106,"_46":47,"_48":118,"_50":38,"_51":119,"_16":120,"_54":82,"_56":121,"_58":35,"_59":-5,"_60":300,"_62":301},{"_39":103,"_13":104,"_42":105,"_44":106,"_46":47,"_48":107,"_50":38,"_51":108,"_16":109,"_54":110,"_56":111,"_58":35,"_59":-5,"_60":298,"_62":299},{"_39":40,"_13":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":38,"_51":52,"_16":53,"_54":55,"_56":57,"_58":35,"_59":-5,"_60":296,"_62":297},{"_39":95,"_13":96,"_42":97,"_44":-5,"_46":47,"_48":98,"_50":38,"_51":99,"_16":53,"_54":82,"_56":100,"_58":35,"_59":-5,"_60":294,"_62":295},{"_39":86,"_13":87,"_42":88,"_44":-5,"_46":47,"_48":89,"_50":38,"_51":90,"_16":91,"_54":82,"_56":92,"_58":35,"_59":-5,"_60":292,"_62":293},{"_39":76,"_13":77,"_42":78,"_44":-5,"_46":47,"_48":79,"_50":38,"_51":80,"_16":81,"_54":82,"_56":83,"_58":35,"_59":-5,"_60":290,"_62":291},[],[77],[],[87],[],[96],[],[64,41],[],[64,114,104],[],[64,114,116],[284,285],[64,114],[283,286],[64],[],[146,137],[],[146,148],[],[146,156],[279,280,281],[146],["D",1750895448095],{"_11":12,"_247":243},{"_11":12,"_241":-5,"_242":243,"_203":204,"_244":245,"_246":35},{"_16":107,"_13":232,"_39":47,"_233":194,"_234":-5,"_235":-5,"_236":-5,"_237":-5,"_238":-5,"_239":14,"_240":12},"ctx",{"_225":-5,"_263":351,"_352":353,"_354":355,"_356":35,"_357":35,"_358":35,"_359":38,"_360":-5,"_361":-7,"_362":-7,"_363":184,"_364":35,"_365":35,"_366":-5,"_367":35,"_368":35,"_369":35,"_370":-5},"ENV",{"_322":323,"_324":325,"_326":232,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350},"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"]

postpostscript

invoke-element