[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_218":219,"_220":221},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":25,"_120":-5,"_121":-5,"_122":123},"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":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",97,"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","haunted-button.js","latestPath","fileId","33cf5fa6-b531-11f0-a850-0224a6c84d84","name","fileType","script","content","// haunted-button.js\nimport { component, html } from \"https://esm.sh/haunted\";\n\nfunction HauntedButton({ color = \"tomato\" }) {\n const handleClick = (e) => {\n e.target\n .getRootNode()\n .host.dispatchEvent(new CustomEvent(\"click\", { bubbles: true }));\n };\n\n return html`\n \n \n `;\n}\n\ncustomElements.define(\"haunted-button\", component(HauntedButton));","// haunted-button.js\nimport { component, html } from \"https://esm.sh/haunted\";\n\nfunction HauntedButton({ color = \"tomato\" }) {\n return html`\n \n \n `;\n}\n\ncustomElements.define(\"haunted-button\", component(HauntedButton));","createdAt",["D",1761798999242],"branchVersion","branchId","a75d5c62-b4ea-11f0-94cd-0224a6c84d84","id","a75cda76-b4ea-11f0-94cd-0224a6c84d84","pala-element-library-example",["D",1761758037164],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","0199e6c9-a2b0-7329-ac15-9bfed3c816ca","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","0199e6c9-a2b0-7329-ac15-9fae93fe8914","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},"branch",{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned",103,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","matthewmateo","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zNDVweU5TWmZHUzlEOUM5U3NPVjlqOVVFVXgifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":214,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":215,"_78":216,"_80":217,"_82":25},"tree",[189,190,191,192,193,194],"files",[189,190,191,192,193,194],"counts",{"_178":60,"_179":180,"_181":60,"_182":183,"_184":185},"contents",[124,125,126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":174,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_135":25,"_38":175,"_13":176,"_33":34,"_35":37,"_24":25,"_140":-5,"_27":177},{"_43":166,"_32":167,"_30":168,"_133":-5,"_41":42,"_40":169,"_135":25,"_38":170,"_13":171,"_33":34,"_35":172,"_24":25,"_140":-5,"_27":173},{"_43":158,"_32":159,"_30":160,"_133":-5,"_41":42,"_40":161,"_135":25,"_38":162,"_13":163,"_33":34,"_35":164,"_24":25,"_140":-5,"_27":165},{"_43":150,"_32":151,"_30":152,"_133":-5,"_41":42,"_40":153,"_135":25,"_38":154,"_13":155,"_33":34,"_35":156,"_24":25,"_140":-5,"_27":157},{"_43":142,"_32":143,"_30":144,"_133":-5,"_41":42,"_40":145,"_135":136,"_38":146,"_13":147,"_33":34,"_35":148,"_24":25,"_140":-5,"_27":149},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":136,"_38":137,"_13":138,"_33":34,"_35":139,"_24":25,"_140":-5,"_27":141},"591da18e-b4fd-11f0-aac3-0224a6c84d84","vanilla-button.js","a760e90e-b4ea-11f0-94cd-0224a6c84d84","parentId",81,"latest",true,["D",1761766066311],16,"export const Button = (props = {}) => {\n const id = `btn-${Math.random().toString(36).slice(2)}`;\n const label = props.label ?? \"Click\";\n\n return `\n \n \n `;\n};","label",[131],"e5b4adf6-b52d-11f0-a993-0224a6c84d84","react-button.jsx","409f483c-b4f9-11f0-bb90-0224a6c84d84",84,["D",1761786918032],13,"/** @jsxImportSource https://esm.sh/react */\nimport React from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nclass ReactButton extends HTMLElement {\n connectedCallback() {\n const shadow = this.attachShadow({ mode: \"open\" });\n const root = createRoot(shadow);\n\n const label = this.getAttribute(\"label\") ?? \"Click\";\n\n // Inline style handling\n const styleAttr = this.getAttribute(\"style\");\n let styleObj = {};\n if (styleAttr && typeof styleAttr === \"string\") {\n try {\n styleAttr.split(\";\").forEach((pair) => {\n const [key, value] = pair.split(\":\").map((s) => s?.trim());\n if (key && value) styleObj[key] = value;\n });\n } catch {}\n }\n\n const className = this.getAttribute(\"class\") ??\n this.getAttribute(\"className\") ?? \"\";\n\n const handleClick = () =>\n this.dispatchEvent(new CustomEvent(\"btn-click\", { detail: { label } }));\n\n // Basic scoped styling via shadow DOM\n const baseStyle = {\n background: \"var(--background, tomato)\",\n color: \"var(--color, white)\",\n border: \"none\",\n borderRadius: \"var(--border-radius, 0.25rem)\",\n padding: \"var(--padding, 0.5rem 1rem)\",\n cursor: \"pointer\",\n ...styleObj,\n };\n\n // Use a for child content; fallback to label text\n root.render(\n \n {label}\n ,\n );\n }\n}\n\ncustomElements.define(\"react-button\", ReactButton);",[143],"33561084-b530-11f0-9f45-0224a6c84d84","preact-button.ts","246d7ec8-b4ee-11f0-bd15-0224a6c84d84",87,["D",1761787907262],12,"import { h, render } from \"https://esm.sh/preact@10.23.1\";\nimport htm from \"https://esm.sh/htm@3.1.1\";\nconst html = htm.bind(h);\n\nconst Button = ({ type = \"button\", onClick = () => {} }) =>\n html`\n \n `;\n\nconst css = `\n button { \n background: var(--background, #007bff); \n color: var(--color, #fff); \n border: none; \n border-radius: var(--border-radius, 0.25rem);\n padding: var(--padding, 0.5rem 1rem); \n cursor: pointer;\n }\n button:hover {\n opacity: 0.9;\n }\n`;\n\nclass PreactButton extends HTMLElement {\n static get observedAttributes() {\n return [\"type\"];\n }\n\n connectedCallback() {\n this.shadow = this.attachShadow({ mode: \"open\" });\n this.renderComponent();\n }\n\n attributeChangedCallback() {\n this.renderComponent();\n }\n\n renderComponent() {\n const type = this.getAttribute(\"type\") ?? \"button\";\n\n const handleClick = () =>\n this.dispatchEvent(new CustomEvent(\"click\", { bubbles: true }));\n\n // clear old content (to re-render when attribute changes)\n this.shadow.innerHTML = ``;\n render(Button({ type, onClick: handleClick }), this.shadow);\n }\n}\n\ncustomElements.define(\"preact-button\", PreactButton);",[151],"f78efbf8-b52d-11f0-a686-0224a6c84d84","lit-button.js","01d68a86-b4ed-11f0-8512-0224a6c84d84",85,["D",1761786947960],6,"// val: matthew/lit_button.js\nimport { css, html, LitElement } from \"https://esm.sh/lit@3.1.2\";\n\nclass LitButton extends LitElement {\n static properties = {\n color: { type: String },\n };\n\n static styles = css`\n button {\n background: var(--background, #007bff);\n color: var(--color, white);\n border: none;\n padding: var(--padding, 0.5rem 1rem);\n border-radius: var(--border-radius, 4px);\n cursor: pointer;\n }\n `;\n\n constructor() {\n super();\n this.color = \"#007bff\";\n }\n\n render() {\n return html`\n \n `;\n }\n}\n\ncustomElements.define(\"lit-button\", LitButton);",[159],"ea5f6cda-b549-11f0-8ac7-0224a6c84d84","hybrids-button.js","28e843fa-b531-11f0-9e2f-0224a6c84d84",96,["D",1761798951767],5,"import { define, html } from \"https://esm.sh/hybrids\";\n\n// example of custom event (UI event \"click\" bubbles up without handling)\nfunction handle_click(host) {\n host.dispatchEvent(new CustomEvent(\"custom-click\", { bubbles: true }));\n}\n\nconst HybridsButton = {\n tag: \"hybrids-button\",\n color: \"tomato\",\n\n render: ({ color }) =>\n html`\n \n \n `,\n};\n\ndefine(HybridsButton);",[167],"06aadffa-b54a-11f0-a466-0224a6c84d84",["D",1761798999242],3,[28],"pulls","branches",1,"forks","envVars",{"_186":60,"_188":60},"connections",{"_186":60,"_187":60},"count","unfilledCount","emptyCount",{"_43":174,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_135":25,"_38":211,"_13":176,"_33":34,"_35":37,"_24":25,"_140":-5,"_196":212,"_27":213},{"_43":166,"_32":167,"_30":168,"_133":-5,"_41":42,"_40":169,"_135":25,"_38":208,"_13":171,"_33":34,"_35":172,"_24":25,"_140":-5,"_196":209,"_27":210},{"_43":158,"_32":159,"_30":160,"_133":-5,"_41":42,"_40":161,"_135":25,"_38":205,"_13":163,"_33":34,"_35":164,"_24":25,"_140":-5,"_196":206,"_27":207},{"_43":150,"_32":151,"_30":152,"_133":-5,"_41":42,"_40":153,"_135":25,"_38":202,"_13":155,"_33":34,"_35":156,"_24":25,"_140":-5,"_196":203,"_27":204},{"_43":142,"_32":143,"_30":144,"_133":-5,"_41":42,"_40":145,"_135":136,"_38":199,"_13":147,"_33":34,"_35":148,"_24":25,"_140":-5,"_196":200,"_27":201},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":136,"_38":195,"_13":138,"_33":34,"_35":139,"_24":25,"_140":-5,"_196":197,"_27":198},["D",1761766066311],"children",[],[131],["D",1761786918032],[],[143],["D",1761787907262],[],[151],["D",1761786947960],[],[159],["D",1761798951767],[],[167],["D",1761798999242],[],[28],["D",1761758037164],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_76":-5,"_121":251,"_252":253,"_254":255,"_256":25,"_257":25,"_258":25,"_259":136,"_260":-5,"_261":-7,"_262":-7,"_263":60,"_264":25,"_265":25,"_266":-5,"_267":25,"_268":25,"_269":25,"_270":-5},"ENV",{"_222":223,"_224":225,"_226":84,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v97