جارٍ تحميل مساعد سوسن…

;\n}\n",[18,113],"6a7f70e8-8bde-4eef-81b0-78e78a6e5a73",["D",1787205710618],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\ncreateRoot(root).render();\n\nif (\"serviceWorker\" in navigator) {\n window.addEventListener(\"load\", () => navigator.serviceWorker.register(\"/sw.js\").catch(() => {}));\n}\n",[18,107],"3611a5a7-bbd4-4121-a331-72d779b49ba1",["D",1787205719121],"",[18,101],"eb642549-98d7-43d1-aaeb-3db9768c9f4a",["D",1787207053566],"export const clientScript = String.raw`\n(function(){\n var DATA = window.SAWSAN_DATA || {subjects:[],trackLabels:{},globalResources:[],sixWeekPlan:[]};\n var root = document.getElementById('root');\n if(!root) return;\n var state = {grade:Number(localStorage.getItem('sawsan-grade')||'1'),track:localStorage.getItem('sawsan-track')||'all',term:0,tab:'home',search:'',active:null,assistant:false,done:[]};\n try{state.done=JSON.parse(localStorage.getItem('sawsan-done')||'[]')}catch(e){state.done=[]}\n function esc(s){return String(s==null?'':s).replace(/[&<>\\\"']/g,function(c){return {'&':'&','<':'<','>':'>','\\\"':'"',\"'\":'''}[c]})}\n function norm(s){return String(s||'').toLowerCase().replace(/[إأآ]/g,'ا').replace(/ى/g,'ي').replace(/ة/g,'ه')}\n function meta(s){return s.grade===1?('الفصل '+(s.term===1?'الأول':'الثاني')):((s.grade===2?'ثاني':'ثالث')+' ثانوي • مواد المسار')}\n function save(){localStorage.setItem('sawsan-grade',String(state.grade));localStorage.setItem('sawsan-track',state.track);localStorage.setItem('sawsan-done',JSON.stringify(state.done))}\n function selectedSubjects(){return DATA.subjects.filter(function(s){if(s.grade!==state.grade)return false;if(state.grade>1&&state.track!=='all'&&!(s.tracks||[]).includes(state.track))return false;if(state.grade===1&&state.term&&s.term!==state.term)return false;var q=norm(state.search);if(q&&!norm(s.name+' '+s.summary+' '+(s.topics||[]).join(' ')).includes(q))return false;return true})}\n function gradePool(){return DATA.subjects.filter(function(s){return s.grade===state.grade&&(state.grade===1||state.track==='all'||(s.tracks||[]).includes(state.track))})}\n function progress(){var p=gradePool(),n=p.filter(function(s){return state.done.includes(s.id)}).length;return {n:n,total:p.length||1,pct:Math.round(n/(p.length||1)*100)}}\n function header(){return '

مساعد سوسن الذكي

المرحلة الثانوية كاملة • موهبة

من أول ثانوي حتى التخرج: شرح مبسط، كتب، حلول، اختبارات، مسارات تخصصية وإثراء موهبة.

'}\n function tabs(){var t=[['home','🏠 المواد'],['plan','📅 خطتي'],['mawhiba','🌟 موهبة'],['university','🎓 الجامعة'],['links','🔗 المصادر']];return ''}\n function card(s){var done=state.done.includes(s.id);return '

'}\n function resource(r){return ''+esc(r[0])+''+esc(r[1])+'↗'}\n function home(){var p=progress();var tracks='';if(state.grade>1){tracks='المسار'}\n var term=state.grade===1?'

':'

📚 مواد 1448 مرتبة حسب المسار، وروابط بوابة الصف تشمل الفصلين.

';\n return '

اختاري سنتك الدراسية'+(state.grade===1?'السنة الأولى المشتركة':'السنتان التخصصيتان • اختاري المسار المناسب')+'

'+tracks+'

تقدمك في '+(state.grade===1?'أول':state.grade===2?'ثاني':'ثالث')+' ثانوي'+p.pct+'%

'+(p.n===0?'ابدئي بمادة واحدة فقط اليوم.':p.n<5?'بداية جميلة، ثبتي العادة.':'ممتاز! كل علامة إتقان تعني أنكِ أصبحتِ أقوى.')+'

'+term+'

'+selectedSubjects().map(card).join('')+'

'}\n function subjectView(s){var done=state.done.includes(s.id);return '

'+esc(s.icon)+'

'+esc(meta(s))+'

'+esc(s.name)+'

🔗 الحلول والكتب 🧩 ماذا أتعلم؟🏆 كيف أتفوق؟

