Grocery List

\n setNewItem(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Enter a new item\"\n />\n \n

\n {item.name}\n \n

\n \n

\n View Source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const SCHEMA_VERSION = 1;\n const KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_grocery_list_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n )\n `);\n\n const url = new URL(request.url);\n const path = url.pathname;\n\n if (path === \"/items\" && request.method === \"GET\") {\n const items = await sqlite.execute(`SELECT * FROM ${KEY}_grocery_list_${SCHEMA_VERSION}`);\n return new Response(JSON.stringify(items.rows), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } else if (path === \"/items\" && request.method === \"POST\") {\n const { item } = await request.json();\n await sqlite.execute(`INSERT INTO ${KEY}_grocery_list_${SCHEMA_VERSION} (name) VALUES (?)`, [item]);\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } else if (path.startsWith(\"/items/\") && request.method === \"DELETE\") {\n const id = path.split(\"/\").pop();\n await sqlite.execute(`DELETE FROM ${KEY}_grocery_list_${SCHEMA_VERSION} WHERE id = ?`, [id]);\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } else if (path === \"/items\" && request.method === \"DELETE\") {\n await sqlite.execute(`DELETE FROM ${KEY}_grocery_list_${SCHEMA_VERSION}`);\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(`\n \n \n \n \n \n Grocery List\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nconst css = `\n body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f4f4f4;\n }\n .container {\n width: 80%;\n max-width: 600px;\n margin: auto;\n overflow: hidden;\n padding: 20px;\n background-color: white;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n border-radius: 5px;\n margin-top: 20px;\n }\n h1 {\n color: #333;\n text-align: center;\n font-size: 24px;\n margin-bottom: 20px;\n }\n .add-item {\n display: flex;\n margin-bottom: 20px;\n }\n input[type=\"text\"] {\n flex-grow: 1;\n padding: 8px;\n font-size: 14px;\n }\n button {\n padding: 8px 12px;\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n font-size: 14px;\n }\n button:hover {\n background-color: #45a049;\n }\n .item-list {\n list-style-type: none;\n padding: 0;\n }\n .item-list li {\n background-color: #f9f9f9;\n margin-bottom: 5px;\n padding: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 14px;\n }\n .delete-btn {\n background: none;\n border: none;\n cursor: pointer;\n font-size: 18px;\n padding: 0;\n margin-left: 10px;\n }\n .delete-btn:hover {\n opacity: 0.7;\n }\n`;",["D",1729275904168],"version","currentUserHasLiked","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_100":101,"_105":106},"forkedVal","interval","description","@jsxImportSource https://esm.sh/react","latestEvaluation","slug","efoley/groceries","versions",[164,168,171],{"_102":165,"_147":94,"_166":167},["D",1729275904168],"n","1",{"_102":169,"_147":116,"_166":170},["D",1729137378393],"2",{"_102":172,"_147":33,"_166":173},["D",1729137067309],"3",{"_128":175,"_130":176},"26aa74ee-8582-11ef-9d88-de64eea55b61",{"_132":177,"_134":99,"_128":175,"_135":-5,"_112":-5,"_136":137,"_138":-5,"_139":140,"_141":178,"_143":27,"_98":178,"_144":179,"_102":180,"_147":181,"_148":27,"_115":33,"_149":33,"_150":33,"_151":33,"_117":33,"_152":33,"_153":-5,"_21":182,"_155":-5,"_156":-7,"_157":158,"_159":-5,"_160":183,"_162":184},"spiroplot","a63f115c-85ef-11ef-abdf-de64eea55b61","/** @jsxImportSource https://esm.sh/react */\nimport Chart from \"https://esm.sh/chart.js/auto\";\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nconst R = 120; // Set R as a constant\nconst numPointsPerCircle = 200; // Set number of points per circle\n\nfunction gcd(a: number, b: number): number {\n return b === 0 ? a : gcd(b, a % b);\n}\n\nfunction lcm(a: number, b: number): number {\n return (a * b) / gcd(a, b);\n}\n\nfunction App() {\n const chartRef = useRef(null);\n const chartInstanceRef = useRef(null);\n const [rho, setRho] = useState(37);\n const [offset, setOffset] = useState(37);\n const [tMax, setTMax] = useState(0);\n\n useEffect(() => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.destroy();\n }\n if (chartRef.current) {\n const ctx = chartRef.current.getContext(\"2d\");\n\n const omega = 2 * Math.PI;\n const zeta = (R / rho) * omega;\n\n const tMax = lcm(R, rho) / R;\n const numPoints = tMax * numPointsPerCircle + 1;\n const tStep = 1 / numPointsPerCircle;\n\n // Generate points for the curve\n const points = [];\n for (let pointIdx = 0; pointIdx < numPoints; pointIdx++) {\n const t = pointIdx * tStep;\n const z = complexAdd(\n complexMult(complexExp(omega * t), R - rho),\n complexMult(complexExp(zeta * t), offset),\n );\n points.push({ x: z.re, y: z.im });\n }\n\n const maxAbs = Math.max(...points.map(p => Math.sqrt(p.x ** 2 + p.y ** 2)));\n const chartRange = Math.ceil(maxAbs * 1.2);\n\n chartInstanceRef.current = new Chart(ctx, {\n type: \"scatter\",\n data: {\n datasets: [{\n label: \"Complex Curve\",\n data: points,\n borderColor: \"rgba(0, 0, 255, 0.3)\",\n backgroundColor: \"transparent\",\n pointRadius: 0,\n showLine: true,\n borderWidth: 1,\n }],\n },\n options: {\n plugins: {\n legend: { display: false },\n },\n aspectRatio: 1,\n scales: {\n x: {\n type: \"linear\",\n position: \"center\",\n min: -chartRange,\n max: chartRange,\n },\n y: {\n type: \"linear\",\n position: \"center\",\n min: -chartRange,\n max: chartRange,\n },\n },\n },\n });\n setTMax(tMax);\n }\n\n return () => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.destroy();\n }\n };\n }, [rho, offset]);\n\n return (\n

