[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_313":314,"_315":316},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_236":-5,"_20":237,"_22":238,"_239":240,"_241":242,"_26":243,"_24":244,"_245":-5,"_246":-5,"_247":71,"_248":249,"_250":66,"_251":-5,"_252":-5,"_253":254},"routes/_app.x.$handle.$name.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","emller","name","sami-tech-retours","branchName","main","version","path","frontend/components/PatternGate.tsx","project",{"_33":178,"_13":14,"_47":179,"_180":-5,"_181":71,"_182":183,"_184":183,"_185":186,"_187":-5,"_188":189,"_190":86,"_191":66,"_192":-5,"_193":-5,"_194":68,"_195":196,"_197":198,"_199":200,"_201":202,"_203":-5,"_204":205,"_206":205,"_207":208,"_209":208,"_210":208,"_211":205,"_212":205,"_213":214,"_215":216,"_217":218,"_219":71},"tree",[55,56,57,58,59,60],"file",{"_33":34,"_35":36,"_37":38,"_13":39,"_40":41,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_18":52},"contents",[],"upstream","pull","ahead","behind","envVars","id","7e40e726-3d65-4bb6-8582-b93484924fe1","branchId","35ff6f46-dcdc-4cd7-a4a5-2561eb24a897","fileId","3725e8ae-ae0b-11f1-b39f-1607ee4eb77e","PatternGate.tsx","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { unlockScannerAudio } from \"../scannerAudio.ts\";\n\ntype Props = { children: any };\ntype AccessState = \"loading\" | \"setup\" | \"confirm\" | \"locked\" | \"open\";\n\nconst centers = [\n [16.7, 16.7], [50, 16.7], [83.3, 16.7],\n [16.7, 50], [50, 50], [83.3, 50],\n [16.7, 83.3], [50, 83.3], [83.3, 83.3],\n];\n\nexport function PatternGate({ children }: Props) {\n const [state, setState] = useState(\"loading\");\n const [path, setPath] = useState([]);\n const [firstPattern, setFirstPattern] = useState(null);\n const [message, setMessage] = useState(\"Vérification de l’accès…\");\n const draggingRef = useRef(false);\n const pathRef = useRef([]);\n\n useEffect(() => {\n fetch(\"/api/access/status\")\n .then((r) => r.json())\n .then((data) => {\n if (data.authenticated) {\n setState(\"open\");\n } else if (data.configured) {\n setState(\"locked\");\n setMessage(\"Dessine ton schéma pour ouvrir l’application\");\n } else {\n setState(\"setup\");\n setMessage(\"Crée ton schéma d’ouverture\");\n }\n })\n .catch(() => {\n setState(\"locked\");\n setMessage(\"Impossible de vérifier l’accès. Réessaie.\");\n });\n }, []);\n\n function resetPath() {\n pathRef.current = [];\n setPath([]);\n }\n\n function addNode(node: number) {\n if (node < 0 || node > 8 || pathRef.current.includes(node)) return;\n const next = [...pathRef.current, node];\n pathRef.current = next;\n setPath(next);\n }\n\n function nodeFromPoint(x: number, y: number) {\n const el = document.elementFromPoint(x, y) as HTMLElement | null;\n const nodeEl = el?.closest?.(\"[data-pattern-node]\") as HTMLElement | null;\n const raw = nodeEl?.dataset.patternNode;\n if (raw == null) return null;\n const node = Number(raw);\n return Number.isInteger(node) ? node : null;\n }\n\n function onPointerDown(e: any) {\n unlockScannerAudio();\n if (state === \"loading\" || state === \"open\") return;\n draggingRef.current = true;\n resetPath();\n const node = nodeFromPoint(e.clientX, e.clientY);\n if (node != null) addNode(node);\n e.currentTarget.setPointerCapture?.(e.pointerId);\n }\n\n function onPointerMove(e: any) {\n if (!draggingRef.current) return;\n const node = nodeFromPoint(e.clientX, e.clientY);\n if (node != null) addNode(node);\n }\n\n async function onPointerUp(e: any) {\n if (!draggingRef.current) return;\n draggingRef.current = false;\n e.currentTarget.releasePointerCapture?.(e.pointerId);\n const current = [...pathRef.current];\n await submitPattern(current);\n }\n\n async function submitPattern(pattern: number[]) {\n if (pattern.length < 4) {\n setMessage(\"Relie au moins 4 points\");\n setTimeout(resetPath, 500);\n return;\n }\n\n if (state === \"setup\") {\n setFirstPattern(pattern);\n setState(\"confirm\");\n setMessage(\"Refais exactement le même schéma pour confirmer\");\n setTimeout(resetPath, 350);\n return;\n }\n\n if (state === \"confirm\") {\n const same = firstPattern && firstPattern.length === pattern.length && firstPattern.every((n, i) => n === pattern[i]);\n if (!same) {\n setFirstPattern(null);\n setState(\"setup\");\n setMessage(\"Les schémas ne correspondent pas. Recommence.\");\n setTimeout(resetPath, 450);\n return;\n }\n\n setMessage(\"Enregistrement du schéma…\");\n const response = await fetch(\"/api/access/setup\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ pattern }),\n });\n const data = await response.json();\n if (response.ok && data.ok) {\n setState(\"open\");\n return;\n }\n setState(\"setup\");\n setFirstPattern(null);\n setMessage(data.message || \"Impossible d’enregistrer le schéma.\");\n setTimeout(resetPath, 450);\n return;\n }\n\n setMessage(\"Vérification…\");\n const response = await fetch(\"/api/access/unlock\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ pattern }),\n });\n const data = await response.json();\n if (response.ok && data.ok) {\n if (navigator.vibrate) navigator.vibrate([55, 35, 80]);\n setState(\"open\");\n return;\n }\n\n if (navigator.vibrate) navigator.vibrate(180);\n setMessage(data.message || \"Schéma incorrect\");\n setTimeout(resetPath, 450);\n }\n\n if (state === \"open\") return children;\n\n return (\n

SAMI.TECH

{state === \"setup\" || state === \"confirm\" ? \"Créer le schéma\" : \"Déverrouillage\"}

{message}

\n\n { draggingRef.current = false; resetPath(); }}\n >\n \n\n {Array.from({ length: 9 }, (_, node) => (\n e.preventDefault()}\n >\n ))}\n

