vkusvill 0.0.0-dev.0 → 0.0.0-dev.1

package/src/views/catalog.js

@@ -2,7 +2,7 @@
 // Deals: loyalty-card discounts and "buy N or more" discounts.
 
 import { T } from "../ui/theme.js";
-import { TextInput, Menu } from "../ui/widgets.js";
+import { TextInput, Menu, ChipBar } from "../ui/widgets.js";
 import { ProductBrowser } from "./browser.js";
 import * as api from "../api.js";
 import { store } from "../store.js";
@@ -25,24 +25,49 @@ export function catalogView(app) {
       return pageOf(await api.search(st.q, { page, sort, category: st.category }));
     },
     drawHeader: (g, r) => drawSearch(g, r),
+    // Zones top to bottom: search box → chips → list. ↑↓ move between them, ← → walk the chips
     keyHook: (k) => {
       if (b.focus === "search") {
         if (k.type === "paste") { input.key(k); return true; }
-        if (k.name === "down" || k.name === "tab" || k.name === "escape") { b.focus = "list"; if (st.q) store.rememberQuery(st.q); return true; }
+        if (k.name === "down" || k.name === "tab") { if (st.q) store.rememberQuery(st.q); b.focus = chips().length ? "chips" : "list"; return true; }
+        if (k.name === "escape") { b.focus = "list"; return true; }
         if (k.name === "enter") { submit(); b.focus = "list"; return true; }
-        if (k.name === "up") return true;
+        if (k.name === "up") return false; // on to the header
         return input.key(k);
       }
       if (k.type !== "key") return false;
+      if (b.focus === "chips") {
+        if (k.name === "up") { b.focus = "search"; return true; }
+        if (k.name === "down" || k.name === "escape") { b.focus = "list"; return true; }
+        if (bar.key(k, chips())) return true;
+      }
       const h = k.hot ?? k.name;
       if (h === "/" || k.ch === "." || (k.ctrl && k.name === "f")) { b.focus = "search"; return true; }
       if (h === "g") { categoryMenu(); return true; }
       if (k.name === "escape" && st.q) { input.set(""); setQuery(""); b.focus = "search"; return true; }
-      if (k.name === "up" && b.list.sel === 0) { b.focus = "search"; return true; }
+      if (k.name === "up" && b.list.sel === 0) { b.focus = chips().length ? "chips" : "search"; return true; }
       return false;
     },
   });
   b.focus = "search";
