[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_191":192,"_193":194},"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",80,"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","vanilla-button.js","latestPath","fileId","a760e90e-b4ea-11f0-94cd-0224a6c84d84","name","fileType","script","content","export const Button = ({ label = \"Click\" } = {}) => {\n const id = `btn-${Math.random().toString(36).slice(2)}`;\n const html = `\n \n \n `;\n // detect click\n setTimeout(() => {\n const el = document.getElementById(id);\n if (el) {\n el.addEventListener(\"click\", () => {\n el.dispatchEvent(new CustomEvent(\"click\", { detail: { label } }));\n });\n }\n }, 0);\n return html;\n};","export const Button = (props = {}) => {\n const id = `btn-${Math.random().toString(36).slice(2)}`;\n const label = props.label ?? \"Click\";\n const onclick = props.onclick ?? (() => {});\n\n return `\n \n \n `;\n};","createdAt",["D",1761765980252],"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":187,"_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":188,"_78":189,"_80":190,"_82":25},"tree",[170,171,172,173],"files",[170,171,172,173],"counts",{"_159":60,"_160":161,"_162":60,"_163":164,"_165":166},"contents",[124,125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":151,"_32":152,"_30":153,"_129":-5,"_41":42,"_40":154,"_130":25,"_38":155,"_13":156,"_33":34,"_35":157,"_24":25,"_133":-5,"_27":158},{"_43":143,"_32":144,"_30":145,"_129":-5,"_41":42,"_40":146,"_130":25,"_38":147,"_13":148,"_33":34,"_35":149,"_24":25,"_133":-5,"_27":150},{"_43":135,"_32":136,"_30":137,"_129":-5,"_41":42,"_40":138,"_130":25,"_38":139,"_13":140,"_33":34,"_35":141,"_24":25,"_133":-5,"_27":142},{"_43":128,"_32":28,"_30":31,"_129":-5,"_41":42,"_40":14,"_130":25,"_38":131,"_13":132,"_33":34,"_35":37,"_24":25,"_133":-5,"_27":134},"25d0bb68-b4fd-11f0-873e-0224a6c84d84","parentId","latest",["D",1761765980252],15,"label",[28],"5dbaeabe-b4fb-11f0-976d-0224a6c84d84","react-button.jsx","409f483c-b4f9-11f0-bb90-0224a6c84d84",73,["D",1761765215067],12,"/** @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 const color = this.getAttribute(\"color\") ?? \"tomato\";\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: color,\n color: \"white\",\n border: \"none\",\n borderRadius: \"4px\",\n 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);",[136],"54a1dba8-b4fc-11f0-b6f0-0224a6c84d84","preact-button.ts","246d7ec8-b4ee-11f0-bd15-0224a6c84d84",77,["D",1761765629300],8,"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\nclass PreactButton extends HTMLElement {\n connectedCallback() {\n const shadow = this.attachShadow({ mode: \"open\" });\n const handleClick = () => this.dispatchEvent(new CustomEvent(\"click\"));\n const style = `\n `;\n shadow.innerHTML = style;\n render(\n html`\n \n `,\n shadow,\n );\n }\n}\ncustomElements.define(\"preact-button\", PreactButton);",[144],"957403d0-b4ee-11f0-8437-0224a6c84d84","lit-button.js","01d68a86-b4ed-11f0-8512-0224a6c84d84",39,["D",1761759725096],5,"// 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(--btn-bg, #007bff);\n color: white;\n border: none;\n padding: 0.5rem 1rem;\n 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);",[152],"pulls","branches",1,"forks","envVars",{"_167":60,"_169":60},"connections",{"_167":60,"_168":60},"count","unfilledCount","emptyCount",{"_43":151,"_32":152,"_30":153,"_129":-5,"_41":42,"_40":154,"_130":25,"_38":184,"_13":156,"_33":34,"_35":157,"_24":25,"_133":-5,"_175":185,"_27":186},{"_43":143,"_32":144,"_30":145,"_129":-5,"_41":42,"_40":146,"_130":25,"_38":181,"_13":148,"_33":34,"_35":149,"_24":25,"_133":-5,"_175":182,"_27":183},{"_43":135,"_32":136,"_30":137,"_129":-5,"_41":42,"_40":138,"_130":25,"_38":178,"_13":140,"_33":34,"_35":141,"_24":25,"_133":-5,"_175":179,"_27":180},{"_43":128,"_32":28,"_30":31,"_129":-5,"_41":42,"_40":14,"_130":25,"_38":174,"_13":132,"_33":34,"_35":37,"_24":25,"_133":-5,"_175":176,"_27":177},["D",1761765980252],"children",[],[28],["D",1761765215067],[],[136],["D",1761765629300],[],[144],["D",1761759725096],[],[152],["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":224,"_225":226,"_227":228,"_229":25,"_230":25,"_231":25,"_232":233,"_234":-5,"_235":-7,"_236":-7,"_237":60,"_238":25,"_239":25,"_240":-5,"_241":25,"_242":25,"_243":25,"_244":-5},"ENV",{"_195":196,"_197":198,"_199":84,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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",true,"preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v80