الفكرة ببساطة

'+esc(s.summary)+'

🧩 خريطة المادة

'+(s.topics||[]).map(function(t){return ''+esc(t)+''}).join('')+'

🏆 طريقة التفوق

'+esc(t)+'

🔗 افتحي المطلوب مباشرة

'+(s.resources||[]).map(resource).join('')+'

ابدئي بالكتاب الرسمي/نسخة المدرسة، واستخدمي الحل بعد المحاولة للمراجعة وليس للنسخ.

'}\n function plan(){return '

📅 خطة الدراسة الذكية

جلسات قصيرة، أسئلة كثيرة، ودفتر أخطاء واحد.

'+DATA.sixWeekPlan.map(function(x,i){return '

'+(i+1)+'

'+esc(x[0])+'

'+esc(x[1])+'

'}).join('')+'

قاعدة 70 / 20 / 10

70% لمنهج المدرسة، 20% لإثراء موهبة، 10% للإنجليزية والقراءة والاستعداد للجامعة.

'}\n function mawhiba(){return '

🌟

مسار موهبة من أول إلى ثالث

المقرر المدرسي هو الأساس، ثم نضيف البرهان والاستقصاء وتحليل البيانات والمشروعات.

المهارات الأهم

مسائل غير روتينيةالبرهانالاستقصاءتحليل البياناتالمشروعات

فصول موهبة الرسميةمصدر رسمي↗AoPS Alcumusرياضيات متقدمة↗

'}\n function university(){return '

🎓

من الثانوية إلى الجامعة

الاستعداد يبدأ بهدوء من الآن، ثم يتصاعد في الثاني والثالث.

أول ثانوي

أساس قوي في الرياضيات والإنجليزي والعلوم.

ثاني ثانوي

تثبيت المسار وبداية قدرات منتظمة.

ثالث ثانوي

قدرات/تحصيلي حسب متطلبات القبول والتقديم الجامعي.

هيئة تقويم التعليم والتدريب - قياسالمصدر الرسمي↗

'}\n function links(){return '

🔗 أهم المصادر

المصادر الرسمية أولًا ثم بوابات الحلول والمراجعة.

'+DATA.globalResources.map(function(r){return ''+esc(r.label)+''+esc(r.type)+'↗'}).join('')+'

📱 اجعليه تطبيقًا على الآيباد

Safari ← المشاركة ← إضافة إلى الشاشة الرئيسية.

'}\n function assistant(){if(!state.assistant)return '';return '

✨ مساعد سوسنيعمل مجانًا داخل التطبيق

أهلاً سوسن 🌷 اكتبي اسم المادة والمطلوب: حل، كتاب، شرح أو اختبار.

'}\n function shell(){if(state.active){root.innerHTML=subjectView(state.active)+assistant();return}var body=state.tab==='home'?home():state.tab==='plan'?plan():state.tab==='mawhiba'?mawhiba():state.tab==='university'?university():links();root.innerHTML=header()+tabs()+'

'+body+'

'+assistant()+''}\n function toggle(id){var i=state.done.indexOf(id);if(i>=0)state.done.splice(i,1);else state.done.push(id);save();shell()}\n function ask(q){q=(q||'').trim();if(!q)return;var nq=norm(q);var pool=gradePool();var s=null;for(var i=0;i'+esc(q)+'

'+esc(a)+(s?'':'')+'