+  b.focusTop = () => { b.focus = "search"; };
+  const bar = new ChipBar();
+
+  // Chips under the search box: categories of the results, or recent queries and suggestions
+  function chips() {
+    if (st.q && b.facets?.length) {
+      return [
+        { label: "все", prefix: "g ", run: () => setCategory(0), ...(st.category ? {} : { fg: T.bg, bg: T.lime, bold: true }) },
+        ...b.facets.map((c) => ({ label: c.category_name.toLowerCase(), run: () => setCategory(c.category_id), ...(st.category === c.category_id ? { fg: T.bg, bg: T.lime, bold: true } : {}) })),
+      ];
+    }
+    if (st.q) return [];
+    const recent = store.queries.slice(0, 5);
+    return [
+      ...recent.map((q, i) => ({ label: q, prefix: i ? undefined : "недавно ", fg: T.mint, run: () => search(q) })),
+      ...SUGGEST.filter((q) => !recent.includes(q)).map((q, i) => ({ label: q, prefix: i ? undefined : recent.length ? " попробуйте " : "попробуйте ", run: () => search(q) })),
+    ];
+  }
 
   input.onChange = (v) => {
     clearTimeout(st.timer);
@@ -75,76 +100,101 @@ export function catalogView(app) {
   }
 
   function drawSearch(g, r) {
-    const focused = b.focus === "search";
+    const focused = b.focus === "search" && !app.headerFocus;
     g.fill(r.x, r.y, r.w, r.h, T.bg);
-    g.box(r.x, r.y, r.w, 3, { fg: focused ? T.lineHi : T.line, bg: T.panel, title: "Поиск во ВкусВилле", titleFg: focused ? T.lime : T.dim, right: focused ? "⏎ искать · ↓ к списку" : "/ — искать", rightFg: T.dim });
+    g.box(r.x, r.y, r.w, 3, { fg: focused ? T.lineHi : T.line, bg: T.panel, title: "Поиск", titleFg: focused ? T.lime : T.dim, right: focused ? "⏎ искать · ↓ дальше" : "/ — искать", rightFg: T.dim });
     g.text(r.x + 2, r.y + 1, "⌕", { fg: T.lime, bold: true, bg: T.panel });
     input.draw(g, r.x + 4, r.y + 1, r.w - 8, { focused, bg: T.panel, blink: app.frame % 10 < 7 || !focused });
     app.hit(r.x, r.y, r.w, 3, { click: () => { b.focus = "search"; } });
     // Chips: categories of the results, or suggestions
-    let x = r.x + 1;
-    const y = r.y + 3;
-    const chip = (label, active, fn, color = T.sub) => {
-      const w = strWidth(label) + 2;
-      if (x + w > r.x + r.w - 1) return;
-      g.pill(x, y, label, { fg: active ? T.bg : color, bg: active ? T.lime : T.raise, bold: active });
-      app.hit(x, y, w, 1, { click: fn });
-      x += w + 1;
-    };
-    if (st.q && b.facets?.length) {
-      x = g.text(x, y, "g ", { fg: T.dim });
-      chip("все", !st.category, () => setCategory(0));
-      for (const c of b.facets) chip(c.category_name.toLowerCase(), st.category === c.category_id, () => setCategory(c.category_id));
-    } else if (!st.q) {
-      const recent = store.queries.slice(0, 5);
-      if (recent.length) { x = g.text(x, y, "недавно ", { fg: T.dim }); for (const q of recent) chip(q, false, () => search(q), T.mint); x += 1; }
-      x = g.text(x, y, "попробуйте ", { fg: T.dim });
-      for (const q of SUGGEST) if (!recent.includes(q)) chip(q, false, () => search(q));
-    }
+    bar.draw(g, app, r.x + 1, r.y + 3, r.x + r.w - 1, chips(), { focused: b.focus === "chips" && !app.headerFocus });
   }
 
   const baseHints = b.hints.bind(b);
-  b.hints = () => (b.focus === "search" ? [["⏎", "искать"], ["↓", "к списку"], ["^U", "очистить"], ["esc", "к списку"]] : baseHints());
+  b.hints = () => (b.focus === "search" ? [["⏎", "искать"], ["↓", "дальше"], ["^U", "очистить"], ["esc", "к списку"]]
+    : b.focus === "chips" ? [["← →", "выбор"], ["⏎", "выбрать"], ["↑", "к поиску"], ["↓", "к списку"]]
+    : baseHints());
   b.search = search;
   return b;
 }
 
