[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_192":193,"_194":195},"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",83,"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","preact-button.ts","latestPath","fileId","246d7ec8-b4ee-11f0-bd15-0224a6c84d84","name","fileType","script","content","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 = ({ onClick = () => {} }) =>\n html`\n \n `;\n\nconst css = `\nbutton { \n background:#007bff; \n color:#fff; \n border:none; \n padding:0.5rem 1rem; \n}\n`;\n\nclass PreactButton extends HTMLElement {\n connectedCallback() {\n const shadow = this.attachShadow({ mode: \"open\" });\n const handleClick = () => this.dispatchEvent(new CustomEvent(\"click\"));\n shadow.innerHTML = ``;\n render(\n button({ onClick: handleClick }),\n shadow,\n );\n }\n}\ncustomElements.define(\"preact-button\", PreactButton);","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 = ({ onClick = () => {} }) =>\n html`\n \n `;\n\nconst css = `\nbutton { \n background: var(--background, #007bff); \n color: var(--color, #fff); \n border:none; \n padding: var(--padding, 0.5rem 1rem); \n}\n`;\n\nclass PreactButton extends HTMLElement {\n connectedCallback() {\n const shadow = this.attachShadow({ mode: \"open\" });\n const handleClick = () => this.dispatchEvent(new CustomEvent(\"click\"));\n shadow.innerHTML = ``;\n render(\n button({ onClick: handleClick }),\n shadow,\n );\n }\n}\ncustomElements.define(\"preact-button\", PreactButton);","createdAt",["D",1761786846243],"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":188,"_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":189,"_78":190,"_80":191,"_82":25},"tree",[171,172,173,174],"files",[171,172,173,174],"counts",{"_160":60,"_161":162,"_163":60,"_164":165,"_166":167},"contents",[124,125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":152,"_32":153,"_30":154,"_131":-5,"_41":42,"_40":155,"_133":25,"_38":156,"_13":157,"_33":34,"_35":158,"_24":25,"_138":-5,"_27":159},{"_43":148,"_32":28,"_30":31,"_131":-5,"_41":42,"_40":14,"_133":25,"_38":149,"_13":150,"_33":34,"_35":37,"_24":25,"_138":-5,"_27":151},{"_43":140,"_32":141,"_30":142,"_131":-5,"_41":42,"_40":143,"_133":25,"_38":144,"_13":145,"_33":34,"_35":146,"_24":25,"_138":-5,"_27":147},{"_43":128,"_32":129,"_30":130,"_131":-5,"_41":42,"_40":132,"_133":134,"_38":135,"_13":136,"_33":34,"_35":137,"_24":25,"_138":-5,"_27":139},"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",[129],"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);",[141],"baeb2dd4-b52d-11f0-bbc0-0224a6c84d84",["D",1761786846243],10,[28],"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);",[153],"pulls","branches",1,"forks","envVars",{"_168":60,"_170":60},"connections",{"_168":60,"_169":60},"count","unfilledCount","emptyCount",{"_43":152,"_32":153,"_30":154,"_131":-5,"_41":42,"_40":155,"_133":25,"_38":185,"_13":157,"_33":34,"_35":158,"_24":25,"_138":-5,"_176":186,"_27":187},{"_43":148,"_32":28,"_30":31,"_131":-5,"_41":42,"_40":14,"_133":25,"_38":182,"_13":150,"_33":34,"_35":37,"_24":25,"_138":-5,"_176":183,"_27":184},{"_43":140,"_32":141,"_30":142,"_131":-5,"_41":42,"_40":143,"_133":25,"_38":179,"_13":145,"_33":34,"_35":146,"_24":25,"_138":-5,"_176":180,"_27":181},{"_43":128,"_32":129,"_30":130,"_131":-5,"_41":42,"_40":132,"_133":134,"_38":175,"_13":136,"_33":34,"_35":137,"_24":25,"_138":-5,"_176":177,"_27":178},["D",1761766066311],"children",[],[129],["D",1761765215067],[],[141],["D",1761786846243],[],[28],["D",1761759725096],[],[153],["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":225,"_226":227,"_228":229,"_230":25,"_231":25,"_232":25,"_233":134,"_234":-5,"_235":-7,"_236":-7,"_237":60,"_238":25,"_239":25,"_240":-5,"_241":25,"_242":25,"_243":25,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":84,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"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","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v83