\n\n

Maintiens le doigt et relie au moins 4 points.

\n \n );\n}\n","fileType","script",3,"parentId","01a09189-5663-7486-bd31-505f0a1f3f4b","createdAt",["D",1789166043792],"branchVersion",102,"label",[53,54,39],"frontend","components",{"_33":109,"_13":53,"_37":110,"_45":-5,"_35":36,"_49":97,"_65":66,"_47":111,"_17":68,"_42":112,"_40":-5,"_70":71,"_51":-5,"_72":113,"_18":114},{"_33":102,"_13":103,"_37":104,"_45":-5,"_35":36,"_49":97,"_65":66,"_47":105,"_17":68,"_42":24,"_40":106,"_70":71,"_51":-5,"_72":107,"_18":108},{"_33":94,"_13":95,"_37":96,"_45":-5,"_35":36,"_49":97,"_65":66,"_47":98,"_17":68,"_42":24,"_40":99,"_70":71,"_51":-5,"_72":100,"_18":101},{"_33":84,"_13":85,"_37":86,"_45":-5,"_35":36,"_49":87,"_65":66,"_47":88,"_17":89,"_42":90,"_40":91,"_70":71,"_51":14,"_72":92,"_18":93},{"_33":75,"_13":76,"_37":77,"_45":-5,"_35":36,"_49":78,"_65":66,"_47":79,"_17":80,"_42":43,"_40":81,"_70":71,"_51":-5,"_72":82,"_18":83},{"_33":61,"_13":62,"_37":63,"_45":-5,"_35":36,"_49":64,"_65":66,"_47":67,"_17":68,"_42":43,"_40":69,"_70":71,"_51":-5,"_72":73,"_18":74},"235ee83b-b1e6-42f2-a1e9-64ba2e305b18","test-ecotrack-tracking.ts","55241964-ae0d-11f1-b815-1607ee4eb77e",48,"latest",true,["D",1789150771128],0,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TRACKING = \"ECCDA2260901788920\";\n\nasync function run() {\n const row = await sqlite.execute({\n sql: \"SELECT value FROM app_settings WHERE key = ? LIMIT 1\",\n args: [\"ecotrack_api_credentials\"],\n });\n if (!row.rows.length) return { ok: false, message: \"API non configurée\" };\n\n const parsed = JSON.parse(String(row.rows[0].value));\n const apiToken = String(parsed.apiToken || \"\").trim();\n if (!apiToken) return { ok: false, message: \"API Token vide\" };\n\n const url = new URL(\"https://omexpress.ecotrack.dz/api/v1/get/orders\");\n url.searchParams.set(\"tracking\", TRACKING);\n url.searchParams.set(\"api_token\", apiToken);\n\n try {\n const response = await fetch(url, {\n headers: {\n Accept: \"application/json\",\n Authorization: `Bearer ${apiToken}`,\n },\n });\n const contentType = response.headers.get(\"content-type\") || \"\";\n let body: any = null;\n if (contentType.includes(\"application/json\")) {\n try { body = await response.json(); } catch { body = null; }\n } else {\n const text = await response.text();\n body = text.slice(0, 120);\n }\n\n const data = body && typeof body === \"object\" ? body : null;\n const topKeys = data ? Object.keys(data).slice(0, 20) : [];\n const orderCandidate = Array.isArray(data)\n ? data[0]\n : Array.isArray(data?.data)\n ? data.data[0]\n : Array.isArray(data?.orders)\n ? data.orders[0]\n : data?.data && typeof data.data === \"object\"\n ? data.data\n : data;\n\n const orderKeys = orderCandidate && typeof orderCandidate === \"object\"\n ? Object.keys(orderCandidate).slice(0, 30)\n : [];\n\n const statusValue = orderCandidate && typeof orderCandidate === \"object\"\n ? (orderCandidate.status ?? orderCandidate.statut ?? orderCandidate.status_name ?? orderCandidate.activity ?? orderCandidate.etat ?? null)\n : null;\n\n return {\n ok: response.ok,\n httpStatus: response.status,\n tracking: TRACKING,\n responseType: contentType.split(\";\")[0] || null,\n topKeys,\n orderKeys,\n status: typeof statusValue === \"string\" || typeof statusValue === \"number\" ? statusValue : null,\n hasData: Boolean(orderCandidate),\n };\n } catch (error) {\n return { ok: false, message: error instanceof Error ? error.message : String(error) };\n }\n}\n\nconst result = await run();\nconsole.log(\"ECOTRACK_TRACKING_TEST\", JSON.stringify(result));\nexport default result;\n","deleted",false,"children",[],[62],"4f06ff76-cde3-4238-87d0-496961f33707","test-ecotrack-token.ts","2889601c-ae0d-11f1-b584-1607ee4eb77e",47,["D",1789150711844],2,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nasync function testEcotrackToken() {\n const row = await sqlite.execute({\n sql: \"SELECT value FROM app_settings WHERE key = ? LIMIT 1\",\n args: [\"ecotrack_api_credentials\"],\n });\n\n if (!row.rows.length) {\n return { ok: false, configured: false, message: \"Aucun API Token enregistré.\" };\n }\n\n let apiToken = \"\";\n try {\n const parsed = JSON.parse(String(row.rows[0].value));\n apiToken = String(parsed.apiToken || \"\").trim();\n } catch {\n return { ok: false, configured: true, message: \"Configuration API illisible.\" };\n }\n\n if (!apiToken) {\n return { ok: false, configured: false, message: \"API Token vide.\" };\n }\n\n const url = new URL(\"https://omexpress.ecotrack.dz/api/v1/validate/token\");\n url.searchParams.set(\"api_token\", apiToken);\n\n try {\n const response = await fetch(url, {\n method: \"GET\",\n headers: {\n Accept: \"application/json\",\n Authorization: `Bearer ${apiToken}`,\n },\n });\n\n const contentType = response.headers.get(\"content-type\") || \"\";\n let body: any = null;\n if (contentType.includes(\"application/json\")) {\n try { body = await response.json(); } catch { body = null; }\n } else {\n const text = await response.text();\n body = text.slice(0, 300);\n }\n\n const valid = response.ok && Boolean(body?.success === true || body?.data?.success === true);\n\n return {\n ok: valid,\n configured: true,\n httpStatus: response.status,\n success: body?.success ?? body?.data?.success ?? null,\n message: valid ? \"API Token OM Express valide.\" : \"Le serveur OM Express n’a pas confirmé le token.\",\n responseType: contentType.split(\";\")[0] || null,\n };\n } catch (error) {\n return {\n ok: false,\n configured: true,\n message: \"Impossible de joindre l’API OM Express.\",\n error: error instanceof Error ? error.message : String(error),\n };\n }\n}\n\n\nconst result = await testEcotrackToken();\nconsole.log(\"ECOTRACK_TEST\", JSON.stringify(result));\nexport default result;\n",[],[76],"20b0e1fe-51af-4646-84f5-63b5678a29fb","index.ts","01a09189-5663-7486-bd31-6d54914632cb",68,["D",1789151688418],14,"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\nconst SESSION_COOKIE = \"sami_access\";\nconst SESSION_MS = 12 * 60 * 60 * 1000;\n\nfunction hex(bytes: Uint8Array) {\n return Array.from(bytes, (b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nfunction randomHex(size = 32) {\n return hex(crypto.getRandomValues(new Uint8Array(size)));\n}\n\nasync function sha256(value: string) {\n const data = new TextEncoder().encode(value);\n const digest = await crypto.subtle.digest(\"SHA-256\", data);\n return hex(new Uint8Array(digest));\n}\n\nfunction parseCookies(request: Request) {\n const raw = request.headers.get(\"cookie\") || \"\";\n const cookies: Record = {};\n for (const part of raw.split(\";\")) {\n const i = part.indexOf(\"=\");\n if (i <= 0) continue;\n cookies[part.slice(0, i).trim()] = decodeURIComponent(part.slice(i + 1).trim());\n }\n return cookies;\n}\n\nfunction validPattern(pattern: unknown) {\n if (!Array.isArray(pattern)) return false;\n if (pattern.length < 4 || pattern.length > 9) return false;\n if (!pattern.every((n) => Number.isInteger(n) && n >= 0 && n <= 8)) return false;\n return new Set(pattern).size === pattern.length;\n}\n\nasync function getPatternRecord() {\n const result = await sqlite.execute({\n sql: \"SELECT value FROM app_settings WHERE key = ? LIMIT 1\",\n args: [\"pattern_auth\"],\n });\n if (!result.rows.length) return null;\n try {\n return JSON.parse(String(result.rows[0].value));\n } catch {\n return null;\n }\n}\n\nasync function createSession() {\n const token = randomHex(32);\n const tokenHash = await sha256(token);\n const now = Date.now();\n const expiresAt = now + SESSION_MS;\n await sqlite.execute({\n sql: \"INSERT INTO app_sessions (token_hash, expires_at, created_at) VALUES (?, ?, ?)\",\n args: [tokenHash, expiresAt, now],\n });\n return { token, expiresAt };\n}\n\nasync function isAuthenticated(request: Request) {\n const token = parseCookies(request)[SESSION_COOKIE];\n if (!token) return false;\n const tokenHash = await sha256(token);\n const now = Date.now();\n const result = await sqlite.execute({\n sql: \"SELECT token_hash FROM app_sessions WHERE token_hash = ? AND expires_at > ? LIMIT 1\",\n args: [tokenHash, now],\n });\n return result.rows.length > 0;\n}\n\nfunction sessionCookie(token: string) {\n const maxAge = Math.floor(SESSION_MS / 1000);\n return `${SESSION_COOKIE}=${encodeURIComponent(token)}; Path=/; Max-Age=${maxAge}; HttpOnly; Secure; SameSite=Lax`;\n}\n\nfunction clearSessionCookie() {\n return `${SESSION_COOKIE}=; Path=/; Max-Age=0; HttpOnly; Secure; SameSite=Lax`;\n}\n\nfunction normalizeEcotrackStatus(value: unknown) {\n return String(value ?? \"\")\n .trim()\n .toLowerCase()\n .normalize(\"NFD\")\n .replace(/[\\u0300-\\u036f]/g, \"\")\n .replace(/[\\s-]+/g, \"_\");\n}\n\nasync function getEcotrackCredentials() {\n const result = await sqlite.execute({\n sql: \"SELECT value FROM app_settings WHERE key = ? LIMIT 1\",\n args: [\"ecotrack_api_credentials\"],\n });\n if (!result.rows.length) return null;\n try {\n const parsed = JSON.parse(String(result.rows[0].value));\n const apiToken = String(parsed.apiToken || \"\").trim();\n if (!apiToken) return null;\n return { apiToken };\n } catch {\n return null;\n }\n}\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(\"/health\", (c) => c.json({ ok: true }));\n\napp.get(\"/api/access/status\", async (c) => {\n const configured = Boolean(await getPatternRecord());\n const authenticated = configured ? await isAuthenticated(c.req.raw) : false;\n return c.json({ ok: true, configured, authenticated });\n});\n\napp.post(\"/api/access/setup\", async (c) => {\n if (await getPatternRecord()) {\n return c.json({ ok: false, message: \"Le schéma est déjà configuré.\" }, 409);\n }\n\n let body: any;\n try {\n body = await c.req.json();\n } catch {\n return c.json({ ok: false, message: \"Requête invalide.\" }, 400);\n }\n\n if (!validPattern(body.pattern)) {\n return c.json({ ok: false, message: \"Le schéma doit relier au moins 4 points différents.\" }, 400);\n }\n\n const pattern = body.pattern.join(\"-\");\n const salt = randomHex(16);\n const hash = await sha256(`${salt}:${pattern}`);\n const value = JSON.stringify({ salt, hash });\n\n const insert = await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO app_settings (key, value) VALUES (?, ?)\",\n args: [\"pattern_auth\", value],\n });\n\n if (insert.rowsAffected === 0) {\n return c.json({ ok: false, message: \"Le schéma est déjà configuré.\" }, 409);\n }\n\n const session = await createSession();\n c.header(\"Set-Cookie\", sessionCookie(session.token));\n return c.json({ ok: true, authenticated: true });\n});\n\napp.post(\"/api/access/unlock\", async (c) => {\n const record = await getPatternRecord();\n if (!record) {\n return c.json({ ok: false, code: \"NOT_CONFIGURED\", message: \"Aucun schéma configuré.\" }, 409);\n }\n\n let body: any;\n try {\n body = await c.req.json();\n } catch {\n return c.json({ ok: false, message: \"Requête invalide.\" }, 400);\n }\n\n if (!validPattern(body.pattern)) {\n return c.json({ ok: false, message: \"Schéma incorrect.\" }, 401);\n }\n\n const candidate = await sha256(`${record.salt}:${body.pattern.join(\"-\")}`);\n if (candidate !== record.hash) {\n return c.json({ ok: false, message: \"Schéma incorrect.\" }, 401);\n }\n\n const session = await createSession();\n c.header(\"Set-Cookie\", sessionCookie(session.token));\n return c.json({ ok: true, authenticated: true });\n});\n\napp.post(\"/api/access/logout\", async (c) => {\n const token = parseCookies(c.req.raw)[SESSION_COOKIE];\n if (token) {\n const tokenHash = await sha256(token);\n await sqlite.execute({ sql: \"DELETE FROM app_sessions WHERE token_hash = ?\", args: [tokenHash] });\n }\n c.header(\"Set-Cookie\", clearSessionCookie());\n return c.json({ ok: true });\n});\n\napp.get(\"/api/ecotrack/settings\", async (c) => {\n if (!(await isAuthenticated(c.req.raw))) {\n return c.json({ ok: false, code: \"LOCKED\", message: \"Application verrouillée.\" }, 401);\n }\n const credentials = await getEcotrackCredentials();\n return c.json({\n ok: true,\n configured: Boolean(credentials),\n });\n});\n\napp.post(\"/api/ecotrack/settings\", async (c) => {\n if (!(await isAuthenticated(c.req.raw))) {\n return c.json({ ok: false, code: \"LOCKED\", message: \"Application verrouillée.\" }, 401);\n }\n\n let body: any;\n try {\n body = await c.req.json();\n } catch {\n return c.json({ ok: false, message: \"Requête invalide.\" }, 400);\n }\n\n const apiToken = String(body.apiToken || \"\").trim();\n if (apiToken.length < 8 || apiToken.length > 512) {\n return c.json({ ok: false, message: \"API Token invalide.\" }, 400);\n }\n\n const value = JSON.stringify({ apiToken });\n await sqlite.execute({\n sql: \"INSERT INTO app_settings (key, value) VALUES (?, ?) ON CONFLICT(key) DO UPDATE SET value = excluded.value\",\n args: [\"ecotrack_api_credentials\", value],\n });\n\n return c.json({ ok: true, configured: true });\n});\n\napp.delete(\"/api/ecotrack/settings\", async (c) => {\n if (!(await isAuthenticated(c.req.raw))) {\n return c.json({ ok: false, code: \"LOCKED\", message: \"Application verrouillée.\" }, 401);\n }\n await sqlite.execute({ sql: \"DELETE FROM app_settings WHERE key = ?\", args: [\"ecotrack_api_credentials\"] });\n return c.json({ ok: true, configured: false });\n});\n\napp.get(\"/api/config\", async (c) => {\n const authenticated = await isAuthenticated(c.req.raw);\n const integrationReady = Boolean(await getEcotrackCredentials());\n return c.json({ ok: true, integrationReady, authenticated });\n});\n\napp.post(\"/api/validate\", async (c) => {\n if (!(await isAuthenticated(c.req.raw))) {\n return c.json({ ok: false, code: \"LOCKED\", message: \"Application verrouillée.\" }, 401);\n }\n\n let payload: { tracking?: unknown };\n try {\n payload = await c.req.json();\n } catch {\n return c.json({ ok: false, message: \"Requête invalide.\" }, 400);\n }\n\n const tracking = String(payload.tracking ?? \"\").trim().toUpperCase();\n console.log(\"QR_TRACKING\", tracking);\n if (!/^[A-Z0-9_-]{6,64}$/.test(tracking)) {\n return c.json({ ok: false, message: \"Numéro de tracking invalide.\" }, 400);\n }\n\n const credentials = await getEcotrackCredentials();\n if (!credentials) {\n return c.json({\n ok: false,\n tracking,\n code: \"API_NOT_CONFIGURED\",\n message: \"API Ecotrack non configurée.\",\n }, 503);\n }\n\n const url = new URL(\"https://omexpress.ecotrack.dz/api/v1/get/orders\");\n url.searchParams.set(\"tracking\", tracking);\n url.searchParams.set(\"api_token\", credentials.apiToken);\n\n try {\n const ecotrackResponse = await fetch(url, {\n method: \"GET\",\n headers: {\n Accept: \"application/json\",\n Authorization: `Bearer ${credentials.apiToken}`,\n },\n });\n\n if (!ecotrackResponse.ok) {\n return c.json({\n ok: false,\n tracking,\n code: \"ECOTRACK_READ_ERROR\",\n message: `OM Express a refusé la lecture du tracking (${ecotrackResponse.status}).`,\n }, 502);\n }\n\n let data: any = null;\n try {\n data = await ecotrackResponse.json();\n } catch {\n return c.json({\n ok: false,\n tracking,\n code: \"ECOTRACK_BAD_RESPONSE\",\n message: \"Réponse OM Express illisible.\",\n }, 502);\n }\n\n const orders = Array.isArray(data?.data)\n ? data.data\n : Array.isArray(data)\n ? data\n : [];\n const order = orders[0] || null;\n\n if (!order) {\n return c.json({\n ok: false,\n tracking,\n code: \"TRACKING_NOT_FOUND\",\n message: \"API connectée, mais ce tracking n’a pas été trouvé dans OM Express.\",\n });\n }\n\n const status = String(\n order.status_name ?? order.status ?? order.statut ?? order.etat ?? order.state ?? \"\",\n ).trim();\n\n return c.json({\n ok: false,\n tracking,\n code: \"TRACKING_FOUND\",\n status: status || null,\n message: status\n ? `Tracking trouvé dans OM Express — statut : ${status}. Retour non modifié.`\n : \"Tracking trouvé dans OM Express. Retour non modifié.\",\n });\n } catch (error) {\n console.error(\"ECOTRACK_READ_ERROR\", error instanceof Error ? error.message : String(error));\n return c.json({\n ok: false,\n tracking,\n code: \"ECOTRACK_NETWORK_ERROR\",\n message: \"Impossible de joindre OM Express.\",\n }, 502);\n }\n});\n\napp.post(\"/api/return/validate\", async (c) => {\n if (!(await isAuthenticated(c.req.raw))) {\n return c.json({ ok: false, code: \"LOCKED\", message: \"Application verrouillée.\" }, 401);\n }\n\n let payload: { tracking?: unknown };\n try {\n payload = await c.req.json();\n } catch {\n return c.json({ ok: false, message: \"Requête invalide.\" }, 400);\n }\n\n const tracking = String(payload.tracking ?? \"\").trim().toUpperCase();\n if (!/^[A-Z0-9_-]{6,64}$/.test(tracking)) {\n return c.json({ ok: false, message: \"Numéro de tracking invalide.\" }, 400);\n }\n\n const credentials = await getEcotrackCredentials();\n if (!credentials) {\n return c.json({ ok: false, code: \"API_NOT_CONFIGURED\", message: \"API Ecotrack non configurée.\" }, 503);\n }\n\n try {\n const checkUrl = new URL(\"https://omexpress.ecotrack.dz/api/v1/get/orders\");\n checkUrl.searchParams.set(\"tracking\", tracking);\n checkUrl.searchParams.set(\"api_token\", credentials.apiToken);\n\n const checkResponse = await fetch(checkUrl, {\n method: \"GET\",\n headers: {\n Accept: \"application/json\",\n Authorization: `Bearer ${credentials.apiToken}`,\n },\n });\n\n if (!checkResponse.ok) {\n return c.json({ ok: false, code: \"PRECHECK_FAILED\", message: \"Impossible de revérifier le colis avant validation.\" }, 502);\n }\n\n const checkData: any = await checkResponse.json();\n const orders = Array.isArray(checkData?.data)\n ? checkData.data\n : Array.isArray(checkData)\n ? checkData\n : [];\n const order = orders[0] || null;\n if (!order) {\n return c.json({ ok: false, code: \"TRACKING_NOT_FOUND\", message: \"Tracking introuvable dans OM Express.\" }, 404);\n }\n\n const status = String(order.status_name ?? order.status ?? order.statut ?? order.etat ?? order.state ?? \"\").trim();\n const normalizedStatus = normalizeEcotrackStatus(status);\n if (![\"retour_recu\", \"livraison_echoue_recu\"].includes(normalizedStatus)) {\n return c.json({\n ok: false,\n code: \"RETURN_NOT_READY\",\n tracking,\n status: status || null,\n message: `Validation refusée : statut actuel ${status || \"inconnu\"}.`,\n }, 409);\n }\n\n const validateUrl = new URL(\"https://omexpress.ecotrack.dz/api/v1/valid/returns\");\n validateUrl.searchParams.set(\"api_token\", credentials.apiToken);\n\n const validateResponse = await fetch(validateUrl, {\n method: \"POST\",\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${credentials.apiToken}`,\n },\n body: JSON.stringify({ trackings: [tracking] }),\n });\n\n const raw = await validateResponse.text();\n let result: any = null;\n if (raw.trim()) {\n try { result = JSON.parse(raw); } catch { result = null; }\n }\n\n console.log(\"RETURN_API\", JSON.stringify({\n status: validateResponse.status,\n returned: typeof result?.returned === \"string\" ? result.returned : null,\n emptyBody: !raw.trim(),\n }));\n\n if (validateResponse.status === 422) {\n return c.json({\n ok: false,\n tracking,\n code: \"RETURN_INVALID\",\n message: result?.message || \"OM Express a refusé le numéro de tracking envoyé.\",\n }, 422);\n }\n\n if (!validateResponse.ok) {\n return c.json({\n ok: false,\n tracking,\n code: \"RETURN_API_ERROR\",\n httpStatus: validateResponse.status,\n message: `OM Express a refusé la validation du retour (${validateResponse.status}).`,\n }, 502);\n }\n\n if (result?.returned === \"fail\") {\n return c.json({\n ok: false,\n tracking,\n code: \"RETURN_NOT_ELIGIBLE\",\n message: \"OM Express n’a trouvé aucun retour éligible à valider pour ce tracking.\",\n }, 409);\n }\n\n if (result?.returned === \"success\") {\n console.log(\"RETURN_VALIDATED\", tracking);\n return c.json({\n ok: true,\n tracking,\n code: \"RETURN_VALIDATED\",\n message: \"Retour validé avec succès dans OM Express.\",\n });\n }\n\n // La documentation montre aussi un exemple 200 sans corps. Dans ce cas,\n // on revérifie le tracking avant d'annoncer un succès.\n if (!raw.trim()) {\n for (let attempt = 0; attempt < 3; attempt += 1) {\n if (attempt > 0) await new Promise((resolve) => setTimeout(resolve, 350));\n const verifyUrl = new URL(\"https://omexpress.ecotrack.dz/api/v1/get/orders\");\n verifyUrl.searchParams.set(\"tracking\", tracking);\n verifyUrl.searchParams.set(\"api_token\", credentials.apiToken);\n const verifyResponse = await fetch(verifyUrl, {\n method: \"GET\",\n headers: {\n Accept: \"application/json\",\n Authorization: `Bearer ${credentials.apiToken}`,\n },\n });\n if (!verifyResponse.ok) continue;\n const verifyData: any = await verifyResponse.json();\n const verifyOrders = Array.isArray(verifyData?.data)\n ? verifyData.data\n : Array.isArray(verifyData)\n ? verifyData\n : [];\n const verifyOrder = verifyOrders[0] || null;\n if (!verifyOrder) continue;\n const verifyStatus = String(\n verifyOrder.status_name ?? verifyOrder.status ?? verifyOrder.statut ?? verifyOrder.etat ?? verifyOrder.state ?? \"\",\n ).trim();\n const normalizedVerifyStatus = normalizeEcotrackStatus(verifyStatus);\n if ([\n \"return_validated_by_partener\",\n \"return_validated_by_partner\",\n \"retour_valide\",\n \"retour_validee\",\n ].includes(normalizedVerifyStatus)) {\n console.log(\"RETURN_VALIDATED\", tracking);\n return c.json({\n ok: true,\n tracking,\n code: \"RETURN_VALIDATED\",\n status: verifyStatus || null,\n message: \"Retour validé avec succès dans OM Express.\",\n });\n }\n }\n\n return c.json({\n ok: false,\n tracking,\n code: \"RETURN_ACCEPTED_UNCONFIRMED\",\n message: \"OM Express a accepté la requête mais n’a renvoyé aucune confirmation. Revérifie le tracking avant de recommencer.\",\n }, 202);\n }\n\n return c.json({\n ok: false,\n tracking,\n code: \"RETURN_UNEXPECTED_RESPONSE\",\n message: \"Réponse inattendue de l’API OM Express.\",\n }, 502);\n } catch (error) {\n console.error(\"RETURN_VALIDATE_ERROR\", error instanceof Error ? error.message : String(error));\n return c.json({\n ok: false,\n tracking,\n code: \"RETURN_NETWORK_ERROR\",\n message: \"Erreur réseau pendant la validation du retour.\",\n }, 502);\n }\n});\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n",[],[85],"a373e6a5-2b4c-4ec4-8183-faccde24322d","README.md","01a09189-5663-7486-bd31-6b2de115ed27",1,["D",1789148091907],"# 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",[],[95],"273ebb44-c518-4a33-a45f-2755ef99712f","CHANGELOG.md","01a09189-5663-7486-bd31-67a9b60befea",["D",1789148091907],"# 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