boymath

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_267":268,"_269":270},"routes/_app.x.$handle.$name",{"_94":93,"_31":42,"_102":84,"_26":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":24,"_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",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":-5,"_50":-5,"_18":51,"_52":-5,"_53":24,"_54":-5,"_55":-5,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",13,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":20,"_33":34,"_35":36,"_37":14,"_38":39,"_23":24},"previous","deleted",false,"deletedHere","path","deno.json","latestPath","fileId","b8256350-39a1-11f1-9b89-42b51c65c3df","name","fileType","content","{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}","createdAt",["D",1776350216700],"branchVersion","branchId","51d85ee2-3986-11f1-b93b-42b51c65c3df","id","51d7ce64-3986-11f1-b93b-42b51c65c3df","boymath",["D",1776338448663],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019a1633-2013-759e-8afb-72b87d8e75e3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019a1633-2013-759e-8afb-744404a5f5e3","tursoName","51d7ce64398611f1b93b42b51c65c3df","tursoHostname","51d7ce64398611f1b93b42b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789506093912],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":51,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_40":39,"_85":41,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":42,"_92":93},"isOwned",46,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","figleaf","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f5d90c6c-8ea7-493d-4a3e-abb94ff90b00/square512?exp=1789588799&sig=935463cc83f35061de6a41257c83cf3c4b95d8450e1530846d6e545d4f30f609","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_40":41,"_31":42,"_35":262,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":-5,"_50":-5,"_18":51,"_52":-5,"_53":24,"_54":-5,"_55":-5,"_56":57,"_58":59,"_60":61,"_62":63,"_64":263,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":264,"_78":265,"_80":266,"_82":24},"tree",[171,172,175,182,183],"files",[171,172,173,174,175,176,177,178,179,180,181,182,183],"counts",{"_161":57,"_162":158,"_163":57,"_164":165,"_166":167},"contents",[124,125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_40":155,"_31":156,"_29":157,"_130":-5,"_38":39,"_37":158,"_131":132,"_35":159,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_26":160},{"_40":149,"_31":150,"_29":151,"_130":-5,"_38":39,"_37":152,"_131":132,"_35":153,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_26":154},{"_40":143,"_31":144,"_29":145,"_130":-5,"_38":39,"_37":146,"_131":132,"_35":147,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_26":148},{"_40":136,"_31":137,"_29":138,"_130":-5,"_38":39,"_37":139,"_131":132,"_35":140,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_26":142},{"_40":129,"_31":27,"_29":30,"_130":-5,"_38":39,"_37":14,"_131":132,"_35":133,"_13":57,"_32":20,"_33":34,"_23":24,"_134":-5,"_26":135},"b825629c-39a1-11f1-9b89-42b51c65c3df","parentId","latest",true,["D",1776350216700],"label",[27],"b6fea78e-39a1-11f1-aa77-42b51c65c3df","shared","b6fea900-39a1-11f1-aa77-42b51c65c3df",4,["D",1776350214771],"directory",[137],"b64cf7be-39a1-11f1-9908-42b51c65c3df","frontend","b64cf89a-39a1-11f1-9908-42b51c65c3df",1,["D",1776350213606],[144],"b6c71f76-39a1-11f1-9908-42b51c65c3df","backend","b6c72016-39a1-11f1-9908-42b51c65c3df",3,["D",1776350214413],[150],"b68945ac-39a1-11f1-aae8-42b51c65c3df",".claude","b689466a-39a1-11f1-aae8-42b51c65c3df",2,["D",1776350214001],[156],"pulls","branches","forks","envVars",{"_168":57,"_170":57},"connections",{"_168":57,"_169":57},"count","unfilledCount","emptyCount",{"_40":155,"_31":156,"_29":157,"_130":-5,"_38":39,"_37":158,"_131":132,"_35":259,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_185":260,"_26":261},{"_40":149,"_31":150,"_29":151,"_130":-5,"_38":39,"_37":152,"_131":132,"_35":256,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_185":257,"_26":258},{"_40":249,"_31":250,"_29":251,"_130":151,"_38":39,"_37":252,"_131":132,"_35":253,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_185":254,"_26":255},{"_40":242,"_31":243,"_29":244,"_130":151,"_38":39,"_37":245,"_131":132,"_35":246,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_185":247,"_26":248},{"_40":143,"_31":144,"_29":145,"_130":-5,"_38":39,"_37":146,"_131":132,"_35":239,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_185":240,"_26":241},{"_40":234,"_31":209,"_29":202,"_130":145,"_38":39,"_37":235,"_131":132,"_35":236,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_185":237,"_26":238},{"_40":226,"_31":227,"_29":228,"_130":202,"_38":39,"_37":229,"_131":132,"_35":230,"_13":57,"_32":205,"_33":231,"_23":24,"_134":-5,"_185":232,"_26":233},{"_40":218,"_31":219,"_29":220,"_130":202,"_38":39,"_37":221,"_131":132,"_35":222,"_13":57,"_32":205,"_33":223,"_23":24,"_134":-5,"_185":224,"_26":225},{"_40":210,"_31":211,"_29":212,"_130":202,"_38":39,"_37":213,"_131":24,"_35":214,"_13":57,"_32":205,"_33":215,"_23":24,"_134":-5,"_185":216,"_26":217},{"_40":199,"_31":200,"_29":201,"_130":202,"_38":39,"_37":203,"_131":24,"_35":204,"_13":57,"_32":205,"_33":206,"_23":24,"_134":-5,"_185":207,"_26":208},{"_40":191,"_31":192,"_29":193,"_130":145,"_38":39,"_37":194,"_131":24,"_35":195,"_13":57,"_32":20,"_33":196,"_23":24,"_134":-5,"_185":197,"_26":198},{"_40":136,"_31":137,"_29":138,"_130":-5,"_38":39,"_37":139,"_131":132,"_35":188,"_13":57,"_32":141,"_33":-5,"_23":24,"_134":-5,"_185":189,"_26":190},{"_40":129,"_31":27,"_29":30,"_130":-5,"_38":39,"_37":14,"_131":132,"_35":184,"_13":57,"_32":20,"_33":34,"_23":24,"_134":-5,"_185":186,"_26":187},["D",1776350216700],"children",[],[27],["D",1776350214771],[],[137],"b7e620dc-39a1-11f1-9699-42b51c65c3df","index.html","b7e6217c-39a1-11f1-9699-42b51c65c3df",8,["D",1776350216288],"\n\n \n \n \n boymath\n \n \n \n \n

