\r\n

\r\n \r\n

\r\n

טוען את הסל…

\r\n

\r\n \r\n \r\n \r\n\r\n\r\n","label",[163,64],"frontend","pulls","branches","forks","envVars",{"_171":173,"_174":26},"connections",{"_171":26,"_172":26},"count","unfilledCount",2,"emptyCount",{"_33":374,"_13":375,"_62":376,"_43":-5,"_35":36,"_155":377,"_156":148,"_37":378,"_39":26,"_65":238,"_159":-5,"_66":24,"_161":-5,"_205":379,"_17":380},{"_33":367,"_13":368,"_62":369,"_43":-5,"_35":36,"_155":370,"_156":148,"_37":371,"_39":26,"_65":238,"_159":-5,"_66":24,"_161":-5,"_205":372,"_17":373},{"_33":363,"_13":329,"_62":322,"_43":-5,"_35":36,"_155":158,"_156":148,"_37":364,"_39":26,"_65":238,"_159":-5,"_66":24,"_161":-5,"_205":365,"_17":366},{"_33":355,"_13":356,"_62":357,"_43":322,"_35":36,"_155":358,"_156":148,"_37":359,"_39":26,"_65":230,"_159":360,"_66":24,"_161":-5,"_205":361,"_17":362},{"_33":347,"_13":348,"_62":349,"_43":322,"_35":36,"_155":350,"_156":148,"_37":351,"_39":26,"_65":230,"_159":352,"_66":24,"_161":-5,"_205":353,"_17":354},{"_33":339,"_13":340,"_62":341,"_43":322,"_35":36,"_155":342,"_156":148,"_37":343,"_39":26,"_65":230,"_159":344,"_66":24,"_161":-5,"_205":345,"_17":346},{"_33":330,"_13":331,"_62":332,"_43":322,"_35":36,"_155":333,"_156":148,"_37":334,"_39":173,"_65":335,"_159":336,"_66":24,"_161":-5,"_205":337,"_17":338},{"_33":319,"_13":320,"_62":321,"_43":322,"_35":36,"_155":323,"_156":148,"_37":324,"_39":26,"_65":325,"_159":326,"_66":24,"_161":-5,"_205":327,"_17":328},{"_33":315,"_13":163,"_62":154,"_43":-5,"_35":36,"_155":173,"_156":148,"_37":316,"_39":26,"_65":238,"_159":-5,"_66":24,"_161":-5,"_205":317,"_17":318},{"_33":307,"_13":308,"_62":309,"_43":154,"_35":36,"_155":310,"_156":148,"_37":311,"_39":26,"_65":230,"_159":312,"_66":24,"_161":-5,"_205":313,"_17":314},{"_33":299,"_13":300,"_62":301,"_43":154,"_35":36,"_155":302,"_156":148,"_37":303,"_39":26,"_65":230,"_159":304,"_66":24,"_161":-5,"_205":305,"_17":306},{"_33":153,"_13":64,"_62":63,"_43":154,"_35":36,"_155":72,"_156":148,"_37":296,"_39":158,"_65":21,"_159":160,"_66":24,"_161":-5,"_205":297,"_17":298},{"_33":288,"_13":289,"_62":290,"_43":154,"_35":36,"_155":291,"_156":148,"_37":292,"_39":26,"_65":230,"_159":293,"_66":24,"_161":-5,"_205":294,"_17":295},{"_33":280,"_13":281,"_62":282,"_43":154,"_35":36,"_155":283,"_156":148,"_37":284,"_39":26,"_65":21,"_159":285,"_66":24,"_161":-5,"_205":286,"_17":287},{"_33":272,"_13":273,"_62":274,"_43":154,"_35":36,"_155":275,"_156":148,"_37":276,"_39":158,"_65":230,"_159":277,"_66":24,"_161":-5,"_205":278,"_17":279},{"_33":264,"_13":265,"_62":266,"_43":154,"_35":36,"_155":267,"_156":148,"_37":268,"_39":158,"_65":21,"_159":269,"_66":24,"_161":-5,"_205":270,"_17":271},{"_33":257,"_13":258,"_62":259,"_43":154,"_35":36,"_155":116,"_156":148,"_37":260,"_39":158,"_65":230,"_159":261,"_66":24,"_161":-5,"_205":262,"_17":263},{"_33":249,"_13":250,"_62":251,"_43":154,"_35":36,"_155":252,"_156":148,"_37":253,"_39":26,"_65":230,"_159":254,"_66":24,"_161":-5,"_205":255,"_17":256},{"_33":241,"_13":242,"_62":243,"_43":154,"_35":36,"_155":244,"_156":148,"_37":245,"_39":158,"_65":230,"_159":246,"_66":24,"_161":-5,"_205":247,"_17":248},{"_33":235,"_13":234,"_62":227,"_43":-5,"_35":36,"_155":236,"_156":148,"_37":237,"_39":26,"_65":238,"_159":-5,"_66":24,"_161":-5,"_205":239,"_17":240},{"_33":224,"_13":225,"_62":226,"_43":227,"_35":36,"_155":228,"_156":148,"_37":229,"_39":26,"_65":230,"_159":231,"_66":24,"_161":-5,"_205":232,"_17":233},{"_33":216,"_13":217,"_62":218,"_43":-5,"_35":36,"_155":219,"_156":148,"_37":220,"_39":158,"_65":21,"_159":221,"_66":24,"_161":-5,"_205":222,"_17":223},{"_33":208,"_13":209,"_62":210,"_43":-5,"_35":36,"_155":211,"_156":148,"_37":212,"_39":26,"_65":21,"_159":213,"_66":24,"_161":-5,"_205":214,"_17":215},{"_33":199,"_13":200,"_62":201,"_43":-5,"_35":36,"_155":202,"_156":148,"_37":203,"_39":26,"_65":21,"_159":204,"_66":24,"_161":-5,"_205":206,"_17":207},"ce2b1d1b-f072-4312-8aae-bab8a1f0a5ca","deno.json","936e2152-6654-11f1-9094-1607ee4eb77e",6,["D",1781264886189],"{\r\n \"lock\": false,\r\n \"compilerOptions\": {\r\n \"lib\": [\"deno.window\", \"dom\"]\r\n },\r\n \"lint\": {\r\n \"exclude\": [\"frontend/\"]\r\n }\r\n}\r\n","children",[],[200],"76fdd81a-7e51-48f1-8761-e73f55907983","README.md","93ae3b02-6654-11f1-98fc-1607ee4eb77e",7,["D",1781264886602],"# סל קניות — Shopping List PWA\r\n\r\nA Hebrew, RTL, mobile-first shopping list and cart app, hosted entirely on [Val Town](https://val.town).\r\nReal Israeli grocery products and prices come from the free [Cheapersal API](https://cheapersal.co.il/developers)\r\n(built on the government price-transparency data).\r\n\r\n## Features\r\n\r\n- Search real grocery products in Hebrew (local catalog, instant, zero API quota).\r\n- Cart for the next shopping run with a live projected total (₪), based on the average price across chains.\r\n- Favorites for one-tap re-adding of staples.\r\n- Custom items with a user-set price for anything not in the catalog.\r\n- Shopping mode: scan barcodes (EAN-13/EAN-8) with the phone camera as items go into the physical cart,\r\n building the real expected total, then compare planned vs. scanned at checkout to catch register mistakes.\r\n- \"My store\" setting: scan lookups prefer your branch's actual price over the national average.\r\n- Installable PWA (Add to Home Screen on iPhone/Android), cart viewable offline in-store.\r\n\r\n## Project structure\r\n\r\n```\r\nbackend/\r\n index.http.ts Hono HTTP trigger: JSON API + serves the frontend, manifest, SW, icons\r\n db.ts SQLite schema + query helpers\r\n cheapersal.ts Cheapersal API client (throttle, daily budget, 24h price cache)\r\n icons.ts App icon (SVG -> PNG via resvg-wasm, cached in blob storage)\r\n syncCatalog.cron.ts Incremental catalog sync (cron trigger)\r\nfrontend/\r\n index.html, styles.css, manifest.json, sw.js\r\n index.js, app.js, views.js, scanner.js, api.js (React 18 + htm, no build step)\r\nshared/\r\n types.ts\r\n```\r\n\r\n## One-time setup\r\n\r\n1. Get a free API key at [cheapersal.co.il/developers](https://cheapersal.co.il/developers) (\"קבלו מפתח API\").\r\n2. Install [Deno](https://deno.land), then the Val Town CLI: `deno install -grAf jsr:@valtown/vt`, and run `vt` to log in.\r\n3. From this folder: `vt create sal-kniyot` (or `vt push` if the val exists).\r\n4. In the val's settings on val.town set environment variables:\r\n - `CHEAPERSAL_API_KEY` — your Cheapersal key.\r\n - `APP_PIN` — optional numeric PIN that gates the app (leave unset for no PIN).\r\n5. Set the cron schedule for `backend/syncCatalog.cron.ts` (e.g. every 30 minutes). The first runs build\r\n the local product catalog; afterwards it refreshes weekly.\r\n6. On the phone, open the val URL → Share → Add to Home Screen.\r\n\r\n## API quota strategy\r\n\r\nFree tier is 100 requests/day (10/minute). The app stays well inside it:\r\n\r\n- Product name search runs against the local SQLite catalog — zero quota.\r\n- Catalog sync uses a small request budget per cron run and stops at ~55 requests/day.\r\n- Live price lookups happen only when adding an item (cached 24h) or scanning an unknown barcode.\r\n- The settings sheet shows the remaining daily quota as reported by the API.\r\n",[],[209],"0d5f50ee-59c8-4c88-a552-84335087cdd1",".vtignore","93313bc0-6654-11f1-9529-1607ee4eb77e",9,["D",1781264955145],".git\r\n.git/**\r\n.vt\r\n.vt/**\r\n*.lock\r\nnode_modules/**\r\n",[],[217],"2cac9969-400e-42c1-9cf5-46aaa68999f3","types.ts","fbb84bb6-6654-11f1-9d63-1607ee4eb77e","927c54f8-6654-11f1-aca0-1607ee4eb77e",25,["D",1781265061155],"script","export type ItemKind = \"catalog\" | \"custom\";\r\n\r\nexport interface CatalogItem {\r\n barcode: string;\r\n name: string;\r\n brand: string;\r\n category: string;\r\n unit_qty: string;\r\n ref_price: number | null;\r\n updated_at: string | null;\r\n}\r\n\r\nexport interface CustomItem {\r\n id: number;\r\n name: string;\r\n price: number;\r\n created_at: string;\r\n}\r\n\r\nexport interface CartItem {\r\n id: number;\r\n kind: ItemKind;\r\n barcode: string | null;\r\n custom_id: number | null;\r\n name: string;\r\n unit_price: number;\r\n qty: number;\r\n checked: number;\r\n scanned_qty: number;\r\n actual_price: number | null;\r\n unplanned: number;\r\n price_source: string;\r\n added_at: string;\r\n}\r\n\r\nexport interface CartTotals {\r\n planned: number;\r\n scanned: number;\r\n itemCount: number;\r\n checkedCount: number;\r\n}\r\n\r\nexport interface PriceInfo {\r\n barcode: string;\r\n avg_price: number | null;\r\n min_price: number | null;\r\n max_price: number | null;\r\n cheapest_chain: string | null;\r\n store_count: number | null;\r\n branch_price: number | null;\r\n fetched_at: string;\r\n}\r\n\r\nexport interface LookupResult {\r\n found: boolean;\r\n barcode: string;\r\n name: string | null;\r\n brand: string | null;\r\n expectedPrice: number | null;\r\n avgPrice: number | null;\r\n branchPrice: number | null;\r\n source: string;\r\n inCart: CartItem | null;\r\n}\r\n\r\nexport interface SyncBranch {\r\n id: string;\r\n name: string;\r\n}\r\n",[],[234,225],"shared","cd304fb9-8c75-4c5f-9592-65425d2ce241",3,["D",1781264884601],"directory",[195],[234],"7f615d44-80c5-4488-bc33-68e26d94b9e7","views.js","fb6d5f5c-6654-11f1-bc42-1607ee4eb77e",30,["D",1781266379756],"import { html, useCallback, useEffect, useRef, useState } from \"./ui.js\";\r\nimport { api, clearPin, friendlyError, shekel } from \"./api.js\";\r\n\r\n// ---------- icons ----------\r\n\r\nconst ICONS = {\r\n cart: html``,\r\n search: html``,\r\n star: html``,\r\n plus: html``,\r\n minus: html``,\r\n trash: html``,\r\n check: html``,\r\n x: html``,\r\n gear: html``,\r\n scan: html``,\r\n refresh: html``,\r\n receipt: html``,\r\n alert: html``,\r\n keyboard: html``,\r\n store: html``,\r\n};\r\n\r\nexport function Icon({ name, size = 24 }) {\r\n return html`${ICONS[name] || null}`;\r\n}\r\n\r\n// ---------- small helpers ----------\r\n\r\nfunction fmtQty(q) {\r\n const n = Number(q);\r\n return Number.isInteger(n) ? String(n) : n.toFixed(1).replace(/\\.0$/, \"\");\r\n}\r\n\r\nfunction timeAgo(iso) {\r\n if (!iso) return \"אף פעם\";\r\n const s = Math.max(0, (Date.now() - Date.parse(iso)) / 1000);\r\n if (s < 90) return \"ממש עכשיו\";\r\n if (s < 3600) return `לפני ${Math.round(s / 60)} דק׳`;\r\n if (s < 86400) return `לפני ${Math.round(s / 3600)} שע׳`;\r\n return `לפני ${Math.round(s / 86400)} ימים`;\r\n}\r\n\r\nconst PRICE_KIND_LABEL = { avg: \"ממוצע ארצי\", ref: \"מחיר מחירון\", manual: \"מחיר שקבעתם\" };\r\n\r\n// ---------- product thumbnails ----------\r\n// Cheapersal has no product images, so thumbnails come from free Israeli\r\n// grocery image CDNs by barcode, with a letter placeholder as last resort.\r\n\r\nfunction thumbSources(barcode) {\r\n return [\r\n `https://img.rami-levy.co.il/product/${barcode}/small.jpg`,\r\n `https://m.pricez.co.il/ProductPictures/${barcode}.jpg`,\r\n ];\r\n}\r\n\r\nfunction hueFor(name) {\r\n let h = 0;\r\n for (const ch of String(name || \"\")) h = (h * 31 + ch.codePointAt(0)) % 360;\r\n return h;\r\n}\r\n\r\nexport function Thumb({ barcode, name }) {\r\n const [stage, setStage] = useState(0);\r\n const sources = barcode ? thumbSources(String(barcode)) : [];\r\n if (stage >= sources.length) {\r\n return html`

\r\n ${(String(name || \"?\").trim()[0] || \"?\")}\r\n

`;\r\n }\r\n return html` setStage(stage + 1)}\r\n />`;\r\n}\r\n\r\n// ---------- generic pieces ----------\r\n\r\nexport function Toast({ toast }) {\r\n if (!toast) return null;\r\n return html`

${toast.msg}

`;\r\n}\r\n\r\nexport function Sheet({ title, onClose, children, tall }) {\r\n useEffect(() => {\r\n document.body.classList.add(\"no-scroll\");\r\n return () => document.body.classList.remove(\"no-scroll\");\r\n }, []);\r\n return html`\r\n

{ if (e.target === e.currentTarget) onClose(); }}>\r\n

\r\n

${title}

\r\n \r\n

\r\n

${children}

\r\n

`;\r\n}\r\n\r\nexport function PinScreen({ onSubmit, error, busy }) {\r\n const [pin, setPinVal] = useState(\"\");\r\n return html`\r\n

\r\n

<${Icon} name=\"cart\" size=\"34\" />

\r\n

סל קניות

\r\n

הזינו קוד גישה כדי להמשיך

\r\n

`;\r\n}\r\n\r\n// ---------- cart ----------\r\n\r\nfunction CartRow({ it, shopping, onPatch, onRemove }) {\r\n const qty = Number(it.qty);\r\n const unit = Number(it.unit_price);\r\n const actual = it.actual_price != null ? Number(it.actual_price) : null;\r\n const showDev = shopping && Number(it.scanned_qty) > 0 && actual != null && Math.abs(actual - unit) >= 0.05;\r\n return html`\r\n

\r\n onPatch(it.id, { checked: it.checked ? 0 : 1 })}\r\n >${it.checked ? html`<${Icon} name=\"check\" size=\"14\" />` : null}\r\n

\r\n ${it.name}\r\n \r\n ${shekel(unit)} ליח׳\r\n ${!!it.unplanned && html`לא מתוכנן`}\r\n ${showDev && html`\r\n unit ? \"chip-danger\" : \"chip-ok\"}\">\r\n בפועל ${shekel(actual)}\r\n `}\r\n \r\n

\r\n

\r\n ${shekel(qty * unit)}\r\n

\r\n \r\n ${fmtQty(qty)}\r\n \r\n

\r\n

`;\r\n}\r\n\r\nexport function CartView({\r\n cart,\r\n loaded,\r\n shopping,\r\n refreshing,\r\n hasApiKey,\r\n onPatch,\r\n onRemove,\r\n onClear,\r\n onRefreshPrices,\r\n onStartShopping,\r\n onGoSearch,\r\n}) {\r\n const { items, totals } = cart;\r\n const unchecked = items.filter((i) => !i.checked);\r\n const checked = items.filter((i) => i.checked);\r\n\r\n return html`\r\n

\r\n

\r\n ${shopping\r\n ? html`\r\n

\r\n

\r\n בפועל (נסרק)\r\n ${shekel(totals.scanned)}\r\n

\r\n

\r\n מתוכנן\r\n ${shekel(totals.planned)}\r\n

\r\n

${totals.checkedCount} מתוך ${totals.itemCount} נאספו · סרקו כל מוצר שנכנס לעגלה

`\r\n : html`\r\n עלות משוערת לקנייה הבאה\r\n ${shekel(totals.planned)}\r\n

${totals.itemCount ? `${totals.itemCount} פריטים ברשימה` : \"הסל ריק בינתיים\"}

\r\n

\r\n \r\n \r\n

`}\r\n

\r\n\r\n ${loaded && !items.length && html`\r\n

\r\n

<${Icon} name=\"cart\" size=\"34\" />

\r\n

הסל ריק

\r\n

חפשו מוצרים אמיתיים מהסופר — עם מחיר ממוצע אמיתי — והוסיפו אותם לרשימה.

\r\n \r\n

`}\r\n\r\n ${!!unchecked.length && html`\r\n

\r\n ${shopping && html`

לאסוף · ${unchecked.length}

`}\r\n

\r\n ${unchecked.map((it) => html`<${CartRow} key=${it.id} it=${it} shopping=${shopping} onPatch=${onPatch} onRemove=${onRemove} />`)}\r\n \r\n

`}\r\n\r\n ${!!checked.length && html`\r\n

\r\n

${shopping ? \"בעגלה\" : \"סומנו\"} · ${checked.length}

\r\n

\r\n ${checked.map((it) => html`<${CartRow} key=${it.id} it=${it} shopping=${shopping} onPatch=${onPatch} onRemove=${onRemove} />`)}\r\n \r\n

`}\r\n\r\n ${!!items.length && !shopping && html`\r\n

\r\n ${!!checked.length && html`\r\n `}\r\n \r\n

`}\r\n

`;\r\n}\r\n\r\n// ---------- search ----------\r\n\r\nfunction ResultRow({ r, onAdd, onToggleFav }) {\r\n const priceLabel = PRICE_KIND_LABEL[r.priceKind];\r\n return html`\r\n

\r\n \r\n <${Thumb} barcode=${r.barcode} name=${r.name} />\r\n

\r\n ${r.name}\r\n \r\n ${[r.brand, r.unit_qty].filter(Boolean).join(\" · \")}\r\n ${r.kind === \"custom\" && html`פריט שלי`}\r\n \r\n

\r\n

\r\n \r\n ${shekel(r.price)}\r\n ${priceLabel && html`${priceLabel}`}\r\n \r\n \r\n

\r\n

`;\r\n}\r\n\r\nexport function SearchView({ onAddToCart, showToast }) {\r\n const [query, setQuery] = useState(\"\");\r\n const [results, setResults] = useState([]);\r\n const [searching, setSearching] = useState(false);\r\n const [customPrice, setCustomPrice] = useState(\"\");\r\n const [customBusy, setCustomBusy] = useState(false);\r\n const timer = useRef(null);\r\n const seq = useRef(0);\r\n const inputRef = useRef(null);\r\n\r\n useEffect(() => () => clearTimeout(timer.current), []);\r\n\r\n const runSearch = useCallback(async (qstr) => {\r\n const my = ++seq.current;\r\n if (!qstr.trim()) {\r\n setResults([]);\r\n setSearching(false);\r\n return;\r\n }\r\n setSearching(true);\r\n try {\r\n const r = await api(`/api/search?q=${encodeURIComponent(qstr.trim())}`);\r\n if (my === seq.current) setResults(r.results || []);\r\n } catch (e) {\r\n if (my === seq.current) showToast(friendlyError(e), \"error\");\r\n } finally {\r\n if (my === seq.current) setSearching(false);\r\n }\r\n }, [showToast]);\r\n\r\n const onInput = (e) => {\r\n const v = e.target.value;\r\n setQuery(v);\r\n clearTimeout(timer.current);\r\n timer.current = setTimeout(() => runSearch(v), 250);\r\n };\r\n\r\n const refKey = (r) => (r.kind === \"catalog\" ? `catalog:${r.barcode}` : `custom:${r.custom_id}`);\r\n\r\n const addResult = async (r) => {\r\n const ok = await onAddToCart(\r\n r.kind === \"catalog\" ? { kind: \"catalog\", barcode: r.barcode } : { kind: \"custom\", custom_id: r.custom_id },\r\n r.name,\r\n );\r\n if (ok) {\r\n setResults((rs) => rs.map((x) => (refKey(x) === refKey(r) ? { ...x, inCartQty: (x.inCartQty || 0) + 1 } : x)));\r\n }\r\n };\r\n\r\n const toggleFav = async (r) => {\r\n const next = !r.fav;\r\n setResults((rs) => rs.map((x) => (refKey(x) === refKey(r) ? { ...x, fav: next } : x)));\r\n try {\r\n if (next) {\r\n await api(\"/api/favorites\", { method: \"POST\", body: { kind: r.kind, barcode: r.barcode, custom_id: r.custom_id } });\r\n } else {\r\n await api(`/api/favorites?kind=${r.kind}&barcode=${r.barcode || \"\"}&custom_id=${r.custom_id || 0}`, { method: \"DELETE\" });\r\n }\r\n } catch (e) {\r\n setResults((rs) => rs.map((x) => (refKey(x) === refKey(r) ? { ...x, fav: !next } : x)));\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n };\r\n\r\n const createCustom = async () => {\r\n const name = query.trim();\r\n if (!name || customBusy) return;\r\n setCustomBusy(true);\r\n try {\r\n const { item } = await api(\"/api/custom-items\", { method: \"POST\", body: { name, price: Number(customPrice) || 0 } });\r\n await onAddToCart({ kind: \"custom\", custom_id: item.id }, item.name);\r\n setCustomPrice(\"\");\r\n runSearch(query);\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setCustomBusy(false);\r\n }\r\n };\r\n\r\n const barcodeQuery = /^\\d{7,14}$/.test(query.trim());\r\n\r\n const lookupBarcode = async () => {\r\n try {\r\n setSearching(true);\r\n const r = await api(`/api/lookup/${query.trim()}`);\r\n if (r.found && r.name) {\r\n setResults([{\r\n kind: \"catalog\",\r\n barcode: r.barcode,\r\n name: r.name,\r\n brand: r.brand || \"\",\r\n unit_qty: \"\",\r\n price: r.expectedPrice,\r\n priceKind: r.source === \"average\" ? \"avg\" : \"ref\",\r\n fav: false,\r\n inCartQty: r.inCart ? Number(r.inCart.qty) : 0,\r\n }]);\r\n } else {\r\n showToast(\"הברקוד לא נמצא במאגר\", \"warn\");\r\n }\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setSearching(false);\r\n }\r\n };\r\n\r\n return html`\r\n

\r\n \r\n\r\n ${!query.trim() && html`\r\n

\r\n

<${Icon} name=\"search\" size=\"30\" />

\r\n

חיפוש מוצרים אמיתיים

\r\n

הקלידו שם מוצר בעברית — התוצאות מגיעות מקטלוג הסופרים, עם מחיר ממוצע ארצי. אפשר גם להקליד ברקוד.

\r\n

`}\r\n\r\n ${searching && html`\r\n

`}\r\n\r\n ${!searching && !!query.trim() && html`\r\n

\r\n ${results.map((r) => html`<${ResultRow} key=${refKey(r)} r=${r} onAdd=${addResult} onToggleFav=${toggleFav} />`)}\r\n \r\n\r\n ${barcodeQuery && html`\r\n `}\r\n\r\n

\r\n

\r\n ${results.length ? \"לא מצאתם?\" : \"אין תוצאות\"}\r\n הוסיפו פריט משלכם עם מחיר משוער\r\n

\r\n

\r\n ${query.trim()}\r\n setCustomPrice(e.target.value)}\r\n />\r\n \r\n

\r\n

`}\r\n

`;\r\n}\r\n\r\n// ---------- favorites ----------\r\n\r\nexport function FavoritesView({ onAddToCart, showToast }) {\r\n const [items, setItems] = useState(null);\r\n\r\n const load = useCallback(async () => {\r\n try {\r\n const r = await api(\"/api/favorites\");\r\n setItems(r.favorites || []);\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n setItems([]);\r\n }\r\n }, [showToast]);\r\n\r\n useEffect(() => {\r\n load();\r\n }, [load]);\r\n\r\n const add = async (f) => {\r\n const ok = await onAddToCart(\r\n f.kind === \"catalog\" ? { kind: \"catalog\", barcode: f.barcode } : { kind: \"custom\", custom_id: f.custom_id },\r\n f.name,\r\n );\r\n if (ok) {\r\n setItems((xs) => xs.map((x) => (x.id === f.id ? { ...x, inCartQty: (x.inCartQty || 0) + 1 } : x)));\r\n }\r\n };\r\n\r\n const unfav = async (f) => {\r\n setItems((xs) => xs.filter((x) => x.id !== f.id));\r\n try {\r\n await api(`/api/favorites?kind=${f.kind}&barcode=${f.barcode || \"\"}&custom_id=${f.custom_id || 0}`, { method: \"DELETE\" });\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n load();\r\n }\r\n };\r\n\r\n return html`\r\n

\r\n ${items === null && html`\r\n

`}\r\n\r\n ${items !== null && !items.length && html`\r\n

\r\n

<${Icon} name=\"star\" size=\"30\" />

\r\n

אין מועדפים עדיין

\r\n

סמנו כוכב על מוצרים שאתם קונים שוב ושוב — ותוסיפו אותם לסל בלחיצה אחת.

\r\n

`}\r\n\r\n ${items !== null && !!items.length && html`\r\n

\r\n \r\n <${Thumb} barcode=${f.kind === \"catalog\" ? f.barcode : null} name=${f.name} />\r\n
\r\n ${f.name}\r\n ${[f.brand, f.unit_qty].filter(Boolean).join(\" · \")}${f.kind === \"custom\" ? \"פריט שלי\" : \"\"}\r\n
\r\n
\r\n ${shekel(f.price)}\r\n \r\n
\r\n

`}\r\n

`;\r\n}\r\n\r\n// ---------- summary ----------\r\n\r\nexport function SummarySheet({ cart, onClose, onFinish }) {\r\n const { items, totals } = cart;\r\n const unpicked = items.filter((i) => !i.checked && !(Number(i.scanned_qty) > 0));\r\n const unplanned = items.filter((i) => i.unplanned);\r\n const deviations = items.filter((i) => {\r\n const actual = i.actual_price != null ? Number(i.actual_price) : null;\r\n const unit = Number(i.unit_price);\r\n return Number(i.scanned_qty) > 0 && actual != null && unit > 0 && Math.abs(actual - unit) / unit > 0.15;\r\n });\r\n const diff = Math.round((totals.scanned - totals.planned) * 100) / 100;\r\n\r\n return html`\r\n <${Sheet} title=\"סיכום קנייה\" onClose=${onClose} tall>\r\n

\r\n

\r\n בפועל (נסרק)\r\n ${shekel(totals.scanned)}\r\n

\r\n

\r\n מתוכנן\r\n ${shekel(totals.planned)}\r\n

\r\n

0 ? \"over\" : \"under\"}\">\r\n ${diff === 0 ? \"בדיוק לפי התכנון\" : diff > 0 ? `${shekel(Math.abs(diff))} מעל המתוכנן` : `${shekel(Math.abs(diff))} מתחת למתוכנן`}\r\n

\r\n

בקופה — השוו את הסכום בצג לסכום \"בפועל\". פער גדול אומר ששווה לבדוק את החשבונית.

\r\n\r\n ${!!deviations.length && html`\r\n

<${Icon} name=\"alert\" size=\"15\" /> חריגות מחיר

\r\n

\r\n ${i.name}\r\n ${shekel(i.unit_price)} ← ${shekel(i.actual_price)}\r\n

`}\r\n\r\n ${!!unplanned.length && html`\r\n

תוספות לא מתוכננות · ${unplanned.length}

\r\n

\r\n ${i.name}\r\n ${shekel(Number(i.actual_price ?? i.unit_price) * Number(i.scanned_qty || i.qty))}\r\n

`}\r\n\r\n ${!!unpicked.length && html`\r\n

לא נאספו · ${unpicked.length}

\r\n

\r\n ${i.name}\r\n × ${fmtQty(i.qty)}\r\n

`}\r\n\r\n

\r\n \r\n \r\n \r\n

\r\n `;\r\n}\r\n\r\n// ---------- settings ----------\r\n\r\nexport function SettingsSheet({ config, showToast, onClose }) {\r\n const [status, setStatus] = useState(null);\r\n const [city, setCity] = useState(\"\");\r\n const [branches, setBranches] = useState(null);\r\n const [branchBusy, setBranchBusy] = useState(false);\r\n const [syncing, setSyncing] = useState(false);\r\n\r\n const loadStatus = useCallback(async () => {\r\n try {\r\n setStatus(await api(\"/api/status\"));\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n }, [showToast]);\r\n\r\n useEffect(() => {\r\n loadStatus();\r\n }, [loadStatus]);\r\n\r\n const searchBranches = async () => {\r\n if (!city.trim()) return;\r\n setBranchBusy(true);\r\n try {\r\n const r = await api(`/api/branches?city=${encodeURIComponent(city.trim())}`);\r\n setBranches(r.branches || []);\r\n if (!(r.branches || []).length) showToast(\"לא נמצאו סניפים בעיר הזו\", \"warn\");\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setBranchBusy(false);\r\n }\r\n };\r\n\r\n const pickBranch = async (b) => {\r\n const name = [b?.chain?.name, b?.name].filter(Boolean).join(\" — \");\r\n try {\r\n await api(\"/api/settings\", { method: \"PATCH\", body: { my_branch_id: b.id, my_branch_name: name, my_city: city.trim() } });\r\n setBranches(null);\r\n setCity(\"\");\r\n showToast(\"החנות שלכם נשמרה\", \"ok\");\r\n loadStatus();\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n };\r\n\r\n const clearBranch = async () => {\r\n try {\r\n await api(\"/api/settings\", { method: \"PATCH\", body: { my_branch_id: null, my_branch_name: null } });\r\n showToast(\"חזרנו לממוצע ארצי\", \"ok\");\r\n loadStatus();\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n };\r\n\r\n const runSync = async () => {\r\n setSyncing(true);\r\n try {\r\n const r = await api(\"/api/sync/run\", { method: \"POST\", body: { pages: 2 } });\r\n showToast(r.ran ? `סונכרנו ${r.upserted} מוצרים (${r.branch || \"\"})` : r.message || \"אין מה לסנכרן\", r.ran ? \"ok\" : \"warn\");\r\n loadStatus();\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setSyncing(false);\r\n }\r\n };\r\n\r\n const logout = () => {\r\n clearPin();\r\n window.location.reload();\r\n };\r\n\r\n return html`\r\n <${Sheet} title=\"הגדרות\" onClose=${onClose} tall>\r\n ${!config.hasApiKey && html`\r\n

\r\n <${Icon} name=\"alert\" size=\"17\" />\r\n

\r\n מפתח API חסר. הגדירו CHEAPERSAL_API_KEY במשתני הסביבה של ה-val\r\n כדי לקבל מוצרים ומחירים אמיתיים. עד אז אפשר להשתמש בפריטים מותאמים.\r\n

\r\n

`}\r\n\r\n

<${Icon} name=\"store\" size=\"16\" /> החנות שלי

\r\n

\r\n בחרו את הסניף שבו אתם קונים — בזמן סריקה נציג את המחיר של הסניף שלכם במקום הממוצע הארצי.\r\n

\r\n ${status?.myBranch\r\n ? html`\r\n

\r\n ${status.myBranch.name}\r\n \r\n

`\r\n : html`

לא נבחרה חנות — המחירים לפי ממוצע ארצי.

`}\r\n

\r\n setCity(e.target.value)}\r\n onKeyDown=${(e) => { if (e.key === \"Enter\") searchBranches(); }}\r\n />\r\n \r\n

\r\n ${branches !== null && !!branches.length && html`\r\n

\r\n \r\n

`}\r\n\r\n

<${Icon} name=\"refresh\" size=\"16\" /> קטלוג ומכסה

\r\n ${status\r\n ? html`\r\n

\r\n

מוצרים בקטלוג${status.catalogCount.toLocaleString(\"he-IL\")}

\r\n

סנכרון אחרון${timeAgo(status.lastSync)}

\r\n

בקשות API היום${status.apiUsedToday}

\r\n

נותרו להיום${status.apiRemaining ?? \"—\"}

\r\n

\r\n ${!!status.syncBranches?.length && html`\r\n

סניפי הקטלוג: ${status.syncBranches.map((b) => b.name).join(\" · \")}

`}\r\n `\r\n : html`

טוען נתונים…

`}\r\n\r\n

<${Icon} name=\"gear\" size=\"16\" /> כללי

\r\n ${config.authRequired\r\n ? html``\r\n : html`

לא הוגדר קוד גישה. אפשר להגדיר APP_PIN במשתני הסביבה.

`}\r\n

המחירים באדיבות Cheapersal — נתוני שקיפות מחירים ממשלתיים. המחיר בקופה עשוי להשתנות.

\r\n `;\r\n}\r\n",[],[163,242],"af4bb7ea-fd4e-46e9-82f5-f3ed55dafdc8","ui.js","fb48471c-6654-11f1-b57c-1607ee4eb77e",23,["D",1781265060411],"import React from \"https://esm.sh/react@18.3.1\";\r\nimport htm from \"https://esm.sh/htm@3.1.1\";\r\n\r\nexport const html = htm.bind(React.createElement);\r\nexport const { useState, useEffect, useRef, useMemo, useCallback } = React;\r\nexport default React;\r\n",[],[163,250],"f438a75e-3a1d-48fb-aa04-9dcfc3fd2452","sw.js","fb23cb9e-6654-11f1-932f-1607ee4eb77e",["D",1781266867661],"const VERSION = \"sal-v2\";\r\nconst CDN_CACHE = VERSION + \"-cdn\";\r\nconst CORE = [\r\n \"/\",\r\n \"/manifest.json\",\r\n \"/frontend/styles.css\",\r\n \"/frontend/index.js\",\r\n \"/frontend/ui.js\",\r\n \"/frontend/api.js\",\r\n \"/frontend/app.js\",\r\n \"/frontend/views.js\",\r\n \"/frontend/scanner.js\",\r\n \"/icons/icon.svg\",\r\n];\r\n\r\nself.addEventListener(\"install\", (event) => {\r\n event.waitUntil(\r\n caches.open(VERSION).then((cache) => cache.addAll(CORE)).then(() => self.skipWaiting()),\r\n );\r\n});\r\n\r\nself.addEventListener(\"activate\", (event) => {\r\n event.waitUntil(\r\n caches.keys()\r\n .then((keys) => Promise.all(keys.filter((k) => k !== VERSION && k !== CDN_CACHE).map((k) => caches.delete(k))))\r\n .then(() => self.clients.claim()),\r\n );\r\n});\r\n\r\nself.addEventListener(\"fetch\", (event) => {\r\n const req = event.request;\r\n if (req.method !== \"GET\") return;\r\n const url = new URL(req.url);\r\n\r\n // API is always live; the app keeps its own offline copy of the cart.\r\n if (url.pathname.startsWith(\"/api/\")) return;\r\n\r\n // CDN modules and fonts: cache-first (immutable enough).\r\n if (url.origin !== location.origin) {\r\n event.respondWith(\r\n caches.open(CDN_CACHE).then(async (cache) => {\r\n const hit = await cache.match(req);\r\n if (hit) return hit;\r\n const res = await fetch(req);\r\n if (res.ok || res.type === \"opaque\") cache.put(req, res.clone());\r\n return res;\r\n }),\r\n );\r\n return;\r\n }\r\n\r\n // App navigation: network-first with cached shell fallback (offline in-store).\r\n if (req.mode === \"navigate\") {\r\n event.respondWith(\r\n fetch(req)\r\n .then((res) => {\r\n const copy = res.clone();\r\n caches.open(VERSION).then((cache) => cache.put(\"/\", copy));\r\n return res;\r\n })\r\n .catch(() => caches.match(\"/\")),\r\n );\r\n return;\r\n }\r\n\r\n // Static assets: stale-while-revalidate.\r\n event.respondWith(\r\n caches.open(VERSION).then(async (cache) => {\r\n const hit = await cache.match(req);\r\n const refresh = fetch(req)\r\n .then((res) => {\r\n if (res.ok) cache.put(req, res.clone());\r\n return res;\r\n })\r\n .catch(() => hit);\r\n return hit || refresh;\r\n }),\r\n );\r\n});\r\n",[],[163,258],"9cc82e25-9c44-42ed-a9be-f38b0d488525","styles.css","fb02c688-6654-11f1-b768-1607ee4eb77e",29,["D",1781266379089],"/* ---------- tokens ---------- */\r\n\r\n:root {\r\n --bg: #f2f5f7;\r\n --surface: #ffffff;\r\n --surface-2: #e9eef2;\r\n --ink: #0f172a;\r\n --ink-2: #5b6776;\r\n --brand: #059669;\r\n --brand-2: #047857;\r\n --brand-soft: #d8f3e9;\r\n --danger: #e11d48;\r\n --warn: #d97706;\r\n --ok: #059669;\r\n --line: rgba(15, 23, 42, 0.08);\r\n --shadow: 0 12px 32px rgba(15, 23, 42, 0.09);\r\n --shadow-soft: 0 4px 14px rgba(15, 23, 42, 0.06);\r\n --radius: 18px;\r\n --tabbar-h: 62px;\r\n --sat: env(safe-area-inset-top, 0px);\r\n --sab: env(safe-area-inset-bottom, 0px);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0b1220;\r\n --surface: #151f2e;\r\n --surface-2: #1c2940;\r\n --ink: #e7edf6;\r\n --ink-2: #91a2b8;\r\n --brand: #10b981;\r\n --brand-2: #059669;\r\n --brand-soft: rgba(16, 185, 129, 0.16);\r\n --danger: #fb7185;\r\n --warn: #fbbf24;\r\n --ok: #34d399;\r\n --line: rgba(231, 237, 246, 0.09);\r\n --shadow: 0 12px 32px rgba(0, 0, 0, 0.4);\r\n --shadow-soft: 0 4px 14px rgba(0, 0, 0, 0.3);\r\n }\r\n}\r\n\r\n/* ---------- base ---------- */\r\n\r\n* {\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\nhtml,\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nbody {\r\n background: var(--bg);\r\n color: var(--ink);\r\n font-family: \"Rubik\", -apple-system, \"Segoe UI\", sans-serif;\r\n font-size: 15.5px;\r\n line-height: 1.45;\r\n -webkit-font-smoothing: antialiased;\r\n overscroll-behavior-y: none;\r\n}\r\n\r\nbody.no-scroll {\r\n overflow: hidden;\r\n}\r\n\r\nbutton {\r\n font: inherit;\r\n color: inherit;\r\n background: none;\r\n border: 0;\r\n cursor: pointer;\r\n padding: 0;\r\n}\r\n\r\ninput {\r\n font: inherit;\r\n color: var(--ink);\r\n}\r\n\r\ninput[type=\"search\"]::-webkit-search-cancel-button {\r\n display: none;\r\n}\r\n\r\nh1, h2, h3, h4, p {\r\n margin: 0;\r\n}\r\n\r\nul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\ncode {\r\n background: var(--surface-2);\r\n border-radius: 6px;\r\n padding: 1px 5px;\r\n font-size: 0.85em;\r\n direction: ltr;\r\n display: inline-block;\r\n}\r\n\r\n/* ---------- boot / pin ---------- */\r\n\r\n.boot {\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n}\r\n\r\n.boot-badge,\r\n.pin-badge {\r\n width: 76px;\r\n height: 76px;\r\n border-radius: 24px;\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n background: linear-gradient(135deg, var(--brand), var(--brand-2));\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.boot-badge.pulse {\r\n animation: pulse 1.4s ease-in-out infinite;\r\n}\r\n\r\n.boot-text {\r\n color: var(--ink-2);\r\n font-weight: 500;\r\n}\r\n\r\n.pin-screen {\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 24px;\r\n background: linear-gradient(160deg, var(--brand-2), var(--brand) 55%, #0ea5a3);\r\n color: #fff;\r\n text-align: center;\r\n}\r\n\r\n.pin-screen h1 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n}\r\n\r\n.pin-sub {\r\n opacity: 0.85;\r\n}\r\n\r\n.pin-form {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 14px;\r\n}\r\n\r\n.pin-form input {\r\n width: 150px;\r\n text-align: center;\r\n font-size: 22px;\r\n letter-spacing: 6px;\r\n padding: 12px 14px;\r\n border-radius: 14px;\r\n border: 0;\r\n background: rgba(255, 255, 255, 0.16);\r\n color: #fff;\r\n outline: none;\r\n}\r\n\r\n.pin-form input::placeholder {\r\n color: rgba(255, 255, 255, 0.55);\r\n}\r\n\r\n.pin-error {\r\n margin-top: 8px;\r\n background: rgba(0, 0, 0, 0.22);\r\n padding: 7px 14px;\r\n border-radius: 99px;\r\n font-size: 13.5px;\r\n}\r\n\r\n/* ---------- layout ---------- */\r\n\r\n.app {\r\n max-width: 540px;\r\n margin: 0 auto;\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n padding-bottom: calc(var(--tabbar-h) + var(--sab) + 14px);\r\n}\r\n\r\n.header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 20;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: calc(10px + var(--sat)) 16px 10px;\r\n background: color-mix(in srgb, var(--bg) 82%, transparent);\r\n -webkit-backdrop-filter: blur(14px);\r\n backdrop-filter: blur(14px);\r\n}\r\n\r\n.brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.brand h1 {\r\n font-size: 19px;\r\n font-weight: 800;\r\n}\r\n\r\n.brand-badge {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 11px;\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n background: linear-gradient(135deg, var(--brand), var(--brand-2));\r\n box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.main {\r\n flex: 1;\r\n}\r\n\r\n.view {\r\n padding: 4px 16px 24px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n animation: fade-in 0.22s ease;\r\n}\r\n\r\n/* ---------- buttons / chips ---------- */\r\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n padding: 11px 16px;\r\n border-radius: 13px;\r\n font-weight: 600;\r\n font-size: 14.5px;\r\n transition: transform 0.12s ease, opacity 0.15s ease, background 0.15s ease;\r\n white-space: nowrap;\r\n}\r\n\r\n.btn:active {\r\n transform: scale(0.97);\r\n}\r\n\r\n.btn:disabled {\r\n opacity: 0.45;\r\n pointer-events: none;\r\n}\r\n\r\n.btn-primary {\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.btn-light {\r\n background: #fff;\r\n color: var(--brand-2);\r\n box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.btn-ghost {\r\n background: var(--surface);\r\n color: var(--ink-2);\r\n border: 1px solid var(--line);\r\n}\r\n\r\n.btn-ghost.danger {\r\n color: var(--danger);\r\n}\r\n\r\n.btn-glass {\r\n background: rgba(255, 255, 255, 0.16);\r\n color: #fff;\r\n}\r\n\r\n.btn.wide {\r\n width: 100%;\r\n}\r\n\r\n.btn.small {\r\n padding: 7px 12px;\r\n font-size: 13px;\r\n}\r\n\r\n.icon-btn {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 13px;\r\n display: grid;\r\n place-items: center;\r\n color: var(--ink-2);\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n transition: transform 0.12s ease;\r\n}\r\n\r\n.icon-btn:active {\r\n transform: scale(0.92);\r\n}\r\n\r\n.icon-btn.small {\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 9px;\r\n border: 0;\r\n background: transparent;\r\n}\r\n\r\n.icon-btn.glass {\r\n background: rgba(20, 22, 28, 0.45);\r\n border: 0;\r\n color: #fff;\r\n -webkit-backdrop-filter: blur(8px);\r\n backdrop-filter: blur(8px);\r\n}\r\n\r\n.chip {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n padding: 3px 10px;\r\n border-radius: 99px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n background: var(--surface-2);\r\n color: var(--ink-2);\r\n}\r\n\r\n.chip.small {\r\n padding: 1.5px 8px;\r\n font-size: 11px;\r\n}\r\n\r\n.chip-live {\r\n background: var(--brand-soft);\r\n color: var(--brand-2);\r\n}\r\n\r\n.chip-warn {\r\n background: rgba(217, 119, 6, 0.14);\r\n color: var(--warn);\r\n}\r\n\r\n.chip-danger {\r\n background: rgba(225, 29, 72, 0.12);\r\n color: var(--danger);\r\n}\r\n\r\n.chip-ok {\r\n background: var(--brand-soft);\r\n color: var(--ok);\r\n}\r\n\r\n.spin {\r\n display: inline-grid;\r\n place-items: center;\r\n animation: spin 0.9s linear infinite;\r\n}\r\n\r\n/* ---------- total card ---------- */\r\n\r\n.total-card {\r\n margin-top: 6px;\r\n border-radius: 22px;\r\n padding: 20px;\r\n color: #fff;\r\n background:\r\n radial-gradient(120% 160% at 100% 0%, rgba(255, 255, 255, 0.18) 0%, transparent 45%),\r\n linear-gradient(135deg, var(--brand), var(--brand-2));\r\n box-shadow: var(--shadow);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n\r\n.total-label {\r\n font-size: 13px;\r\n opacity: 0.85;\r\n font-weight: 500;\r\n}\r\n\r\n.total-big {\r\n font-size: 38px;\r\n font-weight: 800;\r\n letter-spacing: -0.5px;\r\n line-height: 1.1;\r\n}\r\n\r\n.total-mid {\r\n font-size: 24px;\r\n font-weight: 700;\r\n}\r\n\r\n.total-meta {\r\n font-size: 13px;\r\n opacity: 0.85;\r\n}\r\n\r\n.total-actions {\r\n display: flex;\r\n gap: 9px;\r\n margin-top: 10px;\r\n}\r\n\r\n.total-actions .btn {\r\n flex: 1;\r\n}\r\n\r\n.total-duo {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n}\r\n\r\n.total-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.total-block.dim {\r\n opacity: 0.75;\r\n}\r\n\r\n.total-divider {\r\n width: 1px;\r\n align-self: stretch;\r\n background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n/* ---------- lists / rows ---------- */\r\n\r\n.list-section {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.list-title {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--ink-2);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 2px 4px 0;\r\n}\r\n\r\n.list-title.warn {\r\n color: var(--warn);\r\n}\r\n\r\n.list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.row {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n padding: 11px 13px;\r\n box-shadow: var(--shadow-soft);\r\n border: 1px solid var(--line);\r\n animation: row-in 0.2s ease;\r\n}\r\n\r\n.row.done {\r\n opacity: 0.62;\r\n}\r\n\r\n.row.done .row-name {\r\n text-decoration: line-through;\r\n text-decoration-thickness: 1.5px;\r\n}\r\n\r\n.row-main {\r\n flex: 1;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.row-name {\r\n font-weight: 600;\r\n font-size: 14.5px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.row-meta {\r\n font-size: 12.5px;\r\n color: var(--ink-2);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.row-side {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n gap: 6px;\r\n}\r\n\r\n.row-total {\r\n font-weight: 700;\r\n font-size: 14px;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n/* check circle */\r\n\r\n.check {\r\n flex: none;\r\n width: 27px;\r\n height: 27px;\r\n border-radius: 50%;\r\n border: 2px solid var(--line);\r\n background: var(--surface-2);\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n transition: all 0.15s ease;\r\n}\r\n\r\n.check.on {\r\n background: var(--brand);\r\n border-color: var(--brand);\r\n}\r\n\r\n/* stepper */\r\n\r\n.stepper {\r\n display: flex;\r\n align-items: center;\r\n gap: 2px;\r\n background: var(--surface-2);\r\n border-radius: 11px;\r\n padding: 3px;\r\n}\r\n\r\n.stepper button {\r\n width: 28px;\r\n height: 26px;\r\n border-radius: 8px;\r\n display: grid;\r\n place-items: center;\r\n color: var(--ink-2);\r\n background: var(--surface);\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);\r\n}\r\n\r\n.stepper button:active {\r\n transform: scale(0.92);\r\n}\r\n\r\n.stepper-qty {\r\n min-width: 26px;\r\n text-align: center;\r\n font-weight: 700;\r\n font-size: 14px;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n/* product thumbnails */\r\n\r\n.thumb {\r\n flex: none;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n object-fit: contain;\r\n background: #fff;\r\n border: 1px solid var(--line);\r\n}\r\n\r\n.thumb-ph {\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 18px;\r\n border: 0;\r\n}\r\n\r\n.scan-card-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n}\r\n\r\n.scan-card-row .thumb {\r\n width: 48px;\r\n height: 48px;\r\n}\r\n\r\n/* search result extras */\r\n\r\n.star-btn {\r\n flex: none;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 12px;\r\n display: grid;\r\n place-items: center;\r\n color: var(--line);\r\n color: var(--ink-2);\r\n opacity: 0.55;\r\n transition: all 0.15s ease;\r\n}\r\n\r\n.star-btn.on {\r\n color: #f59e0b;\r\n opacity: 1;\r\n}\r\n\r\n.price-tag {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n line-height: 1.15;\r\n}\r\n\r\n.price-tag strong {\r\n font-size: 14px;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.price-tag small {\r\n font-size: 10.5px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.add-btn {\r\n position: relative;\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 13px;\r\n display: grid;\r\n place-items: center;\r\n background: var(--brand-soft);\r\n color: var(--brand-2);\r\n transition: transform 0.12s ease;\r\n}\r\n\r\n.add-btn:active {\r\n transform: scale(0.88);\r\n}\r\n\r\n.add-btn.in {\r\n background: var(--brand);\r\n color: #fff;\r\n}\r\n\r\n.add-count {\r\n position: absolute;\r\n top: -6px;\r\n inset-inline-start: -6px;\r\n min-width: 18px;\r\n height: 18px;\r\n padding: 0 4px;\r\n border-radius: 99px;\r\n background: var(--ink);\r\n color: var(--bg);\r\n font-size: 11px;\r\n font-weight: 700;\r\n display: grid;\r\n place-items: center;\r\n}\r\n\r\n/* ---------- search ---------- */\r\n\r\n.search-box {\r\n position: sticky;\r\n top: calc(58px + var(--sat));\r\n z-index: 15;\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: 15px;\r\n padding: 0 14px;\r\n height: 50px;\r\n box-shadow: var(--shadow-soft);\r\n color: var(--ink-2);\r\n}\r\n\r\n.search-box input {\r\n flex: 1;\r\n border: 0;\r\n outline: none;\r\n background: transparent;\r\n font-size: 15.5px;\r\n height: 100%;\r\n}\r\n\r\n.custom-card {\r\n background: var(--surface);\r\n border: 1.5px dashed var(--line);\r\n border-radius: var(--radius);\r\n padding: 14px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.custom-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.custom-head span {\r\n font-size: 12.5px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.custom-form {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.custom-name {\r\n flex: 1;\r\n min-width: 0;\r\n font-weight: 600;\r\n font-size: 14px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.custom-form input {\r\n width: 86px;\r\n border: 1px solid var(--line);\r\n background: var(--surface-2);\r\n border-radius: 11px;\r\n padding: 9px 10px;\r\n outline: none;\r\n font-size: 14px;\r\n}\r\n\r\n/* ---------- empty / skeleton ---------- */\r\n\r\n.empty {\r\n text-align: center;\r\n padding: 34px 24px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 9px;\r\n}\r\n\r\n.empty.soft {\r\n padding-top: 48px;\r\n}\r\n\r\n.empty-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 22px;\r\n display: grid;\r\n place-items: center;\r\n background: var(--brand-soft);\r\n color: var(--brand-2);\r\n margin-bottom: 4px;\r\n}\r\n\r\n.empty h3 {\r\n font-size: 17px;\r\n font-weight: 700;\r\n}\r\n\r\n.empty p {\r\n color: var(--ink-2);\r\n font-size: 13.5px;\r\n max-width: 300px;\r\n}\r\n\r\n.empty .btn {\r\n margin-top: 8px;\r\n}\r\n\r\n.row.skeleton {\r\n pointer-events: none;\r\n}\r\n\r\n.sk-circle {\r\n width: 27px;\r\n height: 27px;\r\n border-radius: 50%;\r\n background: var(--surface-2);\r\n animation: shimmer 1.2s ease-in-out infinite;\r\n}\r\n\r\n.sk-line {\r\n height: 11px;\r\n border-radius: 6px;\r\n background: var(--surface-2);\r\n animation: shimmer 1.2s ease-in-out infinite;\r\n}\r\n\r\n.sk-line.w60 { width: 60%; }\r\n.sk-line.w35 { width: 35%; }\r\n\r\n/* ---------- cart footer ---------- */\r\n\r\n.cart-foot {\r\n display: flex;\r\n gap: 9px;\r\n justify-content: center;\r\n padding-top: 4px;\r\n}\r\n\r\n/* ---------- tabbar / shopbar ---------- */\r\n\r\n.tabbar,\r\n.shopbar {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 30;\r\n margin: 0 auto;\r\n max-width: 540px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n height: calc(var(--tabbar-h) + var(--sab));\r\n padding-bottom: var(--sab);\r\n background: color-mix(in srgb, var(--surface) 88%, transparent);\r\n -webkit-backdrop-filter: blur(16px);\r\n backdrop-filter: blur(16px);\r\n border-top: 1px solid var(--line);\r\n}\r\n\r\n.tab {\r\n flex: 1;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 3px;\r\n color: var(--ink-2);\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n transition: color 0.15s ease;\r\n}\r\n\r\n.tab.active {\r\n color: var(--brand-2);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .tab.active {\r\n color: var(--brand);\r\n }\r\n}\r\n\r\n.tab-icon {\r\n position: relative;\r\n display: grid;\r\n place-items: center;\r\n}\r\n\r\n.tab .badge {\r\n position: absolute;\r\n top: -5px;\r\n inset-inline-start: 13px;\r\n min-width: 17px;\r\n height: 17px;\r\n padding: 0 4px;\r\n border-radius: 99px;\r\n background: var(--brand);\r\n color: #fff;\r\n font-size: 10.5px;\r\n font-weight: 700;\r\n display: grid;\r\n place-items: center;\r\n}\r\n\r\n.shopbar {\r\n justify-content: space-between;\r\n padding-inline: 26px;\r\n}\r\n\r\n.shopbar-btn {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 2px;\r\n color: var(--ink-2);\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n}\r\n\r\n.fab {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n background: linear-gradient(135deg, var(--brand), var(--brand-2));\r\n box-shadow: 0 10px 26px rgba(5, 150, 105, 0.45);\r\n margin-top: -26px;\r\n transition: transform 0.12s ease;\r\n}\r\n\r\n.fab:active {\r\n transform: scale(0.93);\r\n}\r\n\r\n/* ---------- overlay / sheet ---------- */\r\n\r\n.overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 50;\r\n background: rgba(8, 12, 20, 0.45);\r\n -webkit-backdrop-filter: blur(3px);\r\n backdrop-filter: blur(3px);\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n animation: fade-in 0.18s ease;\r\n}\r\n\r\n.sheet {\r\n width: 100%;\r\n max-width: 540px;\r\n max-height: 78dvh;\r\n background: var(--bg);\r\n border-radius: 26px 26px 0 0;\r\n display: flex;\r\n flex-direction: column;\r\n animation: slide-up 0.26s cubic-bezier(0.2, 0.9, 0.3, 1);\r\n box-shadow: 0 -12px 44px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.sheet.tall {\r\n max-height: 92dvh;\r\n}\r\n\r\n.sheet-handle {\r\n width: 42px;\r\n height: 4.5px;\r\n border-radius: 99px;\r\n background: var(--line);\r\n margin: 10px auto 2px;\r\n flex: none;\r\n}\r\n\r\n.sheet-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 8px 18px 6px;\r\n flex: none;\r\n}\r\n\r\n.sheet-head h2 {\r\n font-size: 18px;\r\n font-weight: 800;\r\n}\r\n\r\n.sheet-body {\r\n overflow-y: auto;\r\n padding: 6px 18px calc(20px + var(--sab));\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n\r\n.sheet-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n margin-top: 8px;\r\n}\r\n\r\n/* ---------- summary ---------- */\r\n\r\n.summary-totals {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n\r\n.summary-block {\r\n flex: 1;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n padding: 14px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3px;\r\n}\r\n\r\n.summary-block span {\r\n font-size: 12.5px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.summary-block strong {\r\n font-size: 22px;\r\n font-weight: 800;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.summary-block.main {\r\n background: var(--brand-soft);\r\n border-color: transparent;\r\n}\r\n\r\n.summary-block.main strong {\r\n color: var(--brand-2);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .summary-block.main strong {\r\n color: var(--brand);\r\n }\r\n}\r\n\r\n.summary-diff {\r\n align-self: center;\r\n padding: 6px 14px;\r\n border-radius: 99px;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n}\r\n\r\n.summary-diff.over {\r\n background: rgba(225, 29, 72, 0.12);\r\n color: var(--danger);\r\n}\r\n\r\n.summary-diff.under {\r\n background: var(--brand-soft);\r\n color: var(--ok);\r\n}\r\n\r\n.summary-hint {\r\n font-size: 13px;\r\n color: var(--ink-2);\r\n text-align: center;\r\n}\r\n\r\n.mini-list {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n}\r\n\r\n.mini-list li {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 10px 14px;\r\n}\r\n\r\n.mini-list li + li {\r\n border-top: 1px solid var(--line);\r\n}\r\n\r\n.mini-name {\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.mini-val {\r\n font-size: 13px;\r\n color: var(--ink-2);\r\n white-space: nowrap;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n/* ---------- settings ---------- */\r\n\r\n.settings-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: 14.5px;\r\n font-weight: 700;\r\n margin-top: 6px;\r\n}\r\n\r\n.settings-sub,\r\n.settings-note {\r\n font-size: 13px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.settings-note {\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n}\r\n\r\n.notice {\r\n display: flex;\r\n gap: 10px;\r\n align-items: flex-start;\r\n border-radius: var(--radius);\r\n padding: 12px 14px;\r\n font-size: 13.5px;\r\n line-height: 1.5;\r\n}\r\n\r\n.notice.warn {\r\n background: rgba(217, 119, 6, 0.12);\r\n color: var(--warn);\r\n}\r\n\r\n.branch-current {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n background: var(--brand-soft);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: var(--brand-2);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .branch-current {\r\n color: var(--brand);\r\n }\r\n}\r\n\r\n.branch-search {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.branch-search input {\r\n flex: 1;\r\n border: 1px solid var(--line);\r\n background: var(--surface);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n outline: none;\r\n}\r\n\r\n.branch-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n max-height: 260px;\r\n overflow-y: auto;\r\n}\r\n\r\n.branch-opt {\r\n width: 100%;\r\n text-align: start;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.branch-opt strong {\r\n font-size: 14px;\r\n}\r\n\r\n.branch-opt span {\r\n font-size: 12.5px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.stat-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n}\r\n\r\n.stat {\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.stat span {\r\n font-size: 12px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.stat strong {\r\n font-size: 16px;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.credit {\r\n font-size: 12px;\r\n color: var(--ink-2);\r\n text-align: center;\r\n padding: 6px 0 2px;\r\n}\r\n\r\n/* ---------- toast ---------- */\r\n\r\n.toast {\r\n position: fixed;\r\n bottom: calc(var(--tabbar-h) + var(--sab) + 16px);\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 80;\r\n background: var(--ink);\r\n color: var(--bg);\r\n padding: 11px 18px;\r\n border-radius: 14px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n box-shadow: var(--shadow);\r\n animation: toast-in 0.25s cubic-bezier(0.2, 0.9, 0.3, 1);\r\n max-width: min(86vw, 440px);\r\n text-align: center;\r\n}\r\n\r\n.toast.ok {\r\n background: var(--brand-2);\r\n color: #fff;\r\n}\r\n\r\n.toast.error {\r\n background: var(--danger);\r\n color: #fff;\r\n}\r\n\r\n.toast.warn {\r\n background: var(--warn);\r\n color: #fff;\r\n}\r\n\r\n/* ---------- scanner ---------- */\r\n\r\n.scanner {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 60;\r\n background: #000;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.scanner video {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.scan-top {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n padding: calc(14px + var(--sat)) 16px 14px;\r\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent);\r\n}\r\n\r\n.scan-totals {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1px;\r\n color: #fff;\r\n font-size: 13.5px;\r\n}\r\n\r\n.scan-totals b {\r\n font-size: 17px;\r\n}\r\n\r\n.scan-totals .dim {\r\n opacity: 0.7;\r\n font-size: 12.5px;\r\n}\r\n\r\n.viewfinder {\r\n position: relative;\r\n z-index: 1;\r\n margin: auto;\r\n width: min(78vw, 330px);\r\n aspect-ratio: 1.55;\r\n border-radius: 22px;\r\n box-shadow: 0 0 0 200vmax rgba(0, 0, 0, 0.42);\r\n outline: 2.5px solid rgba(255, 255, 255, 0.85);\r\n outline-offset: -1px;\r\n overflow: hidden;\r\n}\r\n\r\n.viewfinder.busy {\r\n outline-color: var(--brand);\r\n}\r\n\r\n.scanline {\r\n position: absolute;\r\n left: 8%;\r\n right: 8%;\r\n height: 2.5px;\r\n border-radius: 99px;\r\n background: linear-gradient(90deg, transparent, #34d399 30%, #34d399 70%, transparent);\r\n animation: scanline 1.9s ease-in-out infinite;\r\n}\r\n\r\n.scan-bottom {\r\n position: relative;\r\n z-index: 2;\r\n margin-top: auto;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n padding: 16px 16px calc(18px + var(--sab));\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.72), transparent);\r\n}\r\n\r\n.scan-card {\r\n background: rgba(18, 22, 30, 0.88);\r\n -webkit-backdrop-filter: blur(10px);\r\n backdrop-filter: blur(10px);\r\n color: #fff;\r\n border-radius: 17px;\r\n padding: 13px 15px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n animation: slide-up 0.22s ease;\r\n}\r\n\r\n.scan-card.ok {\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 11px;\r\n border-inline-start: 4px solid var(--ok);\r\n}\r\n\r\n.scan-card.error {\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 11px;\r\n border-inline-start: 4px solid var(--danger);\r\n}\r\n\r\n.scan-card-main {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n min-width: 0;\r\n}\r\n\r\n.scan-card-main strong {\r\n font-size: 14.5px;\r\n}\r\n\r\n.scan-card-main span {\r\n font-size: 12.5px;\r\n opacity: 0.78;\r\n}\r\n\r\n.scan-card-actions {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.scan-card-actions .btn {\r\n flex: 1;\r\n padding: 9px 12px;\r\n}\r\n\r\n.scan-form {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.scan-form input {\r\n border: 0;\r\n border-radius: 11px;\r\n padding: 10px 12px;\r\n background: rgba(255, 255, 255, 0.12);\r\n color: #fff;\r\n outline: none;\r\n font-size: 14px;\r\n}\r\n\r\n.scan-form input::placeholder {\r\n color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.scan-form input[type=\"text\"] {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.scan-form input[type=\"number\"] {\r\n width: 84px;\r\n}\r\n\r\n.scan-manual {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.scan-manual input {\r\n flex: 1;\r\n border: 0;\r\n border-radius: 13px;\r\n padding: 11px 14px;\r\n background: rgba(255, 255, 255, 0.14);\r\n color: #fff;\r\n outline: none;\r\n font-size: 16px;\r\n letter-spacing: 1px;\r\n direction: ltr;\r\n text-align: end;\r\n}\r\n\r\n.scan-manual input::placeholder {\r\n color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.scan-tools {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n/* ---------- animations ---------- */\r\n\r\n@keyframes fade-in {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n}\r\n\r\n@keyframes row-in {\r\n from { opacity: 0; transform: translateY(5px); }\r\n to { opacity: 1; transform: none; }\r\n}\r\n\r\n@keyframes slide-up {\r\n from { transform: translateY(26px); opacity: 0.6; }\r\n to { transform: none; opacity: 1; }\r\n}\r\n\r\n@keyframes toast-in {\r\n from { transform: translate(-50%, 14px); opacity: 0; }\r\n to { transform: translate(-50%, 0); opacity: 1; }\r\n}\r\n\r\n@keyframes spin {\r\n to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.06); }\r\n}\r\n\r\n@keyframes shimmer {\r\n 0%, 100% { opacity: 0.55; }\r\n 50% { opacity: 1; }\r\n}\r\n\r\n@keyframes scanline {\r\n 0%, 100% { top: 12%; }\r\n 50% { top: 84%; }\r\n}\r\n\r\n@keyframes shake {\r\n 10%, 90% { transform: translateX(-1px); }\r\n 20%, 80% { transform: translateX(2px); }\r\n 30%, 50%, 70% { transform: translateX(-4px); }\r\n 40%, 60% { transform: translateX(4px); }\r\n}\r\n\r\n.shake {\r\n animation: shake 0.5s ease;\r\n}\r\n",[],[163,265],"ee647fe5-7764-4ca1-b069-f5ea9fb5fecc","scanner.js","fade8f48-6654-11f1-b967-1607ee4eb77e",28,["D",1781266378790],"import { html, useCallback, useEffect, useRef, useState } from \"./ui.js\";\r\nimport { shekel } from \"./api.js\";\r\nimport { Icon, Thumb } from \"./views.js\";\r\n\r\nconst NATIVE_FORMATS = [\"ean_13\", \"ean_8\", \"upc_a\"];\r\nconst ZXING_FORMATS = [\"EAN-13\", \"EAN-8\", \"UPC-A\"];\r\n\r\n/**\r\n * Native BarcodeDetector where available (Chrome/Android),\r\n * zxing-wasm (ZXing compiled to WebAssembly) elsewhere (iOS Safari).\r\n */\r\nasync function createDetector() {\r\n if (\"BarcodeDetector\" in window) {\r\n try {\r\n const supported = await window.BarcodeDetector.getSupportedFormats();\r\n const formats = NATIVE_FORMATS.filter((f) => supported.includes(f));\r\n if (formats.includes(\"ean_13\")) {\r\n const det = new window.BarcodeDetector({ formats });\r\n return {\r\n async detect(video) {\r\n const codes = await det.detect(video);\r\n return codes[0]?.rawValue ?? null;\r\n },\r\n };\r\n }\r\n } catch {\r\n // fall through to zxing\r\n }\r\n }\r\n const zxing = await import(\"https://esm.sh/zxing-wasm@2/reader\");\r\n const canvas = document.createElement(\"canvas\");\r\n const ctx = canvas.getContext(\"2d\", { willReadFrequently: true });\r\n return {\r\n async detect(video) {\r\n if (!video.videoWidth) return null;\r\n const w = Math.min(video.videoWidth, 960);\r\n const h = Math.round((video.videoHeight / video.videoWidth) * w);\r\n canvas.width = w;\r\n canvas.height = h;\r\n ctx.drawImage(video, 0, 0, w, h);\r\n const img = ctx.getImageData(0, 0, w, h);\r\n const results = await zxing.readBarcodes(img, {\r\n formats: ZXING_FORMATS,\r\n maxNumberOfSymbols: 1,\r\n tryHarder: true,\r\n });\r\n return results[0]?.text ?? null;\r\n },\r\n };\r\n}\r\n\r\nlet audioCtx = null;\r\nfunction beep() {\r\n try {\r\n audioCtx = audioCtx || new (window.AudioContext || window.webkitAudioContext)();\r\n if (audioCtx.state === \"suspended\") audioCtx.resume();\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n osc.type = \"sine\";\r\n osc.frequency.value = 880;\r\n gain.gain.setValueAtTime(0.08, audioCtx.currentTime);\r\n gain.gain.exponentialRampToValueAtTime(0.0001, audioCtx.currentTime + 0.12);\r\n osc.start();\r\n osc.stop(audioCtx.currentTime + 0.13);\r\n } catch {\r\n // audio unavailable\r\n }\r\n if (navigator.vibrate) navigator.vibrate(60);\r\n}\r\n\r\nconst SOURCE_LABEL = {\r\n branch: \"מחיר בסניף שלכם\",\r\n average: \"ממוצע ארצי\",\r\n catalog: \"מחיר קטלוג\",\r\n cart: \"מהרשימה\",\r\n};\r\n\r\nexport function ScannerOverlay({ cart, onScan, onAddUnplanned, onClose }) {\r\n const videoRef = useRef(null);\r\n const busyRef = useRef(false);\r\n const lastCodeRef = useRef({ code: null, at: 0 });\r\n\r\n const [cameraError, setCameraError] = useState(null);\r\n const [last, setLast] = useState(null);\r\n const [pending, setPending] = useState(null);\r\n const [manualOpen, setManualOpen] = useState(false);\r\n const [manualCode, setManualCode] = useState(\"\");\r\n const [unknownName, setUnknownName] = useState(\"\");\r\n const [unknownPrice, setUnknownPrice] = useState(\"\");\r\n const [busy, setBusy] = useState(false);\r\n\r\n const handleCode = useCallback(async (code) => {\r\n const now = Date.now();\r\n if (busyRef.current) return;\r\n if (lastCodeRef.current.code === code && now - lastCodeRef.current.at < 3000) return;\r\n lastCodeRef.current = { code, at: now };\r\n busyRef.current = true;\r\n setBusy(true);\r\n beep();\r\n try {\r\n const result = await onScan(code);\r\n setLast(result);\r\n if (result.status === \"found\" || result.status === \"unknown\") {\r\n setPending(result);\r\n setUnknownName(\"\");\r\n setUnknownPrice(result.price != null ? String(result.price) : \"\");\r\n } else {\r\n setPending(null);\r\n }\r\n } finally {\r\n busyRef.current = false;\r\n setBusy(false);\r\n }\r\n }, [onScan]);\r\n\r\n useEffect(() => {\r\n let stream = null;\r\n let timer = null;\r\n let stopped = false;\r\n (async () => {\r\n try {\r\n stream = await navigator.mediaDevices.getUserMedia({\r\n video: { facingMode: { ideal: \"environment\" }, width: { ideal: 1280 }, height: { ideal: 720 } },\r\n audio: false,\r\n });\r\n if (stopped) {\r\n stream.getTracks().forEach((t) => t.stop());\r\n return;\r\n }\r\n const video = videoRef.current;\r\n video.srcObject = stream;\r\n await video.play();\r\n const detector = await createDetector();\r\n timer = setInterval(async () => {\r\n if (stopped || busyRef.current || !videoRef.current) return;\r\n try {\r\n const code = await detector.detect(videoRef.current);\r\n if (code && /^\\d{7,14}$/.test(code)) handleCode(code);\r\n } catch {\r\n // frame decode failed; try next frame\r\n }\r\n }, 300);\r\n } catch {\r\n setCameraError(\"אין גישה למצלמה — אפשר להקליד ברקוד ידנית\");\r\n setManualOpen(true);\r\n }\r\n })();\r\n return () => {\r\n stopped = true;\r\n if (timer) clearInterval(timer);\r\n if (stream) stream.getTracks().forEach((t) => t.stop());\r\n };\r\n }, [handleCode]);\r\n\r\n const confirmFound = async () => {\r\n if (!pending) return;\r\n const ok = await onAddUnplanned({\r\n barcode: pending.barcode,\r\n name: pending.name,\r\n price: Number(pending.price) || 0,\r\n source: \"scan\",\r\n });\r\n if (ok) {\r\n setLast({ status: \"added\", name: pending.name, price: Number(pending.price) || 0 });\r\n setPending(null);\r\n }\r\n };\r\n\r\n const confirmUnknown = async () => {\r\n if (!pending || !unknownName.trim()) return;\r\n const ok = await onAddUnplanned({\r\n barcode: pending.barcode,\r\n name: unknownName.trim(),\r\n price: Number(unknownPrice) || 0,\r\n source: \"manual\",\r\n });\r\n if (ok) {\r\n setLast({ status: \"added\", name: unknownName.trim(), price: Number(unknownPrice) || 0 });\r\n setPending(null);\r\n }\r\n };\r\n\r\n const submitManual = (e) => {\r\n e.preventDefault();\r\n const code = manualCode.replace(/\\D/g, \"\");\r\n if (code.length >= 7) {\r\n handleCode(code);\r\n setManualCode(\"\");\r\n }\r\n };\r\n\r\n return html`\r\n

\r\n

\r\n בפועל ${shekel(cart.totals.scanned)}\r\n מתוכנן ${shekel(cart.totals.planned)}\r\n

\r\n \r\n

\r\n\r\n ${!cameraError && html`\r\n

\r\n

`}\r\n\r\n

\r\n ${cameraError && html`

<${Icon} name=\"alert\" size=\"17\" /> ${cameraError}

`}\r\n\r\n ${last?.status === \"error\" && html`\r\n

<${Icon} name=\"alert\" size=\"17\" /> ${last.message}

`}\r\n\r\n ${last?.status === \"matched\" && !pending && html`\r\n

\r\n <${Icon} name=\"check\" size=\"18\" />\r\n

\r\n ${last.name}\r\n ${shekel(last.price)} · נסרקו ${last.scannedQty} · ${SOURCE_LABEL[last.source] || \"\"}\r\n

\r\n

`}\r\n\r\n ${last?.status === \"added\" && !pending && html`\r\n

\r\n <${Icon} name=\"check\" size=\"18\" />\r\n

\r\n ${last.name}\r\n נוסף לקנייה · ${shekel(last.price)}\r\n

\r\n

`}\r\n\r\n ${pending?.status === \"found\" && html`\r\n

\r\n

\r\n <${Thumb} barcode=${pending.barcode} name=${pending.name} />\r\n

\r\n ${pending.name}\r\n ${shekel(pending.price)} · ${SOURCE_LABEL[pending.source] || \"\"} · לא ברשימה שלכם\r\n

\r\n

\r\n \r\n \r\n

\r\n

`}\r\n\r\n ${pending?.status === \"unknown\" && html`\r\n

\r\n

\r\n ברקוד ${pending.barcode} לא מוכר\r\n הוסיפו אותו ידנית עם שם ומחיר\r\n

\r\n

\r\n setUnknownName(e.target.value)} />\r\n setUnknownPrice(e.target.value)} />\r\n

\r\n

\r\n \r\n \r\n

\r\n

`}\r\n\r\n ${manualOpen && html`\r\n

\r\n

`;\r\n}\r\n",[],[163,273],"9f22763e-e7c3-4368-87c7-5d70861a5617","manifest.json","fab7b2a6-6654-11f1-9e0e-1607ee4eb77e",19,["D",1781265059468],"{\r\n \"name\": \"סל קניות\",\r\n \"short_name\": \"סל\",\r\n \"description\": \"רשימת קניות חכמה עם מחירים אמיתיים מהסופרים בישראל\",\r\n \"lang\": \"he\",\r\n \"dir\": \"rtl\",\r\n \"start_url\": \"/\",\r\n \"scope\": \"/\",\r\n \"display\": \"standalone\",\r\n \"orientation\": \"portrait\",\r\n \"background_color\": \"#f2f5f7\",\r\n \"theme_color\": \"#047857\",\r\n \"icons\": [\r\n { \"src\": \"/icons/icon-192.png\", \"sizes\": \"192x192\", \"type\": \"image/png\" },\r\n { \"src\": \"/icons/icon-512.png\", \"sizes\": \"512x512\", \"type\": \"image/png\" },\r\n { \"src\": \"/icons/icon-512.png\", \"sizes\": \"512x512\", \"type\": \"image/png\", \"purpose\": \"maskable\" },\r\n { \"src\": \"/icons/icon.svg\", \"sizes\": \"any\", \"type\": \"image/svg+xml\" }\r\n ]\r\n}\r\n",[],[163,281],"9cd6ca67-c486-461d-b0be-934183779896","index.js","fa93870a-6654-11f1-b6a0-1607ee4eb77e",18,["D",1781265059239],"import React from \"https://esm.sh/react@18.3.1\";\r\nimport { createRoot } from \"https://esm.sh/react-dom@18.3.1/client\";\r\nimport { App } from \"./app.js\";\r\n\r\ncreateRoot(document.getElementById(\"root\")).render(React.createElement(App));\r\n",[],[163,289],["D",1781266866043],[],[163,64],"a0420aef-774f-46a7-b36f-cbe0bff0c205","app.js","fa47b1f4-6654-11f1-98a0-1607ee4eb77e",16,["D",1781265058738],"import { html, useCallback, useEffect, useRef, useState } from \"./ui.js\";\r\nimport { api, friendlyError, getPin, setPin } from \"./api.js\";\r\nimport {\r\n CartView,\r\n FavoritesView,\r\n Icon,\r\n PinScreen,\r\n SearchView,\r\n SettingsSheet,\r\n SummarySheet,\r\n Toast,\r\n} from \"./views.js\";\r\nimport { ScannerOverlay } from \"./scanner.js\";\r\n\r\nconst EMPTY_CART = { items: [], totals: { planned: 0, scanned: 0, itemCount: 0, checkedCount: 0 } };\r\nconst CART_CACHE_KEY = \"sal_cart_cache\";\r\n\r\nexport function App() {\r\n const [config, setConfig] = useState(null);\r\n const [authed, setAuthed] = useState(false);\r\n const [pinError, setPinError] = useState(\"\");\r\n const [pinBusy, setPinBusy] = useState(false);\r\n\r\n const [tab, setTab] = useState(\"cart\");\r\n const [cart, setCart] = useState(EMPTY_CART);\r\n const [cartLoaded, setCartLoaded] = useState(false);\r\n const [offline, setOffline] = useState(false);\r\n\r\n const [shopping, setShopping] = useState(false);\r\n const [scannerOpen, setScannerOpen] = useState(false);\r\n const [summaryOpen, setSummaryOpen] = useState(false);\r\n const [settingsOpen, setSettingsOpen] = useState(false);\r\n const [refreshing, setRefreshing] = useState(false);\r\n\r\n const [toast, setToast] = useState(null);\r\n const toastTimer = useRef(null);\r\n\r\n const showToast = useCallback((msg, type = \"info\") => {\r\n clearTimeout(toastTimer.current);\r\n setToast({ msg, type, key: Date.now() });\r\n toastTimer.current = setTimeout(() => setToast(null), 2600);\r\n }, []);\r\n\r\n // ---------- boot ----------\r\n\r\n useEffect(() => {\r\n (async () => {\r\n try {\r\n const cfg = await api(\"/api/config\");\r\n setConfig(cfg);\r\n setAuthed(!cfg.authRequired || !!getPin());\r\n } catch {\r\n setConfig({ authRequired: false, hasApiKey: false });\r\n setAuthed(true);\r\n setOffline(true);\r\n }\r\n })();\r\n }, []);\r\n\r\n useEffect(() => {\r\n const onUnauthorized = () => {\r\n setAuthed(false);\r\n setPinError(\"הקוד השתנה — יש להזין שוב\");\r\n };\r\n window.addEventListener(\"sal:unauthorized\", onUnauthorized);\r\n return () => window.removeEventListener(\"sal:unauthorized\", onUnauthorized);\r\n }, []);\r\n\r\n const refreshCart = useCallback(async () => {\r\n try {\r\n const data = await api(\"/api/cart\");\r\n setCart(data);\r\n setCartLoaded(true);\r\n setOffline(false);\r\n } catch (e) {\r\n if (e.status === 401) return;\r\n const cached = localStorage.getItem(CART_CACHE_KEY);\r\n if (cached) {\r\n try {\r\n setCart(JSON.parse(cached));\r\n setCartLoaded(true);\r\n } catch { /* corrupt cache */ }\r\n }\r\n setOffline(true);\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (authed) refreshCart();\r\n }, [authed, refreshCart]);\r\n\r\n useEffect(() => {\r\n if (cartLoaded && !offline) localStorage.setItem(CART_CACHE_KEY, JSON.stringify(cart));\r\n }, [cart, cartLoaded, offline]);\r\n\r\n // ---------- pin ----------\r\n\r\n const submitPin = useCallback(async (pin) => {\r\n setPinBusy(true);\r\n setPinError(\"\");\r\n try {\r\n const r = await api(\"/api/auth/verify\", { method: \"POST\", body: { pin } });\r\n if (r.ok) {\r\n setPin(pin);\r\n setAuthed(true);\r\n } else {\r\n setPinError(\"קוד שגוי, נסו שוב\");\r\n }\r\n } catch (e) {\r\n setPinError(friendlyError(e));\r\n } finally {\r\n setPinBusy(false);\r\n }\r\n }, []);\r\n\r\n // ---------- cart actions ----------\r\n\r\n const applyCart = useCallback((data) => {\r\n if (data?.items) {\r\n setCart(data);\r\n setCartLoaded(true);\r\n }\r\n }, []);\r\n\r\n const addToCart = useCallback(async (ref, name) => {\r\n try {\r\n applyCart(await api(\"/api/cart\", { method: \"POST\", body: ref }));\r\n showToast(name ? `\"${name}\" נוסף לסל` : \"נוסף לסל\", \"ok\");\r\n return true;\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n return false;\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const patchItem = useCallback(async (id, fields) => {\r\n try {\r\n applyCart(await api(`/api/cart/${id}`, { method: \"PATCH\", body: fields }));\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const removeItem = useCallback(async (id) => {\r\n try {\r\n applyCart(await api(`/api/cart/${id}`, { method: \"DELETE\" }));\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const clearCart = useCallback(async (mode) => {\r\n try {\r\n applyCart(await api(\"/api/cart/clear\", { method: \"POST\", body: { mode } }));\r\n showToast(mode === \"checked\" ? \"הפריטים שנקנו נמחקו\" : \"הסל נוקה\", \"ok\");\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const refreshPrices = useCallback(async () => {\r\n if (refreshing) return;\r\n setRefreshing(true);\r\n try {\r\n let rounds = 0;\r\n let res;\r\n do {\r\n res = await api(\"/api/cart/refresh-prices\", { method: \"POST\", body: {} });\r\n applyCart(res);\r\n rounds++;\r\n if (res.stopped) {\r\n showToast(friendlyError({ code: res.stopped }), \"warn\");\r\n break;\r\n }\r\n } while (res.remaining > 0 && rounds < 4);\r\n if (!res?.stopped) showToast(\"המחירים עודכנו\", \"ok\");\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setRefreshing(false);\r\n }\r\n }, [refreshing, applyCart, showToast]);\r\n\r\n // ---------- shopping mode / scanning ----------\r\n\r\n const handleScan = useCallback(async (code) => {\r\n try {\r\n const r = await api(`/api/lookup/${code}`);\r\n if (r.inCart) {\r\n const it = r.inCart;\r\n const scannedQty = Number(it.scanned_qty || 0) + 1;\r\n const actual = r.branchPrice ?? r.avgPrice ?? (it.actual_price != null ? Number(it.actual_price) : Number(it.unit_price));\r\n const data = await api(`/api/cart/${it.id}`, {\r\n method: \"PATCH\",\r\n body: { checked: 1, scanned_qty: scannedQty, actual_price: actual },\r\n });\r\n applyCart(data);\r\n return { status: \"matched\", name: it.name, price: actual, scannedQty, source: r.source };\r\n }\r\n if (r.found && r.name) {\r\n return { status: \"found\", barcode: code, name: r.name, price: r.expectedPrice, source: r.source };\r\n }\r\n return { status: \"unknown\", barcode: code };\r\n } catch (e) {\r\n return { status: \"error\", barcode: code, message: friendlyError(e) };\r\n }\r\n }, [applyCart]);\r\n\r\n const addUnplanned = useCallback(async ({ barcode, name, price, source }) => {\r\n try {\r\n applyCart(await api(\"/api/cart/unplanned\", { method: \"POST\", body: { barcode, name, price, source } }));\r\n showToast(`\"${name}\" נוסף לקנייה`, \"ok\");\r\n return true;\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n return false;\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const startShopping = useCallback(() => {\r\n setTab(\"cart\");\r\n setShopping(true);\r\n }, []);\r\n\r\n const exitShopping = useCallback((clearMode) => {\r\n setSummaryOpen(false);\r\n setScannerOpen(false);\r\n setShopping(false);\r\n if (clearMode) clearCart(clearMode);\r\n }, [clearCart]);\r\n\r\n // ---------- render ----------\r\n\r\n if (!config) {\r\n return html`

<${Icon} name=\"cart\" size=\"34\" />

טוען את הסל…

`;\r\n }\r\n\r\n if (config.authRequired && !authed) {\r\n return html`<${PinScreen} onSubmit=${submitPin} error=${pinError} busy=${pinBusy} />`;\r\n }\r\n\r\n return html`\r\n

\r\n \r\n\r\n

\r\n ${tab === \"cart\" && html`\r\n <${CartView}\r\n cart=${cart}\r\n loaded=${cartLoaded}\r\n shopping=${shopping}\r\n refreshing=${refreshing}\r\n hasApiKey=${config.hasApiKey}\r\n onPatch=${patchItem}\r\n onRemove=${removeItem}\r\n onClear=${clearCart}\r\n onRefreshPrices=${refreshPrices}\r\n onStartShopping=${startShopping}\r\n onGoSearch=${() => setTab(\"search\")}\r\n />`}\r\n ${tab === \"search\" && html`\r\n <${SearchView}\r\n onAddToCart=${addToCart}\r\n showToast=${showToast}\r\n />`}\r\n ${tab === \"favorites\" && html`\r\n <${FavoritesView}\r\n onAddToCart=${addToCart}\r\n showToast=${showToast}\r\n />`}\r\n

\r\n\r\n ${!shopping && html`\r\n

\r\n ${[\r\n { id: \"cart\", label: \"סל\", icon: \"cart\", badge: cart.totals.itemCount || null },\r\n { id: \"search\", label: \"חיפוש\", icon: \"search\" },\r\n { id: \"favorites\", label: \"מועדפים\", icon: \"star\" },\r\n ].map((t) => html`\r\n `)}\r\n

`}\r\n\r\n ${shopping && html`\r\n

\r\n \r\n \r\n \r\n

`}\r\n\r\n ${scannerOpen && html`\r\n <${ScannerOverlay}\r\n cart=${cart}\r\n onScan=${handleScan}\r\n onAddUnplanned=${addUnplanned}\r\n onClose=${() => setScannerOpen(false)}\r\n />`}\r\n\r\n ${summaryOpen && html`\r\n <${SummarySheet}\r\n cart=${cart}\r\n onClose=${() => setSummaryOpen(false)}\r\n onFinish=${exitShopping}\r\n />`}\r\n\r\n ${settingsOpen && html`\r\n <${SettingsSheet}\r\n config=${config}\r\n showToast=${showToast}\r\n onClose=${() => setSettingsOpen(false)}\r\n />`}\r\n\r\n <${Toast} toast=${toast} />\r\n

`;\r\n}\r\n",[],[163,300],"7d95b84d-e213-4359-ab23-b0dae066a57f","api.js","fa2305fc-6654-11f1-98fc-1607ee4eb77e",15,["D",1781265058499],"const PIN_KEY = \"sal_pin\";\r\n\r\nexport function getPin() {\r\n return localStorage.getItem(PIN_KEY) || \"\";\r\n}\r\nexport function setPin(pin) {\r\n localStorage.setItem(PIN_KEY, pin);\r\n}\r\nexport function clearPin() {\r\n localStorage.removeItem(PIN_KEY);\r\n}\r\n\r\nexport class ApiError extends Error {\r\n constructor(message, status, code) {\r\n super(message);\r\n this.status = status;\r\n this.code = code;\r\n }\r\n}\r\n\r\nexport async function api(path, { method = \"GET\", body } = {}) {\r\n const res = await fetch(path, {\r\n method,\r\n headers: {\r\n ...(body !== undefined ? { \"content-type\": \"application/json\" } : {}),\r\n \"x-app-pin\": getPin(),\r\n },\r\n body: body !== undefined ? JSON.stringify(body) : undefined,\r\n });\r\n let data = null;\r\n try {\r\n data = await res.json();\r\n } catch {\r\n // empty / non-JSON response\r\n }\r\n if (!res.ok) {\r\n if (res.status === 401) window.dispatchEvent(new CustomEvent(\"sal:unauthorized\"));\r\n throw new ApiError(data?.error || res.statusText || \"שגיאה\", res.status, data?.code);\r\n }\r\n return data;\r\n}\r\n\r\nconst fmt = new Intl.NumberFormat(\"he-IL\", { style: \"currency\", currency: \"ILS\", maximumFractionDigits: 2 });\r\n\r\nexport function shekel(n) {\r\n if (n === null || n === undefined || Number.isNaN(Number(n))) return \"—\";\r\n return fmt.format(Number(n));\r\n}\r\n\r\nexport function friendlyError(e) {\r\n if (e?.code === \"NO_KEY\") return \"מפתח ה-API של Cheapersal עדיין לא הוגדר\";\r\n if (e?.code === \"BUDGET\") return \"נגמרה מכסת הבקשות היומית ל-API המחירים\";\r\n if (e?.code === \"RATE_LIMIT_EXCEEDED\") return \"יותר מדי בקשות בדקה — נסו שוב עוד רגע\";\r\n if (e?.status === 0 || e?.message === \"Failed to fetch\") return \"אין חיבור לרשת\";\r\n return e?.message || \"משהו השתבש\";\r\n}\r\n",[],[163,308],"a76bc93f-97d0-4df8-9445-600c21b1eb32",["D",1781264884294],[184,185,186,187,188,189,190,191,192,193],[163],"292c1ad7-763d-4786-bd18-418e0303eff7","syncCatalog.cron.ts","f9e31c62-6654-11f1-b2c2-1607ee4eb77e","922a324a-6654-11f1-9e0e-1607ee4eb77e",14,["D",1781265058079],"interval","import {\r\n ensureSchema,\r\n getSettingJSON,\r\n getSyncStates,\r\n setSettingJSON,\r\n upsertCatalogBatch,\r\n upsertSyncState,\r\n} from \"./db.ts\";\r\nimport {\r\n CheapersalError,\r\n getBranchProducts,\r\n getUsage,\r\n hasApiKey,\r\n listBranches,\r\n sleep,\r\n} from \"./cheapersal.ts\";\r\nimport type { SyncBranch } from \"../shared/types.ts\";\r\n\r\n// Sync may consume at most this many of the 100 daily requests,\r\n// leaving the rest for live price lookups and scans.\r\nconst SYNC_DAILY_BUDGET = 55;\r\nconst PAGES_PER_RUN = 5;\r\nconst PAGE_LIMIT = 200;\r\nconst PAGE_PAUSE_MS = 6500; // stay under the 10 requests/minute limit\r\nconst REFRESH_AFTER_DAYS = 7;\r\n\r\nconst BIG_CHAINS = [\"שופרסל\", \"רמי לוי\", \"ויקטורי\", \"יוחננוף\", \"אושר עד\", \"טיב טעם\", \"קרפור\", \"מגה\"];\r\n\r\nfunction chainScore(name: string): number {\r\n const i = BIG_CHAINS.findIndex((c) => name.includes(c));\r\n return i === -1 ? BIG_CHAINS.length : i;\r\n}\r\n\r\n/**\r\n * Returns the branches whose catalogs we sync. If none are configured yet,\r\n * auto-picks branches of 3 distinct large chains (preferring online stores,\r\n * which carry the fullest assortment) and saves them to settings.\r\n */\r\nexport async function ensureSyncBranches(): Promise {\r\n let branches = await getSettingJSON(\"sync_branches\", []);\r\n if (branches.length) return branches;\r\n\r\n let data = await listBranches({ online: \"true\", limit: 100 });\r\n let list: any[] = data?.branches ?? [];\r\n if (!list.length) {\r\n data = await listBranches({ limit: 100 });\r\n list = data?.branches ?? [];\r\n }\r\n const byChain = new Map();\r\n for (const b of list) {\r\n const cid = String(b?.chain?.id ?? b?.chain?.name ?? \"?\");\r\n if (!byChain.has(cid)) byChain.set(cid, b);\r\n }\r\n const scored = [...byChain.values()]\r\n .map((b) => ({ b, score: chainScore(String(b?.chain?.name ?? \"\")) }))\r\n .sort((a, z) => a.score - z.score);\r\n branches = scored.slice(0, 3).map(({ b }) => ({\r\n id: String(b.id),\r\n name: [b?.chain?.name, b?.name].filter(Boolean).join(\" — \") || String(b.id),\r\n }));\r\n if (branches.length) await setSettingJSON(\"sync_branches\", branches);\r\n return branches;\r\n}\r\n\r\nexport interface SyncResult {\r\n ran: boolean;\r\n branch: string | null;\r\n pages: number;\r\n upserted: number;\r\n message: string;\r\n}\r\n\r\n/**\r\n * One incremental sync slice: picks the branch that needs work (in-progress\r\n * first, then the stalest completed one past the refresh window) and pages\r\n * through its product list, upserting into the local catalog.\r\n */\r\nexport async function runSyncSlice(maxPages = PAGES_PER_RUN, pauseMs = PAGE_PAUSE_MS): Promise {\r\n await ensureSchema();\r\n const result: SyncResult = { ran: false, branch: null, pages: 0, upserted: 0, message: \"\" };\r\n\r\n if (!hasApiKey()) {\r\n result.message = \"CHEAPERSAL_API_KEY not configured\";\r\n return result;\r\n }\r\n const usage = await getUsage();\r\n if (usage.count >= SYNC_DAILY_BUDGET) {\r\n result.message = \"daily sync budget reached\";\r\n return result;\r\n }\r\n\r\n let branches: SyncBranch[];\r\n try {\r\n branches = await ensureSyncBranches();\r\n } catch (e) {\r\n result.message = `branch discovery failed: ${(e as Error).message}`;\r\n return result;\r\n }\r\n if (!branches.length) {\r\n result.message = \"no sync branches available\";\r\n return result;\r\n }\r\n\r\n let states = await getSyncStates();\r\n for (const b of branches) {\r\n if (!states.some((s) => s.branch_id === b.id)) {\r\n await upsertSyncState({ branch_id: b.id, branch_name: b.name, next_skip: 0, done_at: null });\r\n }\r\n }\r\n states = await getSyncStates();\r\n const candidates = states.filter((s) => branches.some((b) => b.id === s.branch_id));\r\n\r\n let target = candidates.find((s) => !s.done_at) ?? null;\r\n if (!target) {\r\n const cutoff = Date.now() - REFRESH_AFTER_DAYS * 86_400_000;\r\n const stale = candidates\r\n .filter((s) => Date.parse(s.done_at!) < cutoff)\r\n .sort((a, z) => Date.parse(a.done_at!) - Date.parse(z.done_at!));\r\n if (stale.length) {\r\n target = stale[0];\r\n await upsertSyncState({ branch_id: target.branch_id, next_skip: 0, done_at: null });\r\n target.next_skip = 0;\r\n }\r\n }\r\n if (!target) {\r\n result.message = \"catalog up to date\";\r\n return result;\r\n }\r\n\r\n result.ran = true;\r\n result.branch = target.branch_name || target.branch_id;\r\n let skip = target.next_skip ?? 0;\r\n\r\n for (let i = 0; i < maxPages; i++) {\r\n let page;\r\n try {\r\n page = await getBranchProducts(target.branch_id, skip, PAGE_LIMIT, SYNC_DAILY_BUDGET);\r\n } catch (e) {\r\n result.message = e instanceof CheapersalError ? `stopped: ${e.code}` : `error: ${(e as Error).message}`;\r\n return result;\r\n }\r\n const items = page.products\r\n .filter((p) => p?.barcode && p?.name)\r\n .map((p) => ({\r\n barcode: String(p.barcode),\r\n name: String(p.name),\r\n brand: p.brand ?? \"\",\r\n category: p.category ?? \"\",\r\n price: typeof p.price === \"number\" ? p.price : null,\r\n }));\r\n await upsertCatalogBatch(items);\r\n result.pages++;\r\n result.upserted += items.length;\r\n skip += page.products.length;\r\n\r\n const finished = page.products.length < PAGE_LIMIT || (page.total > 0 && skip >= page.total);\r\n if (finished) {\r\n await upsertSyncState({\r\n branch_id: target.branch_id,\r\n next_skip: 0,\r\n total: page.total,\r\n done_at: new Date().toISOString(),\r\n });\r\n result.message = \"branch complete\";\r\n return result;\r\n }\r\n await upsertSyncState({ branch_id: target.branch_id, next_skip: skip, total: page.total });\r\n if (i < maxPages - 1) await sleep(pauseMs);\r\n }\r\n\r\n result.message = \"slice done\";\r\n return result;\r\n}\r\n\r\nexport default async function syncCatalogCron() {\r\n const r = await runSyncSlice();\r\n console.log(\"catalog sync:\", JSON.stringify(r));\r\n}\r\n",[],[329,320],"backend","a5177cfc-fcb7-48f6-b45f-870cbf7d7c3e","index.http.ts","f9be78d0-6654-11f1-ad40-1607ee4eb77e",27,["D",1781266377079],"http","import { Hono } from \"npm:hono@4\";\r\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\r\nimport {\r\n addFavorite,\r\n cartBarcodes,\r\n catalogCount,\r\n clearCart,\r\n createCustomItem,\r\n deleteCartItem,\r\n deleteCustomItem,\r\n ensureSchema,\r\n favoriteKeys,\r\n findCartByRef,\r\n getCachedPrice,\r\n getCartItem,\r\n getCatalogItem,\r\n getCustomItem,\r\n getSetting,\r\n getSettingJSON,\r\n insertCartItem,\r\n isFresh,\r\n lastSyncAt,\r\n listCart,\r\n listFavorites,\r\n patchCartItem,\r\n q,\r\n removeFavorite,\r\n run,\r\n searchCatalog,\r\n searchCustomItems,\r\n setSetting,\r\n setSettingJSON,\r\n stalePriceBarcodes,\r\n updateCustomItem,\r\n upsertSyncState,\r\n} from \"./db.ts\";\r\nimport {\r\n CheapersalError,\r\n getUsage,\r\n hasApiKey,\r\n listBranches,\r\n listCities,\r\n refreshPrice,\r\n remainingReported,\r\n sleep,\r\n} from \"./cheapersal.ts\";\r\nimport { ensureSyncBranches, runSyncSlice } from \"./syncCatalog.cron.ts\";\r\nimport { iconPng, iconSvg } from \"./icons.ts\";\r\nimport type { CartItem, SyncBranch } from \"../shared/types.ts\";\r\n\r\nconst app = new Hono();\r\n\r\n// ---------- errors ----------\r\n\r\napp.onError((err, c) => {\r\n if (err instanceof CheapersalError) {\r\n const status = err.code === \"NO_KEY\" ? 503 : err.code === \"BUDGET\" || err.code.includes(\"LIMIT\") ? 429 : 502;\r\n return c.json({ error: err.message, code: err.code }, status);\r\n }\r\n console.error(\"unhandled error:\", err);\r\n return c.json({ error: (err as Error).message ?? \"internal error\" }, 500);\r\n});\r\n\r\n// ---------- PIN gate ----------\r\n\r\nconst OPEN_API_PATHS = new Set([\"/api/config\", \"/api/auth/verify\"]);\r\n\r\napp.use(\"/api/*\", async (c, next) => {\r\n const pin = Deno.env.get(\"APP_PIN\");\r\n if (!pin || OPEN_API_PATHS.has(c.req.path)) return await next();\r\n if (c.req.header(\"x-app-pin\") === pin) return await next();\r\n return c.json({ error: \"unauthorized\", code: \"PIN\" }, 401);\r\n});\r\n\r\napp.use(\"/api/*\", async (c, next) => {\r\n await ensureSchema();\r\n await next();\r\n});\r\n\r\n// ---------- auth / config ----------\r\n\r\napp.get(\"/api/config\", (c) => {\r\n return c.json({ authRequired: !!Deno.env.get(\"APP_PIN\"), hasApiKey: hasApiKey() });\r\n});\r\n\r\napp.post(\"/api/auth/verify\", async (c) => {\r\n const body = await c.req.json().catch(() => ({}));\r\n const pin = Deno.env.get(\"APP_PIN\");\r\n return c.json({ ok: !pin || String(body.pin ?? \"\") === pin });\r\n});\r\n\r\n// ---------- helpers ----------\r\n\r\nfunction num(v: unknown): number | undefined {\r\n if (v === undefined || v === null || v === \"\") return undefined;\r\n const n = Number(v);\r\n return Number.isFinite(n) ? n : undefined;\r\n}\r\n\r\ninterface ResolvedPrice {\r\n price: number;\r\n source: string;\r\n}\r\n\r\n/** Best known planning price for a catalog product (cached average preferred). */\r\nasync function resolveCatalogPrice(barcode: string): Promise {\r\n let cached = await getCachedPrice(barcode);\r\n if (!isFresh(cached)) {\r\n if (hasApiKey()) {\r\n try {\r\n cached = await refreshPrice(barcode);\r\n } catch {\r\n // budget/network issues: fall through to whatever we have\r\n }\r\n }\r\n }\r\n if (cached?.avg_price != null) return { price: Number(cached.avg_price), source: \"average\" };\r\n if (cached?.branch_price != null) return { price: Number(cached.branch_price), source: \"branch\" };\r\n const item = await getCatalogItem(barcode);\r\n if (item?.ref_price != null) return { price: Number(item.ref_price), source: \"catalog\" };\r\n return { price: 0, source: \"none\" };\r\n}\r\n\r\nfunction cartTotals(items: CartItem[]) {\r\n let planned = 0;\r\n let scanned = 0;\r\n let checkedCount = 0;\r\n for (const it of items) {\r\n planned += Number(it.qty) * Number(it.unit_price);\r\n if (Number(it.scanned_qty) > 0) {\r\n scanned += Number(it.scanned_qty) * Number(it.actual_price ?? it.unit_price);\r\n }\r\n if (it.checked) checkedCount++;\r\n }\r\n return {\r\n planned: Math.round(planned * 100) / 100,\r\n scanned: Math.round(scanned * 100) / 100,\r\n itemCount: items.length,\r\n checkedCount,\r\n };\r\n}\r\n\r\nasync function cartPayload() {\r\n const items = await listCart();\r\n return { items, totals: cartTotals(items) };\r\n}\r\n\r\n// ---------- search ----------\r\n\r\napp.get(\"/api/search\", async (c) => {\r\n const query = (c.req.query(\"q\") ?? \"\").trim();\r\n if (!query) return c.json({ results: [] });\r\n\r\n const [catalog, custom, favs, cart] = await Promise.all([\r\n searchCatalog(query, 25),\r\n searchCustomItems(query, 10),\r\n favoriteKeys(),\r\n listCart(),\r\n ]);\r\n\r\n const cartByRef = new Map();\r\n for (const it of cart) {\r\n cartByRef.set(it.kind === \"catalog\" ? `catalog:${it.barcode}` : `custom:${it.custom_id}`, it);\r\n }\r\n\r\n const barcodes = catalog.map((i) => i.barcode);\r\n const priceMap = new Map();\r\n if (barcodes.length) {\r\n const placeholders = barcodes.map(() => \"?\").join(\",\");\r\n const rows = await q(\r\n `SELECT barcode, avg_price, fetched_at FROM sal_price_cache WHERE barcode IN (${placeholders})`,\r\n barcodes,\r\n );\r\n for (const r of rows) priceMap.set(String(r.barcode), r);\r\n }\r\n\r\n const results = [\r\n ...custom.map((ci) => {\r\n const inCart = cartByRef.get(`custom:${ci.id}`);\r\n return {\r\n kind: \"custom\",\r\n custom_id: ci.id,\r\n name: ci.name,\r\n brand: \"\",\r\n unit_qty: \"\",\r\n price: Number(ci.price),\r\n priceKind: \"manual\",\r\n fav: favs.has(`custom:${ci.id}`),\r\n inCartId: inCart?.id ?? null,\r\n inCartQty: inCart ? Number(inCart.qty) : 0,\r\n };\r\n }),\r\n ...catalog.map((it) => {\r\n const cachedRow = priceMap.get(it.barcode);\r\n const cachedFresh = cachedRow && Date.now() - Date.parse(String(cachedRow.fetched_at)) < 24 * 3600 * 1000;\r\n const price = cachedFresh && cachedRow.avg_price != null\r\n ? Number(cachedRow.avg_price)\r\n : it.ref_price != null\r\n ? Number(it.ref_price)\r\n : null;\r\n const inCart = cartByRef.get(`catalog:${it.barcode}`);\r\n return {\r\n kind: \"catalog\",\r\n barcode: it.barcode,\r\n name: it.name,\r\n brand: it.brand ?? \"\",\r\n unit_qty: it.unit_qty ?? \"\",\r\n price,\r\n priceKind: cachedFresh ? \"avg\" : \"ref\",\r\n fav: favs.has(`catalog:${it.barcode}`),\r\n inCartId: inCart?.id ?? null,\r\n inCartQty: inCart ? Number(inCart.qty) : 0,\r\n };\r\n }),\r\n ];\r\n return c.json({ results });\r\n});\r\n\r\n// ---------- custom items ----------\r\n\r\napp.post(\"/api/custom-items\", async (c) => {\r\n const body = await c.req.json().catch(() => ({}));\r\n const name = String(body.name ?? \"\").trim();\r\n const price = num(body.price) ?? 0;\r\n if (!name) return c.json({ error: \"name is required\" }, 400);\r\n const item = await createCustomItem(name, price);\r\n return c.json({ item });\r\n});\r\n\r\napp.patch(\"/api/custom-items/:id\", async (c) => {\r\n const id = Number(c.req.param(\"id\"));\r\n const body = await c.req.json().catch(() => ({}));\r\n const fields: { name?: string; price?: number } = {};\r\n if (body.name !== undefined) fields.name = String(body.name).trim();\r\n const price = num(body.price);\r\n if (price !== undefined) fields.price = price;\r\n await updateCustomItem(id, fields);\r\n return c.json({ ok: true });\r\n});\r\n\r\napp.delete(\"/api/custom-items/:id\", async (c) => {\r\n await deleteCustomItem(Number(c.req.param(\"id\")));\r\n return c.json({ ok: true });\r\n});\r\n\r\n// ---------- cart ----------\r\n\r\napp.get(\"/api/cart\", async (c) => c.json(await cartPayload()));\r\n\r\napp.post(\"/api/cart\", async (c) => {\r\n const body = await c.req.json().catch(() => ({}));\r\n const kind = body.kind === \"custom\" ? \"custom\" : \"catalog\";\r\n const addQty = num(body.qty) ?? 1;\r\n\r\n if (kind === \"catalog\") {\r\n const barcode = String(body.barcode ?? \"\").trim();\r\n if (!barcode) return c.json({ error: \"barcode is required\" }, 400);\r\n\r\n const existing = await findCartByRef(\"catalog\", barcode, null);\r\n if (existing) {\r\n await patchCartItem(existing.id, { qty: Number(existing.qty) + addQty, checked: 0 });\r\n return c.json(await cartPayload());\r\n }\r\n\r\n let item = await getCatalogItem(barcode);\r\n const { price, source } = await resolveCatalogPrice(barcode);\r\n if (!item) item = await getCatalogItem(barcode); // refreshPrice may have learned it\r\n if (!item) return c.json({ error: \"product not found\", code: \"UNKNOWN_PRODUCT\" }, 404);\r\n\r\n await insertCartItem({\r\n kind: \"catalog\",\r\n barcode,\r\n name: item.name,\r\n unit_price: price,\r\n qty: addQty,\r\n price_source: source,\r\n });\r\n return c.json(await cartPayload());\r\n }\r\n\r\n const customId = Number(body.custom_id);\r\n const ci = await getCustomItem(customId);\r\n if (!ci) return c.json({ error: \"custom item not found\" }, 404);\r\n const existing = await findCartByRef(\"custom\", null, customId);\r\n if (existing) {\r\n await patchCartItem(existing.id, { qty: Number(existing.qty) + addQty, checked: 0 });\r\n } else {\r\n await insertCartItem({\r\n kind: \"custom\",\r\n custom_id: customId,\r\n name: ci.name,\r\n unit_price: Number(ci.price),\r\n qty: addQty,\r\n price_source: \"manual\",\r\n });\r\n }\r\n return c.json(await cartPayload());\r\n});\r\n\r\napp.patch(\"/api/cart/:id\", async (c) => {\r\n const id = Number(c.req.param(\"id\"));\r\n const body = await c.req.json().catch(() => ({}));\r\n const fields: Record = {};\r\n for (const key of [\"qty\", \"unit_price\", \"scanned_qty\", \"actual_price\"]) {\r\n const v = num(body[key]);\r\n if (v !== undefined) fields[key] = v;\r\n }\r\n if (body.checked !== undefined) fields.checked = body.checked ? 1 : 0;\r\n if (body.name !== undefined) fields.name = String(body.name).trim();\r\n if (body.price_source !== undefined) fields.price_source = String(body.price_source);\r\n if (fields.qty !== undefined && fields.qty <= 0) {\r\n await deleteCartItem(id);\r\n } else {\r\n await patchCartItem(id, fields);\r\n }\r\n return c.json(await cartPayload());\r\n});\r\n\r\napp.delete(\"/api/cart/:id\", async (c) => {\r\n await deleteCartItem(Number(c.req.param(\"id\")));\r\n return c.json(await cartPayload());\r\n});\r\n\r\napp.post(\"/api/cart/clear\", async (c) => {\r\n const body = await c.req.json().catch(() => ({}));\r\n await clearCart(body.mode === \"checked\" ? \"checked\" : \"all\");\r\n return c.json(await cartPayload());\r\n});\r\n\r\napp.post(\"/api/cart/refresh-prices\", async (c) => {\r\n const barcodes = await cartBarcodes();\r\n const staleAll = await stalePriceBarcodes(barcodes, barcodes.length);\r\n const batch = staleAll.slice(0, 8);\r\n let refreshed = 0;\r\n let stopped: string | null = null;\r\n for (const barcode of batch) {\r\n try {\r\n const info = await refreshPrice(barcode);\r\n if (info.avg_price != null) {\r\n await run(\r\n `UPDATE sal_cart SET unit_price = ?, price_source = 'average'\r\n WHERE kind = 'catalog' AND barcode = ? AND price_source != 'manual'`,\r\n [Number(info.avg_price), barcode],\r\n );\r\n }\r\n refreshed++;\r\n if (refreshed < batch.length) await sleep(1100);\r\n } catch (e) {\r\n stopped = e instanceof CheapersalError ? e.code : \"ERROR\";\r\n break;\r\n }\r\n }\r\n const payload = await cartPayload();\r\n return c.json({ ...payload, refreshed, remaining: Math.max(0, staleAll.length - refreshed), stopped });\r\n});\r\n\r\n// ---------- shopping mode ----------\r\n\r\napp.get(\"/api/lookup/:barcode\", async (c) => {\r\n const barcode = String(c.req.param(\"barcode\")).replace(/\\D/g, \"\");\r\n if (!barcode) return c.json({ error: \"invalid barcode\" }, 400);\r\n\r\n const inCart = await findCartByRef(\"catalog\", barcode, null);\r\n let catalog = await getCatalogItem(barcode);\r\n let cached = await getCachedPrice(barcode);\r\n\r\n if (!isFresh(cached) && hasApiKey()) {\r\n try {\r\n cached = await refreshPrice(barcode);\r\n if (!catalog) catalog = await getCatalogItem(barcode);\r\n } catch {\r\n // keep whatever stale data we have\r\n }\r\n }\r\n\r\n const avgPrice = cached?.avg_price != null ? Number(cached.avg_price) : null;\r\n const branchPrice = cached?.branch_price != null ? Number(cached.branch_price) : null;\r\n const expectedPrice = branchPrice ??\r\n avgPrice ??\r\n (inCart ? Number(inCart.unit_price) : null) ??\r\n (catalog?.ref_price != null ? Number(catalog.ref_price) : null);\r\n\r\n const source = branchPrice != null\r\n ? \"branch\"\r\n : avgPrice != null\r\n ? \"average\"\r\n : catalog?.ref_price != null\r\n ? \"catalog\"\r\n : inCart\r\n ? \"cart\"\r\n : \"none\";\r\n\r\n return c.json({\r\n found: !!(catalog || inCart || avgPrice != null),\r\n barcode,\r\n name: catalog?.name ?? inCart?.name ?? null,\r\n brand: catalog?.brand ?? null,\r\n expectedPrice,\r\n avgPrice,\r\n branchPrice,\r\n source,\r\n inCart: inCart ?? null,\r\n });\r\n});\r\n\r\napp.post(\"/api/cart/unplanned\", async (c) => {\r\n const body = await c.req.json().catch(() => ({}));\r\n const name = String(body.name ?? \"\").trim();\r\n const price = num(body.price) ?? 0;\r\n const qty = num(body.qty) ?? 1;\r\n const barcode = String(body.barcode ?? \"\").replace(/\\D/g, \"\") || null;\r\n if (!name) return c.json({ error: \"name is required\" }, 400);\r\n\r\n await insertCartItem({\r\n kind: barcode ? \"catalog\" : \"custom\",\r\n barcode,\r\n name,\r\n unit_price: price,\r\n qty,\r\n checked: 1,\r\n scanned_qty: qty,\r\n actual_price: price,\r\n unplanned: 1,\r\n price_source: body.source === \"manual\" ? \"manual\" : \"scan\",\r\n });\r\n return c.json(await cartPayload());\r\n});\r\n\r\n// ---------- favorites ----------\r\n\r\napp.get(\"/api/favorites\", async (c) => {\r\n const rows = await listFavorites();\r\n const cart = await listCart();\r\n const cartByRef = new Map();\r\n for (const it of cart) {\r\n cartByRef.set(it.kind === \"catalog\" ? `catalog:${it.barcode}` : `custom:${it.custom_id}`, it);\r\n }\r\n const favorites = rows\r\n .filter((r) => r.name)\r\n .map((r) => {\r\n const key = r.kind === \"catalog\" ? `catalog:${r.barcode}` : `custom:${r.custom_id}`;\r\n const inCart = cartByRef.get(key);\r\n return { ...r, price: r.price != null ? Number(r.price) : null, inCartId: inCart?.id ?? null, inCartQty: inCart ? Number(inCart.qty) : 0 };\r\n });\r\n return c.json({ favorites });\r\n});\r\n\r\napp.post(\"/api/favorites\", async (c) => {\r\n const body = await c.req.json().catch(() => ({}));\r\n const kind = body.kind === \"custom\" ? \"custom\" : \"catalog\";\r\n await addFavorite(kind, body.barcode ? String(body.barcode) : null, num(body.custom_id) ?? null);\r\n return c.json({ ok: true });\r\n});\r\n\r\napp.delete(\"/api/favorites\", async (c) => {\r\n const kind = c.req.query(\"kind\") === \"custom\" ? \"custom\" : \"catalog\";\r\n await removeFavorite(kind, c.req.query(\"barcode\") ?? null, num(c.req.query(\"custom_id\")) ?? null);\r\n return c.json({ ok: true });\r\n});\r\n\r\n// ---------- settings / status / sync ----------\r\n\r\napp.get(\"/api/settings\", async (c) => {\r\n const [branchId, branchName, city, syncBranches] = await Promise.all([\r\n getSetting(\"my_branch_id\"),\r\n getSetting(\"my_branch_name\"),\r\n getSetting(\"my_city\"),\r\n getSettingJSON(\"sync_branches\", []),\r\n ]);\r\n return c.json({ my_branch_id: branchId, my_branch_name: branchName, my_city: city, sync_branches: syncBranches });\r\n});\r\n\r\napp.patch(\"/api/settings\", async (c) => {\r\n const body = await c.req.json().catch(() => ({}));\r\n if (body.my_branch_id !== undefined) {\r\n const prev = await getSetting(\"my_branch_id\");\r\n await setSetting(\"my_branch_id\", body.my_branch_id ? String(body.my_branch_id) : null);\r\n await setSetting(\"my_branch_name\", body.my_branch_name ? String(body.my_branch_name) : null);\r\n if (prev !== (body.my_branch_id || null)) {\r\n // branch-specific cached prices belong to the old store\r\n await run(`UPDATE sal_price_cache SET branch_price = NULL`, []);\r\n }\r\n }\r\n if (body.my_city !== undefined) await setSetting(\"my_city\", body.my_city ? String(body.my_city) : null);\r\n if (Array.isArray(body.sync_branches)) {\r\n const branches = body.sync_branches\r\n .filter((b: any) => b?.id)\r\n .map((b: any) => ({ id: String(b.id), name: String(b.name ?? b.id) }));\r\n await setSettingJSON(\"sync_branches\", branches);\r\n for (const b of branches) {\r\n await upsertSyncState({ branch_id: b.id, branch_name: b.name });\r\n }\r\n }\r\n return c.json({ ok: true });\r\n});\r\n\r\napp.get(\"/api/branches\", async (c) => {\r\n const data = await listBranches({\r\n city: c.req.query(\"city\") || undefined,\r\n online: c.req.query(\"online\") || undefined,\r\n limit: 100,\r\n });\r\n return c.json({ branches: data?.branches ?? [] });\r\n});\r\n\r\napp.get(\"/api/cities\", async (c) => {\r\n const data = await listCities();\r\n return c.json({ cities: Array.isArray(data) ? data : [] });\r\n});\r\n\r\napp.post(\"/api/sync/run\", async (c) => {\r\n const body = await c.req.json().catch(() => ({}));\r\n const pages = Math.min(num(body.pages) ?? 2, 3);\r\n const result = await runSyncSlice(pages, 1500);\r\n return c.json(result);\r\n});\r\n\r\napp.get(\"/api/status\", async (c) => {\r\n const [count, usage, remaining, last, syncBranches, branchId, branchName] = await Promise.all([\r\n catalogCount(),\r\n getUsage(),\r\n remainingReported(),\r\n lastSyncAt(),\r\n getSettingJSON(\"sync_branches\", []),\r\n getSetting(\"my_branch_id\"),\r\n getSetting(\"my_branch_name\"),\r\n ]);\r\n return c.json({\r\n catalogCount: count,\r\n apiUsedToday: usage.count,\r\n apiRemaining: remaining,\r\n hasApiKey: hasApiKey(),\r\n authRequired: !!Deno.env.get(\"APP_PIN\"),\r\n lastSync: last,\r\n syncBranches,\r\n myBranch: branchId ? { id: branchId, name: branchName ?? branchId } : null,\r\n });\r\n});\r\n\r\n// ---------- static files / PWA ----------\r\n\r\nconst MIME: Record = {\r\n html: \"text/html; charset=utf-8\",\r\n js: \"text/javascript; charset=utf-8\",\r\n css: \"text/css; charset=utf-8\",\r\n json: \"application/json; charset=utf-8\",\r\n svg: \"image/svg+xml\",\r\n png: \"image/png\",\r\n txt: \"text/plain; charset=utf-8\",\r\n webmanifest: \"application/manifest+json\",\r\n};\r\n\r\nasync function serveStatic(path: string, cacheSeconds: number): Promise {\r\n const ext = path.split(\".\").pop() ?? \"txt\";\r\n const content = await readFile(path, import.meta.url);\r\n return new Response(content, {\r\n headers: {\r\n \"content-type\": MIME[ext] ?? \"text/plain; charset=utf-8\",\r\n \"cache-control\": cacheSeconds > 0 ? `public, max-age=${cacheSeconds}` : \"no-cache\",\r\n },\r\n });\r\n}\r\n\r\napp.get(\"/\", () => serveStatic(\"/frontend/index.html\", 0));\r\napp.get(\"/index.html\", () => serveStatic(\"/frontend/index.html\", 0));\r\napp.get(\"/manifest.json\", () => serveStatic(\"/frontend/manifest.json\", 300));\r\napp.get(\"/sw.js\", () => serveStatic(\"/frontend/sw.js\", 0));\r\n\r\napp.get(\"/frontend/*\", (c) => {\r\n const path = c.req.path;\r\n if (path.includes(\"..\")) return c.text(\"bad path\", 400);\r\n return serveStatic(path, 300);\r\n});\r\n\r\napp.get(\"/icons/icon.svg\", () =>\r\n new Response(iconSvg(), {\r\n headers: { \"content-type\": \"image/svg+xml\", \"cache-control\": \"public, max-age=86400\" },\r\n }));\r\n\r\napp.get(\"/icons/:file\", async (c) => {\r\n const m = c.req.param(\"file\").match(/^icon-(\\d+)\\.png$/);\r\n if (!m) return c.notFound();\r\n const size = Math.min(Number(m[1]) || 192, 1024);\r\n const png = await iconPng(size);\r\n if (png) {\r\n return new Response(png.buffer as ArrayBuffer, {\r\n headers: { \"content-type\": \"image/png\", \"cache-control\": \"public, max-age=86400\" },\r\n });\r\n }\r\n // Fallback: SVG body (most browsers sniff and render it; iOS will show a default icon)\r\n return new Response(iconSvg(), {\r\n headers: { \"content-type\": \"image/svg+xml\", \"cache-control\": \"public, max-age=3600\" },\r\n });\r\n});\r\n\r\napp.get(\"/favicon.ico\", (c) => c.redirect(\"/icons/icon.svg\", 301));\r\n\r\nexport default app.fetch;\r\n",[],[329,331],"54f701cd-de91-4039-a609-9e3afb5f0045","icons.ts","f99aa3b0-6654-11f1-8113-1607ee4eb77e",12,["D",1781265057605],"/**\r\n * App icon, generated from a single SVG source.\r\n * PNG variants (needed for iOS apple-touch-icon and the manifest) are rendered\r\n * at runtime with resvg-wasm and cached in blob storage + memory.\r\n */\r\n\r\nconst ICON_VERSION = \"v1\";\r\n\r\nexport function iconSvg(): string {\r\n return ``;\r\n}\r\n\r\nconst memCache = new Map();\r\nlet wasmInit: Promise | null = null;\r\n\r\nasync function renderPng(size: number): Promise {\r\n const resvg = await import(\"https://esm.sh/@resvg/resvg-wasm@2.6.2\");\r\n if (!wasmInit) {\r\n wasmInit = resvg\r\n .initWasm(fetch(\"https://esm.sh/@resvg/resvg-wasm@2.6.2/index_bg.wasm\"))\r\n .catch((e: Error) => {\r\n if (/already/i.test(e.message)) return;\r\n wasmInit = null;\r\n throw e;\r\n });\r\n }\r\n await wasmInit;\r\n const renderer = new resvg.Resvg(iconSvg(), { fitTo: { mode: \"width\", value: size } });\r\n return renderer.render().asPng();\r\n}\r\n\r\nexport async function iconPng(size: number): Promise {\r\n const cached = memCache.get(size);\r\n if (cached) return cached;\r\n\r\n const key = `sal_icon_${ICON_VERSION}_${size}`;\r\n try {\r\n const { blob } = await import(\"https://esm.town/v/std/blob\");\r\n try {\r\n const stored: any = await blob.get(key);\r\n const buf = new Uint8Array(await stored.arrayBuffer());\r\n if (buf.length > 0) {\r\n memCache.set(size, buf);\r\n return buf;\r\n }\r\n } catch {\r\n // not cached yet\r\n }\r\n const png = await renderPng(size);\r\n memCache.set(size, png);\r\n try {\r\n await blob.set(key, png.buffer as ArrayBuffer);\r\n } catch {\r\n // blob storage is best-effort; memory cache still works\r\n }\r\n return png;\r\n } catch {\r\n // resvg/blob unavailable; caller falls back to SVG\r\n try {\r\n const png = await renderPng(size);\r\n memCache.set(size, png);\r\n return png;\r\n } catch {\r\n return null;\r\n }\r\n }\r\n}\r\n",[],[329,340],"d3210b14-0752-4078-b9f0-c86f803859de","db.ts","f9794986-6654-11f1-8113-1607ee4eb77e",11,["D",1781265057385],"import sqlite from \"https://esm.town/v/std/sqlite/main.ts\";\r\nimport type { CartItem, CatalogItem, CustomItem, PriceInfo, SyncBranch } from \"../shared/types.ts\";\r\n\r\ntype Row = Record;\r\n\r\nconst DDL = [\r\n `CREATE TABLE IF NOT EXISTS sal_catalog (\r\n barcode TEXT PRIMARY KEY,\r\n name TEXT NOT NULL,\r\n brand TEXT NOT NULL DEFAULT '',\r\n category TEXT NOT NULL DEFAULT '',\r\n unit_qty TEXT NOT NULL DEFAULT '',\r\n ref_price REAL,\r\n search_text TEXT NOT NULL DEFAULT '',\r\n updated_at TEXT\r\n )`,\r\n `CREATE INDEX IF NOT EXISTS idx_sal_catalog_search ON sal_catalog(search_text)`,\r\n `CREATE TABLE IF NOT EXISTS sal_custom_items (\r\n id INTEGER PRIMARY KEY AUTOINCREMENT,\r\n name TEXT NOT NULL,\r\n price REAL NOT NULL DEFAULT 0,\r\n search_text TEXT NOT NULL DEFAULT '',\r\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\r\n )`,\r\n `CREATE TABLE IF NOT EXISTS sal_favorites (\r\n id INTEGER PRIMARY KEY AUTOINCREMENT,\r\n kind TEXT NOT NULL,\r\n barcode TEXT NOT NULL DEFAULT '',\r\n custom_id INTEGER NOT NULL DEFAULT 0,\r\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\r\n UNIQUE(kind, barcode, custom_id)\r\n )`,\r\n `CREATE TABLE IF NOT EXISTS sal_cart (\r\n id INTEGER PRIMARY KEY AUTOINCREMENT,\r\n kind TEXT NOT NULL,\r\n barcode TEXT,\r\n custom_id INTEGER,\r\n name TEXT NOT NULL,\r\n unit_price REAL NOT NULL DEFAULT 0,\r\n qty REAL NOT NULL DEFAULT 1,\r\n checked INTEGER NOT NULL DEFAULT 0,\r\n scanned_qty REAL NOT NULL DEFAULT 0,\r\n actual_price REAL,\r\n unplanned INTEGER NOT NULL DEFAULT 0,\r\n price_source TEXT NOT NULL DEFAULT '',\r\n added_at TEXT NOT NULL DEFAULT (datetime('now'))\r\n )`,\r\n `CREATE TABLE IF NOT EXISTS sal_price_cache (\r\n barcode TEXT PRIMARY KEY,\r\n avg_price REAL,\r\n min_price REAL,\r\n max_price REAL,\r\n cheapest_chain TEXT,\r\n store_count INTEGER,\r\n branch_price REAL,\r\n fetched_at TEXT NOT NULL\r\n )`,\r\n `CREATE TABLE IF NOT EXISTS sal_sync_state (\r\n branch_id TEXT PRIMARY KEY,\r\n branch_name TEXT NOT NULL DEFAULT '',\r\n next_skip INTEGER NOT NULL DEFAULT 0,\r\n total INTEGER,\r\n done_at TEXT,\r\n updated_at TEXT\r\n )`,\r\n `CREATE TABLE IF NOT EXISTS sal_settings (\r\n key TEXT PRIMARY KEY,\r\n value TEXT\r\n )`,\r\n];\r\n\r\nlet schemaReady = false;\r\nexport async function ensureSchema(): Promise {\r\n if (schemaReady) return;\r\n await sqlite.batch(DDL);\r\n schemaReady = true;\r\n}\r\n\r\nfunction toObjects(rs: { columns: string[]; rows: any[] }): Row[] {\r\n return rs.rows.map((r) =>\r\n Object.fromEntries(rs.columns.map((c, i) => [c, r[i] !== undefined ? r[i] : r[c]]))\r\n );\r\n}\r\n\r\nexport async function q(sql: string, args: any[] = []): Promise {\r\n const rs = await sqlite.execute({ sql, args });\r\n return toObjects(rs as any);\r\n}\r\n\r\nexport async function run(sql: string, args: any[] = []): Promise<{ lastId: number }> {\r\n const rs: any = await sqlite.execute({ sql, args });\r\n return { lastId: rs.lastInsertRowid != null ? Number(rs.lastInsertRowid) : 0 };\r\n}\r\n\r\n// ---------- Hebrew text normalization ----------\r\n\r\nconst FINALS: Record = { \"ך\": \"כ\", \"ם\": \"מ\", \"ן\": \"נ\", \"ף\": \"פ\", \"ץ\": \"צ\" };\r\n\r\nexport function normalizeHe(s: string): string {\r\n return (s || \"\")\r\n .replace(/[\"'`׳״\\u05F3\\u05F4]/g, \"\")\r\n .replace(/[ךםןףץ]/g, (ch) => FINALS[ch])\r\n .replace(/[\\u0591-\\u05C7]/g, \"\") // niqqud\r\n .replace(/\\s+/g, \" \")\r\n .trim()\r\n .toLowerCase();\r\n}\r\n\r\nfunction likeEscape(s: string): string {\r\n return s.replace(/([\\\\%_])/g, \"\\\\$1\");\r\n}\r\n\r\n// ---------- Settings ----------\r\n\r\nexport async function getSetting(key: string): Promise {\r\n const rows = await q(`SELECT value FROM sal_settings WHERE key = ?`, [key]);\r\n return rows.length ? (rows[0].value as string) : null;\r\n}\r\n\r\nexport async function setSetting(key: string, value: string | null): Promise {\r\n if (value === null) {\r\n await run(`DELETE FROM sal_settings WHERE key = ?`, [key]);\r\n } else {\r\n await run(\r\n `INSERT INTO sal_settings (key, value) VALUES (?, ?)\r\n ON CONFLICT(key) DO UPDATE SET value = excluded.value`,\r\n [key, value],\r\n );\r\n }\r\n}\r\n\r\nexport async function getSettingJSON(key: string, fallback: T): Promise {\r\n const v = await getSetting(key);\r\n if (!v) return fallback;\r\n try {\r\n return JSON.parse(v) as T;\r\n } catch {\r\n return fallback;\r\n }\r\n}\r\n\r\nexport async function setSettingJSON(key: string, value: unknown): Promise {\r\n await setSetting(key, JSON.stringify(value));\r\n}\r\n\r\n// ---------- Catalog ----------\r\n\r\nexport interface CatalogUpsert {\r\n barcode: string;\r\n name: string;\r\n brand?: string;\r\n category?: string;\r\n unit_qty?: string;\r\n price?: number | null;\r\n}\r\n\r\nexport async function upsertCatalogBatch(products: CatalogUpsert[]): Promise {\r\n if (!products.length) return;\r\n const now = new Date().toISOString();\r\n const stmts = products\r\n .filter((p) => p.barcode && p.name)\r\n .map((p) => ({\r\n sql: `INSERT INTO sal_catalog (barcode, name, brand, category, unit_qty, ref_price, search_text, updated_at)\r\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)\r\n ON CONFLICT(barcode) DO UPDATE SET\r\n name = excluded.name,\r\n brand = excluded.brand,\r\n category = excluded.category,\r\n unit_qty = CASE WHEN excluded.unit_qty != '' THEN excluded.unit_qty ELSE sal_catalog.unit_qty END,\r\n ref_price = COALESCE(excluded.ref_price, sal_catalog.ref_price),\r\n search_text = excluded.search_text,\r\n updated_at = excluded.updated_at`,\r\n args: [\r\n String(p.barcode),\r\n p.name,\r\n p.brand ?? \"\",\r\n p.category ?? \"\",\r\n p.unit_qty ?? \"\",\r\n p.price ?? null,\r\n normalizeHe(`${p.name} ${p.brand ?? \"\"}`),\r\n now,\r\n ],\r\n }));\r\n await sqlite.batch(stmts as any);\r\n}\r\n\r\nexport async function searchCatalog(query: string, limit = 25): Promise {\r\n const norm = normalizeHe(query);\r\n const terms = norm.split(\" \").filter(Boolean).slice(0, 6);\r\n if (!terms.length) return [];\r\n const where = terms.map(() => `search_text LIKE ? ESCAPE '\\\\'`).join(\" AND \");\r\n const args: any[] = terms.map((t) => `%${likeEscape(t)}%`);\r\n args.push(`${likeEscape(terms[0])}%`);\r\n args.push(limit);\r\n const rows = await q(\r\n `SELECT barcode, name, brand, category, unit_qty, ref_price, updated_at\r\n FROM sal_catalog\r\n WHERE ${where}\r\n ORDER BY (CASE WHEN search_text LIKE ? ESCAPE '\\\\' THEN 0 ELSE 1 END), length(name) ASC\r\n LIMIT ?`,\r\n args,\r\n );\r\n return rows as unknown as CatalogItem[];\r\n}\r\n\r\nexport async function getCatalogItem(barcode: string): Promise {\r\n const rows = await q(\r\n `SELECT barcode, name, brand, category, unit_qty, ref_price, updated_at FROM sal_catalog WHERE barcode = ?`,\r\n [barcode],\r\n );\r\n return rows.length ? (rows[0] as unknown as CatalogItem) : null;\r\n}\r\n\r\nexport async function catalogCount(): Promise {\r\n const rows = await q(`SELECT COUNT(*) AS n FROM sal_catalog`);\r\n return Number(rows[0]?.n ?? 0);\r\n}\r\n\r\n// ---------- Custom items ----------\r\n\r\nexport async function createCustomItem(name: string, price: number): Promise {\r\n const { lastId } = await run(\r\n `INSERT INTO sal_custom_items (name, price, search_text) VALUES (?, ?, ?)`,\r\n [name, price, normalizeHe(name)],\r\n );\r\n const rows = await q(`SELECT id, name, price, created_at FROM sal_custom_items WHERE id = ?`, [lastId]);\r\n return rows[0] as unknown as CustomItem;\r\n}\r\n\r\nexport async function updateCustomItem(id: number, fields: { name?: string; price?: number }): Promise {\r\n const sets: string[] = [];\r\n const args: any[] = [];\r\n if (fields.name !== undefined) {\r\n sets.push(\"name = ?\", \"search_text = ?\");\r\n args.push(fields.name, normalizeHe(fields.name));\r\n }\r\n if (fields.price !== undefined) {\r\n sets.push(\"price = ?\");\r\n args.push(fields.price);\r\n }\r\n if (!sets.length) return;\r\n args.push(id);\r\n await run(`UPDATE sal_custom_items SET ${sets.join(\", \")} WHERE id = ?`, args);\r\n // Propagate to unchecked cart rows that reference this custom item.\r\n if (fields.name !== undefined || fields.price !== undefined) {\r\n const sets2: string[] = [];\r\n const args2: any[] = [];\r\n if (fields.name !== undefined) {\r\n sets2.push(\"name = ?\");\r\n args2.push(fields.name);\r\n }\r\n if (fields.price !== undefined) {\r\n sets2.push(\"unit_price = ?\");\r\n args2.push(fields.price);\r\n }\r\n args2.push(id);\r\n await run(`UPDATE sal_cart SET ${sets2.join(\", \")} WHERE kind = 'custom' AND custom_id = ? AND checked = 0`, args2);\r\n }\r\n}\r\n\r\nexport async function deleteCustomItem(id: number): Promise {\r\n await run(`DELETE FROM sal_custom_items WHERE id = ?`, [id]);\r\n await run(`DELETE FROM sal_favorites WHERE kind = 'custom' AND custom_id = ?`, [id]);\r\n}\r\n\r\nexport async function getCustomItem(id: number): Promise {\r\n const rows = await q(`SELECT id, name, price, created_at FROM sal_custom_items WHERE id = ?`, [id]);\r\n return rows.length ? (rows[0] as unknown as CustomItem) : null;\r\n}\r\n\r\nexport async function searchCustomItems(query: string, limit = 10): Promise {\r\n const norm = normalizeHe(query);\r\n const terms = norm.split(\" \").filter(Boolean).slice(0, 6);\r\n if (!terms.length) return [];\r\n const where = terms.map(() => `search_text LIKE ? ESCAPE '\\\\'`).join(\" AND \");\r\n const args: any[] = terms.map((t) => `%${likeEscape(t)}%`);\r\n args.push(limit);\r\n const rows = await q(\r\n `SELECT id, name, price, created_at FROM sal_custom_items WHERE ${where} ORDER BY length(name) LIMIT ?`,\r\n args,\r\n );\r\n return rows as unknown as CustomItem[];\r\n}\r\n\r\n// ---------- Favorites ----------\r\n\r\nexport async function listFavorites(): Promise {\r\n return await q(\r\n `SELECT f.id, f.kind, f.barcode, f.custom_id, f.created_at,\r\n COALESCE(c.name, ci.name) AS name,\r\n COALESCE(c.brand, '') AS brand,\r\n c.unit_qty AS unit_qty,\r\n COALESCE(p.avg_price, c.ref_price, ci.price) AS price\r\n FROM sal_favorites f\r\n LEFT JOIN sal_catalog c ON f.kind = 'catalog' AND c.barcode = f.barcode\r\n LEFT JOIN sal_custom_items ci ON f.kind = 'custom' AND ci.id = f.custom_id\r\n LEFT JOIN sal_price_cache p ON f.kind = 'catalog' AND p.barcode = f.barcode\r\n ORDER BY f.created_at DESC`,\r\n );\r\n}\r\n\r\nexport async function addFavorite(kind: string, barcode: string | null, customId: number | null): Promise {\r\n await run(\r\n `INSERT OR IGNORE INTO sal_favorites (kind, barcode, custom_id) VALUES (?, ?, ?)`,\r\n [kind, barcode ?? \"\", customId ?? 0],\r\n );\r\n}\r\n\r\nexport async function removeFavorite(kind: string, barcode: string | null, customId: number | null): Promise {\r\n await run(\r\n `DELETE FROM sal_favorites WHERE kind = ? AND barcode = ? AND custom_id = ?`,\r\n [kind, barcode ?? \"\", customId ?? 0],\r\n );\r\n}\r\n\r\nexport async function favoriteKeys(): Promise> {\r\n const rows = await q(`SELECT kind, barcode, custom_id FROM sal_favorites`);\r\n return new Set(rows.map((r) => (r.kind === \"catalog\" ? `catalog:${r.barcode}` : `custom:${r.custom_id}`)));\r\n}\r\n\r\n// ---------- Cart ----------\r\n\r\nexport async function listCart(): Promise {\r\n const rows = await q(`SELECT * FROM sal_cart ORDER BY checked ASC, added_at DESC, id DESC`);\r\n return rows as unknown as CartItem[];\r\n}\r\n\r\nexport async function getCartItem(id: number): Promise {\r\n const rows = await q(`SELECT * FROM sal_cart WHERE id = ?`, [id]);\r\n return rows.length ? (rows[0] as unknown as CartItem) : null;\r\n}\r\n\r\nexport async function findCartByRef(kind: string, barcode: string | null, customId: number | null): Promise {\r\n const rows = kind === \"catalog\"\r\n ? await q(`SELECT * FROM sal_cart WHERE kind = 'catalog' AND barcode = ? LIMIT 1`, [barcode])\r\n : await q(`SELECT * FROM sal_cart WHERE kind = 'custom' AND custom_id = ? LIMIT 1`, [customId]);\r\n return rows.length ? (rows[0] as unknown as CartItem) : null;\r\n}\r\n\r\nexport interface CartInsert {\r\n kind: string;\r\n barcode?: string | null;\r\n custom_id?: number | null;\r\n name: string;\r\n unit_price: number;\r\n qty?: number;\r\n checked?: number;\r\n scanned_qty?: number;\r\n actual_price?: number | null;\r\n unplanned?: number;\r\n price_source?: string;\r\n}\r\n\r\nexport async function insertCartItem(item: CartInsert): Promise {\r\n const { lastId } = await run(\r\n `INSERT INTO sal_cart (kind, barcode, custom_id, name, unit_price, qty, checked, scanned_qty, actual_price, unplanned, price_source)\r\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\r\n [\r\n item.kind,\r\n item.barcode ?? null,\r\n item.custom_id ?? null,\r\n item.name,\r\n item.unit_price,\r\n item.qty ?? 1,\r\n item.checked ?? 0,\r\n item.scanned_qty ?? 0,\r\n item.actual_price ?? null,\r\n item.unplanned ?? 0,\r\n item.price_source ?? \"\",\r\n ],\r\n );\r\n return lastId;\r\n}\r\n\r\nconst CART_PATCHABLE = [\"qty\", \"checked\", \"unit_price\", \"scanned_qty\", \"actual_price\", \"name\", \"price_source\"];\r\n\r\nexport async function patchCartItem(id: number, fields: Record): Promise {\r\n const sets: string[] = [];\r\n const args: any[] = [];\r\n for (const key of CART_PATCHABLE) {\r\n if (fields[key] !== undefined) {\r\n sets.push(`${key} = ?`);\r\n args.push(fields[key]);\r\n }\r\n }\r\n if (!sets.length) return;\r\n args.push(id);\r\n await run(`UPDATE sal_cart SET ${sets.join(\", \")} WHERE id = ?`, args);\r\n}\r\n\r\nexport async function deleteCartItem(id: number): Promise {\r\n await run(`DELETE FROM sal_cart WHERE id = ?`, [id]);\r\n}\r\n\r\nexport async function clearCart(mode: \"all\" | \"checked\"): Promise {\r\n if (mode === \"checked\") {\r\n await run(`DELETE FROM sal_cart WHERE checked = 1`);\r\n } else {\r\n await run(`DELETE FROM sal_cart`);\r\n }\r\n}\r\n\r\nexport async function cartBarcodes(): Promise {\r\n const rows = await q(`SELECT DISTINCT barcode FROM sal_cart WHERE kind = 'catalog' AND barcode IS NOT NULL`);\r\n return rows.map((r) => String(r.barcode));\r\n}\r\n\r\n// ---------- Price cache ----------\r\n\r\nconst PRICE_TTL_MS = 24 * 60 * 60 * 1000;\r\n\r\nexport async function getCachedPrice(barcode: string): Promise {\r\n const rows = await q(`SELECT * FROM sal_price_cache WHERE barcode = ?`, [barcode]);\r\n return rows.length ? (rows[0] as unknown as PriceInfo) : null;\r\n}\r\n\r\nexport function isFresh(info: PriceInfo | null): boolean {\r\n if (!info?.fetched_at) return false;\r\n return Date.now() - Date.parse(info.fetched_at) < PRICE_TTL_MS;\r\n}\r\n\r\nexport async function setCachedPrice(info: Omit): Promise {\r\n await run(\r\n `INSERT INTO sal_price_cache (barcode, avg_price, min_price, max_price, cheapest_chain, store_count, branch_price, fetched_at)\r\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)\r\n ON CONFLICT(barcode) DO UPDATE SET\r\n avg_price = excluded.avg_price,\r\n min_price = excluded.min_price,\r\n max_price = excluded.max_price,\r\n cheapest_chain = excluded.cheapest_chain,\r\n store_count = excluded.store_count,\r\n branch_price = excluded.branch_price,\r\n fetched_at = excluded.fetched_at`,\r\n [\r\n info.barcode,\r\n info.avg_price,\r\n info.min_price,\r\n info.max_price,\r\n info.cheapest_chain,\r\n info.store_count,\r\n info.branch_price,\r\n new Date().toISOString(),\r\n ],\r\n );\r\n}\r\n\r\nexport async function stalePriceBarcodes(barcodes: string[], limit: number): Promise {\r\n if (!barcodes.length) return [];\r\n const placeholders = barcodes.map(() => \"?\").join(\",\");\r\n const rows = await q(\r\n `SELECT barcode, fetched_at FROM sal_price_cache WHERE barcode IN (${placeholders})`,\r\n barcodes,\r\n );\r\n const fresh = new Set(\r\n rows.filter((r) => Date.now() - Date.parse(String(r.fetched_at)) < PRICE_TTL_MS).map((r) => String(r.barcode)),\r\n );\r\n return barcodes.filter((b) => !fresh.has(b)).slice(0, limit);\r\n}\r\n\r\n// ---------- Sync state ----------\r\n\r\nexport interface SyncState {\r\n branch_id: string;\r\n branch_name: string;\r\n next_skip: number;\r\n total: number | null;\r\n done_at: string | null;\r\n updated_at: string | null;\r\n}\r\n\r\nexport async function getSyncStates(): Promise {\r\n const rows = await q(`SELECT * FROM sal_sync_state`);\r\n return rows as unknown as SyncState[];\r\n}\r\n\r\nexport async function upsertSyncState(s: Partial & { branch_id: string }): Promise {\r\n const existing = await q(`SELECT branch_id FROM sal_sync_state WHERE branch_id = ?`, [s.branch_id]);\r\n if (!existing.length) {\r\n await run(\r\n `INSERT INTO sal_sync_state (branch_id, branch_name, next_skip, total, done_at, updated_at) VALUES (?, ?, ?, ?, ?, ?)`,\r\n [s.branch_id, s.branch_name ?? \"\", s.next_skip ?? 0, s.total ?? null, s.done_at ?? null, new Date().toISOString()],\r\n );\r\n return;\r\n }\r\n const sets: string[] = [\"updated_at = ?\"];\r\n const args: any[] = [new Date().toISOString()];\r\n for (const key of [\"branch_name\", \"next_skip\", \"total\", \"done_at\"] as const) {\r\n if (s[key] !== undefined) {\r\n sets.push(`${key} = ?`);\r\n args.push(s[key]);\r\n }\r\n }\r\n args.push(s.branch_id);\r\n await run(`UPDATE sal_sync_state SET ${sets.join(\", \")} WHERE branch_id = ?`, args);\r\n}\r\n\r\nexport async function lastSyncAt(): Promise {\r\n const rows = await q(`SELECT MAX(updated_at) AS t FROM sal_sync_state`);\r\n return rows[0]?.t ? String(rows[0].t) : null;\r\n}\r\n\r\nexport type { SyncBranch };\r\n",[],[329,348],"d1aba5d3-b6c2-415e-9044-b637533de144","cheapersal.ts","f9525e2a-6654-11f1-b751-1607ee4eb77e",10,["D",1781265057129],"import {\r\n getSetting,\r\n getSettingJSON,\r\n setCachedPrice,\r\n setSetting,\r\n setSettingJSON,\r\n upsertCatalogBatch,\r\n} from \"./db.ts\";\r\nimport type { PriceInfo } from \"../shared/types.ts\";\r\n\r\nconst BASE = \"https://api.cheapersal.co.il/api/v1\";\r\n\r\n// Free tier: 100 requests/day, 3,000/month, 10/minute. Keep a margin under the daily cap.\r\nconst DAILY_HARD_CAP = 95;\r\n\r\nexport class CheapersalError extends Error {\r\n code: string;\r\n constructor(message: string, code: string) {\r\n super(message);\r\n this.code = code;\r\n }\r\n}\r\n\r\nexport function hasApiKey(): boolean {\r\n return !!Deno.env.get(\"CHEAPERSAL_API_KEY\");\r\n}\r\n\r\nexport function sleep(ms: number): Promise {\r\n return new Promise((resolve) => setTimeout(resolve, ms));\r\n}\r\n\r\n// ---------- Daily usage accounting (UTC, matches Cheapersal's reset) ----------\r\n\r\ninterface Usage {\r\n date: string;\r\n count: number;\r\n}\r\n\r\nfunction todayUTC(): string {\r\n return new Date().toISOString().slice(0, 10);\r\n}\r\n\r\nexport async function getUsage(): Promise {\r\n const u = await getSettingJSON(\"api_usage\", { date: todayUTC(), count: 0 });\r\n return u.date === todayUTC() ? u : { date: todayUTC(), count: 0 };\r\n}\r\n\r\nasync function bumpUsage(): Promise {\r\n const u = await getUsage();\r\n u.count += 1;\r\n await setSettingJSON(\"api_usage\", u);\r\n}\r\n\r\nexport async function remainingReported(): Promise {\r\n const v = await getSetting(\"api_remaining\");\r\n return v === null ? null : Number(v);\r\n}\r\n\r\n// ---------- Core fetch ----------\r\n\r\nexport async function cheapersalGet(\r\n path: string,\r\n params: Record = {},\r\n opts: { budget?: number } = {},\r\n): Promise {\r\n const key = Deno.env.get(\"CHEAPERSAL_API_KEY\");\r\n if (!key) throw new CheapersalError(\"CHEAPERSAL_API_KEY is not configured\", \"NO_KEY\");\r\n\r\n const usage = await getUsage();\r\n const cap = Math.min(opts.budget ?? DAILY_HARD_CAP, DAILY_HARD_CAP);\r\n if (usage.count >= cap) {\r\n throw new CheapersalError(\"Daily Cheapersal request budget exhausted\", \"BUDGET\");\r\n }\r\n\r\n const url = new URL(BASE + path);\r\n for (const [k, v] of Object.entries(params)) {\r\n if (v !== undefined && v !== \"\") url.searchParams.set(k, String(v));\r\n }\r\n\r\n const res = await fetch(url, { headers: { \"X-API-Key\": key } });\r\n await bumpUsage();\r\n\r\n let body: any = null;\r\n try {\r\n body = await res.json();\r\n } catch {\r\n // non-JSON response; handled below via status\r\n }\r\n const remaining = body?.meta?.usage?.remaining;\r\n if (remaining !== undefined && remaining !== null) {\r\n await setSetting(\"api_remaining\", String(remaining));\r\n }\r\n if (!res.ok || body?.success === false) {\r\n const code = body?.error?.code ?? `HTTP_${res.status}`;\r\n const msg = body?.error?.message ?? `Cheapersal request failed (${res.status})`;\r\n throw new CheapersalError(msg, code);\r\n }\r\n return body?.data;\r\n}\r\n\r\n// ---------- Domain calls ----------\r\n\r\nexport interface PricesResult {\r\n product: { barcode?: string; name?: string; manufacturer?: string; category?: string; unitQty?: string } | null;\r\n average: number | null;\r\n cheapest: number | null;\r\n mostExpensive: number | null;\r\n storeCount: number | null;\r\n cheapestChain: string | null;\r\n branchPrice: number | null;\r\n}\r\n\r\nexport async function fetchPrices(barcode: string, myBranchId?: string | null): Promise {\r\n const data = await cheapersalGet(`/products/${encodeURIComponent(barcode)}/prices`);\r\n const summary = data?.summary ?? {};\r\n let branchPrice: number | null = null;\r\n if (myBranchId && Array.isArray(data?.prices)) {\r\n const hit = data.prices.find((p: any) => p?.branch?.id === myBranchId);\r\n if (hit) branchPrice = hit.promo?.promoPrice ?? hit.price ?? null;\r\n }\r\n return {\r\n product: data?.product ?? null,\r\n average: summary.average ?? null,\r\n cheapest: summary.cheapest ?? null,\r\n mostExpensive: summary.mostExpensive ?? null,\r\n storeCount: summary.storeCount ?? null,\r\n cheapestChain: summary.cheapestChain?.name ?? null,\r\n branchPrice,\r\n };\r\n}\r\n\r\n/**\r\n * Fetch live prices for a barcode, store them in the price cache, and make sure\r\n * the product exists in the local catalog (so future searches find it).\r\n */\r\nexport async function refreshPrice(barcode: string): Promise {\r\n const myBranchId = await getSetting(\"my_branch_id\");\r\n const r = await fetchPrices(barcode, myBranchId);\r\n const info = {\r\n barcode,\r\n avg_price: r.average,\r\n min_price: r.cheapest,\r\n max_price: r.mostExpensive,\r\n cheapest_chain: r.cheapestChain,\r\n store_count: r.storeCount,\r\n branch_price: r.branchPrice,\r\n };\r\n await setCachedPrice(info);\r\n if (r.product?.name) {\r\n await upsertCatalogBatch([{\r\n barcode,\r\n name: r.product.name,\r\n brand: r.product.manufacturer ?? \"\",\r\n category: r.product.category ?? \"\",\r\n unit_qty: r.product.unitQty ?? \"\",\r\n price: r.average,\r\n }]);\r\n }\r\n return { ...info, fetched_at: new Date().toISOString() };\r\n}\r\n\r\nexport interface BranchProductsPage {\r\n products: Array<{ barcode: string; name: string; brand?: string; price?: number; category?: string }>;\r\n total: number;\r\n skip: number;\r\n limit: number;\r\n}\r\n\r\nexport async function getBranchProducts(branchId: string, skip: number, limit = 200, budget?: number): Promise {\r\n const data = await cheapersalGet(\r\n `/branches/${encodeURIComponent(branchId)}/products`,\r\n { skip, limit },\r\n { budget },\r\n );\r\n return {\r\n products: Array.isArray(data?.products) ? data.products : [],\r\n total: Number(data?.total ?? 0),\r\n skip: Number(data?.skip ?? skip),\r\n limit: Number(data?.limit ?? limit),\r\n };\r\n}\r\n\r\nexport async function listBranches(params: { city?: string; chainId?: string; online?: string; limit?: number; skip?: number }): Promise {\r\n return await cheapersalGet(\"/branches\", params as Record);\r\n}\r\n\r\nexport async function listCities(): Promise {\r\n return await cheapersalGet(\"/cities\");\r\n}\r\n",[],[329,356],"957b7828-2037-4489-87e5-b59a5c295272",["D",1781264884030],[178,179,180,181,182],[329],"aa4c5e77-addb-4ead-adc7-cc2fbef21e6a",".vt","bb7ec82c-6654-11f1-98fc-1607ee4eb77e",8,["D",1781264953400],[],[368],"7b603636-18b2-423f-88d7-d7dee3c0d631",".git","929e2830-6654-11f1-92f4-1607ee4eb77e",4,["D",1781264884823],[],[375],["D",1781264881516],["D",1789535451117],{"_11":12,"_130":69},{"_11":12,"_125":126,"_68":69,"_30":67,"_127":128,"_129":24},{"_39":116,"_13":16,"_33":36,"_117":79,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":14,"_124":12},"ctx",{"_52":-5,"_150":419,"_420":421,"_422":423,"_424":24,"_425":24,"_426":24,"_427":148,"_428":-5,"_429":-7,"_430":-7,"_431":26,"_432":24,"_433":24,"_434":-5,"_435":24,"_436":24,"_437":24,"_438":-5},"ENV",{"_390":391,"_392":393,"_394":16,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · index.html