+// Combo sets are not a discount type of the MCP server but regular catalog items. Search is fuzzy
+// ("комбо" also finds soup sets and kombucha), so only real combos are kept: "Комбо-набор: …",
+// "Комбо «Кофейная пара» …", "Набор: X + Y", a ready meal with a salad, or a combo shelf. Two queries
+// find different ones. Café combos for pickup ("Комбо дня", "Комбо-обед") are not in the MCP catalog.
+// Combos rank first: pages are fetched two at a time, in parallel (signed-in answers take about
+// two seconds each), and a query stops at the first batch without a single combo.
+// A ready meal "dish and salad" is a combo too ("Сосиски … с картофельным пюре и салат винегрет")
+const isCombo = (it) => {
+  const name = it.name ?? "", cats = it.category ?? [];
+  if (/комбо/i.test(name) || /^\s*набор:/i.test(name) || cats.some((c) => /комбо/i.test(c.name ?? ""))) return true;
+  return /\sи\sсалат(?![а-яё])/i.test(name) && cats.some((c) => /готовая еда/i.test(c.name ?? ""));
+};
+const BATCH = 2; // two queries × two pages fill the four request slots at once
+
+async function combos({ sort, vvonly }) {
+  const found = new Map();
+  await Promise.all(["комбо", "комбо-набор"].map(async (q) => {
+    for (let first = 1; first <= 15; first += BATCH) {
+      const pages = await Promise.all(Array.from({ length: BATCH }, (_, i) => api.search(q, { page: first + i, sort, vvonly }).catch(() => null)));
+      const hits = pages.flatMap((d) => (d?.items ?? []).filter(isCombo));
+      hits.forEach((it) => found.set(it.id, it));
+      if (!hits.length || pages.some((d) => !d?.meta?.has_more)) break;
+    }
+  }));
+  const items = [...found.values()];
+  return { items, total: items.length, hasMore: false };
+}
+
+const TITLES = { card: "Скидки по карте", quantity: "Скидки от нескольких штук", combo: "Комбо-наборы" };
+
 export function dealsView(app) {
   const saved = store.pref("deals", {});
-  const st = { type: saved.type === "quantity" ? "quantity" : "card", vvonly: saved.vvonly === 0 ? 0 : 1 };
+  const st = { type: ["quantity", "combo"].includes(saved.type) ? saved.type : "card", vvonly: saved.vvonly === 0 ? 0 : 1 };
   const persist = () => store.setPref("deals", { ...st });
   const b = new ProductBrowser(app, {
     prefKey: "deals",
     title: "Акции",
     headerH: 2,
     hintsExtra: [["t", "тип акции"]],
-    loader: async (page, { sort }) => pageOf(await api.discounts({ type: st.type, page, sort, vvonly: st.vvonly })),
+    loader: async (page, { sort }) => (st.type === "combo"
+      ? combos({ sort, vvonly: st.vvonly })
+      : pageOf(await api.discounts({ type: st.type, page, sort, vvonly: st.vvonly }))),
     drawHeader: (g, r) => {
       g.fill(r.x, r.y, r.w, r.h, T.bg);
-      let x = r.x + 1;
-      const y = r.y;
-      const tab = (label, active, fn) => {
-        const w = strWidth(label) + 2;
-        g.pill(x, y, label, { fg: active ? T.bg : T.sub, bg: active ? T.orange : T.raise, bold: active });
-        app.hit(x, y, w, 1, { click: fn });
-        x += w + 1;
-      };
-      x = g.text(x, y, "%  ", { fg: T.orange, bold: true });
-      tab("по карте лояльности", st.type === "card", () => setType("card"));
-      tab("при покупке от N штук", st.type === "quantity", () => setType("quantity"));
-      x += 2;
-      tab(st.vvonly ? "только ВкусВилл" : "все бренды", false, () => { st.vvonly = st.vvonly ? 0 : 1; persist(); b.reload(); });
-      g.textR(r.x + r.w - 1, y, "скидки обновляются каждый день", { fg: T.dim });
+      const x = g.text(r.x + 1, r.y, "%  ", { fg: T.orange, bold: true });
+      bar.draw(g, app, x, r.y, r.x + r.w - 32, chips(), { focused: b.focus === "chips" && !app.headerFocus });
+      g.textR(r.x + r.w - 1, r.y, "скидки обновляются каждый день", { fg: T.dim });
     },
+    // Zones: the deal-type switches above the list. ↑ from the first row reaches them, ↑ again the header
     keyHook: (k) => {
+      if (k.type !== "key") return false;
       const h = k.hot ?? k.name;
-      if (h === "t") { setType(st.type === "card" ? "quantity" : "card"); return true; }
-      if (h === "v") { st.vvonly = st.vvonly ? 0 : 1; persist(); b.reload(); return true; }
+      if (b.focus === "chips") {
+        if (k.name === "down" || k.name === "escape") { b.focus = "list"; return true; }
+        if (k.name === "up") return false;
+        if (bar.key(k, chips())) return true;
+      } else if (k.name === "up" && b.list.sel === 0) { b.focus = "chips"; return true; }
+      if (h === "t") { setType({ card: "quantity", quantity: "combo", combo: "card" }[st.type]); return true; }
+      if (h === "v") { toggleBrand(); return true; }
       return false;
     },
   });
-  function setType(t) { st.type = t; persist(); b.title = t === "card" ? "Скидки по карте" : "Скидки от нескольких штук"; b.reload(); }
-  b.title = st.type === "card" ? "Скидки по карте" : "Скидки от нескольких штук";
+  const bar = new ChipBar();
+  const on = { fg: T.bg, bg: T.orange, bold: true };
+  const chips = () => [
+    { label: "по карте лояльности", run: () => setType("card"), ...(st.type === "card" ? on : {}) },
+    { label: "при покупке от N штук", run: () => setType("quantity"), ...(st.type === "quantity" ? on : {}) },
+    { label: "комбо-наборы", run: () => setType("combo"), ...(st.type === "combo" ? on : {}) },
+    { label: st.vvonly ? "только ВкусВилл" : "все бренды", prefix: "  ", run: () => toggleBrand() },
+  ];
+  b.focus = "list";
+  b.focusTop = () => { b.focus = "chips"; };
+  function toggleBrand() { st.vvonly = st.vvonly ? 0 : 1; persist(); b.reload(); }
+  const baseHints = b.hints.bind(b);
+  b.hints = () => (b.focus === "chips" ? [["← →", "выбор"], ["⏎", "выбрать"], ["↓", "к списку"]] : baseHints());
+  function setType(t) { st.type = t; persist(); b.title = TITLES[t]; b.reload(); }
+  b.title = TITLES[st.type];
   return b;
 }
 