\n \n \n \n\n",[],[144,192],"b7f7efe2-39a1-11f1-8ee4-42b51c65c3df","MainPage.tsx","b7f7f0d2-39a1-11f1-8ee4-42b51c65c3df","b730fa68-39a1-11f1-9b89-42b51c65c3df",10,["D",1776350216307],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useRef } from \"https://esm.sh/react@18.2.0\";\nimport CoinExplosion from \"./CoinExplosion.tsx\";\n\ntype Mode = \"none\" | \"inputs\" | \"direct\" | \"buttons\";\n\nconst PRESET_BUTTONS: { label: string; cents: number }[] = [\n { label: \"$1\", cents: 100 },\n { label: \"$2\", cents: 200 },\n { label: \"$3\", cents: 300 },\n { label: \"$4\", cents: 400 },\n { label: \"5¢\", cents: 5 },\n { label: \"10¢\", cents: 10 },\n { label: \"20¢\", cents: 20 },\n { label: \"50¢\", cents: 50 },\n];\n\n// Raw digit string treated as cents: \"300\" → 300 cents → $3.00\nfunction centsFromDigits(digits: string): number {\n return parseInt(digits.replace(/\\D/g, \"\") || \"0\", 10);\n}\n\nfunction formatCents(cents: number): string {\n const abs = Math.abs(cents);\n const sign = cents < 0 ? \"-\" : \"\";\n return `${sign}$${(abs / 100).toFixed(2)}`;\n}\n\nconst FONT = '-apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Helvetica Neue\", sans-serif';\n\ninterface Props {\n onHistory: () => void;\n}\n\nexport default function MainPage({ onHistory }: Props) {\n const [mode, setMode] = useState(\"none\");\n const [input1Digits, setInput1Digits] = useState(\"\");\n const [input2Digits, setInput2Digits] = useState(\"\");\n const [directDigits, setDirectDigits] = useState(\"\");\n const [buttonCents, setButtonCents] = useState(0);\n const [explosion, setExplosion] = useState<{ x: number; y: number } | null>(null);\n\n const submitRef = useRef(null);\n const directInputRef = useRef(null);\n\n // Compute the displayed amount based on the active mode\n let amountCents = 0;\n if (mode === \"inputs\") {\n amountCents = centsFromDigits(input1Digits) - centsFromDigits(input2Digits);\n } else if (mode === \"direct\") {\n amountCents = centsFromDigits(directDigits);\n } else if (mode === \"buttons\") {\n amountCents = buttonCents;\n }\n\n const isNegative = amountCents < 0;\n const canSubmit = amountCents > 0;\n\n const resetAll = () => {\n setMode(\"none\");\n setInput1Digits(\"\");\n setInput2Digits(\"\");\n setDirectDigits(\"\");\n setButtonCents(0);\n };\n\n const handleInput1Change = (e: React.ChangeEvent) => {\n const digits = e.target.value.replace(/\\D/g, \"\");\n setInput1Digits(digits);\n if (mode !== \"inputs\") {\n setMode(\"inputs\");\n setDirectDigits(\"\");\n setButtonCents(0);\n }\n };\n\n const handleInput2Change = (e: React.ChangeEvent) => {\n const digits = e.target.value.replace(/\\D/g, \"\");\n setInput2Digits(digits);\n if (mode !== \"inputs\") {\n setMode(\"inputs\");\n setDirectDigits(\"\");\n setButtonCents(0);\n }\n };\n\n const handleInput1Focus = () => {\n if (mode !== \"inputs\") {\n setMode(\"inputs\");\n setDirectDigits(\"\");\n setButtonCents(0);\n }\n };\n\n const handleInput2Focus = () => {\n if (mode !== \"inputs\") {\n setMode(\"inputs\");\n setDirectDigits(\"\");\n setButtonCents(0);\n }\n };\n\n const handleDirectChange = (e: React.ChangeEvent) => {\n const digits = e.target.value.replace(/\\D/g, \"\");\n setDirectDigits(digits);\n };\n\n const handleAmountSavedClick = () => {\n setMode(\"direct\");\n setInput1Digits(\"\");\n setInput2Digits(\"\");\n setButtonCents(0);\n setDirectDigits(\"\");\n setTimeout(() => directInputRef.current?.focus(), 0);\n };\n\n const handleButtonPress = (cents: number) => {\n if (mode === \"buttons\") {\n setButtonCents((prev) => prev + cents);\n } else {\n setMode(\"buttons\");\n setInput1Digits(\"\");\n setInput2Digits(\"\");\n setDirectDigits(\"\");\n setButtonCents(cents);\n }\n };\n\n const handleSubmit = async () => {\n if (!canSubmit) return;\n try {\n const resp = await fetch(\"/api/savings\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ amount_cents: amountCents }),\n });\n if (resp.ok) {\n const rect = submitRef.current?.getBoundingClientRect();\n if (rect) {\n setExplosion({\n x: rect.left + rect.width / 2,\n y: rect.top + rect.height / 2,\n });\n }\n resetAll();\n }\n } catch (err) {\n console.error(\"Failed to save:\", err);\n }\n };\n\n // Colors\n const bgColor = isNegative ? \"#ef4444\" : \"#ffffff\";\n const textColor = isNegative ? \"#ffffff\" : \"#000000\";\n const dividerColor = isNegative ? \"rgba(255,255,255,0.4)\" : \"#000000\";\n const submitBgColor = isNegative ? \"#b91c1c\" : canSubmit ? \"#FFBC00\" : \"#e5e5e5\";\n\n return (\n \n {/* ── Input row: minus sign + two stacked inputs ── */}\n \n {/* Minus sign, vertically centered between the two inputs */}\n \n −\n \n\n {/* Inputs stacked */}\n

