[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_208":209,"_210":211},"routes/_app.x.$handle.$name",{"_102":101,"_37":49,"_110":92,"_32":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":30,"_125":126,"_127":128,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":-5,"_61":30,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":30},"version",5,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","8178e837-2184-42f2-8986-78f7dc848dd1","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":26,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","extension/content.js","latestPath","fileId","99f6a6a6-309f-11f1-b444-42dde27851f2","name","content.js","fileType","content","/* ePocket content script — modal + hotkey injection */\n\nlet modalRoot = null;\nlet backdrop = null;\nlet modal = null;\nlet currentWord = \"\";\nlet currentDef = null;\nlet toastTimer = null;\n\n// ── Build DOM ──────────────────────────────────────────────────────────────\n\nfunction buildUI() {\n if (modalRoot) return;\n\n // Isolated root\n modalRoot = document.createElement(\"div\");\n modalRoot.id = \"epocket-root\";\n document.body.appendChild(modalRoot);\n\n // Backdrop\n backdrop = document.createElement(\"div\");\n backdrop.className = \"ep-backdrop\";\n backdrop.addEventListener(\"click\", closeModal);\n modalRoot.appendChild(backdrop);\n\n // Modal\n modal = document.createElement(\"div\");\n modal.className = \"ep-modal\";\n modal.setAttribute(\"role\", \"dialog\");\n modal.setAttribute(\"aria-modal\", \"true\");\n modal.innerHTML = `\n

\n \n \n ePocket\n \n \n

\n `;\n modalRoot.appendChild(modal);\n\n modal.querySelector(\".ep-close\").addEventListener(\"click\", closeModal);\n}\n\n// ── Open / Close ───────────────────────────────────────────────────────────\n\nfunction openModal() {\n buildUI();\n requestAnimationFrame(() => {\n backdrop.classList.add(\"ep-visible\");\n modal.classList.add(\"ep-visible\");\n });\n}\n\nfunction closeModal() {\n if (!modal) return;\n backdrop.classList.remove(\"ep-visible\");\n modal.classList.remove(\"ep-visible\");\n currentDef = null;\n}\n\ndocument.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\") closeModal();\n});\n\n// ── Render states ──────────────────────────────────────────────────────────\n\nfunction renderLoading(word) {\n const body = modal.querySelector(\"#ep-body-content\");\n const actions = modal.querySelector(\"#ep-actions\");\n body.innerHTML = `\n

\n Looking up ${escHtml(word)}…\n

\n `;\n actions.innerHTML = \"\";\n}\n\nfunction renderResult(data, alreadySaved) {\n currentDef = data;\n const body = modal.querySelector(\"#ep-body-content\");\n const actions = modal.querySelector(\"#ep-actions\");\n\n const noDefinition = !data.definition;\n\n body.innerHTML = `\n

