@commercelayer/agent-cli 0.2.2 → 0.2.5

package/dist/store.js

@@ -8,7 +8,6 @@ import YAML from 'yaml';
 import { fail } from './output.js';
 import { paths } from './files.js';
 import { productFiles, readProductFile } from './products.js';
-import { checkPromotions } from './promotions.js';
 /** The keys a product may have. Stock is not one: inventory lives in Commerce Layer. */
 export const PRODUCT_KEYS = ['sku', 'name', 'description', 'image_url', 'category', 'prices'];
 export const THEME_KEYS = ['color', 'logo', 'hero', 'tagline'];
@@ -62,18 +61,6 @@ theme:
   # hero: img/hero.jpg   # the home page's wide image; without it a band in the accent
   # tagline: Small-batch coffee, roasted in Milan   # at most 120 characters
 
-promotions:
-  # Discount codes and automatic discounts: rules (when) and actions (what).
-  # The id is unique and stable. Amounts are in the market currency, like prices.
-  # - id: welcome10
-  #   name: Welcome, 10% off
-  #   rules: [{ coupon: WELCOME10 }]      # codes have 8 to 40 characters
-  #   actions: [{ percentage: 10 }]
-  # - id: free-shipping-50
-  #   market: eu
-  #   rules: [{ order_amount: { min: 50 } }]
-  #   actions: [free_shipping]
-
 storefront:
   # Only for a custom storefront (your own web app in this repo, published with
   # c11r storefront publish): it replaces the theme. Its folder, from the repo root.
@@ -149,6 +136,8 @@ export function loadStore() {
             }
         }
     }
+    if (doc.promotions !== undefined)
+        fail('invalid_store', 'store.yml has promotions:, which is not part of the store files.', 'Promotions are live settings in Commerce Layer: create each one with `c11r promotions create -f <file>` (the same entry as YAML or JSON), then remove promotions: from store.yml.');
     const policies = (doc.policies ?? {});
     for (const [key, url] of Object.entries(policies)) {
         if (url && !/^https?:\/\//.test(String(url)))
@@ -157,8 +146,7 @@ export function loadStore() {
     const theme = checkTheme(doc.theme);
     const currencies = [...new Set(markets.map((m) => m.currency))];
     const products = checkProducts(sourced, currencies);
-    const promotions = checkPromotions(doc.promotions, markets, products);
-    return { name: doc.name, markets, products, storefront: doc.storefront, policies, theme, promotions };
+    return { name: doc.name, markets, products, storefront: doc.storefront, policies, theme };
 }
 /** The product rules, shared by loadStore and catalog pull: errors name each product's source. */
 export function checkProducts(sourced, currencies) {
@@ -270,19 +258,5 @@ export function diff(state, desired) {
             if (!(id in after[kind]))
                 changes.push({ action: 'delete', type, id });
     }
-    // Promotions, by id. An API that does not know them (undefined) is skipped: apply refuses instead.
-    if (!applied || state.promotions !== undefined) {
-        const before = (applied ? state.promotions : undefined) ?? {};
-        const want = Object.fromEntries((desired.promotions ?? []).map((p) => [p.id, p]));
-        for (const id of Object.keys(want)) {
-            if (!(id in before))
-                changes.push({ action: 'create', type: 'promotion', id });
-            else if (canonical(before[id]) !== canonical(want[id]))
-                changes.push({ action: 'update', type: 'promotion', id });
-        }
-        for (const id of Object.keys(before))
-            if (!(id in want))
-                changes.push({ action: 'delete', type: 'promotion', id });
-    }
     return changes;
 }

package/dist/storefront.js

@@ -3,10 +3,13 @@
 // top-level category), styles.css (theme tokens first, then the drop-in.css
 // overrides, then the page) and app.js (market switch, category links, and a
 // product page at #/p/<sku>). Product images are the store's, at /img/<file> (from
-// .commercelayer/img/, uploaded by apply). The agent then makes it the human's.
+// .commercelayer/img/, uploaded by apply); a product without one shows the tile the
+// store host draws at /tiles/<sku>.svg. The agent then makes it the human's.
 import { isLocalImage } from './store.js';
 /** img/<file> is the store's image at /img/<file> on the store host, whatever page links it. */
 const imageSrc = (url) => (isLocalImage(url) ? `/${url}` : url);
+/** A product without an image gets the tile the store host draws for it, at /tiles/<sku>.svg. */
+const productImage = (p) => (p.image_url ? imageSrc(p.image_url) : `/tiles/${encodeURIComponent(p.sku)}.svg`);
 const esc = (t) => String(t ?? '').replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' })[c]);
 /** The scaffold's files, by path relative to the storefront folder. */
 export function storefrontFiles(store, clientId) {
@@ -17,7 +20,7 @@ function indexHtml(store, clientId) {
     const card = (p, h) => {
         const href = `#/p/${encodeURIComponent(p.sku)}`;
         return `      <article class="product" id="p-${esc(p.sku)}">
-        <a class="media" href="${esc(href)}" tabindex="-1">${p.image_url ? `<img src="${esc(imageSrc(p.image_url))}" alt="${esc(p.name)}">` : '<div class="placeholder" aria-hidden="true"></div>'}</a>
+        <a class="media" href="${esc(href)}" tabindex="-1"><img src="${esc(productImage(p))}" alt="${esc(p.name)}"${p.image_url ? '' : ' loading="lazy"'}></a>
         <${h}><a href="${esc(href)}">${esc(p.name)}</a></${h}>
 ${p.description ? `        <p>${esc(p.description)}</p>\n` : ''}        <cl-price code="${esc(p.sku)}"><cl-price-amount type="compare-at"></cl-price-amount> <cl-price-amount type="price"></cl-price-amount></cl-price>
         <cl-availability code="${esc(p.sku)}"><cl-availability-status type="available">In stock</cl-availability-status><cl-availability-status type="unavailable">Sold out</cl-availability-status></cl-availability>
@@ -53,7 +56,7 @@ ${p.description ? `        <p>${esc(p.description)}</p>\n` : ''}        <cl-pric
     }
     const options = store.markets.map((m) => `          <option value="${esc(m.code)}">${esc(m.name)} (${esc(m.currency)})</option>`).join('\n');
     // What the product page shows, by sku. Prices and availability come live from drop-in.js.
-    const data = Object.fromEntries(store.products.map((p) => [p.sku, { name: p.name, description: p.description, image_url: p.image_url && imageSrc(p.image_url), category: p.category }]));
+    const data = Object.fromEntries(store.products.map((p) => [p.sku, { name: p.name, description: p.description, image_url: productImage(p), category: p.category }]));
     const json = JSON.stringify(data, null, 2).replace(/</g, '\\u003c');
     return `<!doctype html>
 <html lang="en">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/agent-cli",
-  "version": "0.2.2",
+  "version": "0.2.5",
   "description": "c11r: the Commerce Layer CLI for coding agents. Builds a sandbox store that people and shopping agents can buy from.",
   "homepage": "https://commercelayer.ai",
   "keywords": [