\n {/* Input 1: would-have-spent */}\n \n {/* Input 2: actually-spent */}\n \n

\n \n\n {/* ── Solid divider line ── */}\n \n\n {/* ── Amount Saved display / direct input ── */}\n \n {mode === \"direct\" ? (\n \n ) : (\n \n {formatCents(amountCents)}\n \n )}\n \n\n {/* ── Submit button ── */}\n \n \n $\n \n \n\n {/* ── Dashed divider ── */}\n

\n\n {/* ── Preset buttons (2 rows × 4) ── */}\n \n {PRESET_BUTTONS.map(({ label, cents }) => (\n handleButtonPress(cents)}\n style={{\n aspectRatio: \"1\",\n borderRadius: \"50%\",\n backgroundColor: \"#FFCF48\",\n border: \"none\",\n cursor: \"pointer\",\n fontSize: \"clamp(16px, 6vw, 26px)\",\n fontWeight: 300,\n fontFamily: FONT,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: \"#000000\",\n }}\n >\n {label}\n \n ))}\n

\n\n {/* ── Dashed divider ── */}\n

\n\n {/* ── History icon (bottom right) ── */}\n \n \n {/* Increasing bars icon matching Figma vector */}\n \n \n

\n\n {/* ── Coin explosion overlay ── */}\n {explosion && (\n setExplosion(null)}\n />\n )}\n \n );\n}\n",[],[144,209,200],"components","b7f138c8-39a1-11f1-b2d2-42b51c65c3df","HistoryPage.tsx","b7f13972-39a1-11f1-b2d2-42b51c65c3df",9,["D",1776350216300],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport {\n ComposedChart,\n Bar,\n Line,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n} from \"https://esm.sh/recharts@2.8.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { ChartDataPoint } from \"../../shared/types.ts\";\n\ntype Period = \"day\" | \"week\" | \"month\";\n\nconst PERIODS: { label: string; value: Period }[] = [\n { label: \"1 Day\", value: \"day\" },\n { label: \"1 Week\", value: \"week\" },\n { label: \"1 Month\", value: \"month\" },\n];\n\nconst FONT = '-apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Helvetica Neue\", sans-serif';\n\nfunction formatCents(cents: number): string {\n return `$${(cents / 100).toFixed(2)}`;\n}\n\n// \"2026-04-16\" → \"4/16\"\nfunction formatShortDate(dateStr: string): string {\n const parts = dateStr.split(\"-\");\n return `${parseInt(parts[1])}/${parseInt(parts[2])}`;\n}\n\ninterface Props {\n onBack: () => void;\n}\n\nexport default function HistoryPage({ onBack }: Props) {\n const [period, setPeriod] = useState(\"week\");\n const [totalCents, setTotalCents] = useState(0);\n const [chartData, setChartData] = useState([]);\n const [loadingTotal, setLoadingTotal] = useState(true);\n const [loadingChart, setLoadingChart] = useState(true);\n\n useEffect(() => {\n fetchTotal(period);\n }, [period]);\n\n useEffect(() => {\n fetchChart();\n }, []);\n\n const fetchTotal = async (p: Period) => {\n setLoadingTotal(true);\n try {\n const resp = await fetch(`/api/savings?period=${p}`);\n const data = await resp.json();\n setTotalCents(data.total_cents ?? 0);\n } catch (err) {\n console.error(\"Failed to fetch savings:\", err);\n } finally {\n setLoadingTotal(false);\n }\n };\n\n const fetchChart = async () => {\n setLoadingChart(true);\n try {\n const resp = await fetch(\"/api/savings/chart\");\n const data = await resp.json();\n setChartData(data.days ?? []);\n } catch (err) {\n console.error(\"Failed to fetch chart:\", err);\n } finally {\n setLoadingChart(false);\n }\n };\n\n return (\n \n {/* ── Header: back button ── */}\n \n \n ←\n \n \n\n {/* ── Period selector pills ── */}\n \n {PERIODS.map(({ label, value }) => (\n setPeriod(value)}\n style={{\n flex: 1,\n padding: \"10px 0\",\n borderRadius: \"50px\",\n border: \"none\",\n cursor: \"pointer\",\n fontSize: \"15px\",\n fontWeight: period === value ? 500 : 300,\n fontFamily: FONT,\n backgroundColor: period === value ? \"#FFCF48\" : \"#f3f4f6\",\n color: \"#000000\",\n transition: \"background-color 0.15s ease\",\n }}\n >\n {label}\n \n ))}\n \n\n {/* ── Dashed divider ── */}\n

\n\n {/* ── Total saved display ── */}\n \n \n Total Saved\n

\n \n {formatCents(totalCents)}\n \n \n\n {/* ── Dashed divider ── */}\n

\n\n {/* ── Chart ── */}\n

\n \n Last 30 Days\n

\n\n {loadingChart ? (\n \n Loading…\n

\n ) : chartData.length === 0 ? (\n \n No data yet — start saving!\n \n ) : (\n \n \n \n \n `$${(v / 100).toFixed(0)}`}\n tick={{ fontSize: 10, fill: \"#9ca3af\", fontFamily: FONT }}\n axisLine={false}\n tickLine={false}\n width={32}\n />\n [\n formatCents(value),\n name === \"total_cents\" ? \"Daily total\" : \"7-day avg\",\n ]}\n labelFormatter={formatShortDate}\n contentStyle={{\n borderRadius: \"10px\",\n border: \"none\",\n boxShadow: \"0 2px 12px rgba(0,0,0,0.08)\",\n fontSize: \"13px\",\n fontFamily: FONT,\n }}\n />\n \n \n \n \n )}\n\n {/* Legend */}\n {chartData.length > 0 && (\n \n

\n \n Daily total\n

\n \n 7-day avg\n

\n \n )}\n \n \n );\n}\n",[],[144,209,211],"b81ea36c-39a1-11f1-8ee4-42b51c65c3df","CoinExplosion.tsx","b81ea434-39a1-11f1-8ee4-42b51c65c3df",12,["D",1776350216666],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState, useRef } from \"https://esm.sh/react@18.2.0\";\n\ninterface CoinExplosionProps {\n x: number;\n y: number;\n onDone: () => void;\n}\n\ninterface Coin {\n id: number;\n tx: number;\n ty: number;\n delay: number;\n size: number;\n}\n\nexport default function CoinExplosion({ x, y, onDone }: CoinExplosionProps) {\n const coinRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n const [coins] = useState(() =>\n Array.from({ length: 20 }, (_, i) => {\n const angle = (360 / 20) * i + (Math.random() * 18 - 9);\n const distance = 80 + Math.random() * 120;\n const rad = (angle * Math.PI) / 180;\n return {\n id: i,\n tx: Math.cos(rad) * distance,\n ty: Math.sin(rad) * distance,\n delay: Math.random() * 80,\n size: 20 + Math.floor(Math.random() * 16),\n };\n })\n );\n\n useEffect(() => {\n // Animate each coin using the Web Animations API for precise per-coin control\n coinRefs.current.forEach((el, i) => {\n if (!el) return;\n const coin = coins[i];\n el.animate(\n [\n {\n transform: \"translate(-50%, -50%) scale(0.3)\",\n opacity: \"1\",\n },\n {\n transform: `translate(calc(-50% + ${coin.tx}px), calc(-50% + ${coin.ty}px)) scale(1.2)`,\n opacity: \"0\",\n },\n ],\n {\n duration: 800,\n delay: coin.delay,\n easing: \"ease-out\",\n fill: \"forwards\",\n },\n );\n });\n\n const timer = setTimeout(onDone, 1000);\n return () => clearTimeout(timer);\n }, []);\n\n return (\n \n {coins.map((coin, i) => (\n {\n coinRefs.current[i] = el;\n }}\n style={{\n position: \"absolute\",\n fontSize: coin.size,\n lineHeight: 1,\n transform: \"translate(-50%, -50%)\",\n willChange: \"transform, opacity\",\n userSelect: \"none\",\n }}\n >\n 🪙\n \n ))}\n \n );\n}\n",[],[144,209,219],"b8020dc4-39a1-11f1-9908-42b51c65c3df","App.tsx","b8020eaa-39a1-11f1-9908-42b51c65c3df",11,["D",1776350216304],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport MainPage from \"./MainPage.tsx\";\nimport HistoryPage from \"./HistoryPage.tsx\";\n\ntype Page = \"main\" | \"history\";\n\nfunction getPageFromHash(): Page {\n return window.location.hash === \"#/history\" ? \"history\" : \"main\";\n}\n\nexport default function App() {\n const [page, setPage] = useState(getPageFromHash);\n\n useEffect(() => {\n const handleHashChange = () => setPage(getPageFromHash());\n window.addEventListener(\"hashchange\", handleHashChange);\n return () => window.removeEventListener(\"hashchange\", handleHashChange);\n }, []);\n\n const navigate = (to: Page) => {\n window.location.hash = to === \"history\" ? \"#/history\" : \"#/\";\n setPage(to);\n };\n\n if (page === \"history\") {\n return navigate(\"main\")} />;\n }\n return navigate(\"history\")} />;\n}\n",[],[144,209,227],"b730f996-39a1-11f1-9b89-42b51c65c3df",5,["D",1776350215107],[177,178,179,180],[144,209],["D",1776350213606],[176,181],[144],"b7b07554-39a1-11f1-bee9-42b51c65c3df","routes","b7b0761c-39a1-11f1-bee9-42b51c65c3df",7,["D",1776350215939],[],[150,243],"b779d210-39a1-11f1-a658-42b51c65c3df","database","b779d2ba-39a1-11f1-a658-42b51c65c3df",6,["D",1776350215584],[],[150,250],["D",1776350214413],[173,174],[150],["D",1776350214001],[],[156],["D",1776338448663],["D",1789506093912],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":51,"_98":99,"_100":24},{"_13":83,"_31":84,"_40":39,"_85":41,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":42,"_92":93},"ctx",{"_76":-5,"_121":300,"_301":302,"_303":304,"_305":24,"_306":24,"_307":24,"_308":132,"_309":-5,"_310":-7,"_311":-7,"_312":57,"_313":24,"_314":24,"_315":-5,"_316":24,"_317":24,"_318":24,"_319":-5},"ENV",{"_271":272,"_273":274,"_275":84,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v13