[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_307":308,"_309":310},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_229":-5,"_20":230,"_22":231,"_232":233,"_234":235,"_26":236,"_24":237,"_238":-5,"_239":-5,"_240":56,"_241":242,"_243":47,"_244":-5,"_245":-5,"_246":247},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","namiko","name","dtb-b2-pruefungstrainer","branchName","main","version","path","frontend/components","project",{"_35":170,"_13":14,"_48":171,"_172":-5,"_173":56,"_174":175,"_176":175,"_177":178,"_179":-5,"_180":181,"_182":81,"_183":47,"_184":-5,"_185":-5,"_186":50,"_187":188,"_189":190,"_191":192,"_193":194,"_195":-5,"_196":197,"_198":197,"_199":200,"_201":200,"_202":200,"_203":197,"_204":197,"_205":206,"_207":208,"_209":210,"_211":56},"tree",[74,75,76,77,78],"file",{"_35":69,"_42":43,"_38":41,"_13":60,"_53":-5,"_51":70,"_17":50,"_40":71,"_48":72,"_44":45,"_57":-5,"_18":73},"contents",[33,34],"upstream","pull","ahead","behind","envVars",{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":65,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_18":68},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":58},"id","46c4ab0f-5a88-4573-a6cb-d9028b49671d","Counter.tsx","fileId","01a09c03-3284-7774-b28c-42cc000a9d7f","parentId","01a09c03-3284-7774-b28c-44234a74551e","branchId","b5973051-b776-4cf7-b052-057af2879abb","branchVersion",1,"latest",true,"createdAt",["D",1789323849335],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n","deleted",false,"label",[59,60,37],"frontend","components","88156472-b6c4-4598-9ca9-854f457f408a","App.tsx","01a09c03-3284-7774-b28c-3ebf035ae64f",26,["D",1789328204278],16,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\ntype Card = { id:string; word:string; translation:string; example?:string; due:number; interval:number; ease:number; reps:number };\ntype Task = { id:string; title:string; text:string; kind:string; page?:string; answerKey?:Record; source?:string };\nconst STORAGE = \"dtb-b2-trainer-v1\";\nconst SECTION_INFO = [\n [\"Lesen Teil 1\",\"5 Zuordnungsaufgaben\",\"1–5\"],[\"Lesen Teil 2\",\"2 Richtig/Falsch + 2 Multiple Choice\",\"6–9\"],\n [\"Lesen Teil 3\",\"4 Zuordnungsaufgaben\",\"10–13\"],[\"Lesen Teil 4\",\"5 Multiple Choice\",\"14–18\"],\n [\"Lesen und Schreiben Teil 1\",\"2 Multiple Choice\",\"19–20\"],[\"Lesen und Schreiben Teil 2\",\"Beschwerde beantworten\",\"21\"],\n [\"Hören Teil 1\",\"3 Richtig/Falsch + 3 Multiple Choice\",\"22–27\"],[\"Hören Teil 2\",\"4 Zuordnungsaufgaben\",\"28–31\"],\n [\"Hören Teil 3\",\"4 Multiple Choice\",\"32–35\"],[\"Hören Teil 4\",\"5 Multiple Choice\",\"36–40\"],\n [\"Hören und Schreiben Teil 1\",\"Telefonnotiz\",\"41\"],[\"Hören und Schreiben Teil 2\",\"Inhalte übertragen\",\"42–45\"],\n [\"Sprachbausteine Teil 1\",\"6 Zuordnungsaufgaben\",\"46–51\"],[\"Sprachbausteine Teil 2\",\"6 Multiple Choice\",\"52–57\"],\n [\"Schreiben Teil 3\",\"Forumsbeitrag\",\"58\"],[\"Sprechen Teil 1A\",\"Thema präsentieren\",\"—\"],\n [\"Sprechen Teil 1B\",\"Prüferfragen\",\"—\"],[\"Sprechen Teil 1C\",\"Aspekt erläutern\",\"—\"],[\"Sprechen Teil 2\",\"Mit Kolleginnen/Kollegen sprechen\",\"—\"],[\"Sprechen Teil 3\",\"Lösungswege diskutieren\",\"67 Situationen\"]\n];\nconst starterTasks: Task[] = SECTION_INFO.map(([title,text,items],i)=>({id:`section-${i}`,title,text:`${text}. Items: ${items}. Загрузите три части PDF, чтобы открыть полный материал.`,kind:title}));\nconst situations = Array.from({length:67},(_,i)=>({id:`s${i+1}`,title:`Situation ${i+1}`,text:\"Откройте PDF через кнопку «Загрузить 3 PDF». Система автоматически извлечёт текст ситуации.\",kind:\"Sprechen Teil 3\"}));\nconst LESEN_PARTS = [\"Lesen Teil 1\",\"Lesen Teil 2\",\"Lesen Teil 3\",\"Lesen Teil 4\"];\nfunction extractLesenTasks(full:string, source:string):Task[]{\n const re=/\\f\\s*(Lesen Teil [1-4][^\\n]*)\\n/g; const ms=[...full.matchAll(re)]; const out:Task[]=[];\n for(let i=0;i={};\n for(const line of text.split(/\\n/)){const m=line.trim().match(/^(\\d+)\\.\\s+.*?(?:[-–—]\\s*)?([a-fX]|richtig|falsch)\\s*$/i);if(m)answerKey[m[1]]=m[2].toLowerCase();}\n out.push({id:`lesen-${part}-${out.length+1}-${source.length}`,title,text,kind:`Lesen Teil ${part}`,answerKey,source});\n } return out;\n}\nfunction loadCards():Card[]{try{return JSON.parse(localStorage.getItem(STORAGE)||\"[]\")}catch{return []}}\nfunction saveCards(c:Card[]){localStorage.setItem(STORAGE,JSON.stringify(c))}\nfunction cleanText(s:string){return s.replace(/\\s+/g,\" \").replace(/\\u00ad/g,\"\").trim()}\nexport function App(){\n const [tab,setTab]=useState(\"dashboard\"); const [tasks,setTasks]=useState([...starterTasks,...situations]);\n const [query,setQuery]=useState(\"\"); const [selected,setSelected]=useState(null);\n const [cards,setCards]=useState(loadCards()); const [word,setWord]=useState(\"\"); const [translation,setTranslation]=useState(\"\"); const [example,setExample]=useState(\"\");\n const [busy,setBusy]=useState(false); const [notice,setNotice]=useState(\"Готово к загрузке трёх частей PDF.\"); const [importing,setImporting]=useState(false);\n const dueCards=useMemo(()=>cards.filter(c=>c.due<=Date.now()),[cards]); const filtered=useMemo(()=>tasks.filter(t=>(t.title+\" \"+t.text).toLowerCase().includes(query.toLowerCase())),[tasks,query]);\n const importPdfs=async(files:FileList|null)=>{if(!files?.length)return;setImporting(true);setNotice(\"Импортирую PDF…\");try{const pdfjs=await import(\"https://esm.sh/pdfjs-dist@4.4.168/build/pdf.mjs\");const all:Task[]=[];for(const file of Array.from(files)){const pdf=await pdfjs.getDocument({data:await file.arrayBuffer(),disableWorker:true}).promise;let full=\"\";for(let p=1;p<=pdf.numPages;p++){const page=await pdf.getPage(p);const c=await page.getTextContent();full+=`\\n\\n\\f PAGE ${p}\\n`+c.items.map((x:any)=>x.str).join(\" \");}all.push(...extractLesenTasks(full,file.name));}const unique=all.filter((t,i,a)=>i===a.findIndex(x=>x.title===t.title&&x.text===t.text));setTasks([...tasks.filter(t=>!t.kind.startsWith(\"Lesen Teil \")), ...unique]);localStorage.setItem(\"dtb-b2-lesen-v1\",JSON.stringify(unique));setTab(\"tasks\");setNotice(`Импорт завершён: ${unique.length} блоков Lesen из ${files.length} PDF.`)}catch(e){console.error(e);setNotice(\"Не удалось прочитать PDF. Попробуйте загрузить файлы ещё раз.\")}finally{setImporting(false)}};\n useEffect(()=>{saveCards(cards)},[cards]);\n useEffect(()=>{try{const saved=JSON.parse(localStorage.getItem(\"dtb-b2-lesen-v1\")||\"[]\");if(Array.isArray(saved)&&saved.length)setTasks([...starterTasks,...situations,...saved])}catch{};fetch(\"/data/situations.txt\").then(r=>r.text()).then(full=>{const ms=[...full.matchAll(/Situation\\s+(\\d+)\\s+Beschreibung:/gi)];const extracted:Task[]=[];for(let i=0;i=60)setTasks(prev=>[...prev.filter(t=>t.kind!==\"Sprechen Teil 3\"),...extracted])}).catch(()=>{})},[]);\n const translate=async()=>{if(!word.trim())return;setBusy(true);setNotice(\"\");try{const r=await fetch(`/api/translate?q=${encodeURIComponent(word.trim())}`);const d=await r.json();if(d.translation){setTranslation(d.translation);setExample(`${word.trim()} ist ein wichtiges Wort im beruflichen Kontext.`)}else setNotice(\"Перевод не найден.\")}catch{setNotice(\"Сервис перевода временно недоступен.\")}finally{setBusy(false)}};\n const addCard=()=>{if(!word.trim()||!translation.trim())return;const now=Date.now();const c:Card={id:crypto.randomUUID(),word:word.trim(),translation:translation.trim(),example,due:now,interval:0,ease:2.5,reps:0};setCards(x=>[c,...x]);setWord(\"\");setTranslation(\"\");setExample(\"\");setNotice(\"Слово добавлено в словарь.\")};\n const review=(id:string,rating:number)=>setCards(prev=>prev.map(c=>{if(c.id!==id)return c;let reps=c.reps,interval=c.interval,ease=c.ease;if(rating===0){reps=0;interval=0;ease=Math.max(1.3,ease-.2)}else{reps++;if(reps===1)interval=1;else if(reps===2)interval=3;else interval=Math.max(4,Math.round(interval*ease));if(rating===1)ease=Math.max(1.3,ease-.15);if(rating===3)ease=Math.min(3,ease+.15)}return {...c,reps,interval,ease,due:Date.now()+interval*86400000}}));\n const importButton=📚{importing?\"Импорт…\":\"Загрузить 3 PDF\"}importPdfs(e.target.files)}/>;\n return

