\n Hello World\n \n \n \n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n return new Response(`\n \n \n Hello World\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }});\n}\n","deleted","subdomain","children",[],[103],"files",[147],"counts",{"_169":33,"_170":171,"_172":33,"_173":33},"pulls","branches",1,"forks","envVars","contents",[],"file",{"_107":148,"_99":103,"_149":119,"_150":-5,"_151":139,"_152":138,"_153":121,"_109":178,"_104":155,"_156":157,"_158":159,"_160":27,"_161":-5,"_102":179},["D",1737513407148],[103],"upstream","screenshots","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_97":98,"_99":100,"_101":43,"_102":103,"_105":186,"_176":190,"_193":194,"_229":230,"_240":-7,"_241":33,"_242":27},{"_107":108,"_99":100,"_109":187,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":-5,"_123":33,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":27,"_21":188,"_136":189},["D",1746139529100],{"_97":98,"_134":135},{"_104":138,"_99":43,"_107":139,"_140":108,"_141":-5,"_142":-5,"_143":-5,"_144":-5},{"_107":148,"_99":103,"_149":119,"_150":-5,"_151":139,"_152":138,"_153":121,"_109":191,"_104":155,"_156":157,"_158":159,"_160":27,"_161":-5,"_102":192},["D",1737513407148],[103],"history",[195,197,202,207,212,217,221,225],{"_107":148,"_151":139,"_149":119,"_99":103,"_158":159,"_156":157,"_104":155,"_150":-5,"_109":196,"_152":138,"_161":-5},["D",1737513407148],{"_107":198,"_151":139,"_149":119,"_99":103,"_158":199,"_156":157,"_104":200,"_150":-5,"_109":201,"_152":155,"_161":-5},"fb3f7a22-26dd-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction HelloWorld() {\n return (\n

\n Hello World\n \n \n \n

\n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }});",6,["D",1737498485631],{"_107":203,"_151":139,"_149":119,"_99":103,"_158":204,"_156":157,"_104":205,"_150":-5,"_109":206,"_152":200,"_161":-5},"fb3a5466-26dd-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction HelloWorld() {\n return (\n

\n Hello World\n \n \n \n

\n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n",5,["D",1737498411730],{"_107":208,"_151":139,"_149":119,"_99":103,"_158":209,"_156":157,"_104":210,"_150":-5,"_109":211,"_152":205,"_161":-5},"fb353ec2-26dd-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction HelloWorld() {\n return (\n

\n Hello World\n \n \n \n

\n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n",4,["D",1737497617333],{"_107":213,"_151":139,"_149":119,"_99":103,"_158":214,"_156":157,"_104":215,"_150":-5,"_109":216,"_152":210,"_161":-5},"fb2f02f0-26dd-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction HelloWorld() {\n return (\n

\n Hello World\n \n

\n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n",3,["D",1737497572232],{"_107":218,"_151":139,"_149":119,"_99":103,"_158":219,"_156":157,"_104":94,"_150":-5,"_109":220,"_152":215,"_161":-5},"fb2a0a84-26dd-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction HelloWorld() {\n return (\n

\n Hello World\n

\n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n",["D",1737497528239],{"_107":222,"_151":139,"_149":119,"_99":103,"_158":223,"_156":157,"_104":171,"_150":-5,"_109":224,"_152":94,"_161":-5},"fb24fc88-26dd-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction HelloWorld() {\n return (\n

Hello World

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); } \n\nexport default async function server(request: Request) {\n return new Response(`\n \n \n Hello World\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n",["D",1737494659547],{"_107":226,"_151":139,"_149":119,"_99":103,"_158":227,"_156":157,"_104":33,"_150":-5,"_109":228,"_152":171,"_161":-5},"fb1f2538-26dd-11f0-a5b3-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport confetti from \"https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.module.mjs\";\n\nfunction TodoList() {\n const [todos, setTodos] = useState([]);\n const [inputValue, setInputValue] = useState(\"\");\n\n const addTodo = () => {\n if (inputValue.trim()) {\n setTodos([...todos, { \n id: Date.now(), \n text: inputValue, \n completed: false \n }]);\n setInputValue(\"\");\n confetti({\n particleCount: 100,\n spread: 200,\n origin: { y: 0.6 }\n }); // Enhanced fireworks on add\n }\n };\n\n const deleteTodo = (id) => {\n setTodos(todos.filter(todo => todo.id !== id));\n confetti({\n particleCount: 150,\n spread: 250,\n origin: { y: 0.6 }\n }); // Enhanced fireworks on delete\n };\n\n const toggleTodo = (id) => {\n setTodos(todos.map(todo => \n todo.id === id ? { ...todo, completed: !todo.completed } : todo\n ));\n };\n\n return (\n

📝 Todo List

\n setInputValue(e.target.value)}\n onKeyDown={(e) => e.key === 'Enter' && addTodo()}\n placeholder=\"Enter a new todo\"\n style={styles.input}\n />\n \n

\n toggleTodo(todo.id)}>\n {todo.text}\n \n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); } \n\nexport default async function server(request: Request) {\n return new Response(`\n \n \n React Todo List\n \n 📝\">\n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst styles = {\n container: {\n maxWidth: '400px',\n margin: '0 auto',\n padding: '20px',\n fontFamily: 'Arial, sans-serif'\n },\n title: {\n textAlign: 'center',\n color: '#333'\n },\n inputContainer: {\n display: 'flex',\n marginBottom: '20px'\n },\n input: {\n flex: 1,\n padding: '10px',\n fontSize: '16px',\n marginRight: '10px',\n border: '1px solid #ddd',\n borderRadius: '4px'\n },\n addButton: {\n padding: '10px 15px',\n backgroundColor: '#4CAF50',\n color: 'white',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer'\n },\n todoList: {\n listStyle: 'none',\n padding: 0\n },\n todoItem: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: '10px',\n borderBottom: '1px solid #eee',\n cursor: 'pointer'\n },\n deleteButton: {\n background: 'none',\n border: 'none',\n cursor: 'pointer'\n }\n};",["D",1737494577773],"versions",[231,233,234,235,236,237,238,239],{"_176":195,"_232":197},"previous",{"_176":197,"_232":202},{"_176":202,"_232":207},{"_176":207,"_232":212},{"_176":212,"_232":217},{"_176":217,"_232":221},{"_176":221,"_232":225},{"_176":225,"_232":-5},"versionNumber","page","hasNext","routes/_app","actionData","errors"]

History for main.tsx