\n \n {digit === null ? \"\" : digit}\n \n \n {isLocked ? \"🔒\" : \"🔓\"}\n \n

\n );\n}\n\nfunction AudioVisualizer({ level }: { level: number }) {\n return (\n

\n \n

\n );\n}\n\nexport function App() {\n const [dewey, setDewey] = useState<(number | null)[]>([\n null,\n null,\n null,\n null,\n null,\n ]);\n const [tempDewey, setTempDewey] = useState<(number | null)[]>([\n null,\n null,\n null,\n null,\n null,\n ]);\n const [locked, setLocked] = useState([\n false,\n false,\n false,\n false,\n false,\n ]);\n const [usingAudio, setUsingAudio] = useState(null);\n const [audioLevel, setAudioLevel] = useState(0);\n const [isCapturing, setIsCapturing] = useState(false);\n\n const audioContextRef = useRef(null);\n const streamRef = useRef(null);\n const animationFrameRef = useRef(null);\n\n const mutation = useMutation({\n mutationFn: async () => {\n const res = await fetch(\"/api/random-dewey\");\n if (!res.ok) {\n throw new Error(\n \"Failed to fetch random numbers. The quantum source might be temporarily unavailable.\"\n );\n }\n const buffer = await res.arrayBuffer();\n const quantumBytes = new Uint8Array(buffer);\n\n let vibeBytes = quantumBytes;\n\n try {\n setIsCapturing(true);\n\n // Capture environmental audio to influence the vibe\n const stream = await navigator.mediaDevices.getUserMedia({\n audio: true,\n });\n streamRef.current = stream;\n\n const audioContext = new AudioContext();\n audioContextRef.current = audioContext;\n\n const source = audioContext.createMediaStreamSource(stream);\n const analyser = audioContext.createAnalyser();\n analyser.fftSize = 256;\n analyser.smoothingTimeConstant = 0.3;\n source.connect(analyser);\n\n const frequencies = new Uint8Array(analyser.frequencyBinCount);\n const accumalatedFreqs = new Uint8Array(analyser.frequencyBinCount);\n accumalatedFreqs.fill(0);\n\n let sampleCount = 0;\n const maxSamples = 30; // 3 seconds at ~10fps\n\n // Start visual feedback loop\n const updateVisuals = () => {\n analyser.getByteFrequencyData(frequencies);\n\n // Calculate average level for visualizer\n const avg =\n frequencies.reduce((a, b) => a + b, 0) / frequencies.length;\n setAudioLevel(avg / 255);\n\n // Accumulate frequencies\n for (let i = 0; i < frequencies.length; i++) {\n accumalatedFreqs[i] = Math.min(\n 255,\n accumalatedFreqs[i] + frequencies[i] / maxSamples\n );\n }\n\n // Generate temporary numbers based on current audio\n const tempDigits = [];\n for (let i = 0; i < 5; i++) {\n if (locked[i]) {\n tempDigits.push(dewey[i]);\n } else {\n const freqIndex = Math.floor((i / 5) * frequencies.length);\n const freqValue = frequencies[freqIndex];\n const quantumInfluence = quantumBytes[i % quantumBytes.length];\n\n // Mix quantum with live audio\n const mixed = (quantumInfluence + freqValue) % 256;\n\n if (i === 0) {\n tempDigits.push((mixed % 9) + 1);\n } else {\n tempDigits.push(mixed % 10);\n }\n }\n }\n\n setTempDewey(tempDigits);\n\n sampleCount++;\n if (sampleCount < maxSamples) {\n animationFrameRef.current = requestAnimationFrame(updateVisuals);\n }\n };\n\n updateVisuals();\n\n // Wait for capture to complete\n await new Promise((resolve) => setTimeout(resolve, 3000));\n\n // Mix quantum randomness with accumulated environmental resonance\n vibeBytes = new Uint8Array(quantumBytes.length);\n for (let i = 0; i < vibeBytes.length; i++) {\n vibeBytes[i] =\n quantumBytes[i] ^ accumalatedFreqs[i % accumalatedFreqs.length];\n }\n\n setUsingAudio(true);\n } catch (audioError) {\n console.log(\n \"Audio capture failed, using pure quantum randomness:\",\n audioError\n );\n setUsingAudio(false);\n } finally {\n // Clean up\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n }\n if (streamRef.current) {\n streamRef.current.getTracks().forEach((track) => track.stop());\n }\n if (audioContextRef.current) {\n audioContextRef.current.close();\n }\n setIsCapturing(false);\n setAudioLevel(0);\n setTempDewey([null, null, null, null, null]);\n }\n\n // Generate final digits from the vibe-influenced bytes\n const digits = [];\n let byteIndex = 0;\n\n while (digits.length < 5 && byteIndex < vibeBytes.length) {\n const byte = vibeBytes[byteIndex++];\n\n if (digits.length === 0) {\n if (byte < 250) {\n digits.push((byte % 9) + 1);\n }\n } else {\n if (byte < 250) {\n digits.push(byte % 10);\n }\n }\n }\n\n if (digits.length < 5) {\n throw new Error(\"Insufficient random bytes\");\n }\n\n return digits;\n },\n onSuccess: (newDigits) => {\n setDewey((prevDewey) =>\n prevDewey.map((d, i) => (locked[i] ? d : newDigits[i]))\n );\n },\n });\n\n // Cleanup on unmount\n useEffect(() => {\n return () => {\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n }\n if (streamRef.current) {\n streamRef.current.getTracks().forEach((track) => track.stop());\n }\n if (audioContextRef.current) {\n audioContextRef.current.close();\n }\n };\n }, []);\n\n const toggleLock = (index: number) => {\n setLocked((prevLocked) => {\n const newLocked = [...prevLocked];\n newLocked[index] = !newLocked[index];\n return newLocked;\n });\n };\n\n const initialLoad = mutation.isPending && dewey.every((d) => d === null);\n const errorMessage = mutation.error\n ? (mutation.error as Error).message\n : null;\n\n const displayDewey = isCapturing ? tempDewey : dewey;\n\n return (\n

Quantum Dewey

\n A random number generator for the Dewey Decimal System\n

\n Click the button to generate new numbers influenced by your\n environment's sound.\n

\n\n {errorMessage && (\n \n Error:\n {errorMessage}\n

\n )}\n\n {isCapturing && (\n

\n Listening to your environment...\n

\n \n

\n )}\n\n \n {initialLoad ? (\n

\n Loading quantum numbers...\n

\n ) : (\n <>\n {displayDewey.slice(0, 3).map((digit, i) => (\n toggleLock(i)}\n isAnimating={isCapturing && !locked[i]}\n />\n ))}\n

\n {displayDewey.slice(3, 5).map((digit, i) => (\n toggleLock(i + 3)}\n isAnimating={isCapturing && !locked[i + 3]}\n />\n ))}\n \n )}\n \n\n mutation.mutate()}\n disabled={mutation.isPending}\n className=\"px-8 py-4 bg-blue-600 text-white font-bold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75 disabled:bg-gray-400 transition-all\"\n >\n {mutation.isPending\n ? isCapturing\n ? \"Listening...\"\n : \"Generating...\"\n : \"Generate\"}\n \n\n \n \n );\n}\n",[],[185,191,197],[185,191],{"_102":207,"_95":208,"_155":209,"_157":186,"_158":136,"_159":160,"_161":162,"_104":210,"_99":32,"_164":211,"_166":212,"_167":22,"_168":-5,"_169":213,"_98":214},"78251b24-4f5f-11f0-9826-f69ea79377d9","favicon.svg","862384b1-f3c7-4a82-b9ed-a2f90b9d9dc3",["D",1750593190385],"file","\n",[],[185,208],{"_102":216,"_95":217,"_155":218,"_157":186,"_158":136,"_159":219,"_161":162,"_104":220,"_99":160,"_164":211,"_166":221,"_167":22,"_168":-5,"_169":222,"_98":223},"babe9296-4f62-11f0-9bf9-f69ea79377d9","index.html","11467e90-7d3d-47ab-81b1-f28b902aa7af",8,["D",1750594590014],"\n\n \n \n \n Quantum Dewey\n \n \n \n \n \n

\n \n \n\n",[],[185,217],{"_102":225,"_95":226,"_155":227,"_157":186,"_158":136,"_159":177,"_161":162,"_104":228,"_99":229,"_164":201,"_166":230,"_167":22,"_168":-5,"_169":231,"_98":232},"8c5a832a-4f70-11f0-932d-f69ea79377d9","index.tsx","237e2bd0-2032-48c9-aa7c-83722f26c0d8",["D",1750600525791],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\nimport {\n QueryClient,\n QueryClientProvider,\n} from \"https://esm.sh/@tanstack/react-query@5.51.1?deps=react@18.2.0\";\n\nconst queryClient = new QueryClient();\n\nconst container = document.getElementById(\"root\");\nconst root = createRoot(container!);\nroot.render(\n \n \n \n);\n",[],[185,226],{"_102":234,"_95":235,"_155":236,"_157":186,"_158":136,"_159":237,"_161":162,"_104":238,"_99":160,"_164":211,"_166":239,"_167":22,"_168":-5,"_169":240,"_98":241},"ba25086a-4f62-11f0-ba77-f69ea79377d9","style.css","218ed4ca-cdd7-45fd-88ea-28c367239cac",6,["D",1750594589665],"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}\n",[],[185,235],[185],{"_102":244,"_95":245,"_155":246,"_157":-5,"_158":136,"_159":247,"_161":162,"_104":248,"_99":32,"_164":211,"_166":249,"_167":22,"_168":-5,"_169":250,"_98":251},"ba2045d2-4f62-11f0-8285-f69ea79377d9",".vtignore","ba204668-4f62-11f0-8285-f69ea79377d9",5,["D",1750594589303],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[245],{"_102":253,"_95":254,"_155":255,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":256,"_99":32,"_164":211,"_166":257,"_167":22,"_168":-5,"_169":258,"_98":259},"782523e4-4f5f-11f0-9826-f69ea79377d9","README.md","49d50717-7be9-48cd-9b2a-184abd93f86d",["D",1750593190385],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the top-right.\n\n## How it works\n\n- The **entrypoint** is [`/backend/index.ts`](/backend/index.ts). That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest reading the files in this order: \n\n[`/backend/index.ts`](/backend/index.ts) -> [`/frontend/index.html`](/frontend/index.html) -> [`/frontend/index.tsx`](/frontend/index.tsx) -> [`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.",[],[254],{"_102":261,"_95":262,"_155":263,"_157":-5,"_158":136,"_159":264,"_161":162,"_104":265,"_99":32,"_164":211,"_166":266,"_167":22,"_168":-5,"_169":267,"_98":268},"ba05a376-4f62-11f0-8504-f69ea79377d9","deno.json","ba05a42a-4f62-11f0-8504-f69ea79377d9",4,["D",1750594589303],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\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 \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\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}\n",[],[262],{"_102":270,"_95":271,"_155":272,"_157":-5,"_158":136,"_159":273,"_161":162,"_104":274,"_99":32,"_164":201,"_166":275,"_167":22,"_168":-5,"_169":276,"_98":277},"8c4fde3e-4f70-11f0-a1f6-f69ea79377d9","test.ts","8c4fdefc-4f70-11f0-a1f6-f69ea79377d9",14,["D",1750600525740],"import { Client } from \"npm:@buff-beacon-project/curby-client\";\n\nconst client = Client.create();\nconst randomness = await client.randomness();\nconst myArray = [1, 2, 3, 4, 5];\nconst shuffled = randomness.shuffled(myArray);\n\nconsole.log(shuffled);\n",[],[271],"files",[152,171,183,189,195,206,215,224,233,243,252,260,269],"counts",{"_282":32,"_283":160,"_284":32,"_285":32},"pulls","branches","forks","envVars","contents",[288,291,294,297,300,303],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":289,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":290},["D",1750593190385],[154],{"_102":184,"_95":185,"_155":186,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":292,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":293},["D",1750593190385],[185],{"_102":244,"_95":245,"_155":246,"_157":-5,"_158":136,"_159":247,"_161":162,"_104":295,"_99":32,"_164":211,"_166":249,"_167":22,"_168":-5,"_98":296},["D",1750594589303],[245],{"_102":253,"_95":254,"_155":255,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":298,"_99":32,"_164":211,"_166":257,"_167":22,"_168":-5,"_98":299},["D",1750593190385],[254],{"_102":261,"_95":262,"_155":263,"_157":-5,"_158":136,"_159":264,"_161":162,"_104":301,"_99":32,"_164":211,"_166":266,"_167":22,"_168":-5,"_98":302},["D",1750594589303],[262],{"_102":270,"_95":271,"_155":272,"_157":-5,"_158":136,"_159":273,"_161":162,"_104":304,"_99":32,"_164":201,"_166":275,"_167":22,"_168":-5,"_98":305},["D",1750600525740],[271],"upstreamProject",{"_102":144,"_95":96,"_110":308,"_111":-5,"_108":109,"_23":309},"Starter template with client-side React & Hono server",{"_93":310,"_128":311},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_102":139,"_104":314,"_315":316,"_95":43,"_137":144,"_99":317,"_138":-5,"_140":-5,"_318":319,"_106":-5,"_149":22,"_108":109,"_148":310,"_16":146,"_147":96},["D",1740674013689],"updatedAt",["D",1755284984205],72,"lockfileKey","1755284987385-esm.town_v_std_reactHonoStarter@72-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":326,"_331":332,"_333":247,"_334":335,"_428":162,"_429":330,"_430":431,"_434":-5},{"_102":103,"_95":96,"_104":327,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":328,"_130":329,"_133":330,"_149":22},["D",1750593190385],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":146,"_147":96,"_148":94},"ahead",46,"behind","diff",{"_336":337,"_167":353,"_354":355},"added",[338,345,349],{"_98":245,"_339":-7,"_340":341},"targetFile","sourceFile",{"_102":244,"_95":245,"_155":246,"_157":-5,"_158":136,"_159":247,"_161":162,"_104":248,"_99":32,"_164":211,"_166":249,"_167":22,"_168":-5,"_169":-7,"_98":342,"_343":344},[245],"contentHash","18f4273e0b959a6002030663e4e449119845617823d38fc9fbbb206c591a8ff5",{"_98":262,"_339":-7,"_340":346},{"_102":261,"_95":262,"_155":263,"_157":-5,"_158":136,"_159":264,"_161":162,"_104":265,"_99":32,"_164":211,"_166":266,"_167":22,"_168":-5,"_169":-7,"_98":347,"_343":348},[262],"d1289b6fdf65001b5995241f58aa698ed0a588f48e3749f4f10550ceb12711c5",{"_98":271,"_339":-7,"_340":350},{"_102":270,"_95":271,"_155":272,"_157":-5,"_158":136,"_159":273,"_161":162,"_104":274,"_99":32,"_164":201,"_166":275,"_167":22,"_168":-5,"_169":-7,"_98":351,"_343":352},[271],"67c5f2c65c23d2a79f30cb5cd61761a7601d5129ca92941f9e3aa6aa68294995",[],"modified",[356,371,385,400,414],{"_98":357,"_339":358,"_340":368},"backend/index.ts",{"_102":359,"_95":173,"_155":360,"_157":361,"_158":139,"_159":362,"_161":22,"_104":363,"_99":364,"_164":178,"_166":365,"_167":22,"_168":-5,"_169":-7,"_98":366,"_343":367},"d8603fe6-13af-11f0-a754-569c3dd06744","a9b2b20a-f528-11ef-9e98-569c3dd06744","a1c25866-f528-11ef-8bc0-569c3dd06744",39,["D",1744030641875],11,"import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[154,173],"1fe3293a95b653dc8edac73588099097b9ae05f0f81c610ed28eb5700f113cd3",{"_102":172,"_95":173,"_155":174,"_157":156,"_158":136,"_159":175,"_161":162,"_104":176,"_99":177,"_164":178,"_166":179,"_167":22,"_168":-5,"_169":-7,"_98":369,"_343":370},[154,173],"6719cc0ad9f6f9765fea555fffd72d7435ae8c50eca6fea8b9d9f277de72941f",{"_98":372,"_339":373,"_340":382},"frontend/components/App.tsx",{"_102":374,"_95":197,"_155":375,"_157":376,"_158":139,"_159":377,"_161":162,"_104":378,"_99":264,"_164":201,"_166":379,"_167":22,"_168":-5,"_169":-7,"_98":380,"_343":381},"5cb7a1f2-f53e-11ef-937e-569c3dd06744","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",27,["D",1740683366401],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[185,191,197],"572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4",{"_102":196,"_95":197,"_155":198,"_157":192,"_158":136,"_159":135,"_161":162,"_104":199,"_99":200,"_164":201,"_166":202,"_167":22,"_168":-5,"_169":-7,"_98":383,"_343":384},[185,191,197],"ae9b73bcd20fd2e13665fd84d87db0e7a96a96b56176594c2194d6db4a3d1e5e",{"_98":386,"_339":387,"_340":397},"frontend/index.html",{"_102":388,"_95":217,"_155":389,"_157":390,"_158":139,"_159":391,"_161":162,"_104":392,"_99":393,"_164":211,"_166":394,"_167":22,"_168":-5,"_169":-7,"_98":395,"_343":396},"538a58d0-3261-11f0-9414-569c3dd06744","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",42,["D",1747405404319],7,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[185,217],"00b049f0bfc288e5f73af71007507eb30ded9090b8988a106e817586af9897c9",{"_102":216,"_95":217,"_155":218,"_157":186,"_158":136,"_159":219,"_161":162,"_104":220,"_99":160,"_164":211,"_166":221,"_167":22,"_168":-5,"_169":-7,"_98":398,"_343":399},[185,217],"2565565ca39c13899226833ea10fe218460553a7cc15c9804490443e7068445b",{"_98":401,"_339":402,"_340":411},"frontend/index.tsx",{"_102":403,"_95":226,"_155":404,"_157":390,"_158":139,"_159":405,"_161":162,"_104":406,"_99":407,"_164":201,"_166":408,"_167":22,"_168":-5,"_169":-7,"_98":409,"_343":410},"37ad4e0c-f53e-11ef-940f-569c3dd06744","5b1c65b6-f52b-11ef-bc72-569c3dd06744",24,["D",1740683304259],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[185,226],"427c45f5341ba32dd31e98a21e648a32637bfca120ebc165e98f9be62706370c",{"_102":225,"_95":226,"_155":227,"_157":186,"_158":136,"_159":177,"_161":162,"_104":228,"_99":229,"_164":201,"_166":230,"_167":22,"_168":-5,"_169":-7,"_98":412,"_343":413},[185,226],"ad38a9f3b2e9d9bebef22a925a3be358af7c7c31e5863506f78c11d2a80c46ff",{"_98":415,"_339":416,"_340":425},"frontend/style.css",{"_102":417,"_95":235,"_155":418,"_157":390,"_158":139,"_159":419,"_161":162,"_104":420,"_99":421,"_164":211,"_166":422,"_167":22,"_168":-5,"_169":-7,"_98":423,"_343":424},"e8142ab2-3261-11f0-8425-569c3dd06744","6ce9bd70-3261-11f0-b1e3-569c3dd06744",54,["D",1747405653521],9,"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[185,235],"b49dbacf73399ab7ee7536c11a2a8799cf421abe5c4ce6c0ad730636f7f9a085",{"_102":234,"_95":235,"_155":236,"_157":186,"_158":136,"_159":237,"_161":162,"_104":238,"_99":160,"_164":211,"_166":239,"_167":22,"_168":-5,"_169":-7,"_98":426,"_343":427},[185,235],"4567674bdc234e1c5c716ef90076e151b1a6cd3d801902d414cf8c7f93d79ade","hasChanges","sourceBranch","targetBranch",{"_102":139,"_104":432,"_315":433,"_95":43,"_137":144,"_99":317,"_138":-5,"_140":-5,"_318":319,"_106":-5,"_149":22,"_108":109,"_148":310,"_16":146,"_147":96},["D",1740674013689],["D",1755284984205],"pull","actionData","errors"]

Mergespookyuser/mainintostd/main

Hbackend/index.ts+29-15

frontend/components/App.tsx+370-6

frontend/index.html+15-11

frontend/index.tsx+12-5

frontend/style.css+1-1

.vtignore+6-0

deno.json+31-0

test.ts+8-0