Spiroplot

\n rho: {rho}\n {\n const newRho = Number(e.target.value);\n setRho(newRho);\n setOffset(newRho);\n }}\n />\n

\n offset: {offset}\n setOffset(Number(e.target.value))}\n />\n

R is set to a constant value of {R}

We will circle {Math.round(tMax)} times

\n );\n}\n\nfunction complexExp(t) {\n return { re: Math.cos(t), im: Math.sin(t) };\n}\n\nfunction complexMult(a, b) {\n if (typeof b === \"number\") {\n return { re: a.re * b, im: a.im * b };\n }\n return {\n re: a.re * b.re - a.im * b.im,\n im: a.re * b.im + a.im * b.re,\n };\n}\n\nfunction complexAdd(a, b) {\n return { re: a.re + b.re, im: a.im + b.im };\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Spiroplot\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n margin: 0;\n font-family: system-ui, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #f0f0f0;\n}\n\n#root {\n background-color: white;\n padding: 20px;\n max-width: 90vw;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n}\n\nh1 {\n text-align: center;\n color: #333;\n}\n\ndiv {\n margin-bottom: 10px;\n}\n\nlabel {\n display: inline-block;\n width: 100px;\n}\n\ninput[type=\"range\"] {\n width: 200px;\n}\n\np {\n text-align: center;\n font-style: italic;\n color: #666;\n}\n\ncanvas {\n max-width: 100%;\n height: auto;\n}\n`;",["D",1728444980457],29,{"_100":101,"_105":106},"efoley/spiroplot",[185,187,190,193,197,201,205,209,213,217],{"_102":186,"_147":181,"_166":167},["D",1728444980457],{"_102":188,"_147":189,"_166":170},["D",1728426641030],28,{"_102":191,"_147":192,"_166":173},["D",1728426468310],27,{"_102":194,"_147":195,"_166":196},["D",1728426404810],26,"4",{"_102":198,"_147":199,"_166":200},["D",1728426351433],25,"5",{"_102":202,"_147":203,"_166":204},["D",1728426180432],24,"6",{"_102":206,"_147":207,"_166":208},["D",1728426165059],23,"7",{"_102":210,"_147":211,"_166":212},["D",1728426132579],22,"8",{"_102":214,"_147":215,"_166":216},["D",1728425881714],21,"9",{"_102":218,"_147":219,"_166":220},["D",1728425777939],20,"10",{"_128":222,"_130":223},"33f6f3a8-7e97-11ef-b704-de64eea55b61",{"_132":224,"_134":99,"_128":222,"_135":-5,"_112":-5,"_136":137,"_138":-5,"_139":140,"_141":225,"_143":27,"_98":225,"_144":226,"_102":227,"_147":228,"_148":27,"_115":33,"_149":33,"_150":33,"_151":33,"_117":33,"_152":33,"_153":-5,"_21":229,"_155":-5,"_156":-7,"_157":158,"_159":-5,"_160":230,"_162":231},"LetterMatch","3a91de16-7e98-11ef-8ae3-de64eea55b61","/** @jsxImportSource https://esm.sh/react */\nimport React, { useState, useEffect } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport confetti from \"https://esm.sh/canvas-confetti@1.6.0\";\n\nconst ALPHABET = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';\n\nconst WORDS = {\n A: '🍎 Apple',\n B: '🍌 Banana',\n C: '🐱 Cat',\n D: '🐶 Dog',\n E: '🐘 Elephant',\n F: '🐠 Fish',\n G: '🦒 Giraffe',\n H: '🐴 Horse',\n I: '🍦 Ice Cream',\n J: '🤹 Juggler',\n K: '🪁 Kite',\n L: '🦁 Lion',\n M: '🐒 Monkey',\n N: '👃 Nose',\n O: '🐙 Octopus',\n P: '🐼 Panda',\n Q: '👸 Queen',\n R: '🌈 Rainbow',\n S: '🌞 Sun',\n T: '🐯 Tiger',\n U: '☂️ Umbrella',\n V: '🌋 Volcano',\n W: '🐺 Wolf',\n X: '🩻 X-ray',\n Y: '🪀 Yo-yo',\n Z: '🦓 Zebra',\n};\n\nfunction App() {\n const [currentLetter, setCurrentLetter] = useState('');\n const [options, setOptions] = useState([]);\n const [score, setScore] = useState(0);\n const [feedback, setFeedback] = useState('');\n const [showOnlyEmoji, setShowOnlyEmoji] = useState(false);\n\n useEffect(() => {\n newRound();\n }, []);\n\n const newRound = () => {\n const letter = ALPHABET[Math.floor(Math.random() * ALPHABET.length)];\n setCurrentLetter(letter);\n setOptions(getOptions(letter));\n setFeedback('');\n };\n\n const getOptions = (letter) => {\n const correctOption = WORDS[letter];\n const otherOptions = Object.values(WORDS).filter(word => word !== correctOption);\n const incorrectOptions = shuffleArray(otherOptions).slice(0, 2);\n return shuffleArray([correctOption, ...incorrectOptions]);\n };\n\n const shuffleArray = (array) => {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n return array;\n };\n\n const handleGuess = (word) => {\n if (WORDS[currentLetter] === word) {\n const newScore = score + 1;\n setScore(newScore);\n setFeedback('Correct! 🎉');\n if (newScore === 10) {\n triggerConfetti();\n }\n } else {\n setFeedback('Try again! 😊');\n }\n setTimeout(newRound, 1500);\n };\n\n const triggerConfetti = () => {\n confetti({\n particleCount: 100,\n spread: 70,\n origin: { y: 0.6 }\n });\n };\n\n const formatOption = (option) => {\n const [emoji, word] = option.split(' ');\n return showOnlyEmoji ? emoji : option;\n };\n\n return (\n

Letter Learning Game

Score: {score}

{currentLetter}

\n {options.map((word, index) => (\n \n ))}\n

{feedback}

\n Hide words\n \n setShowOnlyEmoji(prev => !prev)}\n />\n \n \n Show words\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): Promise {\n return new Response(`\n \n \n Letter Learning Game\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: 'Comic Sans MS', cursive, sans-serif;\n background-color: #f0f8ff;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n}\n\n.game-container {\n background-color: white;\n border-radius: 20px;\n padding: 20px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n text-align: center;\n}\n\nh1 {\n color: #ff6b6b;\n font-size: 24px;\n margin-bottom: 20px;\n}\n\n.score {\n font-size: 18px;\n color: #4ecdc4;\n margin-bottom: 10px;\n}\n\n.letter {\n font-size: 72px;\n font-weight: bold;\n color: #ff6b6b;\n margin: 20px 0;\n}\n\n.options {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\nbutton {\n background-color: #4ecdc4;\n border: none;\n border-radius: 10px;\n color: white;\n padding: 10px 20px;\n font-size: 18px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #45b7aa;\n}\n\n.feedback {\n margin-top: 20px;\n font-size: 20px;\n font-weight: bold;\n min-height: 30px;\n}\n\n.slider-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 20px;\n}\n\n.switch {\n position: relative;\n display: inline-block;\n width: 60px;\n height: 34px;\n margin: 0 10px;\n}\n\n.switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n.slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n transition: .4s;\n}\n\n.slider:before {\n position: absolute;\n content: \"\";\n height: 26px;\n width: 26px;\n left: 4px;\n bottom: 4px;\n background-color: white;\n transition: .4s;\n}\n\ninput:checked + .slider {\n background-color: #4ecdc4;\n}\n\ninput:checked + .slider:before {\n transform: translateX(26px);\n}\n\n.slider.round {\n border-radius: 34px;\n}\n\n.slider.round:before {\n border-radius: 50%;\n}\n\n@media (max-width: 480px) {\n .game-container {\n width: 90%;\n }\n \n .letter {\n font-size: 60px;\n }\n \n button {\n font-size: 16px;\n }\n}\n`;",["D",1727637775451],8,{"_100":101,"_105":106},"efoley/LetterMatch",[232,234,236,239,242,245,248,250,252],{"_102":233,"_147":228,"_166":167},["D",1727637775451],{"_102":235,"_147":114,"_166":170},["D",1727637684693],{"_102":237,"_147":238,"_166":173},["D",1727637627227],6,{"_102":240,"_147":241,"_166":196},["D",1727637559475],5,{"_102":243,"_147":244,"_166":200},["D",1727637510829],4,{"_102":246,"_147":247,"_166":204},["D",1727637450032],3,{"_102":249,"_147":94,"_166":208},["D",1727637410518],{"_102":251,"_147":116,"_166":212},["D",1727637382867],{"_102":253,"_147":33,"_166":216},["D",1727637334893],{"_128":255,"_130":256},"86d7410c-7e6c-11ef-aae9-de64eea55b61",{"_132":257,"_134":99,"_128":255,"_135":258,"_112":-5,"_136":137,"_138":-5,"_139":140,"_141":259,"_143":27,"_98":259,"_144":260,"_102":261,"_147":181,"_148":27,"_115":33,"_149":33,"_150":94,"_151":33,"_117":33,"_152":33,"_153":-5,"_21":262,"_155":-5,"_156":-7,"_157":158,"_159":-5,"_160":263,"_162":264},"segYPlotter","5b365fcc-8396-11ef-9bae-de64eea55b61","a9116b7e-84ef-11ef-ba29-de64eea55b61","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport { parseSegy } from \"https://esm.town/v/efoley/parseSegy\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nfunction percentileScale(\n data: number[][],\n lowerPercentile: number = 1,\n upperPercentile: number = 99,\n): { minValue: number; maxValue: number } {\n // Flatten the data and remove zeros\n const flatData = data.flat().filter(v => v !== 0);\n flatData.sort((a, b) => a - b);\n\n // Calculate percentiles\n const lowerIndex = Math.floor(flatData.length * lowerPercentile / 100);\n const upperIndex = Math.floor(flatData.length * upperPercentile / 100);\n const minValue = flatData[lowerIndex];\n const maxValue = flatData[upperIndex];\n\n console.log(`Data scaled to ${lowerPercentile}th - ${upperPercentile}th percentiles:`, minValue, maxValue);\n\n return { minValue, maxValue };\n}\n\nfunction PlotComponent({ data, percentile }) {\n useEffect(() => {\n // log percentile\n console.log(\"Percentile:\", percentile);\n\n if (data && window.Plotly) {\n console.log(\"Plotting data:\", data.slice(0, 5).map(trace => trace.slice(0, 20)));\n\n // Transpose the data and replace any NaN values with 0\n const cleanData = [];\n const numTraces = data.length;\n const numSamples = data[0].length;\n\n for (let i = 0; i < numSamples; i++) {\n const row = [];\n for (let j = 0; j < numTraces; j++) {\n const val = data[j][i];\n row.push(isNaN(val) ? 0 : val);\n }\n cleanData.push(row);\n }\n\n const { minValue, maxValue } = percentileScale(cleanData, 100 - percentile, percentile);\n\n // log min & max values\n console.log(\"Min value:\", minValue);\n console.log(\"Max value:\", maxValue);\n\n window.Plotly.newPlot(\"plotDiv\", [{\n z: cleanData,\n type: \"heatmap\",\n colorscale: \"Seismic\",\n zsmooth: \"best\",\n zauto: false,\n zmin: minValue,\n zmax: maxValue,\n }], {\n title: \"Seismic Data\",\n xaxis: { title: \"Trace Number\" },\n yaxis: { title: \"Sample Number\", autorange: \"reversed\" },\n width: 1600, // Increased from 1200\n height: 1000, // Increased from 800\n autosize: true,\n });\n }\n }, [data]);\n\n return

;\n}\n\nfunction App() {\n const [segyData, setSegyData] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [percentile, setPercentile] = useState(99);\n\n useEffect(() => {\n fetchDefaultSEGY();\n }, []);\n\n const fetchDefaultSEGY = async () => {\n setIsLoading(true);\n try {\n const response = await fetch(\"/process-default-segy\");\n if (!response.ok) {\n throw new Error(\"Failed to process default SEG-Y file\");\n }\n const data = await response.json();\n console.log(\"Received data:\", data);\n setSegyData(data);\n } catch (error) {\n console.error(\"Error processing default SEG-Y file:\", error);\n alert(\"Error processing default SEG-Y file. Please try uploading your own file.\");\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleFileUpload = async (event) => {\n const file = event.target.files[0];\n if (!file) return;\n\n setIsLoading(true);\n\n const formData = new FormData();\n formData.append(\"segyFile\", file);\n\n try {\n const response = await fetch(\"/process-segy\", {\n method: \"POST\",\n body: formData,\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to process SEG-Y file\");\n }\n\n const data = await response.json();\n console.log(\"Received data:\", data);\n setSegyData(data);\n } catch (error) {\n console.error(\"Error processing SEG-Y file:\", error);\n alert(\"Error processing SEG-Y file. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n\n const handlePercentileChange = (event) => {\n const value = parseFloat(event.target.value);\n if (!isNaN(value) && value >= 50 && value <= 100) {\n setPercentile(value);\n }\n };\n\n return (\n

SEG-Y File Plotter

\n \n

\n Percentile for scaling:\n \n \n

\n {isLoading &&

Processing SEG-Y file...

}\n {segyData && }\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 1600px; // Increased from 1200px\n margin: 0 auto;\n padding: 20px;\n}\n\nh1 {\n color: #333;\n}\n\ninput[type=\"file\"] {\n margin-bottom: 20px;\n}\n\n#plotDiv {\n width: 100%;\n height: 1000px; // Increased from 800px\n}\n`;\n\n/**\n * Function to process SEG-Y data passed as a Uint8Array\n * @param {Uint8Array} data - The binary content of the SEG-Y file as Uint8Array\n */\nfunction processSEGY(arrayBuffer) {\n // Call parseSegy with the ArrayBuffer\n const traces = parseSegy(arrayBuffer);\n\n // Process the extracted traces (for example, log them to the console)\n console.log(traces);\n\n return { data: traces };\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/process-default-segy\") {\n try {\n // Fetch the SEG-Y file from the blob storage\n const file = await blob.get(\"Kirchhoff_PreSDM.segy\");\n\n if (!file) {\n throw new Error(\"Default SEG-Y file not found in blob storage\");\n }\n\n // Process the SEG-Y data\n const arrayBuffer = await file.arrayBuffer();\n const processedData = processSEGY(arrayBuffer);\n\n return new Response(JSON.stringify(processedData), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error processing default SEG-Y file:\", error);\n return new Response(\"Error processing default SEG-Y file\", { status: 500 });\n }\n }\n\n if (url.pathname === \"/process-segy\") {\n const formData = await request.formData();\n const file = formData.get(\"segyFile\");\n\n if (!file || !(file instanceof File)) {\n return new Response(\"No file uploaded\", { status: 400 });\n }\n\n try {\n const arrayBuffer = await file.arrayBuffer();\n const processedData = processSEGY(arrayBuffer);\n\n return new Response(JSON.stringify(processedData), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error processing SEG-Y file:\", error);\n return new Response(\"Error processing SEG-Y file\", { status: 500 });\n }\n }\n\n // Default response for the root path\n return new Response(\n `\n \n \n SEG-Y File Plotter\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}",["D",1728335034028],{"_100":101,"_105":106},"efoley/segYPlotter",[265,267,269,271,273,275,277,279,281,283],{"_102":266,"_147":181,"_166":167},["D",1728335034028],{"_102":268,"_147":189,"_166":170},["D",1728334666886],{"_102":270,"_147":192,"_166":173},["D",1728334512144],{"_102":272,"_147":195,"_166":196},["D",1728334461968],{"_102":274,"_147":199,"_166":200},["D",1728334417728],{"_102":276,"_147":203,"_166":204},["D",1728334332024],{"_102":278,"_147":207,"_166":208},["D",1728334301069],{"_102":280,"_147":211,"_166":212},["D",1728334015007],{"_102":282,"_147":215,"_166":216},["D",1728333627588],{"_102":284,"_147":219,"_166":220},["D",1728189588128],{"_128":286,"_130":287},"794d700a-7e13-11ef-ad9b-de64eea55b61",{"_132":288,"_134":99,"_128":286,"_135":-5,"_112":-5,"_136":137,"_138":-5,"_139":140,"_141":289,"_143":27,"_98":289,"_144":290,"_102":291,"_147":94,"_148":27,"_115":33,"_149":33,"_150":33,"_151":33,"_117":33,"_152":33,"_153":-5,"_21":292,"_155":-5,"_156":-7,"_157":158,"_159":-5,"_160":293,"_162":294},"wordPictureMatch","e0d3b734-7e13-11ef-9531-de64eea55b61","/** @jsxImportSource https://esm.sh/react */\nimport React, { useState, useEffect } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\n// Define our word-picture pairs\nconst wordPicturePairs = [\n { word: \"Cat\", emoji: \"🐱\" },\n { word: \"Dog\", emoji: \"🐶\" },\n { word: \"Fish\", emoji: \"🐠\" },\n { word: \"Bird\", emoji: \"🐦\" },\n { word: \"Sun\", emoji: \"☀️\" },\n { word: \"Moon\", emoji: \"🌙\" },\n { word: \"Star\", emoji: \"⭐\" },\n { word: \"Tree\", emoji: \"🌳\" },\n { word: \"Apple\", emoji: \"🍎\" },\n { word: \"Banana\", emoji: \"🍌\" },\n { word: \"Cow\", emoji: \"🐮\" },\n { word: \"Pig\", emoji: \"🐷\" },\n { word: \"Horse\", emoji: \"🐴\" },\n { word: \"Sheep\", emoji: \"🐑\" },\n { word: \"Chicken\", emoji: \"🐔\" },\n { word: \"Duck\", emoji: \"🦆\" },\n { word: \"Frog\", emoji: \"🐸\" },\n { word: \"Rabbit\", emoji: \"🐰\" },\n { word: \"Mouse\", emoji: \"🐭\" },\n { word: \"Elephant\", emoji: \"🐘\" },\n { word: \"Lion\", emoji: \"🦁\" },\n { word: \"Tiger\", emoji: \"🐯\" },\n { word: \"Monkey\", emoji: \"🐵\" },\n { word: \"Penguin\", emoji: \"🐧\" },\n { word: \"Owl\", emoji: \"🦉\" },\n { word: \"Bear\", emoji: \"🐻\" },\n { word: \"Panda\", emoji: \"🐼\" },\n { word: \"Koala\", emoji: \"🐨\" },\n { word: \"Giraffe\", emoji: \"🦒\" },\n { word: \"Zebra\", emoji: \"🦓\" },\n { word: \"Snake\", emoji: \"🐍\" },\n { word: \"Turtle\", emoji: \"🐢\" },\n { word: \"Butterfly\", emoji: \"🦋\" },\n { word: \"Bee\", emoji: \"🐝\" },\n { word: \"Ant\", emoji: \"🐜\" },\n { word: \"Spider\", emoji: \"🕷️\" },\n { word: \"Octopus\", emoji: \"🐙\" },\n { word: \"Dolphin\", emoji: \"🐬\" },\n { word: \"Whale\", emoji: \"🐳\" },\n { word: \"Shark\", emoji: \"🦈\" },\n { word: \"Crocodile\", emoji: \"🐊\" },\n { word: \"Dragon\", emoji: \"🐉\" },\n { word: \"Unicorn\", emoji: \"🦄\" },\n { word: \"Car\", emoji: \"🚗\" },\n { word: \"Bus\", emoji: \"🚌\" },\n { word: \"Train\", emoji: \"🚂\" },\n { word: \"Airplane\", emoji: \"✈️\" },\n { word: \"Rocket\", emoji: \"🚀\" },\n { word: \"Boat\", emoji: \"⛵\" },\n { word: \"Bicycle\", emoji: \"🚲\" },\n { word: \"Truck\", emoji: \"🚚\" },\n { word: \"Ambulance\", emoji: \"🚑\" },\n { word: \"Police Car\", emoji: \"🚓\" },\n { word: \"Fire Truck\", emoji: \"🚒\" },\n { word: \"Helicopter\", emoji: \"🚁\" },\n { word: \"Tractor\", emoji: \"🚜\" },\n { word: \"House\", emoji: \"🏠\" },\n { word: \"School\", emoji: \"🏫\" },\n { word: \"Hospital\", emoji: \"🏥\" },\n { word: \"Castle\", emoji: \"🏰\" },\n { word: \"Church\", emoji: \"⛪\" },\n { word: \"Tent\", emoji: \"⛺\" },\n { word: \"Factory\", emoji: \"🏭\" },\n { word: \"Bridge\", emoji: \"🌉\" },\n { word: \"Mountain\", emoji: \"⛰️\" },\n { word: \"Beach\", emoji: \"🏖️\" },\n { word: \"Desert\", emoji: \"🏜️\" },\n { word: \"Island\", emoji: \"🏝️\" },\n { word: \"Volcano\", emoji: \"🌋\" },\n { word: \"Rainbow\", emoji: \"🌈\" },\n { word: \"Cloud\", emoji: \"☁️\" },\n { word: \"Snowman\", emoji: \"⛄\" },\n { word: \"Umbrella\", emoji: \"☂️\" },\n { word: \"Clock\", emoji: \"🕰️\" },\n { word: \"Gift\", emoji: \"🎁\" },\n { word: \"Balloon\", emoji: \"🎈\" },\n { word: \"Camera\", emoji: \"📷\" },\n { word: \"Television\", emoji: \"📺\" },\n { word: \"Computer\", emoji: \"💻\" },\n { word: \"Phone\", emoji: \"📱\" },\n { word: \"Book\", emoji: \"📚\" },\n { word: \"Pencil\", emoji: \"✏️\" },\n { word: \"Scissors\", emoji: \"✂️\" },\n { word: \"Key\", emoji: \"🔑\" },\n { word: \"Lock\", emoji: \"🔒\" },\n { word: \"Magnet\", emoji: \"🧲\" },\n { word: \"Light Bulb\", emoji: \"💡\" },\n { word: \"Candle\", emoji: \"🕯️\" },\n { word: \"Toilet\", emoji: \"🚽\" },\n { word: \"Shower\", emoji: \"🚿\" },\n { word: \"Bathtub\", emoji: \"🛁\" },\n { word: \"Bed\", emoji: \"🛏️\" },\n { word: \"Chair\", emoji: \"🪑\" },\n { word: \"Couch\", emoji: \"🛋️\" },\n { word: \"Pizza\", emoji: \"🍕\" },\n { word: \"Hamburger\", emoji: \"🍔\" },\n { word: \"Taco\", emoji: \"🌮\" },\n { word: \"Sushi\", emoji: \"🍣\" },\n { word: \"Ice Cream\", emoji: \"🍦\" },\n { word: \"Cake\", emoji: \"🎂\" },\n];\n\nfunction App() {\n const [currentWord, setCurrentWord] = useState(\"\");\n const [options, setOptions] = useState([]);\n const [score, setScore] = useState(0);\n const [gameOver, setGameOver] = useState(false);\n\n useEffect(() => {\n if (!gameOver) {\n newRound();\n }\n }, [gameOver]);\n\n const newRound = () => {\n const randomIndex = Math.floor(Math.random() * wordPicturePairs.length);\n const correctAnswer = wordPicturePairs[randomIndex];\n setCurrentWord(correctAnswer.word);\n\n // Create options including the correct answer and 3 random ones\n let newOptions = [correctAnswer];\n while (newOptions.length < 4) {\n const randomOption = wordPicturePairs[Math.floor(Math.random() * wordPicturePairs.length)];\n if (!newOptions.includes(randomOption)) {\n newOptions.push(randomOption);\n }\n }\n // Shuffle the options\n setOptions(newOptions.sort(() => Math.random() - 0.5));\n };\n\n const handleAnswer = (selectedEmoji) => {\n const correctEmoji = wordPicturePairs.find(pair => pair.word === currentWord).emoji;\n if (selectedEmoji === correctEmoji) {\n setScore(prevScore => prevScore + 1);\n newRound();\n } else {\n setGameOver(true);\n }\n };\n\n const restartGame = () => {\n setScore(0);\n setGameOver(false);\n };\n\n if (gameOver) {\n return (\n

Great job!

Your score: {score}

\n \n

\n );\n }\n\n return (\n

Match the word to the picture

Score: {score}

{currentWord}

\n {options.map((option, index) => (\n \n ))}\n

\n \n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: #f0f0f0;\n}\n\n.game-container {\n text-align: center;\n background-color: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n}\n\n.word {\n font-size: 2rem;\n font-weight: bold;\n margin: 1rem 0;\n}\n\n.options {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.option {\n font-size: 3rem;\n padding: 1rem;\n border: none;\n background-color: #e0e0e0;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.option:hover {\n background-color: #d0d0d0;\n}\n\nbutton {\n font-size: 1rem;\n padding: 0.5rem 1rem;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #45a049;\n}\n\nfooter {\n position: fixed;\n bottom: 10px;\n right: 10px;\n}\n\nfooter a {\n color: #666;\n text-decoration: none;\n}\n\nfooter a:hover {\n text-decoration: underline;\n}\n`;",["D",1727580931320],{"_100":101,"_105":106},"efoley/wordPictureMatch",[295,297,299],{"_102":296,"_147":94,"_166":167},["D",1727580931320],{"_102":298,"_147":116,"_166":170},["D",1727580858166],{"_102":300,"_147":33,"_166":173},["D",1727580757656],{"_128":302,"_130":303},"79a64e84-7dd5-11ef-b336-de64eea55b61",{"_132":304,"_134":99,"_128":302,"_135":-5,"_112":-5,"_136":137,"_138":-5,"_139":140,"_141":305,"_143":27,"_98":305,"_144":306,"_102":307,"_147":94,"_148":27,"_115":33,"_149":33,"_150":33,"_151":33,"_117":33,"_152":33,"_153":-5,"_21":308,"_155":-5,"_156":-7,"_157":158,"_159":-5,"_160":309,"_162":310},"Multiply","02d1c7f6-7dd6-11ef-9273-de64eea55b61","/** @jsxImportSource https://esm.sh/react */\nimport React, { useState, useEffect } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n const [question, setQuestion] = useState(\"\");\n const [answer, setAnswer] = useState(\"\");\n const [feedback, setFeedback] = useState(\"\");\n const [score, setScore] = useState(0);\n const [totalQuestions, setTotalQuestions] = useState(0);\n const [consecutiveCorrect, setConsecutiveCorrect] = useState(0);\n\n const generateQuestion = () => {\n const smallNumber = Math.floor(Math.random() * 5) + 1;\n const oneDigitNumber = Math.floor(Math.random() * 9) + 1;\n setQuestion(`${smallNumber} × ${oneDigitNumber}`);\n setAnswer(\"\");\n setFeedback(\"\");\n };\n\n useEffect(() => {\n generateQuestion();\n }, []);\n\n const handleSubmit = (e) => {\n e.preventDefault();\n const [num1, num2] = question.split(\"×\").map(num => parseInt(num.trim()));\n const correctAnswer = num1 * num2;\n const userAnswer = parseInt(answer);\n\n if (userAnswer === correctAnswer) {\n const newConsecutiveCorrect = consecutiveCorrect + 1;\n setConsecutiveCorrect(newConsecutiveCorrect);\n setScore(score + 1);\n if (newConsecutiveCorrect === 10) {\n setFeedback(\"Amazing! You got 10 correct in a row! 🎉🏆 Show this to your parents and ask for a reward!\");\n } else {\n setFeedback(\"Correct! 🎉\");\n }\n } else {\n setFeedback(`Incorrect. The correct answer is ${correctAnswer}. 😕`);\n setConsecutiveCorrect(0);\n }\n\n setTotalQuestions(totalQuestions + 1);\n setTimeout(generateQuestion, 2000);\n };\n\n return (\n

Multiply

Practice multiplying small numbers (up to 5) by one-digit numbers.

{question} = ?

\n View Source\n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f4f4f4;\n}\n\n.container {\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\nh1 {\n color: #333;\n text-align: center;\n}\n\n.game-area {\n text-align: center;\n margin-top: 20px;\n}\n\ninput[type=\"number\"] {\n width: 100px;\n padding: 5px;\n font-size: 16px;\n}\n\nbutton {\n padding: 5px 10px;\n font-size: 16px;\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n margin-left: 10px;\n}\n\nbutton:hover {\n background-color: #45a049;\n}\n\n.feedback {\n font-weight: bold;\n margin-top: 10px;\n}\n\n.score, .consecutive {\n margin-top: 10px;\n font-size: 18px;\n}\n\n.view-source {\n display: block;\n text-align: center;\n margin-top: 20px;\n color: #666;\n text-decoration: none;\n}\n\n.view-source:hover {\n text-decoration: underline;\n}\n`;",["D",1727554359552],{"_100":101,"_105":106},"efoley/Multiply",[311,313,315],{"_102":312,"_147":94,"_166":167},["D",1727554359552],{"_102":314,"_147":116,"_166":170},["D",1727554232267],{"_102":316,"_147":33,"_166":173},["D",1727554129432],{"_128":318,"_130":319},"6fe65bc0-7d4c-11ef-bbbb-de64eea55b61",{"_132":320,"_134":99,"_128":318,"_135":-5,"_112":-5,"_136":137,"_138":-5,"_139":140,"_141":321,"_143":27,"_98":321,"_144":322,"_102":323,"_147":247,"_148":27,"_115":33,"_149":33,"_150":33,"_151":33,"_117":33,"_152":33,"_153":-5,"_21":324,"_155":-5,"_156":-7,"_157":158,"_159":-5,"_160":325,"_162":326},"SimpleAddition","067192f8-804f-11ef-a65c-de64eea55b61","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n const [num1, setNum1] = useState(0);\n const [num2, setNum2] = useState(0);\n const [userAnswer, setUserAnswer] = useState(\"\");\n const [message, setMessage] = useState(\"\");\n const [score, setScore] = useState(0);\n const [showGlitter, setShowGlitter] = useState(false);\n const [notificationSent, setNotificationSent] = useState(false);\n\n const generateProblem = () => {\n setNum1(Math.floor(Math.random() * 10) + 1);\n setNum2(Math.floor(Math.random() * 10) + 1);\n setUserAnswer(\"\");\n setMessage(\"\");\n setShowGlitter(false);\n };\n\n useEffect(() => {\n generateProblem();\n // Request notification permission when the component mounts\n if (\"Notification\" in window) {\n Notification.requestPermission();\n }\n }, []);\n\n const sendNotification = () => {\n if (\"Notification\" in window && Notification.permission === \"granted\" && !notificationSent) {\n new Notification(\"Kindergarten Addition Game\", {\n body: \"Your child has reached a score of 20! Time for a reward!\",\n icon: \"🎉\",\n });\n setNotificationSent(true);\n }\n };\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n const correctAnswer = num1 + num2;\n if (parseInt(userAnswer) === correctAnswer) {\n setMessage(score + 1 === 20 ? \"Congratulations! You've reached 20 points! 🎉🎉🎉\" : \"Correct! 🎉\");\n setScore(score + 1);\n setShowGlitter(true);\n setTimeout(() => {\n generateProblem();\n }, 1500);\n } else {\n setMessage(`Oops! Try again. The correct answer is ${correctAnswer}.`);\n }\n\n if (score + 1 === 20) {\n sendNotification();\n }\n };\n\n return (\n

🧮 Kindergarten Addition Game

\n {num1} + {num2} = ?\n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: 'Comic Sans MS', cursive, sans-serif;\n background-color: #f0f8ff;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n}\n\n.container {\n background-color: white;\n border-radius: 20px;\n padding: 2rem;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\nh1 {\n color: #4a4a4a;\n margin-bottom: 1rem;\n}\n\n.problem {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n color: #2c3e50;\n}\n\ninput {\n font-size: 1.5rem;\n padding: 0.5rem;\n width: 100px;\n margin-right: 0.5rem;\n border: 2px solid #3498db;\n border-radius: 5px;\n}\n\nbutton {\n font-size: 1.2rem;\n padding: 0.5rem 1rem;\n background-color: #2ecc71;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #27ae60;\n}\n\n.message {\n margin-top: 1rem;\n font-size: 1.2rem;\n font-weight: bold;\n min-height: 1.5em;\n}\n\n.score {\n margin-top: 1rem;\n font-size: 1.2rem;\n color: #3498db;\n}\n\n.new-problem {\n margin-top: 1rem;\n background-color: #3498db;\n}\n\n.new-problem:hover {\n background-color: #2980b9;\n}\n\n.view-source {\n display: inline-block;\n margin-top: 1rem;\n font-size: 0.9rem;\n color: #7f8c8d;\n text-decoration: none;\n}\n\n.view-source:hover {\n text-decoration: underline;\n}\n\n@keyframes glitter {\n 0% {\n background-position: 0 0, 0 0;\n }\n 100% {\n background-position: 100% 100%, 0 0;\n }\n}\n\n.glitter::before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n right: -50%;\n bottom: -50%;\n background: \n linear-gradient(45deg, rgba(255,255,255,0) 45%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 55%, rgba(255,255,255,0) 100%),\n linear-gradient(-45deg, rgba(255,255,255,0) 45%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 55%, rgba(255,255,255,0) 100%);\n background-size: 200% 200%, 200% 200%;\n animation: glitter 0.5s ease-in-out infinite;\n z-index: -1;\n}\n`;",["D",1727826237063],{"_100":101,"_105":106},"efoley/SimpleAddition",[327,329,331,333],{"_102":328,"_147":247,"_166":167},["D",1727826237063],{"_102":330,"_147":94,"_166":170},["D",1727495557747],{"_102":332,"_147":116,"_166":173},["D",1727495378351],{"_102":334,"_147":33,"_166":196},["D",1727495272031],"hasNext","filters",{"_338":339,"_340":341,"_136":137},"sort","newest","type","all","routes/_app","actionData","errors"]