'}}\n document.addEventListener('click',function(e){var el=e.target.closest('[data-tab],[data-grade],[data-term],[data-open],[data-toggle],[data-act],[data-prompt]');if(!el)return;if(el.dataset.tab){state.tab=el.dataset.tab;state.active=null;shell();return}if(el.dataset.grade){state.grade=Number(el.dataset.grade);state.term=0;state.search='';state.active=null;save();shell();return}if(el.dataset.term!==undefined){state.term=Number(el.dataset.term);shell();return}if(el.dataset.open){state.active=DATA.subjects.find(function(s){return s.id===el.dataset.open})||null;shell();return}if(el.dataset.toggle){toggle(el.dataset.toggle);return}if(el.dataset.prompt){ask(el.dataset.prompt);return}if(el.dataset.act==='assistant'){state.assistant=true;shell();return}if(el.dataset.act==='closeAssistant'){state.assistant=false;shell();return}if(el.dataset.act==='back'){state.active=null;shell();return}if(el.dataset.act==='ask'){var inp=document.getElementById('assistantInput');ask(inp&&inp.value)}});\n document.addEventListener('input',function(e){if(e.target&&e.target.id==='searchBox'){state.search=e.target.value;var list=document.querySelector('.subjects');if(list)list.innerHTML=selectedSubjects().map(card).join('')}});\n document.addEventListener('change',function(e){if(e.target&&e.target.id==='trackSelect'){state.track=e.target.value;save();shell()}});\n document.addEventListener('keydown',function(e){if(e.key==='Enter'&&e.target&&e.target.id==='assistantInput')ask(e.target.value)});\n shell();\n if('serviceWorker' in navigator){window.addEventListener('load',function(){navigator.serviceWorker.register('/sw.js').catch(function(){})})}\n})();\n`;",[18,198],"cd1a7a00-4f03-4dec-a374-146738156dec",["D",1787205432255],[18,122],"39068d7c-0854-429c-86fe-498773e85100",["D",1787205112933],[18,89],"pulls","branches","forks","envVars",{"_109":26,"_354":26},"connections",{"_109":26,"_353":26},"unfilledCount","emptyCount",{"_44":295,"_13":18,"_87":206,"_54":-5,"_46":47,"_296":51,"_297":24,"_48":494,"_50":26,"_90":91,"_299":-5,"_92":30,"_300":-5,"_382":495,"_17":496},{"_44":343,"_13":89,"_87":88,"_54":206,"_46":47,"_296":51,"_297":24,"_48":491,"_50":26,"_90":91,"_299":-5,"_92":30,"_300":-5,"_382":492,"_17":493},{"_44":483,"_13":484,"_87":485,"_54":88,"_46":47,"_296":486,"_297":24,"_48":487,"_50":116,"_90":108,"_299":488,"_92":30,"_300":-5,"_382":489,"_17":490},{"_44":476,"_13":477,"_87":478,"_54":88,"_46":47,"_296":51,"_297":24,"_48":479,"_50":26,"_90":108,"_299":480,"_92":30,"_300":-5,"_382":481,"_17":482},{"_44":468,"_13":469,"_87":470,"_54":88,"_46":47,"_296":471,"_297":24,"_48":472,"_50":51,"_90":108,"_299":473,"_92":30,"_300":-5,"_382":474,"_17":475},{"_44":460,"_13":461,"_87":462,"_54":88,"_46":47,"_296":463,"_297":24,"_48":464,"_50":51,"_90":108,"_299":465,"_92":30,"_300":-5,"_382":466,"_17":467},{"_44":340,"_13":122,"_87":121,"_54":206,"_46":47,"_296":116,"_297":24,"_48":457,"_50":26,"_90":91,"_299":-5,"_92":30,"_300":-5,"_382":458,"_17":459},{"_44":450,"_13":378,"_87":451,"_54":121,"_46":47,"_296":452,"_297":24,"_48":453,"_50":51,"_90":108,"_299":454,"_92":30,"_300":-5,"_382":455,"_17":456},{"_44":442,"_13":443,"_87":444,"_54":121,"_46":47,"_296":445,"_297":24,"_48":446,"_50":26,"_90":108,"_299":447,"_92":30,"_300":-5,"_382":448,"_17":449},{"_44":435,"_13":436,"_87":437,"_54":121,"_46":47,"_296":325,"_297":24,"_48":438,"_50":26,"_90":108,"_299":439,"_92":30,"_300":-5,"_382":440,"_17":441},{"_44":428,"_13":429,"_87":430,"_54":121,"_46":47,"_296":110,"_297":24,"_48":431,"_50":26,"_90":108,"_299":432,"_92":30,"_300":-5,"_382":433,"_17":434},{"_44":420,"_13":421,"_87":422,"_54":121,"_46":47,"_296":423,"_297":24,"_48":424,"_50":26,"_90":108,"_299":425,"_92":30,"_300":-5,"_382":426,"_17":427},{"_44":336,"_13":198,"_87":197,"_54":206,"_46":47,"_296":191,"_297":24,"_48":417,"_50":26,"_90":108,"_299":338,"_92":30,"_300":-5,"_382":418,"_17":419},{"_44":332,"_13":101,"_87":100,"_54":206,"_46":47,"_296":169,"_297":24,"_48":414,"_50":51,"_90":21,"_299":334,"_92":30,"_300":-5,"_382":415,"_17":416},{"_44":328,"_13":107,"_87":106,"_54":206,"_46":47,"_296":161,"_297":24,"_48":411,"_50":51,"_90":108,"_299":330,"_92":30,"_300":-5,"_382":412,"_17":413},{"_44":323,"_13":113,"_87":112,"_54":206,"_46":47,"_296":201,"_297":24,"_48":408,"_50":325,"_90":108,"_299":326,"_92":30,"_300":-5,"_382":409,"_17":410},{"_44":319,"_13":142,"_87":141,"_54":206,"_46":47,"_296":135,"_297":24,"_48":405,"_50":26,"_90":21,"_299":321,"_92":30,"_300":-5,"_382":406,"_17":407},{"_44":315,"_13":151,"_87":150,"_54":206,"_46":47,"_296":176,"_297":24,"_48":402,"_50":51,"_90":21,"_299":317,"_92":30,"_300":-5,"_382":403,"_17":404},{"_44":311,"_13":132,"_87":131,"_54":206,"_46":47,"_296":125,"_297":24,"_48":399,"_50":26,"_90":108,"_299":313,"_92":30,"_300":-5,"_382":400,"_17":401},{"_44":392,"_13":393,"_87":394,"_54":-5,"_46":47,"_296":51,"_297":24,"_48":395,"_50":26,"_90":21,"_299":396,"_92":30,"_300":-5,"_382":397,"_17":398},{"_44":385,"_13":386,"_87":387,"_54":-5,"_46":47,"_296":51,"_297":24,"_48":388,"_50":26,"_90":21,"_299":389,"_92":30,"_300":-5,"_382":390,"_17":391},{"_44":377,"_13":378,"_87":219,"_54":-5,"_46":47,"_296":246,"_297":24,"_48":379,"_50":125,"_90":380,"_299":381,"_92":30,"_300":14,"_382":383,"_17":384},"74610f97-3414-4b82-99a4-a51b558e401c","index.ts",["D",1787207181859],"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\nimport { clientScript } from \"./frontend/clientScript.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => c.html(Root()));\napp.get(\"/health\", (c) => { try { const root:any={innerHTML:\"\"}; const win:any={SAWSAN_DATA:{subjects:[],trackLabels:{},globalResources:[],sixWeekPlan:[]}}; const ls:any={getItem:()=>null,setItem:()=>{}}; const doc:any={getElementById:()=>root,addEventListener:()=>{},querySelector:()=>null}; const nav:any={}; new Function(\"window\",\"document\",\"localStorage\",\"navigator\",clientScript)(win,doc,ls,nav); const rendered=root.innerHTML.includes(\"مساعد سوسن\")&&root.innerHTML.includes(\"أول ثانوي\"); return c.json({ok:rendered,ui:\"vanilla\",version:3,rendered}); } catch (e) { return c.json({ok:false,error:String(e)},500); } });\n\napp.get(\"/manifest.webmanifest\", (c) => c.json({\n name: \"مساعد سوسن الذكي\",\n short_name: \"سوسن\",\n description: \"مساعد دراسي للمرحلة الثانوية كاملة وموهبة: شرح، كتب، حلول، اختبارات، مسارات واستعداد للجامعة.\",\n start_url: \"/\",\n scope: \"/\",\n display: \"standalone\",\n background_color: \"#f6f8fc\",\n theme_color: \"#7258e8\",\n lang: \"ar\",\n dir: \"rtl\"\n}));\n\napp.get(\"/sw.js\", (c) => {\n c.header(\"Content-Type\", \"application/javascript; charset=utf-8\");\n c.header(\"Cache-Control\", \"no-cache\");\n return c.body(`\n const CACHE='sawsan-smart-v3';\n self.addEventListener('install',event=>{self.skipWaiting();event.waitUntil(caches.open(CACHE).then(cache=>cache.addAll(['/'])).catch(()=>{}));});\n self.addEventListener('activate',event=>event.waitUntil(Promise.all([caches.keys().then(keys=>Promise.all(keys.filter(k=>k!==CACHE).map(k=>caches.delete(k)))),self.clients.claim()])));\n self.addEventListener('fetch',event=>{\n if(event.request.method!=='GET') return;\n const url=new URL(event.request.url);\n if(url.origin!==self.location.origin) return;\n event.respondWith(fetch(event.request).then(response=>{\n const copy=response.clone();\n caches.open(CACHE).then(cache=>cache.put(event.request,copy)).catch(()=>{});\n return response;\n }).catch(()=>caches.match(event.request)));\n });\n `);\n});\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[378],"f8415ca7-4242-413b-816a-3d3337325979","README.md","01a01db9-d4d2-765d-a118-9af99d039d0d",["D",1787205112933],"# 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",[],[386],"038d00ad-29a5-43b7-af34-46787947653f","CHANGELOG.md","01a01db9-d4d2-765d-a118-95461ab669bb",["D",1787205112933],"# 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

History · frontend