[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_233":234,"_235":236},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_106":88,"_27":54,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":60,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",147,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","src/x-registry.ts","latestPath","fileId","cf744ba2-56fd-11f0-a4a3-f69ea79377d9","name","x-registry.ts","fileType","script","content","import { CustomCustomElementRegistry } from \"./custom-element-registry.ts\";\n\nexport class XRegistry extends HTMLElement {\n static globalObservedAttributesByName = new Map>();\n\n registry = 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 Array.from(newObservedAttributes).forEach((attrName) => {\n observedAttributes.add(attrName);\n });\n }\n\n customElements.define(\n name,\n class extends HTMLElement {\n constructor() {\n super();\n console.log(this.registry);\n const updateComplete = () =>\n new Promise((r) => requestAnimationFrame(r));\n updateComplete().then(() => {\n console.log(this.registry);\n });\n }\n\n static get observedAttributes() {\n return Array.from(\n XRegistry.globalObservedAttributesByName.get(name) ?? []\n );\n }\n\n get registry(): CustomElementRegistry {\n return (this.closest(\"x-registry\") satisfies XRegistry)?.registry;\n }\n\n setPrototype() {\n const tag = this.tagName.toLowerCase();\n if (!this.registry) {\n console.warn(this, \"has no parent x-registry element\");\n return;\n }\n const _super = this.registry.get(tag);\n if (!_super) {\n console.warn(this.registry, `has not defined \"${tag}\"`);\n return;\n }\n Reflect.setPrototypeOf(this, _super.prototype);\n }\n\n connectedCallback() {\n this.setPrototype();\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","import { CustomCustomElementRegistry } from \"./custom-element-registry.ts\";\n\nexport class XRegistry extends HTMLElement {\n static globalObservedAttributesByName = new Map>();\n\n registry = 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 Array.from(newObservedAttributes).forEach((attrName) => {\n observedAttributes.add(attrName);\n });\n }\n\n customElements.define(\n name,\n class extends HTMLElement {\n constructor() {\n super();\n console.log(\"first\", this.registry);\n const updateComplete = () =>\n new Promise((r) => requestAnimationFrame(r));\n updateComplete().then(() => {\n console.log(\"second\", this.registry);\n });\n }\n\n static get observedAttributes() {\n return Array.from(\n XRegistry.globalObservedAttributesByName.get(name) ?? []\n );\n }\n\n get registry(): CustomElementRegistry {\n return (this.closest(\"x-registry\") satisfies XRegistry)?.registry;\n }\n\n setPrototype() {\n const tag = this.tagName.toLowerCase();\n if (!this.registry) {\n console.warn(this, \"has no parent x-registry element\");\n return;\n }\n const _super = this.registry.get(tag);\n if (!_super) {\n console.warn(this.registry, `has not defined \"${tag}\"`);\n return;\n }\n Reflect.setPrototypeOf(this, _super.prototype);\n }\n\n connectedCallback() {\n this.setPrototype();\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","createdAt",["D",1751431213550],"branchVersion","branchId","76698042-56f1-11f0-a160-f69ea79377d9","id","76691c60-56f1-11f0-a160-f69ea79377d9","custom-registry",["D",1751425552216],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","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",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",247,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","postpostscript","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJjdlhaRXl0WXVNSlhZcWU0ckI2c1BOMjNhQSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_32":46,"_39":229,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":230,"_82":231,"_84":232,"_86":25},"tree",[189,192,193,194,195,196],"files",[189,190,191,192,193,194,195,196],"counts",{"_179":64,"_180":162,"_181":64,"_182":183,"_184":185},"contents",[127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":172,"_32":173,"_30":174,"_136":-5,"_42":43,"_41":175,"_138":60,"_39":176,"_13":64,"_34":177,"_36":-5,"_24":25,"_142":-5,"_27":178},{"_44":166,"_32":167,"_30":168,"_136":-5,"_42":43,"_41":155,"_138":60,"_39":169,"_13":64,"_34":20,"_36":170,"_24":25,"_142":-5,"_27":171},{"_44":159,"_32":160,"_30":161,"_136":-5,"_42":43,"_41":162,"_138":60,"_39":163,"_13":64,"_34":20,"_36":164,"_24":25,"_142":-5,"_27":165},{"_44":152,"_32":153,"_30":58,"_136":-5,"_42":43,"_41":149,"_138":60,"_39":154,"_13":155,"_34":156,"_36":157,"_24":25,"_142":-5,"_27":158},{"_44":144,"_32":145,"_30":146,"_136":-5,"_42":43,"_41":147,"_138":25,"_39":148,"_13":149,"_34":20,"_36":150,"_24":25,"_142":-5,"_27":151},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":139,"_13":140,"_34":35,"_36":141,"_24":25,"_142":-5,"_27":143},"9ba4b3c4-56fe-11f0-86aa-f69ea79377d9","main.ts","6be22af6-56f2-11f0-bfa8-f69ea79377d9","parentId",146,"latest",["D",1751431198111],113,"import { XRegistry } from \"./src/x-registry.ts\";\n\ncustomElements.define(\"x-registry\", XRegistry);\ncustomElements.define(\n \"x-define\",\n class extends HTMLElement {\n get registry(): XRegistry {\n return this.closest(\"x-registry\") satisfies XRegistry;\n }\n\n connectedCallback() {\n this.registry.define(\n this.getAttribute(\"name\"),\n class extends HTMLElement {\n static get observedAttributes() {\n return [\"a\", \"b\"];\n }\n\n static x = 1;\n\n // get x() {\n // return 1;\n // }\n connectedCallback() {\n this.innerText = \"frfrfrfr\";\n }\n disconnectedCallback() {\n console.log(\"disconnected\");\n }\n attributeChangedCallback() {\n console.log(\"attributeChangedCallback\", ...arguments);\n }\n }\n );\n }\n }\n);\n","label",[134],"868f88e2-56fe-11f0-bec0-f69ea79377d9","index.html","eca57144-56f1-11f0-80a5-f69ea79377d9",145,["D",1751431162762],13,"\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n\n",[145],"f0a41372-56f1-11f0-8a9e-f69ea79377d9","http.ts",["D",1751425757277],2,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils@105-main/index.ts\";\nexport default staticHTTPServer(import.meta.url);\n",[153],"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}",[160],"87ad690e-56f1-11f0-81d6-f69ea79377d9",".vtignore","87ad69d6-56f1-11f0-81d6-f69ea79377d9",["D",1751425581146],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[167],"aeb97c16-56fd-11f0-a9af-f69ea79377d9","src","aeb97d2e-56fd-11f0-a9af-f69ea79377d9",134,["D",1751430800654],"directory",[173],"pulls","branches","forks","envVars",{"_186":64,"_188":64},"connections",{"_186":64,"_187":64},"count","unfilledCount","emptyCount",{"_44":172,"_32":173,"_30":174,"_136":-5,"_42":43,"_41":175,"_138":60,"_39":226,"_13":64,"_34":177,"_36":-5,"_24":25,"_142":-5,"_198":227,"_27":228},{"_44":218,"_32":219,"_30":220,"_136":174,"_42":43,"_41":221,"_138":25,"_39":222,"_13":64,"_34":35,"_36":223,"_24":25,"_142":-5,"_198":224,"_27":225},{"_44":213,"_32":33,"_30":31,"_136":174,"_42":43,"_41":14,"_138":25,"_39":214,"_13":215,"_34":35,"_36":38,"_24":25,"_142":-5,"_198":216,"_27":217},{"_44":166,"_32":167,"_30":168,"_136":-5,"_42":43,"_41":155,"_138":60,"_39":210,"_13":64,"_34":20,"_36":170,"_24":25,"_142":-5,"_198":211,"_27":212},{"_44":159,"_32":160,"_30":161,"_136":-5,"_42":43,"_41":162,"_138":60,"_39":207,"_13":64,"_34":20,"_36":164,"_24":25,"_142":-5,"_198":208,"_27":209},{"_44":152,"_32":153,"_30":58,"_136":-5,"_42":43,"_41":149,"_138":60,"_39":204,"_13":155,"_34":156,"_36":157,"_24":25,"_142":-5,"_198":205,"_27":206},{"_44":144,"_32":145,"_30":146,"_136":-5,"_42":43,"_41":147,"_138":25,"_39":201,"_13":149,"_34":20,"_36":150,"_24":25,"_142":-5,"_198":202,"_27":203},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":197,"_13":140,"_34":35,"_36":141,"_24":25,"_142":-5,"_198":199,"_27":200},["D",1751431198111],"children",[],[134],["D",1751431162762],[],[145],["D",1751425757277],[],[153],["D",1751425581146],[],[160],["D",1751425581146],[],[167],"a4d594e0-56fe-11f0-855f-f69ea79377d9",["D",1751431213550],3,[],[173,33],"ba6fbe76-56fd-11f0-b60c-f69ea79377d9","custom-element-registry.ts","ba6fbf48-56fd-11f0-b60c-f69ea79377d9",135,["D",1751430820304],"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 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",[],[173,219],["D",1751430800654],[190,191],[173],["D",1751425552216],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_124":266,"_267":268,"_269":270,"_271":25,"_272":25,"_273":25,"_274":60,"_275":-5,"_276":-7,"_277":-7,"_278":64,"_279":25,"_280":25,"_281":-5,"_282":25,"_283":25,"_284":25,"_285":-5},"ENV",{"_237":238,"_239":240,"_241":88,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v147