platform-types 1.10.687 → 1.10.689

package/dist/cjs/index.js

@@ -103,6 +103,8 @@ __exportStar(require("./storefrontTheme.js"), exports);
 __exportStar(require("./storeNetwork.js"), exports);
 __exportStar(require("./storefrontAssets.js"), exports);
 __exportStar(require("./storefrontEvent.js"), exports);
+__exportStar(require("./storefrontSeo.js"), exports);
+__exportStar(require("./storefrontWebLiteralKeys.js"), exports);
 __exportStar(require("./subscription.js"), exports);
 __exportStar(require("./support.js"), exports);
 __exportStar(require("./terminal.js"), exports);

package/dist/cjs/storefrontAssets.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAX_STOREFRONT_ASSETS = exports.STOREFRONT_ASSET_VARIANTS = void 0;
+exports.MAX_STOREFRONT_ASSETS = exports.STOREFRONT_ASSET_VARIANT_FIT = exports.STOREFRONT_ASSET_VARIANTS = void 0;
 const storefrontDesign_ts_1 = require("./storefrontDesign.js");
 exports.STOREFRONT_ASSET_VARIANTS = [
     'original',
@@ -9,6 +9,31 @@ exports.STOREFRONT_ASSET_VARIANTS = [
     '800x800',
     '1200x1200',
     '1600x1600',
+    '1200x630',
+    '192x192',
+    '512x512',
 ];
+/**
+ * How each variant is rendered from the stored original. `original` is the
+ * stored image unchanged in size. `inside` is a thumbnail: it fits inside the
+ * box keeping its aspect and never enlarges, so a small original comes back at
+ * its own size. `1200x630` is `cover`: an EXACT-size crop for share images
+ * (`og:image`), enlarged when the original is smaller. `192x192` and `512x512`
+ * are `contain`: EXACT-size icons (favicon, PWA manifest), not thumbnails —
+ * the whole original is scaled to fit and the rest of the square is padded
+ * transparent, so nothing is cropped; they are always PNG, or WebP when the
+ * client accepts it, because a JPEG cannot carry the transparent padding.
+ */
+exports.STOREFRONT_ASSET_VARIANT_FIT = {
+    original: 'original',
+    '200x200': 'inside',
+    '400x400': 'inside',
+    '800x800': 'inside',
+    '1200x1200': 'inside',
+    '1600x1600': 'inside',
+    '1200x630': 'cover',
+    '192x192': 'contain',
+    '512x512': 'contain',
+};
 /** The active-asset cap, the same value as `STOREFRONT_DESIGN_LIMITS.activeImages` by construction. */
 exports.MAX_STOREFRONT_ASSETS = storefrontDesign_ts_1.STOREFRONT_DESIGN_LIMITS.activeImages;

package/dist/cjs/storefrontDesign.js

@@ -1,12 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.STOREFRONT_PREVIEW_PROTOCOL_ERRORS = exports.STOREFRONT_PREVIEW_READ_OPERATIONS = exports.STOREFRONT_SOCIAL_HOSTS = exports.STOREFRONT_BENEFIT_ICONS = exports.STOREFRONT_RESERVED_SLUGS = exports.STOREFRONT_CONTACT_FIELDS = exports.STOREFRONT_PROTECTED_BUILTIN_DESTINATIONS = exports.STOREFRONT_BUILTIN_DESTINATIONS = exports.STOREFRONT_SECTION_TYPES = exports.STOREFRONT_DESIGN_LIMITS = void 0;
+exports.STOREFRONT_PREVIEW_PROTOCOL_ERRORS = exports.STOREFRONT_PREVIEW_READ_OPERATIONS = exports.STOREFRONT_BENEFIT_ICONS = exports.STOREFRONT_RESERVED_SLUGS = exports.STOREFRONT_CONTACT_FIELDS = exports.STOREFRONT_PROTECTED_BUILTIN_DESTINATIONS = exports.STOREFRONT_BUILTIN_DESTINATIONS = exports.STOREFRONT_SECTION_TYPES = exports.isStorefrontPageSlug = exports.STOREFRONT_PAGE_SLUG_RE = exports.STOREFRONT_DESIGN_LIMITS = exports.STOREFRONT_SOCIAL_HOSTS = void 0;
 exports.createStorefrontDesignV1 = createStorefrontDesignV1;
 exports.parseStorefrontPreviewDocument = parseStorefrontPreviewDocument;
 exports.parseStorefrontPreviewMessage = parseStorefrontPreviewMessage;
 exports.acceptStorefrontPreviewMessage = acceptStorefrontPreviewMessage;
+/** The social kinds a contact may link, each to its own hosts; a contact links at most one per kind. */
+exports.STOREFRONT_SOCIAL_HOSTS = {
+    instagram: ['instagram.com', 'www.instagram.com'],
+    facebook: ['facebook.com', 'www.facebook.com'],
+    youtube: ['youtube.com', 'www.youtube.com', 'youtu.be', 'www.youtu.be'],
+    tiktok: ['tiktok.com', 'www.tiktok.com'],
+    linkedin: ['linkedin.com', 'www.linkedin.com'],
+    x: ['x.com', 'www.x.com'],
+};
 exports.STOREFRONT_DESIGN_LIMITS = {
     customPages: 20,
+    pageAliases: 20,
+    pageAliasMetadataBytes: 64 * 1024,
     sectionsPerPage: 10,
     productCountMin: 4,
     productCountMax: 24,
@@ -41,9 +52,18 @@ exports.STOREFRONT_DESIGN_LIMITS = {
     contactAddress: 500,
     contactNote: 200,
     contactHours: 14,
-    contactSocials: 8,
+    /** One link per social kind, so the cap is the number of kinds. */
+    contactSocials: Object.keys(exports.STOREFRONT_SOCIAL_HOSTS).length,
     contactEmail: 254,
 };
+/**
+ * A custom page's slug: lowercase ASCII letters, digits and inner hyphens, 1 to
+ * `STOREFRONT_DESIGN_LIMITS.slug` characters, starting and ending alphanumeric. The one
+ * definition: the api's validators, its page renderer and the edge viewer request read it.
+ */
+exports.STOREFRONT_PAGE_SLUG_RE = /^[a-z0-9](?:[a-z0-9-]{0,78}[a-z0-9])?$/;
+const isStorefrontPageSlug = (value) => typeof value === 'string' && exports.STOREFRONT_PAGE_SLUG_RE.test(value);
+exports.isStorefrontPageSlug = isStorefrontPageSlug;
 exports.STOREFRONT_SECTION_TYPES = [
     'banner',
     'imageText',
@@ -122,14 +142,6 @@ exports.STOREFRONT_RESERVED_SLUGS = [
     'mantenimiento',
 ];
 exports.STOREFRONT_BENEFIT_ICONS = ['truck', 'shield', 'credit-card', 'store', 'heart', 'check'];
-exports.STOREFRONT_SOCIAL_HOSTS = {
-    instagram: ['instagram.com', 'www.instagram.com'],
-    facebook: ['facebook.com', 'www.facebook.com'],
-    youtube: ['youtube.com', 'www.youtube.com', 'youtu.be', 'www.youtu.be'],
-    tiktok: ['tiktok.com', 'www.tiktok.com'],
-    linkedin: ['linkedin.com', 'www.linkedin.com'],
-    x: ['x.com', 'www.x.com'],
-};
 function createStorefrontDesignV1() {
     return {
         schemaVersion: 1,

package/dist/cjs/storefrontSeo.js

@@ -0,0 +1,64 @@
+"use strict";
+/**
+ * Information-page paths and the storefront's SEO inheritance chain — one
+ * definition for the server that renders a shared link's head and the editor
+ * that previews it.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.storefrontDefaultSeoDescription = exports.storefrontPagePath = exports.STOREFRONT_PAGE_PATH_PREFIX = void 0;
+exports.resolveStorefrontSeo = resolveStorefrontSeo;
+/** Path prefix of a published information page: `/pagina/<slug>`. */
+exports.STOREFRONT_PAGE_PATH_PREFIX = '/pagina/';
+/** The path an information page with `slug` is served at. The slug is neither validated nor encoded here. */
+const storefrontPagePath = (slug) => `${exports.STOREFRONT_PAGE_PATH_PREFIX}${slug}`;
+exports.storefrontPagePath = storefrontPagePath;
+/** The description a shop is shared with when neither the page nor the shop sets one. */
+const storefrontDefaultSeoDescription = (storeName) => `Comprá online en ${storeName}: catálogo, precios y stock actualizados.`;
+exports.storefrontDefaultSeoDescription = storefrontDefaultSeoDescription;
+const shopImage = (document) => {
+    if (document.seo.image)
+        return { image: document.seo.image, source: 'shop' };
+    if (document.branding.logo)
+        return { image: document.branding.logo, source: 'logo' };
+    return { image: null, source: 'default' };
+};
+/** Home's SEO — and the default every information page inherits field by field. */
+const shopSeo = (document, storeName) => {
+    const { seo } = document;
+    const image = shopImage(document);
+    return {
+        title: seo.title || storeName,
+        description: seo.description || (0, exports.storefrontDefaultSeoDescription)(storeName),
+        image: image.image,
+        noindex: seo.noindex === true,
+        source: {
+            title: seo.title ? 'shop' : 'default',
+            description: seo.description ? 'shop' : 'default',
+            image: image.source,
+            noindex: typeof seo.noindex === 'boolean' ? 'shop' : 'default',
+        },
+    };
+};
+function resolveStorefrontSeo(document, target, storeName) {
+    const shop = shopSeo(document, storeName);
+    if (target === 'home')
+        return shop;
+    const page = document.pages.find(({ id }) => id === target);
+    if (!page)
+        return undefined;
+    const own = page.seo;
+    const pageTitle = own?.title || page.title;
+    const pageNoindex = own?.noindex;
+    return {
+        title: pageTitle || shop.title,
+        description: own?.description || shop.description,
+        image: own?.image || shop.image,
+        noindex: typeof pageNoindex === 'boolean' ? pageNoindex : shop.noindex,
+        source: {
+            title: pageTitle ? 'page' : shop.source.title,
+            description: own?.description ? 'page' : shop.source.description,
+            image: own?.image ? 'page' : shop.source.image,
+            noindex: typeof pageNoindex === 'boolean' ? 'page' : shop.source.noindex,
+        },
+    };
+}

package/dist/cjs/storefrontTheme.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveStorefrontTheme = exports.storefrontContrastRatio = void 0;
+exports.resolveStorefrontTheme = exports.resolveStorefrontEffectiveSettings = exports.storefrontGlobalSettingsLayer = exports.storefrontContrastRatio = void 0;
 const storefrontDesignRegistry_ts_1 = require("./storefrontDesignRegistry.js");
 const channels = (color) => [
     Number.parseInt(color.slice(1, 3), 16),
@@ -66,14 +66,38 @@ const surfaceTokens = (background, settings, mode, surface, warnings) => {
     };
 };
 /**
- * The storefront theme for a design's settings overrides.
- *
- * Settings resolve from the registry defaults plus the store's own design
- * overrides ONLY — no GLOBAL or WEB layer takes part — so a consumer uses this
- * as shipped rather than merging layers of its own first.
+ * The GLOBAL design-settings layer of the platform globals row as `getPlatformGlobalsRow`
+ * returns it (`{ [key]: { value, ... } }`): each entry's `value`, kept only when it is a
+ * valid design setting, so a non-design global or a malformed value never reaches a theme.
  */
-const resolveStorefrontTheme = (overrides = {}) => {
-    const settings = (0, storefrontDesignRegistry_ts_1.resolveStorefrontDesignSettings)(overrides);
+const storefrontGlobalSettingsLayer = (globalsRow) => ({
+    layer: 'GLOBAL',
+    values: Object.fromEntries(Object.entries(globalsRow ?? {}).flatMap(([key, entry]) => {
+        const value = entry !== null && typeof entry === 'object' ? entry.value : undefined;
+        return (0, storefrontDesignRegistry_ts_1.validateStorefrontDesignSetting)(key, value) ? [[key, value]] : [];
+    })),
+});
+exports.storefrontGlobalSettingsLayer = storefrontGlobalSettingsLayer;
+/**
+ * The settings a storefront is served with: registry defaults, then the platform GLOBAL
+ * layer, then the design's own overrides. The one resolver behind the public envelope's
+ * `effectiveSettings`, the draft's `effectiveSettings` and the publish contrast report —
+ * a caller passes the globals row it read, never a layer stack of its own. The edge
+ * renderer's `theme-color` is design-only: its role reads no GLOBALS row.
+ */
+const resolveStorefrontEffectiveSettings = (overrides = {}, globalsRow) => (0, storefrontDesignRegistry_ts_1.resolveStorefrontDesignSettings)(overrides, [(0, exports.storefrontGlobalSettingsLayer)(globalsRow)]);
+exports.resolveStorefrontEffectiveSettings = resolveStorefrontEffectiveSettings;
+/**
+ * The storefront theme for a design's settings overrides, resolved through
+ * `resolveStorefrontEffectiveSettings`: the GLOBAL layer of `globalsRow` sits under the
+ * design, exactly as in the public envelope's `effectiveSettings`. Omitting `globalsRow`
+ * resolves defaults plus the design only — correct solely while no GLOBAL design setting
+ * is set, so a caller serving or reporting on a storefront passes the row (the edge
+ * renderer's `theme-color` is the one exception, design-only by its read grant). Passing
+ * already-effective settings as `overrides` rebuilds the same theme.
+ */
+const resolveStorefrontTheme = (overrides = {}, globalsRow) => {
+    const settings = (0, exports.resolveStorefrontEffectiveSettings)(overrides, globalsRow);
     const warnings = [];
     const makeMode = (mode) => {
         const background = (requested) => mode === 'light' ? requested.toUpperCase() : mix(requested, '#000000', 0.9);