package/src/views/overlays.js

@@ -8,6 +8,7 @@ import { productView } from "./product.js";
 import { perKg, flagPills } from "../ui/product-ui.js";
 import { image } from "../image.js";
 import * as api from "../api.js";
+import * as auth from "../auth.js";
 import { normalize, rub, compactNum } from "../product.js";
 import { store } from "../store.js";
 import { TABS } from "../app.js";
@@ -87,11 +88,12 @@ export class Help {
   hints() { return [["любая клавиша", "закрыть"]]; }
   draw(g, app) {
     const cols = [
-      ["ВЕЗДЕ", [["1…6 / Tab", "вкладки"], ["^K или :", "палитра команд"], ["b", "товар по штрихкоду"], ["c", "корзина"], ["esc", "назад"], ["?", "эта справка"], ["q / ^C", "выход"], ["мышь", "клик, двойной клик, колесо"]]],
+      ["ВЕЗДЕ", [["↑ ↓", "по строкам экрана: поиск, фильтры, список"], ["← → ⏎", "внутри строки: чипы, кнопки"], ["↑ у края", "в шапку: ← → вкладки, ↓ обратно"], ["1…6 / Tab", "вкладки"], ["^K или :", "палитра команд"], ["b", "товар по штрихкоду"], ["c", "корзина"], ["esc", "назад"], ["?", "эта справка"], ["q / ^C", "выход"], ["мышь", "клик, двойной клик, колесо"]]],
       ["ТОВАРЫ", [["/ или .", "поиск"], ["↑↓ j k", "выбор"], ["⏎ →", "карточка товара"], ["+ −", "в корзину / убрать"], ["*", "в избранное"], ["s", "сортировка"], ["f", "фильтры состава"], ["g", "категория (каталог)"], ["x / X", "отметить / сравнить"], ["o", "открыть на сайте"]]],
-      ["КАРТОЧКА", [["← →", "листать фото"], ["[ ]", "соседний товар"], ["a", "аналоги"], ["PgUp PgDn", "прокрутка"]]],
+      ["КАРТОЧКА", [["→ ⏎", "открыть из списка"], ["← esc", "назад к списку"], ["← →", "листать фото"], ["[ ]", "соседний товар"], ["a", "аналоги"], ["PgUp PgDn", "прокрутка"]]],
       ["КОРЗИНА", [["← → + −", "количество"], ["d / Del", "убрать"], ["o", "оформить: ссылка и QR"], ["u", "сверить цены"], ["D D", "очистить"]]],
       ["РЕЦЕПТЫ", [["f", "фильтры, аллергены"], ["␣", "отметить ингредиент"], ["a", "отметить все"], ["+", "ингредиенты в корзину"], ["s", "шаги на узком экране"]]],
+      ["ПРОФИЛЬ", [["⏎", "войти во ВкусВилл"], ["c", "сменить client_id"], ["v", "вставить ссылку после входа"], ["L", "выйти и отозвать токены"]]],
       ["МАГАЗИНЫ", [["/", "поиск по адресу"], ["r g m f", "регион, город, метро, особ."], ["z ⏎", "приблизить карту"], ["L", "загрузить все на карту"], ["v", "карта на узком экране"], ["p", "Яндекс Карты"], ["y", "скопировать адрес"]]],
     ];
     const w = Math.min(g.w - 4, 104), h = Math.min(g.h - 2, 30);
@@ -139,6 +141,9 @@ export class Palette {
       cmds.push({ label: `Искать рецепты «${q}»`, run: () => app.views.searchRecipes(app, q) });
       if (/^\d{13}$/.test(q)) cmds.push({ label: `Штрихкод ${q}`, run: () => openBarcode(app, q) });
     }
+    const st = auth.cachedStatus();
+    if (!st.signedIn) cmds.push({ label: "Войти", hint: "ВкусВилл", run: () => app.views.signIn(app) });
+    else if (!st.viaEnv) cmds.push({ label: "Выйти", hint: "ВкусВилл", run: () => app.views.signOut(app) });
     TABS.forEach((t, i) => cmds.push({ label: `Перейти: ${t.label}`, hint: String(i + 1), run: () => app.switchTab(t.id) }));
     cmds.push({ label: "Оформить корзину — ссылка и QR", hint: rub(store.total), run: () => { app.switchTab("cart"); app.page.checkout?.(); } });
     cmds.push({ label: "Товар по штрихкоду", hint: "b", run: () => app.views.barcode(app) });
@@ -249,7 +254,7 @@ export function analogsView(app, p) {
     },
   });
   const base = b.hints.bind(b);
