[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_217":218,"_219":220},"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",102,"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","lit-button.js","latestPath","fileId","01d68a86-b4ed-11f0-8512-0224a6c84d84","name","fileType","script","content","// 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 type: { type: String, reflect: true },\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 this.type = \"button\";\n }\n\n render() {\n return html`\n \n `;\n }\n}\n\ncustomElements.define(\"lit-button\", LitButton);","// val: matthew/lit_button.js\nimport { css, html, LitElement } from \"https://esm.sh/lit@3.1.2\";\nimport { render } from \"https://esm.sh/@lit-labs/ssr\";\n\nclass LitButton extends LitElement {\n static properties = {\n color: { type: String },\n type: { type: String, reflect: true },\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 this.type = \"button\";\n }\n\n render() {\n return html`\n \n `;\n }\n}\n\nconst result = render(html`\n

Hello SSR!

\n \n`);\nexport default result;\n// customElements.define(\"lit-button\", LitButton);","createdAt",["D",1761806330472],"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":213,"_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":214,"_78":215,"_80":216,"_82":25},"tree",[188,189,190,191,192,193],"files",[188,189,190,191,192,193],"counts",{"_177":60,"_178":179,"_180":60,"_181":182,"_183":184},"contents",[124,125,126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":169,"_32":170,"_30":171,"_133":-5,"_41":42,"_40":172,"_135":136,"_38":173,"_13":174,"_33":34,"_35":175,"_24":25,"_140":-5,"_27":176},{"_43":161,"_32":162,"_30":163,"_133":-5,"_41":42,"_40":164,"_135":136,"_38":165,"_13":166,"_33":34,"_35":167,"_24":25,"_140":-5,"_27":168},{"_43":157,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_135":25,"_38":158,"_13":159,"_33":34,"_35":37,"_24":25,"_140":-5,"_27":160},{"_43":150,"_32":151,"_30":152,"_133":-5,"_41":42,"_40":153,"_135":136,"_38":154,"_13":147,"_33":34,"_35":155,"_24":25,"_140":-5,"_27":156},{"_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],"0bb41498-b54b-11f0-840d-0224a6c84d84","preact-button.ts","246d7ec8-b4ee-11f0-bd15-0224a6c84d84",101,["D",1761799437186],"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 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 { opacity: 0.9; }\n`;\n\nconst Button = (props) =>\n html`\n \n `;\n\nclass PreactButton extends HTMLElement {\n static get observedAttributes() {\n return [];\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 // Collect all current attributes into props\n const props = {};\n for (const { name, value } of Array.from(this.attributes)) {\n props[name] = value;\n }\n\n // Re-render shadow DOM\n this.shadow.innerHTML = ``;\n render(Button(props), this.shadow);\n }\n}\n\ncustomElements.define(\"preact-button\", PreactButton);",[151],"186c8d0e-b55b-11f0-9625-0224a6c84d84",["D",1761806330472],8,[28],"187b007a-b54a-11f0-a072-0224a6c84d84","hybrids-button.js","28e843fa-b531-11f0-9e2f-0224a6c84d84",98,["D",1761799029121],6,"import { define, html } from \"https://esm.sh/hybrids\";\n\nconst HybridsButton = {\n tag: \"hybrids-button\",\n color: \"tomato\",\n\n render: ({ type = \"button\", color }) =>\n html`\n \n \n `,\n};\n\ndefine(HybridsButton);",[162],"2255389a-b54a-11f0-875a-0224a6c84d84","haunted-button.js","33cf5fa6-b531-11f0-a850-0224a6c84d84",99,["D",1761799045656],4,"// haunted-button.js\nimport { component, html } from \"https://esm.sh/haunted\";\n\nfunction HauntedButton({ type = \"button\", color = \"tomato\" }) {\n return html`\n \n \n `;\n}\n\ncustomElements.define(\"haunted-button\", component(HauntedButton));",[170],"pulls","branches",1,"forks","envVars",{"_185":60,"_187":60},"connections",{"_185":60,"_186":60},"count","unfilledCount","emptyCount",{"_43":169,"_32":170,"_30":171,"_133":-5,"_41":42,"_40":172,"_135":136,"_38":210,"_13":174,"_33":34,"_35":175,"_24":25,"_140":-5,"_195":211,"_27":212},{"_43":161,"_32":162,"_30":163,"_133":-5,"_41":42,"_40":164,"_135":136,"_38":207,"_13":166,"_33":34,"_35":167,"_24":25,"_140":-5,"_195":208,"_27":209},{"_43":157,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_135":25,"_38":204,"_13":159,"_33":34,"_35":37,"_24":25,"_140":-5,"_195":205,"_27":206},{"_43":150,"_32":151,"_30":152,"_133":-5,"_41":42,"_40":153,"_135":136,"_38":201,"_13":147,"_33":34,"_35":155,"_24":25,"_140":-5,"_195":202,"_27":203},{"_43":142,"_32":143,"_30":144,"_133":-5,"_41":42,"_40":145,"_135":136,"_38":198,"_13":147,"_33":34,"_35":148,"_24":25,"_140":-5,"_195":199,"_27":200},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":136,"_38":194,"_13":138,"_33":34,"_35":139,"_24":25,"_140":-5,"_195":196,"_27":197},["D",1761766066311],"children",[],[131],["D",1761786918032],[],[143],["D",1761799437186],[],[151],["D",1761806330472],[],[28],["D",1761799029121],[],[162],["D",1761799045656],[],[170],["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":250,"_251":252,"_253":254,"_255":25,"_256":25,"_257":25,"_258":136,"_259":-5,"_260":-7,"_261":-7,"_262":60,"_263":25,"_264":25,"_265":-5,"_266":25,"_267":25,"_268":25,"_269":-5},"ENV",{"_221":222,"_223":224,"_225":84,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249},"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 · v102