[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_115":116,"_117":118},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","wakawaka1","name","Register","path","frontend/components/ui.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":-5,"_57":58,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/wakawaka1/Register/code/frontend/components/ui.tsx","extension","id","1ae5de36-551d-4623-8712-3ac152ffe859","ui.tsx","fileId","45bcedfa-aa59-11f1-b4d1-1607ee4eb77e","parentId","019fb508-534b-72f8-ae6b-5c9134b15841","branchId","77aeb2e4-2684-499f-b0b5-734576b3c68b","branchVersion",27,"latest",true,"createdAt",["D",1788743611587],"version",2,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// frontend/components/ui.tsx — theme, api helper and shared primitives.\n// Split out of App.tsx to stay under Val.town's per-file size limit.\n\nimport { useState, useEffect, useRef, forwardRef } from \"https://esm.sh/react@18.2.0\";\n\nconst T = {\n bg: \"#131614\", panel: \"#1B1F1D\", panel2: \"#232825\", line: \"#2E3431\",\n ink: \"#E4E8E5\", dim: \"#8D9691\", faint: \"#5C6561\",\n owed: \"#D9A03C\", clear: \"#5FB09B\", kill: \"#B4685C\",\n mono: \"ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace\",\n sans: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif\",\n};\n\nconst PROOF = [\n { v: \"before_after\", label: \"before / after\" },\n { v: \"timelapse\", label: \"timelapse\" },\n { v: \"artifact_photo\", label: \"photo of the result\" },\n { v: \"acquisition_photo\", label: \"photo of the thing\" },\n];\nconst proofLabel = (v: string) => PROOF.find((p) => p.v === v)?.label ?? v;\n\nasync function api(path: string, body?: any) {\n const res = await fetch(\"/api\" + path, {\n method: body ? \"POST\" : \"GET\",\n headers: { \"Content-Type\": \"application/json\" },\n body: body ? JSON.stringify(body) : undefined,\n });\n const data = await res.json().catch(() => ({}));\n if (!res.ok) throw new Error(data.error || \"request failed\");\n return data;\n}\n\n// Phone photos are several megabytes; downscale before sending or the request\n// is slow enough that you'll stop bothering to submit proof.\nasync function fileToBase64(file: File, max = 1024): Promise {\n const bitmap = await createImageBitmap(file);\n const scale = Math.min(1, max / Math.max(bitmap.width, bitmap.height));\n const canvas = document.createElement(\"canvas\");\n canvas.width = Math.round(bitmap.width * scale);\n canvas.height = Math.round(bitmap.height * scale);\n canvas.getContext(\"2d\")!.drawImage(bitmap, 0, 0, canvas.width, canvas.height);\n return canvas.toDataURL(\"image/jpeg\", 0.82).split(\",\")[1];\n}\n\nconst fmt = (iso?: string) =>\n new Date(iso ?? Date.now()).toLocaleString(\"en-NZ\", {\n day: \"numeric\", month: \"short\", year: \"numeric\", hour: \"2-digit\", minute: \"2-digit\",\n });\n// ───────────────────────────────────────────────────────── primitives\n\nconst Label = ({ children }: any) => (\n

{children}

\n);\n\nfunction Btn({ children, onClick, tone = \"quiet\", disabled, style }: any) {\n const t: any = {\n quiet: { bg: \"transparent\", fg: T.dim, bd: T.line },\n solid: { bg: T.ink, fg: T.bg, bd: T.ink },\n owed: { bg: \"transparent\", fg: T.owed, bd: \"#4A3E22\" },\n kill: { bg: \"transparent\", fg: T.kill, bd: \"#4A2E29\" },\n }[tone];\n return (\n \n );\n}\n\nconst Field = (p: any) => (\n \n);\n\nconst Area = forwardRef((p: any, ref: any) => (\n

\n));\n\nconst Panel = ({ children, style }: any) => (\n  <div style={{\n    background: T.panel, border: \"1px solid \" + T.line, borderRadius: 10,\n    padding: 16, ...style,\n  }}>{children}</div>\n);\n\nfunction Stat({ label, value, tone }: any) {\n  return (\n    <div style={{\n      display: \"flex\", justifyContent: \"space-between\",\n      padding: \"9px 0\", borderBottom: \"1px solid \" + T.line,\n    }}>\n      <span style={{ fontFamily: T.sans, fontSize: 13, color: T.dim }}>{label}</span>\n      <span style={{ fontFamily: T.mono, fontSize: 12, color: tone ?? T.ink }}>{value}</span>\n    </div>\n  );\n}\n\nexport { T, PROOF, proofLabel, api, fileToBase64, fmt, Label, Btn, Field, Area, Panel, Stat };","deleted",false,"label",[47,48,24],"frontend","components","90ca6794-83fb-4ed4-bc24-63ae1b4c882d",["D",1785448649481],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789545599&sig=91cfcc631bd9f3dd8274549c04838d172adf2572755982193460d49bfd04bd62","userId","ac016058-4dff-4268-a58d-c6377cb09a13","pinnedFileId","019fb508-534b-72f8-ae6b-7b2519b376d1","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f1fab-a2bc-73b7-aa9b-5a23f068d628","tursoName","90ca679483fb4ed4bc2463ae1b4c882d","tursoHostname","90ca679483fb4ed4bc2463ae1b4c882d-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789474235934],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_114":110},"org",{"_9":10,"_107":108,"_109":110,"_59":60,"_111":112,"_113":44},"branch",{"_37":93,"_11":94,"_22":30,"_95":49,"_96":97,"_98":99,"_100":54,"_101":102,"_103":104,"_105":12,"_106":10},"isOwned",37,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",91,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","displayName","waka waka","avatar","https://lh3.googleusercontent.com/a/ACg8ocIfPhdrpGDjFrYHrMnU190pz133j3MwBQZnU7s6gdFpOCob2Q=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_86":-5,"_148":149,"_150":151,"_152":153,"_154":44,"_155":44,"_156":44,"_157":34,"_158":-5,"_159":-7,"_160":-7,"_161":67,"_162":44,"_163":44,"_164":-5,"_165":44,"_166":44,"_167":44,"_168":-5},"ENV",{"_119":120,"_121":122,"_123":94,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143,"_144":145,"_146":147},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>