/* ===== Icons (thin line set) + app-screen mockups ===== */ const { useState, useEffect, useRef } = React; const L = () => window.__lang || "ru"; /* ---- icon set ---- */ const PATHS = { folder: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", box: "M3 8 12 3l9 5v8l-9 5-9-5z M3 8l9 5 9-5 M12 13v8", search: "M11 4a7 7 0 1 0 0 14 7 7 0 0 0 0-14z M20 20l-3.2-3.2", scan: "M4 8V5a1 1 0 0 1 1-1h3 M16 4h3a1 1 0 0 1 1 1v3 M20 16v3a1 1 0 0 1-1 1h-3 M8 20H5a1 1 0 0 1-1-1v-3 M7 12h10", clock: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16z M12 8v4l3 2", list: "M8 6h12 M8 12h12 M8 18h12 M4 6h.01 M4 12h.01 M4 18h.01", check: "M5 12l4 4 10-10", lock: "M6 10V8a6 6 0 0 1 12 0v2 M5 10h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1z", cloudoff: "M4 4l16 16 M19 16a4 4 0 0 0-2-7.5A6 6 0 0 0 7 7 M6 9a4 4 0 0 0 0 8h9", tag: "M3 12V5a2 2 0 0 1 2-2h7l9 9-9 9z M8 8h.01", cube: "M3 8 12 3l9 5v8l-9 5-9-5z M3 8l9 5 9-5", home: "M4 11l8-7 8 7 M6 10v9h12v-9", plus: "M12 5v14 M5 12h14", chevron: "M9 6l6 6-6 6", bell: "M6 9a6 6 0 0 1 12 0c0 5 2 6 2 6H4s2-1 2-6z M10 21h4", pin: "M12 21s7-6 7-11a7 7 0 0 0-14 0c0 5 7 11 7 11z M12 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4z", shield: "M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z M9 12l2 2 4-4", }; function Icon({ n, s=22, stroke, style }){ return ( ); } /* ---- localized micro-labels for screens ---- */ const SC = { search:{ru:"Поиск вещей и папок",en:"Search items & folders",es:"Buscar objetos y carpetas"}, tabs:{ru:["Дом","Поиск","Сканер","Сроки","Списки"],en:["Home","Search","Scan","Expiry","Lists"],es:["Casa","Buscar","Escáner","Caduca","Listas"]}, items:{ru:"шт",en:"pcs",es:"u"}, folders:{ ru:[["Кухня","folder",42],["Аптечка","box",18],["Гараж","box",63],["Документы","folder",27],["Кладовая","box",51]], en:[["Kitchen","folder",42],["Medicine","box",18],["Garage","box",63],["Documents","folder",27],["Pantry","box",51]], es:[["Cocina","folder",42],["Botiquín","box",18],["Garaje","box",63],["Documentos","folder",27],["Despensa","box",51]], }, card:{ title:{ru:"Дрель Bosch GSB",en:"Bosch GSB drill",es:"Taladro Bosch GSB"}, status:{ru:"В мастерской",en:"In workshop",es:"En taller"}, fields:{ ru:[["Кол-во","1 шт"],["Гарантия","до 03.2027"],["Цена","8 990 ₽"],["Локация","Гараж · полка B"]], en:[["Quantity","1 pc"],["Warranty","to 03.2027"],["Price","$129"],["Location","Garage · shelf B"]], es:[["Cantidad","1 u"],["Garantía","hasta 03.2027"],["Precio","119 €"],["Ubicación","Garaje · estante B"]], }, tags:{ru:["инструмент","в починке"],en:["tool","repair"],es:["herramienta","reparación"]}, photo:{ru:"ФОТО",en:"PHOTO",es:"FOTO"}, }, expiry:{ title:{ru:"Сроки годности",en:"Expiry dates",es:"Caducidades"}, rows:{ ru:[["Молоко","2 дня","soon"],["Парацетамол","8 дней","soon"],["Йогурт","Просрочен","exp"],["Витамин D","41 день","ok"],["Соус песто","3 дня","soon"]], en:[["Milk","2 days","soon"],["Paracetamol","8 days","soon"],["Yogurt","Expired","exp"],["Vitamin D","41 days","ok"],["Pesto sauce","3 days","soon"]], es:[["Leche","2 días","soon"],["Paracetamol","8 días","soon"],["Yogur","Caducado","exp"],["Vitamina D","41 días","ok"],["Salsa pesto","3 días","soon"]], }, }, packing:{ title:{ru:"Сборы · Лиссабон",en:"Packing · Lisbon",es:"Equipaje · Lisboa"}, progress:{ru:"собрано 5 из 8",en:"5 of 8 packed",es:"5 de 8 listo"}, rows:{ ru:[["Паспорт",1],["Зарядка USB-C",1],["Кроссовки",1],["Солнцезащитный крем",1],["Адаптер EU",1],["Наушники",0],["Книга",0],["Очки",0]], en:[["Passport",1],["USB-C charger",1],["Sneakers",1],["Sunscreen",1],["EU adapter",1],["Headphones",0],["Book",0],["Sunglasses",0]], es:[["Pasaporte",1],["Cargador USB-C",1],["Zapatillas",1],["Protector solar",1],["Adaptador EU",1],["Auriculares",0],["Libro",0],["Gafas",0]], }, }, scan:{ hint:{ru:"Наведите на штрихкод",en:"Point at a barcode",es:"Apunta al código"}, found:{ru:"Найдено в каталоге",en:"Found in catalog",es:"Hallado en catálogo"}, item:{ru:"Кофе в зёрнах 1 кг",en:"Coffee beans 1 kg",es:"Café en grano 1 kg"}, loc:{ru:"Кухня · верхний шкаф",en:"Kitchen · top cabinet",es:"Cocina · armario alto"}, open:{ru:"Открыть",en:"Open",es:"Abrir"}, }, }; const t2 = (node)=> node[L()]!==undefined ? node[L()] : node.ru; /* shared status bar */ function StatusBar(){ return (

9:41

); } function TabBar({ active=0 }){ const tabs = t2(SC.tabs); const ic=["home","search","scan","clock","list"]; return (

{tabs.map((tb,i)=>(

{tb}

))}

); } const wrapScreen = (children, pb=true) => (

{children}

{pb}

); /* ===== 1. Folders / dashboard ===== */ function ScreenFolders(){ const list = t2(SC.folders); const u = t2(SC.items); return wrapScreen(

{window.brand()}

{t2(SC.search)}

{list.map((f,i)=>(

{f[0]}

{f[2]} {u}

))}

, ); } /* ===== 2. Item card ===== */ function ScreenCard(){ const c=SC.card; const fields=t2(c.fields); const tags=t2(c.tags); return wrapScreen(

Гараж

{t2(c.photo)}

{t2(c.title)}

{t2(c.status)}

{fields.map((f,i)=>(

{f[0]}

{f[1]}

))}

{tags.map((tg,i)=>({tg}))}

, false ); } /* ===== 3. Expiry ===== */ function ScreenExpiry(){ const rows=t2(SC.expiry.rows); const tone={soon:["var(--accent)","var(--accent-soft)"],exp:["#fff","var(--accent)"],ok:["var(--ink2)","var(--panel)"]}; return wrapScreen(

{t2(SC.expiry.title)}

{rows.map((r,i)=>{ const [fg,bg]=tone[r[2]]; return (

{r[0]} {r[1]}

);})}

{L()==="ru"?"Напоминания включены":L()==="es"?"Recordatorios activos":"Reminders on"}

, ); } /* ===== 4. Packing list ===== */ function ScreenPacking(){ const rows=t2(SC.packing.rows); return wrapScreen(

{t2(SC.packing.title)}

{t2(SC.packing.progress)}

{rows.map((r,i)=>(

{r[1]?:null} {r[0]}

))}

, ); } /* ===== 5. Scanner ===== */ function ScreenScan(){ return (

{[["top","left"],["top","right"],["bottom","left"],["bottom","right"]].map((c,i)=>( ))}

{Array.from({length:22}).map((_,i)=>)}

{t2(SC.scan.hint)}

{t2(SC.scan.found)}

{t2(SC.scan.item)}

{t2(SC.scan.loc)}

{t2(SC.scan.open)}

); } const SHOTS = { dash:{en:"uploads/1-2_en-portrait.png",es:"uploads/1-2_es-portrait.png",ru:"uploads/1-2_ru-portrait.png"}, packing:{en:"uploads/3_en-portrait-1904b047.png",es:"uploads/3_es-portrait-16151c3f.png",ru:"uploads/3_ru-portrait.png"}, card:{en:"uploads/4_en-portrait.png",es:"uploads/4_es-portrait.png",ru:"uploads/4_ru-portrait.png"}, list:{en:"uploads/5_en-portrait.png",es:"uploads/5_es-portrait.png",ru:"uploads/5_ru-portrait.png"}, }; const SCREEN_TO_SHOT = { folders:"dash", packing:"packing", card:"card", expiry:"list" }; function shotSrc(screen){ const key = SCREEN_TO_SHOT[screen]; if(!key) return null; const set = SHOTS[key]; return set[L()] || set.en; } function Phone({ screen, w=288 }){ const src = shotSrc(screen); return (

); } function ShotPreloader(){ const all = Object.values(SHOTS).flatMap(s=>Object.values(s)); return ( ); } Object.assign(window, { Icon, Phone, ShotPreloader, ScreenFolders, ScreenCard, ScreenExpiry, ScreenPacking, ScreenScan });