\n {/* Top Bar */}\n

Unreliable Broadcast

\n \n

\n\n {/* Main Content Area */}\n

\n {/* Left Panel (iframe) - 75% */}\n

\n \n

\n\n {/* Right Panel (code) - 25% */}\n

\n {/* Title */}\n

Code Editor

\n\n {/* Code Section */}\n

\n              \n                {code}\n              \n

\n\n {/* Buttons */}\n

\n \n View Documentation\n \n {\n /* \n */\n }\n

\n );\n};\n\nReactDOM.createRoot(document.getElementById(\"root\")).render(\n \n \n ,\n);","deleted","children",[],[138],{"_103":158,"_96":159,"_139":160,"_141":-5,"_142":130,"_143":129,"_145":146,"_105":161,"_100":148,"_149":162,"_151":163,"_153":26,"_154":164,"_99":165},"7acd4f54-eed9-11ef-82bb-e6cdfca9ef9f","server","b509ec8e-ecc4-11ef-9f86-e6cdfca9ef9f",["D",1739980330723],"http","export default async function(req: Request): Promise {\n console.log(req);\n return new Response(\n `\n\n\n \n \n Unreliable Broadcast\n \n\n\n

\n \n\n\n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}",[],[159],"files",[136,157],"counts",{"_170":32,"_171":172,"_173":32,"_174":32},"pulls","branches",1,"forks","envVars","contents",[177,180],{"_103":137,"_96":138,"_139":140,"_141":-5,"_142":130,"_143":144,"_145":146,"_105":178,"_100":148,"_149":150,"_151":152,"_153":26,"_99":179},["D",1739751609501],[138],{"_103":158,"_96":159,"_139":160,"_141":-5,"_142":130,"_143":129,"_145":146,"_105":181,"_100":148,"_149":162,"_151":163,"_153":26,"_99":182},["D",1739980330723],[159],"file","upstream","routes/_app.x.$handle.$name.branch.$branch.history",{"_94":95,"_96":97,"_98":42,"_101":187,"_191":192},{"_103":104,"_96":97,"_105":188,"_107":-5,"_108":109,"_110":-5,"_111":-5,"_11":112,"_113":-5,"_114":26,"_115":116,"_117":116,"_118":119,"_120":119,"_121":119,"_122":116,"_123":26,"_20":189,"_127":190},["D",1739751434464],{"_94":95,"_125":126},{"_100":129,"_96":42,"_103":130,"_131":104,"_132":-5,"_133":-5},"history",[193,198,205,210,217,224,231,238,244,251,258,264],{"_139":160,"_100":129,"_105":194,"_142":130,"_166":195},["D",1739980330723],[196],{"_139":160,"_141":-5,"_96":159,"_105":194,"_149":162,"_151":163,"_142":130,"_143":129,"_153":26,"_145":146,"_99":197},[159],{"_139":160,"_100":199,"_105":200,"_142":130,"_166":201},11,["D",1739751623597],[202],{"_139":160,"_141":-5,"_96":159,"_105":200,"_149":162,"_151":203,"_142":130,"_143":199,"_153":26,"_145":26,"_99":204},"export default async function(req: Request): Promise {\n return new Response(\n `\n\n\n \n \n Unreliable Broadcast\n \n\n\n

\n \n\n\n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}",[159],{"_139":140,"_100":144,"_105":206,"_142":130,"_166":207},["D",1739751609501],[208],{"_139":140,"_141":-5,"_96":138,"_105":206,"_149":150,"_151":152,"_142":130,"_143":144,"_153":26,"_145":146,"_99":209},[138],{"_139":140,"_100":211,"_105":212,"_142":130,"_166":213},9,["D",1739751593878],[214],{"_139":140,"_141":-5,"_96":138,"_105":212,"_149":150,"_151":215,"_142":130,"_143":211,"_153":26,"_145":26,"_99":216},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { PauseCircle, PlayCircle } from \"https://esm.sh/lucide-react\";\nimport ReactDOM from \"https://esm.sh/react-dom@18.2.0\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst Layout = () => {\n const code = `// Example JavaScript code\nfunction calculateSum(arr) {\n return arr.reduce((sum, num) => {\n return sum + num;\n }, 0);\n}\n\nconst numbers = [1, 2, 3, 4, 5];\nconst result = calculateSum(numbers);\nconsole.log(result); // Output: 15\n\n// Event handler example\ndocument.addEventListener('DOMContentLoaded', () => {\n const button = document.querySelector('#myButton');\n button.addEventListener('click', () => {\n console.log('Button clicked!');\n });\n});`;\n\n return (\n

\n {/* Top Bar */}\n

Unreliable Broadcast

\n \n

\n\n {/* Main Content Area */}\n

\n {/* Left Panel (iframe) - 75% */}\n

\n \n

\n\n {/* Right Panel (code) - 25% */}\n

\n {/* Title */}\n

Code Editor

\n\n {/* Code Section */}\n

\n              \n                {code}\n              \n

\n\n {/* Buttons */}\n

\n \n View Documentation\n \n \n \n

\n );\n};\n\nReactDOM.createRoot(document.getElementById(\"root\")).render(\n \n \n ,\n);",[138],{"_139":160,"_100":218,"_105":219,"_142":130,"_166":220},8,["D",1739751534146],[221],{"_139":160,"_141":-5,"_96":159,"_105":219,"_149":162,"_151":222,"_142":130,"_143":218,"_153":26,"_145":26,"_99":223},"export default async function(req: Request): Promise {\n return new Response(\n `\n\n\n \n \n Grid Game\n \n\n\n

\n \n\n\n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}",[159],{"_139":160,"_100":225,"_105":226,"_142":130,"_166":227},7,["D",1739751527287],[228],{"_139":160,"_141":-5,"_96":159,"_105":226,"_149":162,"_151":229,"_142":130,"_143":225,"_153":26,"_145":26,"_99":230},"export default async function(req: Request): Promise {\n return new Response(\n `\n\n\n \n \n Grid Game\n \n\n\n

\n \n\n\n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}",[159],{"_139":160,"_100":232,"_105":233,"_142":130,"_166":234},6,["D",1739751512966],[235],{"_139":160,"_141":-5,"_96":159,"_105":233,"_149":162,"_151":236,"_142":130,"_143":232,"_153":26,"_145":26,"_99":237},"export default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}",[159],{"_139":160,"_100":148,"_105":239,"_142":130,"_166":240},["D",1739751506680],[241],{"_139":160,"_141":-5,"_96":242,"_105":239,"_149":162,"_151":236,"_142":130,"_143":148,"_153":26,"_145":26,"_99":243},"politeEmeraldMollusk",[242],{"_139":140,"_100":245,"_105":246,"_142":130,"_166":247},4,["D",1739751501571],[248],{"_139":140,"_141":-5,"_96":138,"_105":246,"_149":150,"_151":249,"_142":130,"_143":245,"_153":26,"_145":26,"_99":250},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Button } from \"https://esm.sh/@components/ui/button\";\nimport { PauseCircle, PlayCircle } from \"https://esm.sh/lucide-react\";\nimport ReactDOM from \"https://esm.sh/react-dom@18.2.0\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst Layout = () => {\n const code = `// Example JavaScript code\nfunction calculateSum(arr) {\n return arr.reduce((sum, num) => {\n return sum + num;\n }, 0);\n}\n\nconst numbers = [1, 2, 3, 4, 5];\nconst result = calculateSum(numbers);\nconsole.log(result); // Output: 15\n\n// Event handler example\ndocument.addEventListener('DOMContentLoaded', () => {\n const button = document.querySelector('#myButton');\n button.addEventListener('click', () => {\n console.log('Button clicked!');\n });\n});`;\n\n return (\n

\n {/* Top Bar */}\n

Unreliable Broadcast

\n \n

\n\n {/* Main Content Area */}\n

\n {/* Left Panel (iframe) - 75% */}\n

\n \n

\n\n {/* Right Panel (code) - 25% */}\n

\n {/* Title */}\n

Code Editor

\n\n {/* Code Section */}\n

\n              \n                {code}\n              \n

\n\n {/* Buttons */}\n

\n \n View Documentation\n \n \n \n

\n );\n};\n\nReactDOM.createRoot(document.getElementById(\"root\")).render(\n \n \n ,\n);",[138],{"_139":140,"_100":252,"_105":253,"_142":130,"_166":254},3,["D",1739751489807],[255],{"_139":140,"_141":-5,"_96":256,"_105":253,"_149":150,"_151":249,"_142":130,"_143":252,"_153":26,"_145":26,"_99":257},"perceptiveCoralLeopon",[256],{"_139":140,"_100":91,"_105":259,"_142":130,"_166":260},["D",1739751448179],[261],{"_139":140,"_141":-5,"_96":256,"_105":259,"_149":150,"_151":262,"_142":130,"_143":91,"_153":26,"_145":26,"_99":263},"import { Button } from \"@/components/ui/button\";\nimport { PauseCircle, PlayCircle } from \"lucide-react\";\nimport React from \"react\";\n\nconst Layout = () => {\n const code = `// Example JavaScript code\nfunction calculateSum(arr) {\n return arr.reduce((sum, num) => {\n return sum + num;\n }, 0);\n}\n\nconst numbers = [1, 2, 3, 4, 5];\nconst result = calculateSum(numbers);\nconsole.log(result); // Output: 15\n\n// Event handler example\ndocument.addEventListener('DOMContentLoaded', () => {\n const button = document.querySelector('#myButton');\n button.addEventListener('click', () => {\n console.log('Button clicked!');\n });\n});`;\n\n return (\n

\n {/* Top Bar */}\n

Unreliable Broadcast

\n \n

\n\n {/* Main Content Area */}\n

\n {/* Left Panel (iframe) - 75% */}\n

\n \n

\n\n {/* Right Panel (code) - 25% */}\n

\n {/* Title */}\n

Code Editor

\n\n {/* Code Section */}\n

\n              \n                {code}\n              \n

\n\n {/* Buttons */}\n

\n \n View Documentation\n \n \n \n

\n );\n};\n\nexport default Layout;",[256],{"_139":140,"_100":172,"_105":265,"_142":130,"_166":266},["D",1739751439771],[267],{"_139":140,"_141":-5,"_96":256,"_105":265,"_149":150,"_151":67,"_142":130,"_143":172,"_153":26,"_145":26,"_99":268},[256],"routes/_app","actionData","errors"]

History