[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_221":222,"_223":224},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_84":67,"_85":31,"_65":-7,"_86":-5,"_13":87,"_88":89,"_11":90,"_91":92,"_93":94,"_95":-5,"_96":-5,"_97":-5,"_98":26,"_99":100,"_101":38,"_102":-5,"_103":-5,"_104":105},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":31,"_32":-5,"_33":34,"_35":36,"_37":38,"_39":38,"_40":-5,"_41":42,"_43":44,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":50,"_51":50,"_52":53,"_54":53,"_55":53,"_56":50,"_57":50,"_58":59,"_60":61,"_62":63,"_64":26},"query","handle","postpostscript","id","76691c60-56f1-11f0-a160-f69ea79377d9","name","custom-registry","createdAt",["D",1751425552216],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","","imageUrl","userId","4bfb99a9-2008-40e0-bacb-7c7d84227cee","pinnedFileId","c2ee23c8-56f1-11f0-a52f-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",{"_16":17,"_83":79},"org",{"_16":17,"_77":-5,"_78":79,"_33":34,"_80":81,"_82":26},"branch",{"_65":66,"_20":67,"_18":68,"_69":19,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":21,"_76":17},"isOwned","version",247,"main","76698042-56f1-11f0-a160-f69ea79377d9","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJjdlhaRXl0WXVNSlhZcWU0ckI2c1BOMjNhQSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","path","adoptOrgId",{"_18":19,"_20":21,"_22":217,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":31,"_32":-5,"_33":34,"_35":36,"_37":38,"_39":38,"_40":-5,"_41":42,"_43":44,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":50,"_51":50,"_52":53,"_54":53,"_55":53,"_56":50,"_57":50,"_58":218,"_60":219,"_62":220,"_64":26},"tree",[165,169,170,171,172],[165,166,167,168,169,170,171,172],"counts",{"_155":42,"_156":138,"_157":42,"_158":159,"_160":161},"contents",[106,107,108,109,110],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_18":148,"_20":149,"_113":150,"_115":-5,"_116":68,"_117":151,"_118":38,"_22":152,"_65":42,"_121":153,"_122":-5,"_124":26,"_125":-5,"_85":154},{"_18":142,"_20":143,"_113":144,"_115":-5,"_116":68,"_117":131,"_118":38,"_22":145,"_65":42,"_121":95,"_122":146,"_124":26,"_125":-5,"_85":147},{"_18":135,"_20":136,"_113":137,"_115":-5,"_116":68,"_117":138,"_118":38,"_22":139,"_65":42,"_121":95,"_122":140,"_124":26,"_125":-5,"_85":141},{"_18":127,"_20":128,"_113":36,"_115":-5,"_116":68,"_117":129,"_118":38,"_22":130,"_65":131,"_121":132,"_122":133,"_124":26,"_125":-5,"_85":134},{"_18":111,"_20":112,"_113":114,"_115":-5,"_116":68,"_117":66,"_118":38,"_22":119,"_65":120,"_121":95,"_122":123,"_124":26,"_125":-5,"_85":126},"313d69ce-5742-11f0-8efe-f69ea79377d9","index.html","fileId","eca57144-56f1-11f0-80a5-f69ea79377d9","parentId","branchId","branchVersion","latest",["D",1751460225391],77,"fileType","content","\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n","deleted","label",[112],"f0a41372-56f1-11f0-8a9e-f69ea79377d9","http.ts",13,["D",1751425757277],2,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils@105-main/index.ts\";\nexport default staticHTTPServer(import.meta.url);\n",[128],"87a7e04c-56f1-11f0-ba5f-f69ea79377d9","deno.json","87a7e114-56f1-11f0-ba5f-f69ea79377d9",1,["D",1751425581146],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[136],"87ad690e-56f1-11f0-81d6-f69ea79377d9",".vtignore","87ad69d6-56f1-11f0-81d6-f69ea79377d9",["D",1751425581146],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[143],"aeb97c16-56fd-11f0-a9af-f69ea79377d9","src","aeb97d2e-56fd-11f0-a9af-f69ea79377d9",134,["D",1751430800654],"directory",[149],"pulls","branches","forks","envVars",{"_162":42,"_164":42},"connections",{"_162":42,"_163":42},"count","unfilledCount","emptyCount",{"_18":148,"_20":149,"_113":150,"_115":-5,"_116":68,"_117":151,"_118":38,"_22":214,"_65":42,"_121":153,"_122":-5,"_124":26,"_125":-5,"_174":215,"_85":216},{"_18":205,"_20":206,"_113":207,"_115":150,"_116":68,"_117":208,"_118":38,"_22":209,"_65":210,"_121":192,"_122":211,"_124":26,"_125":-5,"_174":212,"_85":213},{"_18":196,"_20":197,"_113":198,"_115":150,"_116":68,"_117":199,"_118":38,"_22":200,"_65":201,"_121":192,"_122":202,"_124":26,"_125":-5,"_174":203,"_85":204},{"_18":186,"_20":187,"_113":188,"_115":150,"_116":68,"_117":189,"_118":38,"_22":190,"_65":191,"_121":192,"_122":193,"_124":26,"_125":-5,"_174":194,"_85":195},{"_18":142,"_20":143,"_113":144,"_115":-5,"_116":68,"_117":131,"_118":38,"_22":183,"_65":42,"_121":95,"_122":146,"_124":26,"_125":-5,"_174":184,"_85":185},{"_18":135,"_20":136,"_113":137,"_115":-5,"_116":68,"_117":138,"_118":38,"_22":180,"_65":42,"_121":95,"_122":140,"_124":26,"_125":-5,"_174":181,"_85":182},{"_18":127,"_20":128,"_113":36,"_115":-5,"_116":68,"_117":129,"_118":38,"_22":177,"_65":131,"_121":132,"_122":133,"_124":26,"_125":-5,"_174":178,"_85":179},{"_18":111,"_20":112,"_113":114,"_115":-5,"_116":68,"_117":66,"_118":38,"_22":173,"_65":120,"_121":95,"_122":123,"_124":26,"_125":-5,"_174":175,"_85":176},["D",1751460225391],"children",[],[112],["D",1751425757277],[],[128],["D",1751425581146],[],[136],["D",1751425581146],[],[143],"9060955c-573d-11f0-a346-f69ea79377d9","x-registry.ts","cf744ba2-56fd-11f0-a4a3-f69ea79377d9",197,["D",1751458237524],21,"script","import { CustomCustomElementRegistry } from \"./custom-element-registry.ts\";\n\nexport class XRegistry extends HTMLElement {\n static globalObservedAttributesByName = new Map>();\n\n registry: CustomElementRegistry = new CustomCustomElementRegistry();\n\n define(\n name: string,\n constructor: CustomElementConstructor,\n _options?: ElementDefinitionOptions\n ): void {\n this.registry.define(name, constructor);\n\n const newObservedAttributes: string[] | undefined = Reflect.get(\n constructor,\n \"observedAttributes\"\n );\n if (newObservedAttributes) {\n const observedAttributes =\n XRegistry.globalObservedAttributesByName.get(name) ?? new Set();\n\n XRegistry.globalObservedAttributesByName.set(name, observedAttributes);\n\n for (const attrName of newObservedAttributes) {\n observedAttributes.add(attrName);\n }\n }\n\n customElements.define(\n name,\n class {\n constructor() {\n const instance = Reflect.construct(HTMLElement, [], this.constructor);\n Reflect.setPrototypeOf(instance, HTMLElement.prototype);\n\n const registry = (instance.closest(\"x-registry\") satisfies XRegistry)\n ?.registry;\n if (registry) {\n registry.upgrade(instance);\n } else {\n console.warn(instance, \"has no parent x-registry element\");\n }\n return instance;\n }\n\n static get observedAttributes() {\n return Array.from(\n XRegistry.globalObservedAttributesByName.get(name) ?? []\n );\n }\n\n connectedCallback() {\n if (!this.connectedCallback) return;\n Reflect.apply(this.connectedCallback, this, arguments);\n }\n disconnectedCallback() {\n if (!this.disconnectedCallback) return;\n return Reflect.apply(this.disconnectedCallback, this, arguments);\n }\n attributeChangedCallback() {\n if (!this.attributeChangedCallback) return;\n return Reflect.apply(this.attributeChangedCallback, this, arguments);\n }\n }\n );\n }\n}\n",[],[149,187],"29ab7fe8-5742-11f0-ba4f-f69ea79377d9","scoped-custom-element-registry.ts","4e69050e-573c-11f0-b48d-f69ea79377d9",246,["D",1751460212693],10,"/**\n * @license\n * Copyright (c) 2020 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n\n/**\n * Note: this file is a script, not a module, so toplevel\n * interfaces are global. This is relevent because those named\n * after existing global TypeScript types actually add to those\n * types, as though they were declared in a `declare global` in a module.\n */\n\ndeclare interface PolyfillWindow {\n CustomElementRegistryPolyfill: {\n formAssociated: Set;\n };\n}\n\nconst polyfillWindow = window as unknown as PolyfillWindow;\n\n/**\n * Polyfill helper object. This is global and distinct from\n * `CustomElementRegistry`because the polyfill does not use modules and\n * so that it is clearly polyfill-specific and not related to the native\n * feature.\n *\n * The `formAssociated` setting cannot be properly scoped and can only be set\n * once per name. This is determined by how it is set on the first defined\n * tag name. However, adding the name to\n * `CustomElementsRegistryPolyfill.add(tagName)` reserves the given tag\n * so it's always formAssociated.\n */\nif (\n polyfillWindow[\"CustomElementRegistryPolyfill\"]?.[\"formAssociated\"] ===\n undefined\n) {\n polyfillWindow[\"CustomElementRegistryPolyfill\"] = {\n [\"formAssociated\"]: new Set(),\n };\n}\n\ninterface CustomElementConstructor {\n observedAttributes?: Array;\n formAssociated?: boolean;\n\n new (...params: unknown[]): CustomHTMLElement;\n}\n\ninterface CustomHTMLElement {\n connectedCallback?(): void;\n disconnectedCallback?(): void;\n adoptedCallback?(): void;\n attributeChangedCallback?(\n name: string,\n oldValue?: string | null,\n newValue?: string | null,\n namespace?: string | null\n ): void;\n formAssociatedCallback?(form: HTMLFormElement | null): void;\n formDisabledCallback?(disabled: boolean): void;\n formResetCallback?(): void;\n formStateRestoreCallback?(\n state: File | string | FormData | null,\n mode: string\n ): void;\n}\n\ninterface CustomElementRegistry {\n _getDefinition(tagName: string): CustomElementDefinition | undefined;\n}\n\ninterface CustomElementDefinition {\n elementClass: CustomElementConstructor;\n tagName: string;\n /**\n * We hold onto the versions of callbacks at registration time, because\n * that's the specc'd behavior.\n */\n connectedCallback?: CustomHTMLElement[\"connectedCallback\"];\n disconnectedCallback?: CustomHTMLElement[\"disconnectedCallback\"];\n adoptedCallback?: CustomHTMLElement[\"adoptedCallback\"];\n attributeChangedCallback?: CustomHTMLElement[\"attributeChangedCallback\"];\n formAssociated?: boolean;\n formAssociatedCallback?: CustomHTMLElement[\"formAssociatedCallback\"];\n formDisabledCallback?: CustomHTMLElement[\"formDisabledCallback\"];\n formResetCallback?: CustomHTMLElement[\"formResetCallback\"];\n formStateRestoreCallback?: CustomHTMLElement[\"formStateRestoreCallback\"];\n observedAttributes: Set;\n /**\n * The class that's registered on the global custom element registry for this\n * element definition. Only present if this definition is registered on the\n * global registry, though all definitions do have a standin.\n */\n standInClass?: CustomElementConstructor;\n}\n\n// Note, `registry` matches proposal but `customElements` was previously\n// proposed. It's supported for back compat.\ninterface ShadowRootWithSettableCustomElements extends ShadowRoot {\n registry?: CustomElementRegistry;\n customElements?: CustomElementRegistry;\n}\n\ninterface ShadowRootInitWithSettableCustomElements extends ShadowRootInit {\n registry?: CustomElementRegistry;\n customElements?: CustomElementRegistry;\n}\n\ntype ParametersOf<\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n T extends ((...args: any) => any) | undefined\n> = T extends Function ? Parameters : never;\n\nconst NativeHTMLElement = window.HTMLElement;\nconst nativeDefine = window.customElements.define;\nconst nativeGet = window.customElements.get;\nconst nativeRegistry = window.customElements;\n\nconst definitionForElement = new WeakMap<\n HTMLElement,\n CustomElementDefinition\n>();\nconst pendingRegistryForElement = new WeakMap<\n HTMLElement,\n ShimmedCustomElementsRegistry\n>();\nconst globalDefinitionForConstructor = new WeakMap<\n CustomElementConstructor,\n CustomElementDefinition\n>();\n// TBD: This part of the spec proposal is unclear:\n// > Another option for looking up registries is to store an element's\n// > originating registry with the element. The Chrome DOM team was concerned\n// > about the small additional memory overhead on all elements. Looking up the\n// > root avoids this.\nconst scopeForElement = new WeakMap();\n\nclass AsyncInfo {\n readonly promise: Promise;\n readonly resolve: (val: T) => void;\n constructor() {\n let resolve: (val: T) => void;\n this.promise = new Promise((r) => {\n resolve = r;\n });\n this.resolve = resolve!;\n }\n}\n\n// Constructable CE registry class, which uses the native CE registry to\n// register stand-in elements that can delegate out to CE classes registered\n// in scoped registries\nclass ShimmedCustomElementsRegistry implements CustomElementRegistry {\n private readonly _definitionsByTag = new Map<\n string,\n CustomElementDefinition\n >();\n private readonly _definitionsByClass = new Map<\n CustomElementConstructor,\n CustomElementDefinition\n >();\n private readonly _whenDefinedPromises = new Map<\n string,\n AsyncInfo\n >();\n private readonly _awaitingUpgrade = new Map>();\n\n define(tagName: string, elementClass: CustomElementConstructor) {\n tagName = tagName.toLowerCase();\n if (this._getDefinition(tagName) !== undefined) {\n throw new DOMException(\n `Failed to execute 'define' on 'CustomElementRegistry': the name \"${tagName}\" has already been used with this registry`\n );\n }\n if (this._definitionsByClass.get(elementClass) !== undefined) {\n throw new DOMException(\n `Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry`\n );\n }\n // Since observedAttributes can't change, we approximate it by patching\n // set/remove/toggleAttribute on the user's class\n const attributeChangedCallback =\n elementClass.prototype.attributeChangedCallback;\n const observedAttributes = new Set(\n elementClass.observedAttributes || []\n );\n patchAttributes(elementClass, observedAttributes, attributeChangedCallback);\n // Register a stand-in class which will handle the registry lookup & delegation\n let standInClass = nativeGet.call(nativeRegistry, tagName);\n // `formAssociated` cannot be scoped so it's set to true if\n // the first defined element sets it or it's reserved in\n // `CustomElementRegistryPolyfill.formAssociated`.\n const formAssociated =\n standInClass?.formAssociated ??\n (elementClass[\"formAssociated\"] ||\n polyfillWindow[\"CustomElementRegistryPolyfill\"][\"formAssociated\"].has(\n tagName\n ));\n if (formAssociated) {\n polyfillWindow[\"CustomElementRegistryPolyfill\"][\"formAssociated\"].add(\n tagName\n );\n }\n // Sync the class value to the definition value for easier debuggability\n if (formAssociated != elementClass[\"formAssociated\"]) {\n try {\n elementClass[\"formAssociated\"] = formAssociated;\n } catch (e) {\n // squelch\n }\n }\n // Register the definition\n const definition: CustomElementDefinition = {\n tagName,\n elementClass,\n connectedCallback: elementClass.prototype.connectedCallback,\n disconnectedCallback: elementClass.prototype.disconnectedCallback,\n adoptedCallback: elementClass.prototype.adoptedCallback,\n attributeChangedCallback,\n formAssociated: formAssociated,\n formAssociatedCallback: elementClass.prototype[\"formAssociatedCallback\"],\n formDisabledCallback: elementClass.prototype[\"formDisabledCallback\"],\n formResetCallback: elementClass.prototype[\"formResetCallback\"],\n formStateRestoreCallback:\n elementClass.prototype[\"formStateRestoreCallback\"],\n observedAttributes,\n };\n this._definitionsByTag.set(tagName, definition);\n this._definitionsByClass.set(elementClass, definition);\n\n if (!standInClass) {\n standInClass = createStandInElement(tagName);\n nativeDefine.call(nativeRegistry, tagName, standInClass);\n }\n if (this === window.customElements) {\n globalDefinitionForConstructor.set(elementClass, definition);\n definition.standInClass = standInClass;\n }\n // Upgrade any elements created in this scope before define was called\n const awaiting = this._awaitingUpgrade.get(tagName);\n if (awaiting) {\n this._awaitingUpgrade.delete(tagName);\n for (const element of awaiting) {\n pendingRegistryForElement.delete(element);\n customize(element, definition, true);\n }\n }\n // Flush whenDefined callbacks\n const info = this._whenDefinedPromises.get(tagName);\n if (info !== undefined) {\n info.resolve(elementClass);\n this._whenDefinedPromises.delete(tagName);\n }\n return elementClass;\n }\n\n upgrade(...args: Parameters) {\n creationContext.push(this);\n nativeRegistry.upgrade(...args);\n creationContext.pop();\n }\n\n get(tagName: string) {\n const definition = this._definitionsByTag.get(tagName);\n return definition?.elementClass;\n }\n\n getName(elementClass: CustomElementConstructor) {\n const definition = this._definitionsByClass.get(elementClass);\n return definition?.tagName ?? null;\n }\n\n _getDefinition(tagName: string) {\n return this._definitionsByTag.get(tagName);\n }\n\n [\"whenDefined\"](tagName: string) {\n const definition = this._getDefinition(tagName);\n if (definition !== undefined) {\n return Promise.resolve(definition.elementClass);\n }\n let info = this._whenDefinedPromises.get(tagName);\n if (info === undefined) {\n info = new AsyncInfo();\n this._whenDefinedPromises.set(tagName, info);\n }\n return info.promise;\n }\n\n _upgradeWhenDefined(\n element: HTMLElement,\n tagName: string,\n shouldUpgrade: boolean\n ) {\n let awaiting = this._awaitingUpgrade.get(tagName);\n if (!awaiting) {\n this._awaitingUpgrade.set(tagName, (awaiting = new Set()));\n }\n if (shouldUpgrade) {\n awaiting.add(element);\n } else {\n awaiting.delete(element);\n }\n }\n}\n\n// User extends this HTMLElement, which returns the CE being upgraded\nlet upgradingInstance: HTMLElement | undefined;\nwindow.HTMLElement = function HTMLElement(this: HTMLElement) {\n // Upgrading case: the StandInElement constructor was run by the browser's\n // native custom elements and we're in the process of running the\n // \"constructor-call trick\" on the natively constructed instance, so just\n // return that here\n let instance = upgradingInstance;\n if (instance) {\n upgradingInstance = undefined;\n return instance;\n }\n // Construction case: we need to construct the StandInElement and return\n // it; note the current spec proposal only allows new'ing the constructor\n // of elements registered with the global registry\n const definition = globalDefinitionForConstructor.get(\n this.constructor as CustomElementConstructor\n );\n if (!definition) {\n throw new TypeError(\n \"Illegal constructor (custom element class must be registered with global customElements registry to be newable)\"\n );\n }\n instance = Reflect.construct(NativeHTMLElement, [], definition.standInClass);\n Object.setPrototypeOf(instance, this.constructor.prototype);\n definitionForElement.set(instance!, definition);\n return instance;\n} as unknown as typeof HTMLElement;\nwindow.HTMLElement.prototype = NativeHTMLElement.prototype;\n\n// Helpers to return the scope for a node where its registry would be located\nconst isValidScope = (node: Node) =>\n node === document || node instanceof ShadowRoot;\nconst registryForNode = (node: Node): ShimmedCustomElementsRegistry | null => {\n return;\n // TODO: the algorithm for finding the scope is a bit up in the air; assigning\n // a one-time scope at creation time would require walking every tree ever\n // created, which is avoided for now\n let scope = node.getRootNode();\n // If we're not attached to the document (i.e. in a disconnected tree or\n // fragment), we need to get the scope from the creation context; that should\n // be a Document or ShadowRoot, unless it was created via innerHTML\n if (!isValidScope(scope)) {\n const context = creationContext[creationContext.length - 1];\n console.log({ context });\n // When upgrading via registry.upgrade(), the registry itself is put on the\n // creationContext stack\n if (context instanceof CustomElementRegistry) {\n return context as ShimmedCustomElementsRegistry;\n }\n // Otherwise, get the root node of the element this was created from\n scope = context.getRootNode();\n // The creation context wasn't a Document or ShadowRoot or in one; this\n // means we're being innerHTML'ed into a disconnected element; for now, we\n // hope that root node was created imperatively, where we stash _its_\n // scopeForElement. Beyond that, we'd need more costly tracking.\n if (!isValidScope(scope)) {\n scope = scopeForElement.get(scope)?.getRootNode() || document;\n }\n }\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return (scope as any)[\"registry\"] as ShimmedCustomElementsRegistry | null;\n};\n\n// Helper to create stand-in element for each tagName registered that delegates\n// out to the registry for the given element\nconst createStandInElement = (tagName: string): CustomElementConstructor => {\n return class ScopedCustomElementBase {\n // Note, this cannot be scoped so it's set based on a polyfill config\n // option. When this config option isn't specified, it is set\n // if the first defining element is formAssociated.\n static get [\"formAssociated\"]() {\n return polyfillWindow[\"CustomElementRegistryPolyfill\"][\n \"formAssociated\"\n ].has(tagName);\n }\n constructor() {\n // Create a raw HTMLElement first\n const instance = Reflect.construct(\n NativeHTMLElement,\n [],\n this.constructor\n );\n // We need to install the minimum HTMLElement prototype so that\n // scopeForNode can use DOM API to determine our construction scope;\n // upgrade will eventually install the full CE prototype\n Object.setPrototypeOf(instance, HTMLElement.prototype);\n // Get the node's scope, and its registry (falls back to global registry)\n const registry =\n registryForNode(instance) ||\n (window.customElements as ShimmedCustomElementsRegistry);\n const definition = registry._getDefinition(tagName);\n if (definition) {\n customize(instance, definition);\n } else {\n pendingRegistryForElement.set(instance, registry);\n }\n return instance;\n }\n\n connectedCallback(\n this: HTMLElement,\n ...args: ParametersOf\n ) {\n ensureAttributesCustomized(this);\n const definition = definitionForElement.get(this);\n if (definition) {\n // Delegate out to user callback\n definition.connectedCallback &&\n definition.connectedCallback.apply(this, args);\n } else {\n // Register for upgrade when defined (only when connected, so we don't leak)\n pendingRegistryForElement\n .get(this)!\n ._upgradeWhenDefined(this, tagName, true);\n }\n }\n\n disconnectedCallback(\n this: HTMLElement,\n ...args: ParametersOf\n ) {\n const definition = definitionForElement.get(this);\n if (definition) {\n // Delegate out to user callback\n definition.disconnectedCallback &&\n definition.disconnectedCallback.apply(this, args);\n } else {\n // Un-register for upgrade when defined (so we don't leak)\n pendingRegistryForElement\n .get(this)!\n ._upgradeWhenDefined(this, tagName, false);\n }\n }\n\n adoptedCallback(\n this: HTMLElement,\n ...args: ParametersOf\n ) {\n const definition = definitionForElement.get(this);\n definition?.adoptedCallback?.apply(this, args);\n }\n\n // Form-associated custom elements lifecycle methods\n [\"formAssociatedCallback\"](\n this: HTMLElement,\n ...args: ParametersOf\n ) {\n const definition = definitionForElement.get(this);\n if (definition?.[\"formAssociated\"]) {\n definition?.[\"formAssociatedCallback\"]?.apply(this, args);\n }\n }\n\n [\"formDisabledCallback\"](\n this: HTMLElement,\n ...args: ParametersOf\n ) {\n const definition = definitionForElement.get(this);\n if (definition?.[\"formAssociated\"]) {\n definition?.[\"formDisabledCallback\"]?.apply(this, args);\n }\n }\n\n [\"formResetCallback\"](\n this: HTMLElement,\n ...args: ParametersOf\n ) {\n const definition = definitionForElement.get(this);\n if (definition?.[\"formAssociated\"]) {\n definition?.[\"formResetCallback\"]?.apply(this, args);\n }\n }\n\n [\"formStateRestoreCallback\"](\n this: HTMLElement,\n ...args: ParametersOf\n ) {\n const definition = definitionForElement.get(this);\n if (definition?.[\"formAssociated\"]) {\n definition?.[\"formStateRestoreCallback\"]?.apply(this, args);\n }\n }\n\n // no attributeChangedCallback or observedAttributes since these\n // are simulated via setAttribute/removeAttribute patches\n } as unknown as CustomElementConstructor;\n};\nwindow.CustomElementRegistry = ShimmedCustomElementsRegistry;\n\n// Helper to patch CE class setAttribute/getAttribute/toggleAttribute to\n// implement attributeChangedCallback\nconst patchAttributes = (\n elementClass: CustomElementConstructor,\n observedAttributes: Set,\n attributeChangedCallback?: CustomHTMLElement[\"attributeChangedCallback\"]\n) => {\n if (observedAttributes.size === 0 || attributeChangedCallback === undefined) {\n return;\n }\n const setAttribute = elementClass.prototype.setAttribute;\n if (setAttribute) {\n elementClass.prototype.setAttribute = function (n: string, value: string) {\n ensureAttributesCustomized(this);\n const name = n.toLowerCase();\n if (observedAttributes.has(name)) {\n const old = this.getAttribute(name);\n setAttribute.call(this, name, value);\n attributeChangedCallback.call(this, name, old, value);\n } else {\n setAttribute.call(this, name, value);\n }\n };\n }\n const removeAttribute = elementClass.prototype.removeAttribute;\n if (removeAttribute) {\n elementClass.prototype.removeAttribute = function (n: string) {\n ensureAttributesCustomized(this);\n const name = n.toLowerCase();\n if (observedAttributes.has(name)) {\n const old = this.getAttribute(name);\n removeAttribute.call(this, name);\n attributeChangedCallback.call(this, name, old, null);\n } else {\n removeAttribute.call(this, name);\n }\n };\n }\n const toggleAttribute = elementClass.prototype.toggleAttribute;\n if (toggleAttribute) {\n elementClass.prototype.toggleAttribute = function (\n n: string,\n force?: boolean\n ) {\n ensureAttributesCustomized(this);\n const name = n.toLowerCase();\n if (observedAttributes.has(name)) {\n const old = this.getAttribute(name);\n toggleAttribute.call(this, name, force);\n const newValue = this.getAttribute(name);\n if (old !== newValue) {\n attributeChangedCallback.call(this, name, old, newValue);\n }\n } else {\n toggleAttribute.call(this, name, force);\n }\n };\n }\n};\n\n// Helper to defer initial attribute processing for parser generated\n// custom elements. These elements are created without attributes\n// so attributes cannot be processed in the constructor. Instead,\n// these elements are customized at the first opportunity:\n// 1. when the element is connected\n// 2. when any attribute API is first used\n// 3. when the document becomes readyState === interactive (the parser is done)\nlet elementsPendingAttributes: Set | undefined;\nif (document.readyState === \"loading\") {\n elementsPendingAttributes = new Set();\n document.addEventListener(\n \"readystatechange\",\n () => {\n elementsPendingAttributes!.forEach((instance) =>\n customizeAttributes(instance, definitionForElement.get(instance)!)\n );\n },\n { once: true }\n );\n}\n\nconst ensureAttributesCustomized = (\n instance: CustomHTMLElement & HTMLElement\n) => {\n if (!elementsPendingAttributes?.has(instance)) {\n return;\n }\n customizeAttributes(instance, definitionForElement.get(instance)!);\n};\n\n// Approximate observedAttributes from the user class, since the stand-in element had none\nconst customizeAttributes = (\n instance: CustomHTMLElement & HTMLElement,\n definition: CustomElementDefinition\n) => {\n elementsPendingAttributes?.delete(instance);\n if (!definition.attributeChangedCallback) {\n return;\n }\n definition.observedAttributes.forEach((attr: string) => {\n if (!instance.hasAttribute(attr)) {\n return;\n }\n definition.attributeChangedCallback!.call(\n instance,\n attr,\n null,\n instance.getAttribute(attr)\n );\n });\n};\n\n// Helper to patch CE class hierarchy changing those CE classes created before applying the polyfill\n// to make them work with the new patched CustomElementsRegistry\nconst patchHTMLElement = (elementClass: CustomElementConstructor): unknown => {\n console.log(\"patch\", elementClass);\n const parentClass = Object.getPrototypeOf(elementClass);\n\n if (parentClass !== window.HTMLElement) {\n if (parentClass === NativeHTMLElement) {\n return Object.setPrototypeOf(elementClass, window.HTMLElement);\n }\n\n return patchHTMLElement(parentClass);\n }\n return;\n};\n\n// Helper to upgrade an instance with a CE definition using \"constructor call trick\"\nconst customize = (\n instance: HTMLElement,\n definition: CustomElementDefinition,\n isUpgrade = false\n) => {\n console.log(\"customize\", instance, definition, isUpgrade);\n Object.setPrototypeOf(instance, definition.elementClass.prototype);\n definitionForElement.set(instance, definition);\n upgradingInstance = instance;\n try {\n console.log(definition.elementClass);\n new definition.elementClass();\n } catch (_) {\n patchHTMLElement(definition.elementClass);\n new definition.elementClass();\n }\n if (definition.attributeChangedCallback) {\n // Note, these checks determine if the element is being parser created.\n // and has no attributes when created. In this case, it may have attributes\n // in HTML that are immediately processed. To handle this, the instance\n // is added to a set and its attributes are customized at first\n // opportunity (e.g. when connected or when the parser completes and the\n // document becomes interactive).\n if (elementsPendingAttributes !== undefined && !instance.hasAttributes()) {\n elementsPendingAttributes.add(instance);\n } else {\n customizeAttributes(instance, definition);\n }\n }\n if (isUpgrade && definition.connectedCallback && instance.isConnected) {\n definition.connectedCallback.call(instance);\n }\n};\n\n// Patch attachShadow to set customElements on shadowRoot when provided\nconst nativeAttachShadow = Element.prototype.attachShadow;\nElement.prototype.attachShadow = function (\n init: ShadowRootInitWithSettableCustomElements,\n ...args: Array\n) {\n // Note, We must remove `registry` from the init object to avoid passing it to\n // the native implementation. Use string keys to avoid renaming in Closure.\n const {\n customElements: customElements,\n registry: registry = customElements,\n ...nativeInit\n } = init;\n const shadowRoot = nativeAttachShadow.call(\n this,\n nativeInit,\n ...(args as [])\n ) as ShadowRootWithSettableCustomElements;\n if (registry !== undefined) {\n const descriptor = {\n value: registry,\n configurable: true,\n writable: true,\n };\n Object.defineProperty(shadowRoot, \"customElements\", descriptor);\n Object.defineProperty(shadowRoot, \"registry\", descriptor);\n }\n return shadowRoot;\n};\n\n// Install scoped creation API on Element & ShadowRoot\nconst creationContext: Array<\n Document | CustomElementRegistry | Element | ShadowRoot\n> = [document];\nconst installScopedCreationMethod = (\n ctor: Function,\n method: string,\n from?: Document\n) => {\n const native = (from ? Object.getPrototypeOf(from) : ctor.prototype)[method];\n ctor.prototype[method] = function (\n this: Element | ShadowRoot,\n ...args: Array\n ) {\n creationContext.push(this);\n const ret = native.apply(from || this, args);\n // For disconnected elements, note their creation scope so that e.g.\n // innerHTML into them will use the correct scope; note that\n // insertAdjacentHTML doesn't return an element, but that's fine since\n // it will have a parent that should have a scope\n if (ret !== undefined) {\n scopeForElement.set(ret, this);\n }\n creationContext.pop();\n return ret;\n };\n};\ninstallScopedCreationMethod(ShadowRoot, \"createElement\", document);\ninstallScopedCreationMethod(ShadowRoot, \"createElementNS\", document);\ninstallScopedCreationMethod(ShadowRoot, \"importNode\", document);\ninstallScopedCreationMethod(Element, \"insertAdjacentHTML\");\n\n// Install scoped innerHTML on Element & ShadowRoot\nconst installScopedCreationSetter = (ctor: Function, name: string) => {\n const descriptor = Object.getOwnPropertyDescriptor(ctor.prototype, name)!;\n Object.defineProperty(ctor.prototype, name, {\n ...descriptor,\n set(value) {\n creationContext.push(this);\n descriptor.set!.call(this, value);\n creationContext.pop();\n },\n });\n};\ninstallScopedCreationSetter(Element, \"innerHTML\");\ninstallScopedCreationSetter(ShadowRoot, \"innerHTML\");\n\n// Install global registry\nObject.defineProperty(window, \"customElements\", {\n value: new CustomElementRegistry(),\n configurable: true,\n writable: true,\n});\n\nif (\n !!window[\"ElementInternals\"] &&\n !!window[\"ElementInternals\"].prototype[\"setFormValue\"]\n) {\n const internalsToHostMap = new WeakMap();\n const attachInternals = HTMLElement.prototype[\"attachInternals\"];\n const methods: Array = [\n \"setFormValue\",\n \"setValidity\",\n \"checkValidity\",\n \"reportValidity\",\n ];\n\n HTMLElement.prototype[\"attachInternals\"] = function (...args) {\n const internals = attachInternals.call(this, ...args);\n internalsToHostMap.set(internals, this);\n return internals;\n };\n\n methods.forEach((method) => {\n const proto = window[\"ElementInternals\"].prototype;\n const originalMethod = proto[method] as Function;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (proto as any)[method] = function (...args: Array) {\n const host = internalsToHostMap.get(this);\n const definition = definitionForElement.get(host!);\n if (\n (definition as { formAssociated?: boolean })[\"formAssociated\"] === true\n ) {\n return originalMethod?.call(this, ...args);\n } else {\n throw new DOMException(\n `Failed to execute ${originalMethod} on 'ElementInternals': The target element is not a form-associated custom element.`\n );\n }\n };\n });\n\n // Emulate the native RadioNodeList object\n const RadioNodeList = class\n extends Array\n implements Omit\n {\n private _elements: Array;\n\n constructor(elements: Array) {\n super(...elements);\n this._elements = elements;\n }\n [index: number]: Node;\n\n item(index: number): Node | null {\n return this[index];\n }\n\n get [\"value\"]() {\n return (\n this._elements.find((element) => element[\"checked\"] === true)?.value ||\n \"\"\n );\n }\n } as unknown as { new (elements: Array): RadioNodeList };\n\n // Emulate the native HTMLFormControlsCollection object\n const HTMLFormControlsCollection = class\n implements HTMLFormControlsCollection\n {\n length: number;\n\n constructor(elements: Array) {\n const entries = new Map();\n elements.forEach((element, index) => {\n const name = element.getAttribute(\"name\");\n const nameReference = entries.get(name) || [];\n this[+index] = element;\n nameReference.push(element);\n entries.set(name, nameReference);\n });\n this[\"length\"] = elements.length;\n entries.forEach((value, name) => {\n if (!value) return;\n if (name === \"length\" || name === \"item\" || name === \"namedItem\")\n return;\n if (value.length === 1) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (this as any)[name!] = value[0];\n } else {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (this as any)[name!] = new RadioNodeList(value as HTMLInputElement[]);\n }\n });\n }\n\n [index: number]: Element;\n\n [\"item\"](index: number): Element | null {\n return this[index] ?? null;\n }\n\n [Symbol.iterator](): IterableIterator {\n throw new Error(\"Method not implemented.\");\n }\n\n [\"namedItem\"](key: string): RadioNodeList | Element | null {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return (this as any)[key] ?? null;\n }\n };\n\n // Override the built-in HTMLFormElements.prototype.elements getter\n const formElementsDescriptor = Object.getOwnPropertyDescriptor(\n HTMLFormElement.prototype,\n \"elements\"\n )!;\n\n Object.defineProperty(HTMLFormElement.prototype, \"elements\", {\n get: function () {\n const nativeElements = formElementsDescriptor.get!.call(this);\n\n const include: Array = [];\n\n for (const element of nativeElements) {\n const definition = definitionForElement.get(element);\n\n // Only purposefully formAssociated elements or built-ins will feature in elements\n if (!definition || definition[\"formAssociated\"] === true) {\n include.push(element);\n }\n }\n\n return new HTMLFormControlsCollection(include);\n },\n });\n}\n",[],[149,197],"d540eb66-573f-11f0-81be-f69ea79377d9","custom-element-registry.ts","ba6fbf48-56fd-11f0-b60c-f69ea79377d9",225,["D",1751459212071],3,"export class CustomCustomElementRegistry implements CustomElementRegistry {\n constructorByName = new Map();\n promiseByName = new Map<\n string,\n PromiseWithResolvers\n >();\n nameByConstructor = new WeakMap();\n\n define(\n name: string,\n constructor: CustomElementConstructor,\n _options?: ElementDefinitionOptions\n ): void {\n this.constructorByName.set(name, constructor);\n this.nameByConstructor.set(constructor, name);\n this.promiseByName.get(name)?.resolve(constructor);\n }\n\n get(name: string): CustomElementConstructor | undefined {\n return this.constructorByName.get(name);\n }\n\n getName(constructor: CustomElementConstructor): string | null {\n return this.nameByConstructor.get(constructor);\n }\n\n upgrade(root: Node): void {\n const tag = root.nodeName.toLowerCase();\n const _super = this.get(tag);\n if (!_super) {\n console.warn(this, `has not defined \"${tag}\"`);\n return;\n }\n\n Reflect.setPrototypeOf(root, _super.prototype);\n }\n\n whenDefined(name: string): Promise {\n if (!this.promiseByName.has(name)) {\n this.promiseByName.set(name, Promise.withResolvers());\n }\n return this.promiseByName.get(name).promise;\n }\n}\n",[],[149,206],["D",1751430800654],[166,167,168],[149],["D",1751425552216],{"_16":17,"_83":79},{"_16":17,"_77":-5,"_78":79,"_33":34,"_80":81,"_82":26},{"_65":66,"_20":67,"_18":68,"_69":19,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":21,"_76":17},"ctx",{"_58":-5,"_103":254,"_255":256,"_257":258,"_259":26,"_260":26,"_261":26,"_262":38,"_263":-5,"_264":-7,"_265":-7,"_266":42,"_267":26,"_268":26,"_269":-5,"_270":26,"_271":26,"_272":26,"_273":-5},"ENV",{"_225":226,"_227":228,"_229":67,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253},"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"]

Search