\n ${escHtml(data.word)}\n ${data.phonetic ? `${escHtml(data.phonetic)}` : \"\"}\n ${data.partOfSpeech ? `${escHtml(data.partOfSpeech)}` : \"\"}\n

\n ${noDefinition\n ? `

No dictionary entry found for \"${escHtml(data.word)}\". You can still save it to your pocket.

`\n : `

${escHtml(data.definition)}

`}\n ${data.example ? `

\"${escHtml(data.example)}\"

` : \"\"}\n ${data.context && data.context !== data.word\n ? `

Context: …${escHtml(data.context.trim())}…

`\n : \"\"}\n `;\n\n if (alreadySaved) {\n actions.innerHTML = `\n ✓ Already in your pocket\n \n `;\n actions.querySelector(\"#ep-dismiss\").addEventListener(\"click\", closeModal);\n } else {\n actions.innerHTML = `\n \n \n `;\n actions.querySelector(\"#ep-save\").addEventListener(\"click\", saveWord);\n actions.querySelector(\"#ep-dismiss\").addEventListener(\"click\", closeModal);\n }\n}\n\nfunction renderSaved() {\n const actions = modal.querySelector(\"#ep-actions\");\n actions.innerHTML = `\n ✓ Saved to your pocket!\n \n `;\n actions.querySelector(\"#ep-dismiss\").addEventListener(\"click\", closeModal);\n showToast(\"⚡ Word saved to ePocket!\");\n}\n\n// ── Core explain ───────────────────────────────────────────────────────────\n\nfunction explainWord(word, context) {\n if (!word || word.trim().length === 0) return;\n word = word.trim().slice(0, 80);\n currentWord = word;\n\n openModal();\n renderLoading(word);\n\n chrome.runtime.sendMessage(\n { type: \"FETCH_EXPLAIN\", word, context: context || \"\" },\n (resp) => {\n if (!resp || !resp.ok) {\n renderResult({ word, definition: \"\", context }, false);\n return;\n }\n const data = resp.data;\n // Check if already saved\n chrome.runtime.sendMessage(\n { type: \"GET_WORDS\", params: { q: word } },\n (wordsResp) => {\n const alreadySaved =\n wordsResp?.ok &&\n wordsResp.data.words.some(\n (w) => w.word.toLowerCase() === word.toLowerCase()\n );\n renderResult(data, alreadySaved);\n }\n );\n }\n );\n}\n\n// ── Save ───────────────────────────────────────────────────────────────────\n\nfunction saveWord() {\n if (!currentDef) return;\n chrome.runtime.sendMessage(\n {\n type: \"SAVE_WORD\",\n payload: {\n word: currentDef.word,\n definition: currentDef.definition,\n context: currentDef.context,\n source_url: window.location.href,\n },\n },\n () => renderSaved()\n );\n}\n\n// ── Toast ──────────────────────────────────────────────────────────────────\n\nfunction showToast(msg) {\n let toast = modalRoot.querySelector(\".ep-toast\");\n if (!toast) {\n toast = document.createElement(\"div\");\n toast.className = \"ep-toast\";\n modalRoot.appendChild(toast);\n }\n toast.textContent = msg;\n toast.classList.add(\"ep-visible\");\n clearTimeout(toastTimer);\n toastTimer = setTimeout(() => toast.classList.remove(\"ep-visible\"), 2500);\n}\n\n// ── Message listener ───────────────────────────────────────────────────────\n\nchrome.runtime.onMessage.addListener((msg) => {\n if (msg.type === \"EXPLAIN\") {\n explainWord(msg.word, getSurroundingContext(msg.word));\n }\n if (msg.type === \"EXPLAIN_SELECTION\") {\n const sel = window.getSelection();\n if (sel && sel.toString().trim()) {\n const word = sel.toString().trim();\n const context = getSelectionContext(sel);\n explainWord(word, context);\n } else {\n showToastNoRoot(\"Select a word first, then press Alt+E\");\n }\n }\n});\n\n// ── Double-click to quick-explain ─────────────────────────────────────────\n\nlet dblClickTimer = null;\ndocument.addEventListener(\"dblclick\", (e) => {\n const sel = window.getSelection();\n if (!sel || !sel.toString().trim()) return;\n const word = sel.toString().trim();\n if (word.split(/\\s+/).length > 4) return; // only short phrases\n clearTimeout(dblClickTimer);\n dblClickTimer = setTimeout(() => {\n const context = getSelectionContext(sel);\n explainWord(word, context);\n }, 200);\n});\n\n// ── Context helpers ────────────────────────────────────────────────────────\n\nfunction getSelectionContext(sel) {\n try {\n const range = sel.getRangeAt(0);\n const node = range.commonAncestorContainer;\n const text = (node.textContent || \"\").trim();\n const start = Math.max(0, range.startOffset - 60);\n const end = Math.min(text.length, range.endOffset + 60);\n return text.slice(start, end);\n } catch (_) {\n return \"\";\n }\n}\n\nfunction getSurroundingContext(word) {\n const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);\n while (walker.nextNode()) {\n const txt = walker.currentNode.textContent;\n const idx = txt.indexOf(word);\n if (idx !== -1) {\n return txt.slice(Math.max(0, idx - 60), idx + word.length + 60);\n }\n }\n return \"\";\n}\n\nfunction showToastNoRoot(msg) {\n buildUI();\n showToast(msg);\n}\n\nfunction escHtml(str) {\n return String(str)\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n","createdAt",["D",1775359746609],"branchVersion","branchId","5d6d320e-309f-11f1-93b6-42dde27851f2","id","5d6cc918-309f-11f1-93b6-42dde27851f2","epocket",["D",1775359645050],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Chrome extension backend for vocabulary capture & learning","imageUrl","019d5bac-65a2-765b-bf0e-efaa6646838f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019d5bac-65a2-765b-bf0e-f380c1f143d2","tursoName","5d6cc918309f11f193b642dde27851f2","tursoHostname","5d6cc918309f11f193b642dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789464074488],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_19":59,"_106":107,"_108":30},"branch",{"_13":91,"_37":92,"_47":46,"_93":48,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":49,"_100":101},"isOwned",8,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","v7er","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zQnZCOXM2WDI0VTloakRTNmlXQzVDbFRxT0YifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_37":49,"_42":203,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":-5,"_61":30,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":204,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":205,"_86":206,"_88":207,"_90":30},"tree",[163,168],"files",[163,164,165,166,167,168],"counts",{"_153":65,"_154":139,"_155":65,"_156":157,"_158":159},"contents",[133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_47":146,"_37":147,"_35":148,"_138":-5,"_45":46,"_44":149,"_140":128,"_42":150,"_13":65,"_39":151,"_40":-5,"_29":30,"_144":-5,"_32":152},{"_47":135,"_37":136,"_35":137,"_138":-5,"_45":46,"_44":139,"_140":128,"_42":141,"_13":65,"_39":142,"_40":143,"_29":30,"_144":-5,"_32":145},"6efc048c-309f-11f1-9d7e-42dde27851f2","api.ts","6efc0554-309f-11f1-9d7e-42dde27851f2","parentId",1,"latest",["D",1775359674504],"http","// ePocket API — vocabulary capture & learning tracker\nimport { Hono } from \"npm:hono@4\";\nimport { cors } from \"npm:hono/cors\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst app = new Hono();\n\n// Allow Chrome extension to call this API\napp.use(\"*\", cors({ origin: \"*\" }));\n\n// ── DB init ────────────────────────────────────────────────────────────────\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS vocabulary (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n word TEXT NOT NULL,\n definition TEXT,\n context TEXT,\n source_url TEXT,\n mastery INTEGER DEFAULT 0,\n reviews INTEGER DEFAULT 0,\n created_at TEXT DEFAULT (datetime('now')),\n reviewed_at TEXT\n )\n`);\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS sessions (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n url TEXT,\n words_seen TEXT,\n created_at TEXT DEFAULT (datetime('now'))\n )\n`);\n\n// ── Routes ─────────────────────────────────────────────────────────────────\n\n// Explain a word (AI via built-in fetch to a free dictionary + context)\napp.post(\"/explain\", async (c) => {\n const { word, context } = await c.req.json();\n if (!word) return c.json({ error: \"word required\" }, 400);\n\n // Free Dictionary API\n let definition = \"\";\n let phonetic = \"\";\n let partOfSpeech = \"\";\n let example = \"\";\n\n try {\n const res = await fetch(`https://api.dictionaryapi.dev/api/v2/entries/en/${encodeURIComponent(word.trim())}`);\n if (res.ok) {\n const data = await res.json();\n const entry = data[0];\n phonetic = entry.phonetic || entry.phonetics?.[0]?.text || \"\";\n const meaning = entry.meanings?.[0];\n partOfSpeech = meaning?.partOfSpeech || \"\";\n const def = meaning?.definitions?.[0];\n definition = def?.definition || \"\";\n example = def?.example || \"\";\n }\n } catch (_) {}\n\n return c.json({ word, phonetic, partOfSpeech, definition, example, context });\n});\n\n// Save a word to pocket\napp.post(\"/words\", async (c) => {\n const { word, definition, context, source_url } = await c.req.json();\n if (!word) return c.json({ error: \"word required\" }, 400);\n\n // Check duplicate\n const existing = await sqlite.execute({\n sql: \"SELECT id FROM vocabulary WHERE lower(word) = lower(?)\",\n args: [word],\n });\n\n if (existing.rows.length > 0) {\n return c.json({ status: \"already_saved\", id: existing.rows[0].id });\n }\n\n const result = await sqlite.execute({\n sql: `INSERT INTO vocabulary (word, definition, context, source_url)\n VALUES (?, ?, ?, ?)`,\n args: [word, definition || \"\", context || \"\", source_url || \"\"],\n });\n\n return c.json({ status: \"saved\", id: result.lastInsertRowid });\n});\n\n// List all words (with optional search)\napp.get(\"/words\", async (c) => {\n const q = c.req.query(\"q\") || \"\";\n const sort = c.req.query(\"sort\") || \"newest\";\n\n const orderMap: Record = {\n newest: \"created_at DESC\",\n oldest: \"created_at ASC\",\n mastery: \"mastery ASC\",\n alpha: \"word ASC\",\n };\n const order = orderMap[sort] || \"created_at DESC\";\n\n const rows = await sqlite.execute({\n sql: `SELECT * FROM vocabulary\n WHERE lower(word) LIKE lower(?)\n ORDER BY ${order}`,\n args: [`%${q}%`],\n });\n\n return c.json({ words: rows.rows, total: rows.rows.length });\n});\n\n// Update mastery (0=new, 1=learning, 2=familiar, 3=mastered)\napp.patch(\"/words/:id/review\", async (c) => {\n const id = c.req.param(\"id\");\n const { mastery } = await c.req.json();\n\n await sqlite.execute({\n sql: `UPDATE vocabulary SET mastery = ?, reviews = reviews + 1, reviewed_at = datetime('now')\n WHERE id = ?`,\n args: [mastery, id],\n });\n\n return c.json({ ok: true });\n});\n\n// Delete a word\napp.delete(\"/words/:id\", async (c) => {\n const id = c.req.param(\"id\");\n await sqlite.execute({ sql: \"DELETE FROM vocabulary WHERE id = ?\", args: [id] });\n return c.json({ ok: true });\n});\n\n// Stats\napp.get(\"/stats\", async (c) => {\n const total = await sqlite.execute(\"SELECT COUNT(*) as n FROM vocabulary\");\n const mastered = await sqlite.execute(\"SELECT COUNT(*) as n FROM vocabulary WHERE mastery >= 3\");\n const learning = await sqlite.execute(\"SELECT COUNT(*) as n FROM vocabulary WHERE mastery BETWEEN 1 AND 2\");\n const newWords = await sqlite.execute(\"SELECT COUNT(*) as n FROM vocabulary WHERE mastery = 0\");\n const recent = await sqlite.execute(\n \"SELECT word FROM vocabulary ORDER BY created_at DESC LIMIT 5\"\n );\n\n return c.json({\n total: total.rows[0].n,\n mastered: mastered.rows[0].n,\n learning: learning.rows[0].n,\n new: newWords.rows[0].n,\n recent: recent.rows.map((r: any) => r.word),\n });\n});\n\n// Dashboard (redirect to dashboard val)\napp.get(\"/\", (c) => {\n return c.html(`\n\n\n\n\nePocket API\n\n\n\n

⚡ ePocket API

Vocabulary capture & learning tracker backend.

\n Endpoints\n

POST /explain — define a word with context
POST /words — save word to pocket
GET /words — list saved words
PATCH /words/:id/review — update mastery
DELETE /words/:id — remove word
GET /stats — learning statistics

Install the Chrome extension to start capturing vocabulary. View source →

\n\n`);\n});\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n","label",[136],"725a3482-309f-11f1-b3e6-42dde27851f2","extension","a479ec6e-a7fe-46f2-85ed-07f4d1ee667e",2,["D",1775359680108],"directory",[147],"pulls","branches","forks","envVars",{"_160":65,"_162":65},"connections",{"_160":65,"_161":65},"count","unfilledCount","emptyCount",{"_47":146,"_37":147,"_35":148,"_138":-5,"_45":46,"_44":149,"_140":128,"_42":200,"_13":65,"_39":151,"_40":-5,"_29":30,"_144":-5,"_170":201,"_32":202},{"_47":192,"_37":193,"_35":194,"_138":148,"_45":46,"_44":195,"_140":128,"_42":196,"_13":65,"_39":26,"_40":197,"_29":30,"_144":-5,"_170":198,"_32":199},{"_47":188,"_37":38,"_35":36,"_138":148,"_45":46,"_44":14,"_140":128,"_42":189,"_13":65,"_39":26,"_40":41,"_29":30,"_144":-5,"_170":190,"_32":191},{"_47":181,"_37":182,"_35":183,"_138":148,"_45":46,"_44":149,"_140":128,"_42":184,"_13":65,"_39":26,"_40":185,"_29":30,"_144":-5,"_170":186,"_32":187},{"_47":173,"_37":174,"_35":175,"_138":148,"_45":46,"_44":176,"_140":128,"_42":177,"_13":65,"_39":26,"_40":178,"_29":30,"_144":-5,"_170":179,"_32":180},{"_47":135,"_37":136,"_35":137,"_138":-5,"_45":46,"_44":139,"_140":128,"_42":169,"_13":65,"_39":142,"_40":143,"_29":30,"_144":-5,"_170":171,"_32":172},["D",1775359674504],"children",[],[136],"87eebc6e-309f-11f1-93b6-42dde27851f2","modal.css","87eebd18-309f-11f1-93b6-42dde27851f2",4,["D",1775359716359],"/* ePocket modal styles — injected into every page */\n\n#epocket-root {\n all: initial;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif;\n}\n\n#epocket-root * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n/* Backdrop */\n.ep-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.45);\n backdrop-filter: blur(3px);\n z-index: 2147483646;\n opacity: 0;\n transition: opacity 180ms ease;\n}\n.ep-backdrop.ep-visible { opacity: 1; }\n\n/* Modal card */\n.ep-modal {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -56%) scale(0.94);\n z-index: 2147483647;\n width: min(460px, calc(100vw - 32px));\n background: #13131a;\n border: 1px solid #2d2d3d;\n border-radius: 18px;\n box-shadow: 0 32px 80px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(99,102,241,.15);\n color: #e2e8f0;\n opacity: 0;\n transition: opacity 200ms ease, transform 220ms cubic-bezier(.34,1.56,.64,1);\n overflow: hidden;\n}\n.ep-modal.ep-visible {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n}\n\n/* Header */\n.ep-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px 12px;\n border-bottom: 1px solid #1e1e2e;\n}\n.ep-logo {\n font-size: 13px;\n font-weight: 700;\n letter-spacing: .04em;\n color: #6366f1;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.ep-logo-dot {\n width: 8px; height: 8px;\n background: linear-gradient(135deg, #6366f1, #8b5cf6);\n border-radius: 50%;\n box-shadow: 0 0 8px #6366f180;\n}\n.ep-close {\n all: unset;\n cursor: pointer;\n width: 28px; height: 28px;\n display: flex; align-items: center; justify-content: center;\n border-radius: 8px;\n color: #64748b;\n transition: background 120ms, color 120ms;\n}\n.ep-close:hover { background: #1e1e2e; color: #e2e8f0; }\n\n/* Body */\n.ep-body { padding: 20px; }\n\n/* Loading */\n.ep-loading {\n display: flex;\n align-items: center;\n gap: 10px;\n color: #64748b;\n font-size: 14px;\n}\n.ep-spinner {\n width: 18px; height: 18px;\n border: 2px solid #1e1e2e;\n border-top-color: #6366f1;\n border-radius: 50%;\n animation: ep-spin 0.6s linear infinite;\n}\n@keyframes ep-spin { to { transform: rotate(360deg); } }\n\n/* Word display */\n.ep-word-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 6px;\n flex-wrap: wrap;\n}\n.ep-word {\n font-size: 26px;\n font-weight: 800;\n color: #f1f5f9;\n line-height: 1;\n}\n.ep-phonetic {\n font-size: 14px;\n color: #6366f1;\n font-style: italic;\n}\n.ep-pos {\n font-size: 11px;\n background: #1e1e2e;\n color: #8b5cf6;\n border-radius: 6px;\n padding: 2px 8px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .06em;\n}\n\n.ep-definition {\n font-size: 15px;\n line-height: 1.6;\n color: #cbd5e1;\n margin: 12px 0 0;\n}\n\n.ep-example {\n margin-top: 12px;\n padding: 10px 14px;\n background: #0f0f18;\n border-left: 3px solid #6366f1;\n border-radius: 0 8px 8px 0;\n font-size: 13px;\n color: #64748b;\n font-style: italic;\n line-height: 1.5;\n}\n\n.ep-context {\n margin-top: 12px;\n font-size: 12px;\n color: #475569;\n padding: 8px 12px;\n background: #0f0f18;\n border-radius: 8px;\n line-height: 1.5;\n}\n.ep-context strong { color: #64748b; }\n\n/* Not found */\n.ep-not-found {\n font-size: 14px;\n color: #64748b;\n line-height: 1.6;\n}\n\n/* Footer actions */\n.ep-actions {\n display: flex;\n gap: 8px;\n padding: 14px 20px;\n border-top: 1px solid #1e1e2e;\n background: #0f0f13;\n}\n.ep-btn {\n all: unset;\n cursor: pointer;\n padding: 8px 16px;\n border-radius: 10px;\n font-size: 13px;\n font-weight: 600;\n transition: all 140ms ease;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.ep-btn-primary {\n background: linear-gradient(135deg, #6366f1, #8b5cf6);\n color: #fff;\n box-shadow: 0 2px 12px rgba(99,102,241,.35);\n}\n.ep-btn-primary:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 18px rgba(99,102,241,.5);\n}\n.ep-btn-primary:active { transform: translateY(0); }\n.ep-btn-ghost {\n color: #64748b;\n}\n.ep-btn-ghost:hover { color: #e2e8f0; background: #1e1e2e; }\n\n/* Saved state */\n.ep-saved-badge {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n font-weight: 600;\n color: #4ade80;\n padding: 8px 0;\n}\n\n/* Toast */\n.ep-toast {\n position: fixed;\n bottom: 28px;\n left: 50%;\n transform: translateX(-50%) translateY(12px);\n background: #1e1e2e;\n border: 1px solid #2d2d3d;\n color: #e2e8f0;\n font-size: 13px;\n font-weight: 500;\n padding: 10px 18px;\n border-radius: 12px;\n box-shadow: 0 8px 32px rgba(0,0,0,.5);\n z-index: 2147483647;\n opacity: 0;\n transition: opacity 180ms, transform 200ms;\n pointer-events: none;\n}\n.ep-toast.ep-visible {\n opacity: 1;\n transform: translateX(-50%) translateY(0);\n}\n\n/* Highlight pulse on selected text */\n.ep-highlight {\n background: rgba(99, 102, 241, 0.25) !important;\n border-radius: 3px;\n transition: background 300ms;\n}\n",[],[147,174],"725a25be-309f-11f1-b3e6-42dde27851f2","manifest.json","725a2690-309f-11f1-b3e6-42dde27851f2",["D",1775359680108],"{\n \"manifest_version\": 3,\n \"name\": \"ePocket — Vocabulary Capture\",\n \"version\": \"1.0.0\",\n \"description\": \"Capture new words while browsing. Press Alt+E to explain any selected text.\",\n \"permissions\": [\n \"activeTab\",\n \"storage\",\n \"contextMenus\"\n ],\n \"host_permissions\": [\n \"https://v7er--6efc0554309f11f19d7e42dde27851f2.web.val.run/*\"\n ],\n \"background\": {\n \"service_worker\": \"background.js\"\n },\n \"content_scripts\": [\n {\n \"matches\": [\"\"],\n \"js\": [\"content.js\"],\n \"css\": [\"modal.css\"]\n }\n ],\n \"action\": {\n \"default_popup\": \"popup.html\",\n \"default_title\": \"ePocket\"\n },\n \"commands\": {\n \"explain-selection\": {\n \"suggested_key\": {\n \"default\": \"Alt+E\",\n \"mac\": \"Alt+E\"\n },\n \"description\": \"Explain selected word / phrase\"\n }\n },\n \"icons\": {\n \"16\": \"icon16.png\",\n \"48\": \"icon48.png\",\n \"128\": \"icon128.png\"\n }\n}\n",[],[147,182],"99f6a5e8-309f-11f1-b444-42dde27851f2",["D",1775359746609],[],[147,38],"794407be-309f-11f1-9d7e-42dde27851f2","background.js","7944087c-309f-11f1-9d7e-42dde27851f2",3,["D",1775359691754],"const API = \"https://v7er--6efc0554309f11f19d7e42dde27851f2.web.val.run\";\n\n// Context menu\nchrome.runtime.onInstalled.addListener(() => {\n chrome.contextMenus.create({\n id: \"epocket-explain\",\n title: \"ePocket: Explain \\\"%s\\\"\",\n contexts: [\"selection\"],\n });\n});\n\nchrome.contextMenus.onClicked.addListener((info, tab) => {\n if (info.menuItemId === \"epocket-explain\" && info.selectionText) {\n chrome.tabs.sendMessage(tab.id, {\n type: \"EXPLAIN\",\n word: info.selectionText.trim(),\n });\n }\n});\n\n// Keyboard shortcut\nchrome.commands.onCommand.addListener((command, tab) => {\n if (command === \"explain-selection\") {\n chrome.tabs.sendMessage(tab.id, { type: \"EXPLAIN_SELECTION\" });\n }\n});\n\n// Message bus\nchrome.runtime.onMessage.addListener((msg, _sender, reply) => {\n if (msg.type === \"FETCH_EXPLAIN\") {\n fetch(`${API}/explain`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ word: msg.word, context: msg.context }),\n })\n .then((r) => r.json())\n .then((data) => reply({ ok: true, data }))\n .catch((e) => reply({ ok: false, error: e.message }));\n return true; // async\n }\n\n if (msg.type === \"SAVE_WORD\") {\n fetch(`${API}/words`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(msg.payload),\n })\n .then((r) => r.json())\n .then((data) => reply({ ok: true, data }))\n .catch((e) => reply({ ok: false, error: e.message }));\n return true;\n }\n\n if (msg.type === \"GET_STATS\") {\n fetch(`${API}/stats`)\n .then((r) => r.json())\n .then((data) => reply({ ok: true, data }))\n .catch((e) => reply({ ok: false, error: e.message }));\n return true;\n }\n\n if (msg.type === \"GET_WORDS\") {\n const params = new URLSearchParams(msg.params || {});\n fetch(`${API}/words?${params}`)\n .then((r) => r.json())\n .then((data) => reply({ ok: true, data }))\n .catch((e) => reply({ ok: false, error: e.message }));\n return true;\n }\n\n if (msg.type === \"REVIEW_WORD\") {\n fetch(`${API}/words/${msg.id}/review`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ mastery: msg.mastery }),\n })\n .then((r) => r.json())\n .then((data) => reply({ ok: true, data }))\n .catch((e) => reply({ ok: false, error: e.message }));\n return true;\n }\n\n if (msg.type === \"DELETE_WORD\") {\n fetch(`${API}/words/${msg.id}`, { method: \"DELETE\" })\n .then((r) => r.json())\n .then((data) => reply({ ok: true, data }))\n .catch((e) => reply({ ok: false, error: e.message }));\n return true;\n }\n});\n",[],[147,193],["D",1775359680108],[164,165,166,167],[147],["D",1775359645050],["D",1789464074488],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_19":59,"_106":107,"_108":30},{"_13":91,"_37":92,"_47":46,"_93":48,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":49,"_100":101},"ctx",{"_84":-5,"_130":241,"_242":243,"_244":245,"_246":30,"_247":30,"_248":30,"_249":128,"_250":-5,"_251":-7,"_252":-7,"_253":65,"_254":30,"_255":30,"_256":-5,"_257":30,"_258":30,"_259":30,"_260":-5},"ENV",{"_212":213,"_214":215,"_216":92,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v5