-  b.hints = () => [["esc", "назад"], ...base()];
+  b.hints = () => [["← esc", "назад"], ...base()];
   app.push(b);
 }
 
@@ -264,7 +269,7 @@ export class CompareView {
     if (h === "x" || h === "D") { this.app.compare.clear(); this.app.pop(); this.app.toast("Сравнение очищено"); return true; }
     return false;
   }
-  hints() { return [["esc", "назад"], ["x", "очистить сравнение"]]; }
+  hints() { return [["← esc", "назад"], ["x", "очистить сравнение"]]; }
   draw(g, r) {
     const app = this.app;
     const ps = [...app.compare.values()];

package/src/views/product.js

@@ -4,7 +4,7 @@
 import { T } from "../ui/theme.js";
 import { Braille } from "../ui/draw.js";
 import { drawRich } from "../ui/widgets.js";
-import { flagPills, drawPills, compositionLines, perKg } from "../ui/product-ui.js";
+import { flagPills, drawPills, compositionLines, perKg, stock } from "../ui/product-ui.js";
 import { image } from "../image.js";
 import * as api from "../api.js";
 import { normalize, rub, compactNum, qtyText, qtyStep } from "../product.js";
@@ -87,9 +87,10 @@ class ProductView {
     const h = k.hot ?? k.name;
     const imgs = this.p.images?.length || 1;
     switch (true) {
-      case k.name === "left": this.photo = (this.photo - 1 + imgs) % imgs; return true;
-      case k.name === "right": this.photo = (this.photo + 1) % imgs; return true;
-      case k.name === "up" || h === "k": this.scroll = Math.max(0, this.scroll - 1); return true;
+      // ← on the first photo is "back": the app pops the page
+      case k.name === "left": if (this.photo <= 0) return false; this.photo--; return true;
+      case k.name === "right": this.photo = Math.min(imgs - 1, this.photo + 1); return true;
+      case k.name === "up" || h === "k": if (this.scroll <= 0) return false; this.scroll--; return true;
       case k.name === "down" || h === "j": this.scroll++; return true;
       case k.name === "pageup": this.scroll = Math.max(0, this.scroll - 10); return true;
       case k.name === "pagedown" || k.name === "space": this.scroll += 10; return true;
@@ -108,7 +109,7 @@ class ProductView {
 
   hints() {
     return [
-      ["esc", "назад"], ["← →", "фото"], ["+ −", "корзина"],
+      ["← esc", "назад"], ...((this.p.images?.length ?? 0) > 1 ? [["← →", "фото"]] : []), ["+ −", "корзина"],
       ...(this.list.length > 1 ? [["[ ]", "соседний"]] : []),
       ["a", "аналоги"], ["*", "избранное"], ["o", "на сайте"], ["x", "сравнить"],
     ];
@@ -166,6 +167,8 @@ class ProductView {
     if (p.offInfo) g.textW(r.x + 3, y++, p.offInfo, lw - 6, { fg: T.orange, italic: true, bg: T.panel });
     const pk = perKg(p);
     g.textW(r.x + 3, y++, [p.pack, pk ? `${pk.toLocaleString("ru-RU").replace(/\s/g, " ")} ₽/кг` : ""].filter(Boolean).join(" · "), lw - 6, { fg: T.sub, bg: T.panel });
+    const st = stock(p);
+    if (st) g.text(r.x + 3, y++, `${st.out ? "○" : "●"} ${st.text}`, { fg: st.fg, bg: T.panel });
     y++;
     // Cart
     const q = store.qty(p.id);