DTB B2 Prüfungstrainer

Deutsch-Test für den Beruf B2 · Русский интерфейс

{importButton}Исходный код

{notice&&

{notice}

}{tab===\"dashboard\"&&} {tab===\"tasks\"&&<>

setQuery(e.target.value)} placeholder=\"Поиск задания, Teil, Situation…\" className=\"flex-1 bg-white border border-slate-200 rounded-xl px-4 py-3 outline-none focus:border-cyan-400\"/>

{filtered.length} блоков

{filtered.map(t=>)}

} {tab===\"dictionary\"&&setCards(x=>x.filter(c=>c.id!==id))}/>} {tab===\"review\"&&}

\n {selected&&

setSelected(null)}>

e.stopPropagation()}>

{selected.kind}

{selected.title}

{selected.text}

{selected.answerKey&&Object.keys(selected.answerKey).length>0&&

Ключи, явно указанные в PDF

{Object.entries(selected.answerKey).map(([q,a])=>

{q} → {a}

)}

}

}\n

\n}\nfunction Dashboard({tasks,cards,due,setTab}:{tasks:Task[];cards:Card[];due:number;setTab:(s:string)=>void}){return

DEUTSCH-TEST FÜR DEN BERUF B2

Тренируй весь экзамен

Загрузи три части PDF одной кнопкой. Приложение извлечёт полный текст Lesen Teil 1–4 без обрезания и сохранит импорт в браузере.

{[[\"Разделов\",21,\"Teil\"],[\"Lesen\",tasks.filter(t=>t.kind.startsWith(\"Lesen Teil \")).length,\"блоков\"],[\"В словаре\",cards.length,\"слов\"],[\"К повторению\",due,\"сегодня\"]].map(([a,b,c])=>

{a}

{b}

{c}

)}

}\nfunction Dictionary(p:any){const [showAdd,setShowAdd]=useState(true);return

Мой словарь

Немецкий → русский · интервальное повторение

{showAdd&&

p.setWord(e.target.value)} onKeyDown={(e:any)=>e.key===\"Enter\"&&p.translate()} placeholder=\"Например: Weiterbildung\" className=\"bg-white border border-slate-200 rounded-xl px-4 py-3\"/>

{p.translation&&

Перевод

{p.translation}

Пример

p.setExample(e.target.value)} className=\"w-full bg-transparent mt-1 outline-none\"/>

}{p.translation&&}

}

{p.cards.map((c:Card)=>

{c.word}

{c.translation}

{c.example}

Интервал: {c.interval} дн. · Повторений: {c.reps}

)}

}\nfunction Review({cards,review}:{cards:Card[];review:(id:string,r:number)=>void}){const [i,setI]=useState(0);const c=cards[i];if(!c)return

🎉

На сегодня всё!

;return

Повторение{i+1} / {cards.length}

Немецкий

{c.word}

{c.translation}

{c.example}

{[[0,\"Снова\"],[1,\"Сложно\"],[2,\"Хорошо\"],[3,\"Легко\"]].map(([r,l])=>)}

}\n",[59,60,62],"68eeff09-8288-4ace-b209-11835a7e5713","directory","01a09c03-3284-7774-b28c-547bdcff2d11",["D",1789323849335],[59,60],{"_35":145,"_13":146,"_38":147,"_40":-5,"_42":43,"_44":148,"_46":47,"_48":149,"_17":50,"_51":70,"_53":-5,"_55":56,"_57":-5,"_87":150,"_18":151},{"_35":104,"_13":59,"_38":71,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":105,"_17":50,"_51":70,"_53":-5,"_55":56,"_57":-5,"_87":106,"_18":107},{"_35":97,"_13":98,"_38":99,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":100,"_17":50,"_51":24,"_53":101,"_55":56,"_57":-5,"_87":102,"_18":103},{"_35":90,"_13":91,"_38":92,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":93,"_17":50,"_51":24,"_53":94,"_55":56,"_57":-5,"_87":95,"_18":96},{"_35":79,"_13":80,"_38":81,"_40":-5,"_42":43,"_44":82,"_46":47,"_48":83,"_17":84,"_51":85,"_53":86,"_55":56,"_57":-5,"_87":88,"_18":89},"6a8d79c1-9b59-4c8e-abed-33a1ef5c3209","index.ts","01a09c03-3284-7774-b28c-6141506b5175",8,["D",1789325628627],2,"http","import { parseVal, serveFile, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => c.html(Root()));\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"/data/*\", (c) => serveFile(c.req.path));\n\napp.get(\"/api/translate\", async (c) => {\n const q = (c.req.query(\"q\") || \"\").trim();\n if (!q) return c.json({ error: \"Missing q\" }, 400);\n try {\n const r = await fetch(`https://api.mymemory.translated.net/get?q=${encodeURIComponent(q)}&langpair=de|ru`);\n const data = await r.json();\n const translated = data?.responseData?.translatedText || \"\";\n return c.json({ source: q, translation: translated });\n } catch (e) {\n return c.json({ error: \"Translation service unavailable\" }, 502);\n }\n});\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n","children",[],[80],"ff7b69e8-3dd0-48d8-b61f-4364fd4b70b4","README.md","01a09c03-3284-7774-b28c-5f66369bbf24",["D",1789323849335],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"root.tsx\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n root.tsx ← HTML shell (stamps immutable asset URLs)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/root.tsx`** is the HTML shell — it loads Twind and stamps\n immutable asset URLs for the favicon and React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n\nTemplate updates and upgrade paths for existing remixes: [CHANGELOG.md](/CHANGELOG.md)\n",[],[91],"34bf620a-b868-49cb-a033-3d034d489dbf","CHANGELOG.md","01a09c03-3284-7774-b28c-599d301570a4",["D",1789323849335],"# Changelog\n\n## 2026-07-30 — Immutable asset caching\n\nFrontend files are now served at version-addressed URLs\n(`/__immutable/45/frontend/index.tsx`) with\n`Cache-Control: public, max-age=31536000, immutable`, so repeat visits load the\nwhole client graph from the browser cache — roughly 3× faster (~665ms → ~157ms\nmeasured). Publishing your val bumps its version, which changes every URL, so\ncaches invalidate automatically. Old-version URLs return 404 after a publish\n(like Next.js build assets); a reload picks up the new version.\n\nWhat changed in the template:\n\n- `frontend/index.html` → [`frontend/root.tsx`](/frontend/root.tsx): the HTML\n shell is now JSX and stamps asset URLs with `immutableFileUrl()`\n- [`index.ts`](/index.ts): serves `Root()` at `/`, and one\n `app.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path))` route\n serves all frontend files\n\n### Upgrading an existing remix\n\nYour copy of this template doesn't update automatically. Two options:\n\n**Minimal (most of the benefit):** point both routes at `serveImmutableFile` —\nyour existing bare URLs redirect into versioned space, the new route serves\nthem, and the whole module graph gets cached (costs one redirect per page view):\n\n```ts\nimport { serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/frontend/**/*\", (c) => serveImmutableFile(c.req.path)); // was serveFile\n```\n\n**Full upgrade (also removes the redirect):** three self-contained steps —\nno other files needed. Adjust the ``, favicon, and body of `Root()` to\nmatch your app's existing `index.html`, and stamp anything else your shell\nreferences directly (images, css) with `immutableFileUrl()`.\n\n1. Create `frontend/root.tsx`:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"<!DOCTYPE html>\")}\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>React Hono Val Town Starter\n