Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[147],"69434134-bef5-11f0-b262-42dde27851f2",".vtignore","694341de-bef5-11f0-b262-42dde27851f2",3,["D",1762862169069],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[154],"5d01d4d4-bef6-11f0-ab02-42dde27851f2","shared","5d01d60a-bef6-11f0-ab02-42dde27851f2",5,["D",1762862578002],"directory",[161],"a24e7718-bef6-11f0-9a99-42dde27851f2","frontend","a24e77ea-bef6-11f0-9a99-42dde27851f2",17,["D",1762862694272],[168],"60cb118e-bef6-11f0-b262-42dde27851f2","backend","60cb1242-bef6-11f0-b262-42dde27851f2",7,["D",1762862584356],[174],"pulls","branches","forks","envVars",{"_186":62,"_188":62},"connections",{"_186":62,"_187":62},"count","unfilledCount","emptyCount",{"_43":173,"_32":174,"_30":175,"_133":-5,"_41":42,"_40":176,"_134":58,"_38":322,"_13":62,"_33":165,"_35":-5,"_24":25,"_137":-5,"_209":323,"_27":324},{"_43":317,"_32":276,"_30":270,"_133":175,"_41":42,"_40":318,"_134":58,"_38":319,"_13":62,"_33":165,"_35":-5,"_24":25,"_137":-5,"_209":320,"_27":321},{"_43":309,"_32":310,"_30":311,"_133":270,"_41":42,"_40":312,"_134":25,"_38":313,"_13":62,"_33":34,"_35":314,"_24":25,"_137":-5,"_209":315,"_27":316},{"_43":301,"_32":302,"_30":303,"_133":270,"_41":42,"_40":304,"_134":25,"_38":305,"_13":62,"_33":34,"_35":306,"_24":25,"_137":-5,"_209":307,"_27":308},{"_43":293,"_32":294,"_30":295,"_133":270,"_41":42,"_40":296,"_134":58,"_38":297,"_13":62,"_33":34,"_35":298,"_24":25,"_137":-5,"_209":299,"_27":300},{"_43":285,"_32":286,"_30":287,"_133":270,"_41":42,"_40":288,"_134":58,"_38":289,"_13":62,"_33":34,"_35":290,"_24":25,"_137":-5,"_209":291,"_27":292},{"_43":277,"_32":278,"_30":279,"_133":270,"_41":42,"_40":280,"_134":25,"_38":281,"_13":62,"_33":34,"_35":282,"_24":25,"_137":-5,"_209":283,"_27":284},{"_43":267,"_32":268,"_30":269,"_133":270,"_41":42,"_40":271,"_134":58,"_38":272,"_13":62,"_33":34,"_35":273,"_24":25,"_137":-5,"_209":274,"_27":275},{"_43":259,"_32":260,"_30":261,"_133":175,"_41":42,"_40":262,"_134":58,"_38":263,"_13":62,"_33":34,"_35":264,"_24":25,"_137":-5,"_209":265,"_27":266},{"_43":251,"_32":252,"_30":253,"_133":175,"_41":42,"_40":254,"_134":25,"_38":255,"_13":62,"_33":34,"_35":256,"_24":25,"_137":-5,"_209":257,"_27":258},{"_43":167,"_32":168,"_30":169,"_133":-5,"_41":42,"_40":170,"_134":58,"_38":248,"_13":62,"_33":165,"_35":-5,"_24":25,"_137":-5,"_209":249,"_27":250},{"_43":240,"_32":241,"_30":242,"_133":169,"_41":42,"_40":243,"_134":25,"_38":244,"_13":62,"_33":20,"_35":245,"_24":25,"_137":-5,"_209":246,"_27":247},{"_43":232,"_32":233,"_30":234,"_133":169,"_41":42,"_40":235,"_134":25,"_38":236,"_13":62,"_33":34,"_35":237,"_24":25,"_137":-5,"_209":238,"_27":239},{"_43":160,"_32":161,"_30":162,"_133":-5,"_41":42,"_40":163,"_134":58,"_38":229,"_13":62,"_33":165,"_35":-5,"_24":25,"_137":-5,"_209":230,"_27":231},{"_43":221,"_32":222,"_30":223,"_133":162,"_41":42,"_40":224,"_134":58,"_38":225,"_13":62,"_33":34,"_35":226,"_24":25,"_137":-5,"_209":227,"_27":228},{"_43":153,"_32":154,"_30":155,"_133":-5,"_41":42,"_40":156,"_134":58,"_38":218,"_13":62,"_33":20,"_35":158,"_24":25,"_137":-5,"_209":219,"_27":220},{"_43":146,"_32":147,"_30":148,"_133":-5,"_41":42,"_40":149,"_134":58,"_38":215,"_13":62,"_33":20,"_35":151,"_24":25,"_137":-5,"_209":216,"_27":217},{"_43":139,"_32":140,"_30":141,"_133":-5,"_41":42,"_40":142,"_134":58,"_38":212,"_13":62,"_33":20,"_35":144,"_24":25,"_137":-5,"_209":213,"_27":214},{"_43":132,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_134":25,"_38":208,"_13":136,"_33":34,"_35":37,"_24":25,"_137":45,"_209":210,"_27":211},["D",1762862777502],"children",[],[28],["D",1762862169050],[],[140],["D",1762862169069],[],[147],["D",1762862169069],[],[154],"5d1f70ac-bef6-11f0-a52c-42dde27851f2","types.ts","5d1f717e-bef6-11f0-a52c-42dde27851f2",6,["D",1762862578199],"// Shared types for the flashcard application\n// These types work in both frontend and backend environments\n\nexport interface Deck {\n id: string;\n name: string;\n description: string;\n createdAt: string;\n}\n\nexport interface Card {\n id: string;\n deckId: string;\n front: string;\n back: string;\n easeFactor: number; // SM-2 ease factor (default 2.5)\n interval: number; // Days until next review\n nextReview: string; // ISO date string\n reviewCount: number;\n}\n\nexport interface StudySession {\n id: string;\n date: string; // ISO date string\n deckId: string;\n deckName: string;\n duration: number; // seconds\n cardsReviewed: number;\n correctCount: number; // \"Good\" or \"Easy\" ratings\n}\n\nexport interface UserStats {\n totalCards: number;\n totalReviews: number;\n totalTime: number; // seconds\n averageAccuracy: number; // 0-100 percentage\n}\n\nexport interface UserData {\n username: string;\n decks: Deck[];\n cards: Card[];\n sessions: StudySession[];\n stats: UserStats;\n}\n\n// SM-2 Spaced Repetition Algorithm\n// Based on the SuperMemo SM-2 algorithm used in Anki\n\nexport enum Rating {\n Again = 1,\n Hard = 2,\n Good = 3,\n Easy = 4,\n}\n\nexport interface ReviewResult {\n easeFactor: number;\n interval: number;\n nextReview: string;\n}\n\n/**\n * Calculate the next review parameters based on the SM-2 algorithm\n * @param card - The card being reviewed\n * @param rating - User's rating (1=Again, 2=Hard, 3=Good, 4=Easy)\n * @returns Updated card review parameters\n */\nexport function calculateNextReview(\n card: Card,\n rating: Rating\n): ReviewResult {\n let easeFactor = card.easeFactor;\n let interval = card.interval;\n\n switch (rating) {\n case Rating.Again:\n // Failed recall - reset to beginning\n interval = 1;\n easeFactor = Math.max(1.3, easeFactor - 0.2);\n break;\n\n case Rating.Hard:\n // Difficult recall\n interval = Math.max(1, interval * 1.2);\n easeFactor = Math.max(1.3, easeFactor - 0.15);\n break;\n\n case Rating.Good:\n // Successful recall\n if (card.reviewCount === 0) {\n interval = 1;\n } else if (card.reviewCount === 1) {\n interval = 6;\n } else {\n interval = Math.round(interval * easeFactor);\n }\n break;\n\n case Rating.Easy:\n // Easy recall\n if (card.reviewCount === 0) {\n interval = 4;\n } else {\n interval = Math.round(interval * easeFactor * 1.3);\n }\n easeFactor = easeFactor + 0.15;\n break;\n }\n\n // Calculate next review date\n const nextReview = new Date();\n nextReview.setDate(nextReview.getDate() + interval);\n\n return {\n easeFactor: Math.max(1.3, easeFactor),\n interval,\n nextReview: nextReview.toISOString(),\n };\n}\n\n/**\n * Check if a card is due for review\n */\nexport function isCardDue(card: Card): boolean {\n return new Date(card.nextReview) <= new Date();\n}\n\n/**\n * Generate a unique ID\n */\nexport function generateId(): string {\n return Date.now().toString(36) + Math.random().toString(36).substring(2);\n}\n\n",[],[161,222],["D",1762862578002],[203],[161],"ce4eefbe-bef6-11f0-85bf-42dde27851f2","index.js","ce4ef18a-bef6-11f0-85bf-42dde27851f2",19,["D",1762862768090],"// Frontend JavaScript for Flashcard App\nimport { generateId, Rating } from \"../shared/types.ts\";\n\n// Global state\nlet currentUser = null;\nlet userData = null;\nlet currentDeckId = null;\nlet currentCardId = null;\nlet studyCards = [];\nlet currentStudyIndex = 0;\nlet sessionStartTime = null;\nlet sessionCorrectCount = 0;\nlet studyTimerInterval = null;\n\n// API Helper\nasync function apiCall(endpoint, options = {}) {\n const headers = {\n \"Content-Type\": \"application/json\",\n ...options.headers,\n };\n\n if (currentUser) {\n headers[\"X-Username\"] = currentUser;\n }\n\n const response = await fetch(endpoint, {\n ...options,\n headers,\n });\n\n if (!response.ok) {\n const error = await response.json().catch(() => ({ error: \"Request failed\" }));\n throw new Error(error.error || \"Request failed\");\n }\n\n return response.json();\n}\n\n// View Navigation\nfunction showView(viewId) {\n document.querySelectorAll(\".view\").forEach((view) => {\n view.classList.remove(\"active\");\n });\n document.getElementById(viewId)?.classList.add(\"active\");\n}\n\nfunction showAppView() {\n showView(\"app-view\");\n showView(\"deck-list-view\");\n loadDecks();\n}\n\n// Authentication\nasync function login() {\n const username = document.getElementById(\"username-input\").value.trim();\n if (!username) {\n alert(\"Please enter a username\");\n return;\n }\n\n try {\n userData = await apiCall(\"/api/auth/login\", {\n method: \"POST\",\n body: JSON.stringify({ username }),\n });\n\n currentUser = username;\n sessionStorage.setItem(\"flashcard_username\", username);\n document.getElementById(\"username-display\").textContent = `👤 ${username}`;\n showAppView();\n } catch (error) {\n alert(\"Login failed: \" + error.message);\n }\n}\n\nfunction logout() {\n currentUser = null;\n userData = null;\n sessionStorage.removeItem(\"flashcard_username\");\n document.getElementById(\"username-input\").value = \"\";\n showView(\"login-view\");\n}\n\n// Deck Management\nasync function loadDecks() {\n try {\n const decks = await apiCall(\"/api/decks\");\n const deckList = document.getElementById(\"deck-list\");\n const noDecksMsg = document.getElementById(\"no-decks-message\");\n\n if (decks.length === 0) {\n deckList.innerHTML = \"\";\n noDecksMsg.style.display = \"block\";\n return;\n }\n\n noDecksMsg.style.display = \"none\";\n \n // Get card counts for each deck\n const cards = await apiCall(\"/api/cards/deck/\" + decks[0].id).catch(() => []);\n \n deckList.innerHTML = decks.map((deck) => {\n const deckCards = userData?.cards?.filter((c) => c.deckId === deck.id) || [];\n const dueCards = deckCards.filter((c) => new Date(c.nextReview) <= new Date());\n \n return `\n

${escapeHtml(deck.name)}

${escapeHtml(deck.description)}

\n ${deckCards.length} cards · ${dueCards.length} due\n

\n \n \n \n \n

\n `;\n }).join(\"\");\n\n // Reload user data to get updated card info\n userData = await apiCall(\"/api/auth/login\", {\n method: \"POST\",\n body: JSON.stringify({ username: currentUser }),\n });\n } catch (error) {\n console.error(\"Failed to load decks:\", error);\n alert(\"Failed to load decks: \" + error.message);\n }\n}\n\nfunction createDeck() {\n currentDeckId = null;\n document.getElementById(\"deck-editor-title\").textContent = \"Create Deck\";\n document.getElementById(\"deck-name-input\").value = \"\";\n document.getElementById(\"deck-description-input\").value = \"\";\n showView(\"deck-editor-view\");\n}\n\nasync function editDeck(deckId) {\n currentDeckId = deckId;\n const deck = userData.decks.find((d) => d.id === deckId);\n if (!deck) return;\n\n document.getElementById(\"deck-editor-title\").textContent = \"Edit Deck\";\n document.getElementById(\"deck-name-input\").value = deck.name;\n document.getElementById(\"deck-description-input\").value = deck.description;\n showView(\"deck-editor-view\");\n}\n\nasync function saveDeck() {\n const name = document.getElementById(\"deck-name-input\").value.trim();\n const description = document.getElementById(\"deck-description-input\").value.trim();\n\n if (!name) {\n alert(\"Please enter a deck name\");\n return;\n }\n\n try {\n if (currentDeckId) {\n // Update existing deck\n await apiCall(`/api/decks/${currentDeckId}`, {\n method: \"PUT\",\n body: JSON.stringify({ name, description }),\n });\n } else {\n // Create new deck\n await apiCall(\"/api/decks\", {\n method: \"POST\",\n body: JSON.stringify({ name, description }),\n });\n }\n\n showView(\"deck-list-view\");\n loadDecks();\n } catch (error) {\n alert(\"Failed to save deck: \" + error.message);\n }\n}\n\nasync function deleteDeck(deckId) {\n const deck = userData.decks.find((d) => d.id === deckId);\n if (!deck) return;\n\n if (!confirm(`Delete deck \"${deck.name}\" and all its cards?`)) return;\n\n try {\n await apiCall(`/api/decks/${deckId}`, { method: \"DELETE\" });\n loadDecks();\n } catch (error) {\n alert(\"Failed to delete deck: \" + error.message);\n }\n}\n\n// Card Management\nasync function viewCards(deckId) {\n currentDeckId = deckId;\n const deck = userData.decks.find((d) => d.id === deckId);\n if (!deck) return;\n\n document.getElementById(\"card-manager-deck-name\").textContent = deck.name;\n document.getElementById(\"card-editor-form\").style.display = \"none\";\n showView(\"card-manager-view\");\n await loadCards();\n}\n\nasync function loadCards() {\n try {\n const cards = await apiCall(`/api/cards/deck/${currentDeckId}`);\n const cardList = document.getElementById(\"card-list\");\n const noCardsMsg = document.getElementById(\"no-cards-message\");\n\n if (cards.length === 0) {\n cardList.innerHTML = \"\";\n noCardsMsg.style.display = \"block\";\n return;\n }\n\n noCardsMsg.style.display = \"none\";\n cardList.innerHTML = cards.map((card) => {\n const nextReview = new Date(card.nextReview);\n const isDue = nextReview <= new Date();\n const dueText = isDue ? \"Due now\" : `Due ${formatDate(nextReview)}`;\n\n return `\n

Front:

${escapeHtml(card.front)}

Back:

${escapeHtml(card.back)}

\n \n \n

\n Reviewed ${card.reviewCount} times · ${dueText}\n

\n `;\n }).join(\"\");\n\n // Update userData cards\n const index = userData.decks.findIndex((d) => d.id === currentDeckId);\n if (index !== -1) {\n userData.cards = userData.cards.filter((c) => c.deckId !== currentDeckId).concat(cards);\n }\n } catch (error) {\n console.error(\"Failed to load cards:\", error);\n alert(\"Failed to load cards: \" + error.message);\n }\n}\n\nfunction addCard() {\n currentCardId = null;\n document.getElementById(\"card-editor-title\").textContent = \"Add Card\";\n document.getElementById(\"card-front-input\").value = \"\";\n document.getElementById(\"card-back-input\").value = \"\";\n document.getElementById(\"card-editor-form\").style.display = \"block\";\n}\n\nasync function editCard(cardId) {\n currentCardId = cardId;\n const card = userData.cards.find((c) => c.id === cardId);\n if (!card) return;\n\n document.getElementById(\"card-editor-title\").textContent = \"Edit Card\";\n document.getElementById(\"card-front-input\").value = card.front;\n document.getElementById(\"card-back-input\").value = card.back;\n document.getElementById(\"card-editor-form\").style.display = \"block\";\n}\n\nasync function saveCard() {\n const front = document.getElementById(\"card-front-input\").value.trim();\n const back = document.getElementById(\"card-back-input\").value.trim();\n\n if (!front || !back) {\n alert(\"Please fill in both front and back\");\n return;\n }\n\n try {\n if (currentCardId) {\n // Update existing card\n await apiCall(`/api/cards/${currentCardId}`, {\n method: \"PUT\",\n body: JSON.stringify({ front, back }),\n });\n } else {\n // Create new card\n await apiCall(\"/api/cards\", {\n method: \"POST\",\n body: JSON.stringify({ deckId: currentDeckId, front, back }),\n });\n }\n\n document.getElementById(\"card-editor-form\").style.display = \"none\";\n await loadCards();\n } catch (error) {\n alert(\"Failed to save card: \" + error.message);\n }\n}\n\nfunction cancelCard() {\n document.getElementById(\"card-editor-form\").style.display = \"none\";\n}\n\nasync function deleteCard(cardId) {\n if (!confirm(\"Delete this card?\")) return;\n\n try {\n await apiCall(`/api/cards/${cardId}`, { method: \"DELETE\" });\n await loadCards();\n } catch (error) {\n alert(\"Failed to delete card: \" + error.message);\n }\n}\n\n// Study Mode\nasync function studyDeck(deckId) {\n currentDeckId = deckId;\n const deck = userData.decks.find((d) => d.id === deckId);\n if (!deck) return;\n\n try {\n studyCards = await apiCall(`/api/study/${deckId}`);\n\n if (studyCards.length === 0) {\n alert(\"No cards due for review!\");\n return;\n }\n\n document.getElementById(\"study-deck-name\").textContent = deck.name;\n currentStudyIndex = 0;\n sessionStartTime = Date.now();\n sessionCorrectCount = 0;\n\n showView(\"study-view\");\n showStudyCard();\n startStudyTimer();\n } catch (error) {\n alert(\"Failed to start study session: \" + error.message);\n }\n}\n\nfunction showStudyCard() {\n if (currentStudyIndex >= studyCards.length) {\n completeStudySession();\n return;\n }\n\n const card = studyCards[currentStudyIndex];\n document.getElementById(\"card-front-text\").textContent = card.front;\n document.getElementById(\"card-back-text\").textContent = card.back;\n document.getElementById(\"study-progress-current\").textContent = currentStudyIndex + 1;\n document.getElementById(\"study-progress-total\").textContent = studyCards.length;\n\n // Reset card flip\n document.getElementById(\"card-inner\").classList.remove(\"flipped\");\n document.getElementById(\"study-flip-controls\").style.display = \"block\";\n document.getElementById(\"study-rating-controls\").style.display = \"none\";\n}\n\nfunction flipCard() {\n document.getElementById(\"card-inner\").classList.add(\"flipped\");\n document.getElementById(\"study-flip-controls\").style.display = \"none\";\n document.getElementById(\"study-rating-controls\").style.display = \"grid\";\n}\n\nasync function rateCard(rating) {\n const card = studyCards[currentStudyIndex];\n\n try {\n await apiCall(\"/api/study/review\", {\n method: \"POST\",\n body: JSON.stringify({ cardId: card.id, rating }),\n });\n\n // Track correct answers (Good or Easy)\n if (rating === Rating.Good || rating === Rating.Easy) {\n sessionCorrectCount++;\n }\n\n currentStudyIndex++;\n showStudyCard();\n } catch (error) {\n alert(\"Failed to record review: \" + error.message);\n }\n}\n\nfunction startStudyTimer() {\n if (studyTimerInterval) clearInterval(studyTimerInterval);\n\n studyTimerInterval = setInterval(() => {\n const elapsed = Math.floor((Date.now() - sessionStartTime) / 1000);\n const minutes = Math.floor(elapsed / 60);\n const seconds = elapsed % 60;\n document.getElementById(\"study-timer\").textContent = \n `${minutes}:${seconds.toString().padStart(2, \"0\")}`;\n }, 1000);\n}\n\nfunction stopStudyTimer() {\n if (studyTimerInterval) {\n clearInterval(studyTimerInterval);\n studyTimerInterval = null;\n }\n}\n\nasync function completeStudySession() {\n stopStudyTimer();\n\n const duration = Math.floor((Date.now() - sessionStartTime) / 1000);\n const accuracy = studyCards.length > 0 \n ? Math.round((sessionCorrectCount / studyCards.length) * 100) \n : 0;\n\n document.getElementById(\"session-cards-count\").textContent = studyCards.length;\n document.getElementById(\"session-accuracy\").textContent = accuracy;\n \n document.getElementById(\"study-card\").style.display = \"none\";\n document.getElementById(\"study-flip-controls\").style.display = \"none\";\n document.getElementById(\"study-rating-controls\").style.display = \"none\";\n document.getElementById(\"study-complete-message\").style.display = \"block\";\n\n // Save session\n try {\n await apiCall(\"/api/stats/sessions\", {\n method: \"POST\",\n body: JSON.stringify({\n deckId: currentDeckId,\n duration,\n cardsReviewed: studyCards.length,\n correctCount: sessionCorrectCount,\n }),\n });\n } catch (error) {\n console.error(\"Failed to save session:\", error);\n }\n}\n\nfunction endStudySession() {\n if (!confirm(\"End study session early?\")) return;\n completeStudySession();\n}\n\nfunction finishStudy() {\n document.getElementById(\"study-card\").style.display = \"block\";\n document.getElementById(\"study-complete-message\").style.display = \"none\";\n showView(\"deck-list-view\");\n loadDecks();\n}\n\n// Statistics\nasync function viewStats() {\n try {\n const data = await apiCall(\"/api/stats\");\n \n // Update overall stats\n document.getElementById(\"stat-total-cards\").textContent = data.stats.totalCards;\n document.getElementById(\"stat-total-reviews\").textContent = data.stats.totalReviews;\n \n const hours = Math.floor(data.stats.totalTime / 3600);\n const minutes = Math.floor((data.stats.totalTime % 3600) / 60);\n document.getElementById(\"stat-total-time\").textContent = `${hours}h ${minutes}m`;\n document.getElementById(\"stat-accuracy\").textContent = \n `${Math.round(data.stats.averageAccuracy)}%`;\n\n // Update session history\n const tbody = document.getElementById(\"session-history-body\");\n const noSessionsMsg = document.getElementById(\"no-sessions-message\");\n\n if (data.sessions.length === 0) {\n tbody.innerHTML = \"\";\n noSessionsMsg.style.display = \"block\";\n } else {\n noSessionsMsg.style.display = \"none\";\n tbody.innerHTML = data.sessions\n .sort((a, b) => new Date(b.date) - new Date(a.date))\n .map((session) => {\n const accuracy = session.cardsReviewed > 0\n ? Math.round((session.correctCount / session.cardsReviewed) * 100)\n : 0;\n const duration = formatDuration(session.duration);\n\n return `\n \n ${formatDate(new Date(session.date))}\n ${escapeHtml(session.deckName)}\n ${duration}\n ${session.cardsReviewed}\n ${accuracy}%\n \n `;\n })\n .join(\"\");\n }\n\n showView(\"stats-view\");\n } catch (error) {\n alert(\"Failed to load statistics: \" + error.message);\n }\n}\n\n// Backup & Restore\nfunction showBackup() {\n showView(\"backup-view\");\n}\n\nasync function downloadBackup() {\n try {\n const data = await apiCall(\"/api/backup\");\n const blob = new Blob([JSON.stringify(data, null, 2)], { type: \"application/json\" });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = `flashcard-backup-${currentUser}-${Date.now()}.json`;\n a.click();\n URL.revokeObjectURL(url);\n } catch (error) {\n alert(\"Failed to download backup: \" + error.message);\n }\n}\n\nasync function restoreBackup() {\n const fileInput = document.getElementById(\"restore-file-input\");\n const file = fileInput.files[0];\n\n if (!file) {\n alert(\"Please select a backup file\");\n return;\n }\n\n if (!confirm(\"This will replace all your current data. Continue?\")) {\n return;\n }\n\n try {\n const text = await file.text();\n const backupData = JSON.parse(text);\n\n await apiCall(\"/api/backup/restore\", {\n method: \"POST\",\n body: JSON.stringify(backupData),\n });\n\n alert(\"Backup restored successfully!\");\n showView(\"deck-list-view\");\n loadDecks();\n } catch (error) {\n alert(\"Failed to restore backup: \" + error.message);\n }\n}\n\n// Utility Functions\nfunction escapeHtml(text) {\n const div = document.createElement(\"div\");\n div.textContent = text;\n return div.innerHTML;\n}\n\nfunction formatDate(date) {\n return new Intl.DateTimeFormat(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n }).format(date);\n}\n\nfunction formatDuration(seconds) {\n const minutes = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return minutes > 0 ? `${minutes}m ${secs}s` : `${secs}s`;\n}\n\n// Event Listeners\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n // Login\n document.getElementById(\"login-btn\").addEventListener(\"click\", login);\n document.getElementById(\"username-input\").addEventListener(\"keypress\", (e) => {\n if (e.key === \"Enter\") login();\n });\n\n // Navigation\n document.getElementById(\"logout-btn\").addEventListener(\"click\", logout);\n document.getElementById(\"view-stats-btn\").addEventListener(\"click\", viewStats);\n document.getElementById(\"backup-btn\").addEventListener(\"click\", showBackup);\n\n // Deck management\n document.getElementById(\"create-deck-btn\").addEventListener(\"click\", createDeck);\n document.getElementById(\"save-deck-btn\").addEventListener(\"click\", saveDeck);\n document.getElementById(\"cancel-deck-btn\").addEventListener(\"click\", () => {\n showView(\"deck-list-view\");\n });\n document.getElementById(\"back-to-decks-btn\").addEventListener(\"click\", () => {\n showView(\"deck-list-view\");\n });\n\n // Card management\n document.getElementById(\"add-card-btn\").addEventListener(\"click\", addCard);\n document.getElementById(\"save-card-btn\").addEventListener(\"click\", saveCard);\n document.getElementById(\"cancel-card-btn\").addEventListener(\"click\", cancelCard);\n document.getElementById(\"study-deck-btn\").addEventListener(\"click\", () => {\n studyDeck(currentDeckId);\n });\n document.getElementById(\"back-to-decks-from-cards-btn\").addEventListener(\"click\", () => {\n showView(\"deck-list-view\");\n loadDecks();\n });\n\n // Study mode\n document.getElementById(\"flip-card-btn\").addEventListener(\"click\", flipCard);\n document.querySelectorAll(\".rating-btn\").forEach((btn) => {\n btn.addEventListener(\"click\", () => {\n rateCard(parseInt(btn.dataset.rating));\n });\n });\n document.getElementById(\"end-session-btn\").addEventListener(\"click\", endStudySession);\n document.getElementById(\"finish-study-btn\").addEventListener(\"click\", finishStudy);\n document.getElementById(\"back-to-cards-btn\").addEventListener(\"click\", () => {\n stopStudyTimer();\n viewCards(currentDeckId);\n });\n\n // Statistics\n document.getElementById(\"back-to-decks-from-stats-btn\").addEventListener(\"click\", () => {\n showView(\"deck-list-view\");\n });\n\n // Backup/Restore\n document.getElementById(\"back-to-decks-from-backup-btn\").addEventListener(\"click\", () => {\n showView(\"deck-list-view\");\n });\n document.getElementById(\"download-backup-btn\").addEventListener(\"click\", downloadBackup);\n document.getElementById(\"restore-backup-btn\").addEventListener(\"click\", restoreBackup);\n\n // Check for existing session\n const savedUsername = sessionStorage.getItem(\"flashcard_username\");\n if (savedUsername) {\n document.getElementById(\"username-input\").value = savedUsername;\n login();\n }\n});\n\n// Make functions globally accessible for onclick handlers\nwindow.studyDeck = studyDeck;\nwindow.viewCards = viewCards;\nwindow.editDeck = editDeck;\nwindow.deleteDeck = deleteDeck;\nwindow.editCard = editCard;\nwindow.deleteCard = deleteCard;\n\n",[],[168,233],"a26fe51a-bef6-11f0-9594-42dde27851f2","index.html","a26fe61e-bef6-11f0-9594-42dde27851f2",18,["D",1762862694482],"\n\n\n \n \n Flashcard Learning App\n \n \n \n\n\n \n \n \n\n \n

\n \n \n\n

\n \n \n

My Decks

\n \n

No decks yet

Create your first deck to get started!

\n\n \n

\n \n

Create Deck

\n \n \n

\n\n \n

\n \n

\n \n \n

Add Card

\n \n \n

\n\n \n

\n \n

No cards yet

Add your first card to start learning!

\n\n \n

\n \n \n

\n Card 1 of 0\n · ⏱️ 0:00\n

\n \n

\n\n \n

\n \n

\n\n

\n \n \n \n \n

\n\n

🎉 Session Complete!

\n Reviewed 0 cards\n

\n Accuracy: 0%\n

\n \n

\n\n \n

\n \n \n

📊 Your Statistics

\n\n \n

Total Cards

Total Reviews

0h 0m

Study Time

Accuracy

\n\n \n

Study Sessions

\n \n \n \n \n \n \n \n \n \n \n \n \n \n

Date	Deck	Duration	Cards	Accuracy

No study sessions yet

\n\n \n

\n \n \n

💾 Backup & Restore

\n\n \n

Export Data

Download all your decks, cards, and study sessions as a JSON file.

\n \n

\n\n \n

Import Data

Restore your data from a previously exported JSON file.

⚠️ Warning: This will replace all your current data!

\n \n \n

\n\n

\n\n \n\n\n\n",[],[168,241],["D",1762862694272],[200,201],[168],"60ec6a8c-bef6-11f0-8b97-42dde27851f2","storage.ts","60ec6b54-bef6-11f0-8b97-42dde27851f2",8,["D",1762862584574],"import { blob } from \"https://esm.town/v/std/blob\";\nimport type { UserData, UserStats } from \"../shared/types.ts\";\n\n/**\n * Get user data from blob storage\n * Creates new user data if it doesn't exist\n */\nexport async function getUserData(username: string): Promise {\n const key = `flashcard_user_${username}`;\n \n try {\n const data = await blob.getJSON(key);\n if (data) {\n return data as UserData;\n }\n } catch (error) {\n // User doesn't exist yet, will create new\n }\n\n // Initialize new user\n const newUser: UserData = {\n username,\n decks: [],\n cards: [],\n sessions: [],\n stats: {\n totalCards: 0,\n totalReviews: 0,\n totalTime: 0,\n averageAccuracy: 0,\n },\n };\n\n await saveUserData(username, newUser);\n return newUser;\n}\n\n/**\n * Save user data to blob storage\n */\nexport async function saveUserData(\n username: string,\n data: UserData\n): Promise {\n const key = `flashcard_user_${username}`;\n await blob.setJSON(key, data);\n}\n\n/**\n * Update user statistics\n */\nexport function updateUserStats(data: UserData): void {\n const totalCorrect = data.sessions.reduce(\n (sum, session) => sum + session.correctCount,\n 0\n );\n const totalReviewed = data.sessions.reduce(\n (sum, session) => sum + session.cardsReviewed,\n 0\n );\n\n data.stats = {\n totalCards: data.cards.length,\n totalReviews: totalReviewed,\n totalTime: data.sessions.reduce((sum, session) => sum + session.duration, 0),\n averageAccuracy: totalReviewed > 0 ? (totalCorrect / totalReviewed) * 100 : 0,\n };\n}\n\n",[],[174,252],"81af052c-bef6-11f0-9f19-42dde27851f2","index.ts","81af0626-bef6-11f0-9f19-42dde27851f2",16,["D",1762862639537],"import { Hono } from \"https://esm.sh/hono@4.0.2\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport auth from \"./routes/auth.ts\";\nimport decks from \"./routes/decks.ts\";\nimport cards from \"./routes/cards.ts\";\nimport study from \"./routes/study.ts\";\nimport stats from \"./routes/stats.ts\";\nimport backup from \"./routes/backup.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Mount API routes\napp.route(\"/api/auth\", auth);\napp.route(\"/api/decks\", decks);\napp.route(\"/api/cards\", cards);\napp.route(\"/api/study\", study);\napp.route(\"/api/stats\", stats);\napp.route(\"/api/backup\", backup);\n\n// Serve static frontend files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve main HTML page\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;\n\n",[],[174,260],"73d386d0-bef6-11f0-a0cd-42dde27851f2","study.ts","73d3878e-bef6-11f0-a0cd-42dde27851f2","65ea71d2-bef6-11f0-bf10-42dde27851f2",13,["D",1762862616288],"import { Hono } from \"https://esm.sh/hono@4.0.2\";\nimport { getUserData, saveUserData } from \"../storage.ts\";\nimport { calculateNextReview, isCardDue, Rating } from \"../../shared/types.ts\";\n\nconst study = new Hono();\n\n// Get due cards for a deck\nstudy.get(\"/:deckId\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const deckId = c.req.param(\"deckId\");\n const userData = await getUserData(username);\n\n // Get all cards in the deck that are due for review\n const dueCards = userData.cards\n .filter((card) => card.deckId === deckId && isCardDue(card))\n .sort((a, b) => {\n // Sort by next review date (earlier cards first)\n return new Date(a.nextReview).getTime() - new Date(b.nextReview).getTime();\n });\n\n return c.json(dueCards);\n});\n\n// Process a card review\nstudy.post(\"/review\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const { cardId, rating } = await c.req.json();\n\n if (!cardId || rating === undefined) {\n return c.json({ error: \"cardId and rating are required\" }, 400);\n }\n\n if (![Rating.Again, Rating.Hard, Rating.Good, Rating.Easy].includes(rating)) {\n return c.json({ error: \"Invalid rating\" }, 400);\n }\n\n const userData = await getUserData(username);\n const card = userData.cards.find((c) => c.id === cardId);\n\n if (!card) {\n return c.json({ error: \"Card not found\" }, 404);\n }\n\n // Calculate next review using SM-2 algorithm\n const reviewResult = calculateNextReview(card, rating);\n\n // Update card\n card.easeFactor = reviewResult.easeFactor;\n card.interval = reviewResult.interval;\n card.nextReview = reviewResult.nextReview;\n card.reviewCount++;\n\n await saveUserData(username, userData);\n\n return c.json({\n card,\n reviewResult,\n });\n});\n\nexport default study;\n\n",[],[174,276,268],"routes","77340d9a-bef6-11f0-aee4-42dde27851f2","stats.ts","77340e3a-bef6-11f0-aee4-42dde27851f2",14,["D",1762862621956],"import { Hono } from \"https://esm.sh/hono@4.0.2\";\nimport { getUserData, saveUserData, updateUserStats } from \"../storage.ts\";\nimport { generateId } from \"../../shared/types.ts\";\nimport type { StudySession } from \"../../shared/types.ts\";\n\nconst stats = new Hono();\n\n// Get user statistics\nstats.get(\"/\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const userData = await getUserData(username);\n updateUserStats(userData);\n\n return c.json({\n stats: userData.stats,\n sessions: userData.sessions,\n });\n});\n\n// Save completed study session\nstats.post(\"/sessions\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const { deckId, duration, cardsReviewed, correctCount } = await c.req.json();\n\n if (deckId === undefined || duration === undefined || \n cardsReviewed === undefined || correctCount === undefined) {\n return c.json(\n { error: \"deckId, duration, cardsReviewed, and correctCount are required\" },\n 400\n );\n }\n\n const userData = await getUserData(username);\n\n // Get deck name\n const deck = userData.decks.find((d) => d.id === deckId);\n const deckName = deck ? deck.name : \"Unknown Deck\";\n\n const newSession: StudySession = {\n id: generateId(),\n date: new Date().toISOString(),\n deckId,\n deckName,\n duration,\n cardsReviewed,\n correctCount,\n };\n\n userData.sessions.push(newSession);\n updateUserStats(userData);\n await saveUserData(username, userData);\n\n return c.json(newSession, 201);\n});\n\nexport default stats;\n\n",[],[174,276,278],"6b04dac2-bef6-11f0-bd0b-42dde27851f2","decks.ts","6b04db94-bef6-11f0-bd0b-42dde27851f2",11,["D",1762862601508],"import { Hono } from \"https://esm.sh/hono@4.0.2\";\nimport { getUserData, saveUserData } from \"../storage.ts\";\nimport { generateId } from \"../../shared/types.ts\";\nimport type { Deck } from \"../../shared/types.ts\";\n\nconst decks = new Hono();\n\n// Get all decks\ndecks.get(\"/\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const userData = await getUserData(username);\n return c.json(userData.decks);\n});\n\n// Create a new deck\ndecks.post(\"/\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const { name, description } = await c.req.json();\n\n if (!name || name.trim().length === 0) {\n return c.json({ error: \"Deck name is required\" }, 400);\n }\n\n const userData = await getUserData(username);\n\n const newDeck: Deck = {\n id: generateId(),\n name: name.trim(),\n description: description?.trim() || \"\",\n createdAt: new Date().toISOString(),\n };\n\n userData.decks.push(newDeck);\n await saveUserData(username, userData);\n\n return c.json(newDeck, 201);\n});\n\n// Update a deck\ndecks.put(\"/:id\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const deckId = c.req.param(\"id\");\n const { name, description } = await c.req.json();\n\n const userData = await getUserData(username);\n const deck = userData.decks.find((d) => d.id === deckId);\n\n if (!deck) {\n return c.json({ error: \"Deck not found\" }, 404);\n }\n\n if (name !== undefined) deck.name = name.trim();\n if (description !== undefined) deck.description = description.trim();\n\n await saveUserData(username, userData);\n return c.json(deck);\n});\n\n// Delete a deck and all its cards\ndecks.delete(\"/:id\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const deckId = c.req.param(\"id\");\n const userData = await getUserData(username);\n\n // Remove deck\n const deckIndex = userData.decks.findIndex((d) => d.id === deckId);\n if (deckIndex === -1) {\n return c.json({ error: \"Deck not found\" }, 404);\n }\n\n userData.decks.splice(deckIndex, 1);\n\n // Remove all cards in the deck\n userData.cards = userData.cards.filter((card) => card.deckId !== deckId);\n\n // Remove sessions for this deck\n userData.sessions = userData.sessions.filter(\n (session) => session.deckId !== deckId\n );\n\n await saveUserData(username, userData);\n return c.json({ success: true });\n});\n\nexport default decks;\n\n",[],[174,276,286],"6fb38956-bef6-11f0-bd35-42dde27851f2","cards.ts","6fb38a5a-bef6-11f0-bd35-42dde27851f2",12,["D",1762862609367],"import { Hono } from \"https://esm.sh/hono@4.0.2\";\nimport { getUserData, saveUserData } from \"../storage.ts\";\nimport { generateId } from \"../../shared/types.ts\";\nimport type { Card } from \"../../shared/types.ts\";\n\nconst cards = new Hono();\n\n// Get all cards in a deck\ncards.get(\"/deck/:deckId\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const deckId = c.req.param(\"deckId\");\n const userData = await getUserData(username);\n const deckCards = userData.cards.filter((card) => card.deckId === deckId);\n\n return c.json(deckCards);\n});\n\n// Create a new card\ncards.post(\"/\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const { deckId, front, back } = await c.req.json();\n\n if (!deckId || !front || !back) {\n return c.json(\n { error: \"deckId, front, and back are required\" },\n 400\n );\n }\n\n const userData = await getUserData(username);\n\n // Verify deck exists\n const deck = userData.decks.find((d) => d.id === deckId);\n if (!deck) {\n return c.json({ error: \"Deck not found\" }, 404);\n }\n\n const newCard: Card = {\n id: generateId(),\n deckId,\n front: front.trim(),\n back: back.trim(),\n easeFactor: 2.5,\n interval: 0,\n nextReview: new Date().toISOString(), // Due immediately for new cards\n reviewCount: 0,\n };\n\n userData.cards.push(newCard);\n await saveUserData(username, userData);\n\n return c.json(newCard, 201);\n});\n\n// Update a card\ncards.put(\"/:id\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const cardId = c.req.param(\"id\");\n const { front, back } = await c.req.json();\n\n const userData = await getUserData(username);\n const card = userData.cards.find((c) => c.id === cardId);\n\n if (!card) {\n return c.json({ error: \"Card not found\" }, 404);\n }\n\n if (front !== undefined) card.front = front.trim();\n if (back !== undefined) card.back = back.trim();\n\n await saveUserData(username, userData);\n return c.json(card);\n});\n\n// Delete a card\ncards.delete(\"/:id\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const cardId = c.req.param(\"id\");\n const userData = await getUserData(username);\n\n const cardIndex = userData.cards.findIndex((c) => c.id === cardId);\n if (cardIndex === -1) {\n return c.json({ error: \"Card not found\" }, 404);\n }\n\n userData.cards.splice(cardIndex, 1);\n await saveUserData(username, userData);\n\n return c.json({ success: true });\n});\n\nexport default cards;\n\n",[],[174,276,294],"7a21ecde-bef6-11f0-a7da-42dde27851f2","backup.ts","7a21eda6-bef6-11f0-a7da-42dde27851f2",15,["D",1762862626871],"import { Hono } from \"https://esm.sh/hono@4.0.2\";\nimport { getUserData, saveUserData } from \"../storage.ts\";\nimport type { UserData } from \"../../shared/types.ts\";\n\nconst backup = new Hono();\n\n// Export all user data as JSON\nbackup.get(\"/\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const userData = await getUserData(username);\n\n // Return as downloadable JSON\n return c.json(userData, 200, {\n \"Content-Disposition\": `attachment; filename=\"flashcard-backup-${username}-${Date.now()}.json\"`,\n });\n});\n\n// Restore user data from JSON backup\nbackup.post(\"/restore\", async (c) => {\n const username = c.req.header(\"X-Username\");\n if (!username) {\n return c.json({ error: \"Username header required\" }, 401);\n }\n\n const backupData = await c.req.json() as UserData;\n\n // Validate backup data structure\n if (!backupData.username || !Array.isArray(backupData.decks) || \n !Array.isArray(backupData.cards) || !Array.isArray(backupData.sessions)) {\n return c.json({ error: \"Invalid backup data format\" }, 400);\n }\n\n // Override username with current user\n backupData.username = username;\n\n await saveUserData(username, backupData);\n\n return c.json({ success: true, message: \"Backup restored successfully\" });\n});\n\nexport default backup;\n\n",[],[174,276,302],"6605cdba-bef6-11f0-ae62-42dde27851f2","auth.ts","6605cea0-bef6-11f0-ae62-42dde27851f2",10,["D",1762862593130],"import { Hono } from \"https://esm.sh/hono@4.0.2\";\nimport { getUserData } from \"../storage.ts\";\n\nconst auth = new Hono();\n\n// Login - Load or initialize user data\nauth.post(\"/login\", async (c) => {\n const { username } = await c.req.json();\n\n if (!username || username.trim().length === 0) {\n return c.json({ error: \"Username is required\" }, 400);\n }\n\n const userData = await getUserData(username.trim());\n return c.json(userData);\n});\n\nexport default auth;\n\n",[],[174,276,310],"65ea710a-bef6-11f0-bf10-42dde27851f2",9,["D",1762862592951],[191,192,193,194,195,196],[174,276],["D",1762862584356],[190,197,198],[174],["D",1762862116973],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_122":362,"_363":364,"_365":366,"_367":25,"_368":25,"_369":25,"_370":58,"_371":-5,"_372":-7,"_373":-7,"_374":62,"_375":25,"_376":25,"_377":-5,"_378":25,"_379":25,"_380":25,"_381":-5},"ENV",{"_333":334,"_335":336,"_337":86,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361},"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"]

Hi

${escapeHtml(deck.name)}

📚 Flashcard Learning

My Decks

Create Deck

Add Card

🎉 Session Complete!

📊 Your Statistics

Study Sessions

💾 Backup & Restore

Export Data

Import Data

Diff · v20