`, 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 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","01a09189-5663-7486-bd31-505f0a1f3f4b",["D",1789148091907],"branchVersion","label",[159,160,69],"frontend","components","pulls","branches","forks","envVars",{"_168":39,"_170":26},"connections",{"_168":26,"_169":26},"count","unfilledCount","emptyCount",{"_32":285,"_13":159,"_67":230,"_42":-5,"_34":35,"_156":39,"_189":89,"_36":286,"_38":26,"_70":282,"_152":-5,"_72":24,"_157":-5,"_192":287,"_17":288},{"_32":280,"_13":160,"_67":154,"_42":230,"_34":35,"_156":39,"_189":89,"_36":281,"_38":26,"_70":282,"_152":-5,"_72":24,"_157":-5,"_192":283,"_17":284},{"_32":272,"_13":273,"_67":274,"_42":154,"_34":35,"_156":115,"_189":89,"_36":275,"_38":276,"_70":71,"_152":277,"_72":24,"_157":-5,"_192":278,"_17":279},{"_32":151,"_13":69,"_67":68,"_42":154,"_34":35,"_156":39,"_189":89,"_36":269,"_38":26,"_70":71,"_152":153,"_72":24,"_157":-5,"_192":270,"_17":271},{"_32":260,"_13":261,"_67":262,"_42":154,"_34":35,"_156":263,"_189":89,"_36":264,"_38":265,"_70":71,"_152":266,"_72":24,"_157":-5,"_192":267,"_17":268},{"_32":253,"_13":254,"_67":255,"_42":230,"_34":35,"_156":39,"_189":89,"_36":256,"_38":26,"_70":21,"_152":257,"_72":24,"_157":-5,"_192":258,"_17":259},{"_32":245,"_13":246,"_67":247,"_42":230,"_34":35,"_156":248,"_189":89,"_36":249,"_38":39,"_70":71,"_152":250,"_72":24,"_157":-5,"_192":251,"_17":252},{"_32":236,"_13":237,"_67":238,"_42":230,"_34":35,"_156":239,"_189":89,"_36":240,"_38":241,"_70":71,"_152":242,"_72":24,"_157":-5,"_192":243,"_17":244},{"_32":227,"_13":228,"_67":229,"_42":230,"_34":35,"_156":231,"_189":89,"_36":232,"_38":26,"_70":71,"_152":233,"_72":24,"_157":-5,"_192":234,"_17":235},{"_32":220,"_13":221,"_67":222,"_42":-5,"_34":35,"_156":39,"_189":89,"_36":223,"_38":26,"_70":21,"_152":224,"_72":24,"_157":-5,"_192":225,"_17":226},{"_32":213,"_13":214,"_67":215,"_42":-5,"_34":35,"_156":39,"_189":89,"_36":216,"_38":26,"_70":21,"_152":217,"_72":24,"_157":-5,"_192":218,"_17":219},{"_32":204,"_13":205,"_67":87,"_42":-5,"_34":35,"_156":206,"_189":89,"_36":207,"_38":208,"_70":209,"_152":210,"_72":24,"_157":14,"_192":211,"_17":212},{"_32":195,"_13":196,"_67":197,"_42":-5,"_34":35,"_156":198,"_189":89,"_36":199,"_38":200,"_70":71,"_152":201,"_72":24,"_157":-5,"_192":202,"_17":203},{"_32":185,"_13":186,"_67":187,"_42":-5,"_34":35,"_156":188,"_189":89,"_36":190,"_38":26,"_70":71,"_152":191,"_72":24,"_157":-5,"_192":193,"_17":194},"235ee83b-b1e6-42f2-a1e9-64ba2e305b18","test-ecotrack-tracking.ts","55241964-ae0d-11f1-b815-1607ee4eb77e",48,"latest",["D",1789150771128],"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","children",[],[186],"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",[],[196],"20b0e1fe-51af-4646-84f5-63b5678a29fb","index.ts",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",[],[205],"a373e6a5-2b4c-4ec4-8183-faccde24322d","README.md","01a09189-5663-7486-bd31-6b2de115ed27",["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",[],[214],"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

History · Counter.tsx