@aglyn/plugins-ai 1.0.0-beta.246 → 1.0.0-beta.249

package/src/lib/layout-language/ai-layout-compiler.js

@@ -25,6 +25,7 @@ import { AI_LAYOUT_GROUP_KINDS, AI_LAYOUT_MAX_ITEMS } from "./ai-layout-language
 import { aiLayoutDesignChoices, aiLayoutFamily, aiLayoutGroupVariant } from "./ai-layout-design.js";
 import { AI_LAYOUT_FEATURED_RECORDS, AI_LAYOUT_LISTING_ELEMENTS, aiLayoutListingAt, aiLayoutRecordHref } from "./ai-layout-listings.js";
 import { aiStorefrontItemIcons } from "./ai-layout-storefront.js";
+import { AI_LAYOUT_LABELS_EN, aiLayoutLabel } from "./ai-layout-labels.js";
 import { aiLayoutRenamedLabel, aiLayoutResolveLink } from "./ai-layout-links.js";
 import { aiLayoutSpans, AI_LAYOUT_FRAMES, AiLayoutTreeBuilder } from "./ai-layout-tree.js";
 /**
@@ -2017,15 +2018,16 @@ function instances(scope, placed, items, perRow) {
     '{{entry.coverImage}}'
 ];
 /** The button under a featured band that opens the whole list, where the site has one and the design gave none. */ function listingAllButton(page, listing) {
+    const language = page.options.language;
     if (listing.kind === 'posts') return listing.href ? {
         kind: 'button',
-        text: 'All posts',
+        text: aiLayoutLabel('allPosts', language),
         to: listing.href,
         style: 'secondary'
     } : null;
     const index = listing.placements.find((placement)=>placement.role === 'index' && placement.screenId !== page.targets.pageId);
     if (!index) return null;
-    const text = listing.kind === 'tracks' ? 'All music' : listing.kind === 'records' ? 'See all' : 'Shop all';
+    const text = aiLayoutLabel(listing.kind === 'tracks' ? 'allMusic' : listing.kind === 'events' ? 'allEvents' : listing.kind === 'records' ? 'seeAll' : 'shopAll', language);
     return {
         kind: 'button',
         text,
@@ -2138,7 +2140,7 @@ function listingSection(scope, blocks, placed) {
         container
     ], 'section', (_ref = (_page_options_sectionIds = page.options.sectionIds) == null ? void 0 : _page_options_sectionIds[index]) != null ? _ref : sectionIdOf(index));
 }
-/** What a store's reviews are headed with where neither the design nor the plan says. */ export const AI_LAYOUT_REVIEWS_HEADING = 'What our customers say';
+/** What a store's reviews are headed with where neither the design nor the plan says. */ export const AI_LAYOUT_REVIEWS_HEADING = AI_LAYOUT_LABELS_EN.reviewsHeading;
 /**
  * A store's own customer reviews (AGL-3676): the commerce plugin's Product
  * reviews in its store-wide scope, carrying the section's heading itself.
@@ -2151,7 +2153,7 @@ function listingSection(scope, blocks, placed) {
     const { page, index, at } = scope;
     const tree = page.tree;
     const given = blocks.find((block)=>speaksHeading(scope, block));
-    const heading = aiLayoutWords(given == null ? void 0 : given.text, 'heading', page.targets.facts) || aiLayoutFitText((_page_plan_sections_index = page.plan.sections[index]) == null ? void 0 : _page_plan_sections_index.name, 'heading') || AI_LAYOUT_REVIEWS_HEADING;
+    const heading = aiLayoutWords(given == null ? void 0 : given.text, 'heading', page.targets.facts) || aiLayoutFitText((_page_plan_sections_index = page.plan.sections[index]) == null ? void 0 : _page_plan_sections_index.name, 'heading') || aiLayoutLabel('reviewsHeading', page.options.language);
     page.settled.push({
         at,
         what: "the store's own reviews placed: shown once shoppers leave them, never written for them"
@@ -2178,7 +2180,7 @@ function listingSection(scope, blocks, placed) {
         container
     ], bandSx(scope.band), scope.band === 'dark');
 }
-/** What a store's sign-up is headed with where neither the design nor the plan says. */ export const AI_LAYOUT_SIGNUP_HEADING = 'Join our newsletter';
+/** What a store's sign-up is headed with where neither the design nor the plan says. */ export const AI_LAYOUT_SIGNUP_HEADING = AI_LAYOUT_LABELS_EN.signupHeading;
 /**
  * A store's newsletter sign-up (AGL-3676): the design's heading and words
  * beside the commerce plugin's Newsletter signup field, or over it on a
@@ -2196,7 +2198,7 @@ function listingSection(scope, blocks, placed) {
         var _page_plan_sections_index;
         flow.unshift({
             kind: 'heading',
-            text: ((_page_plan_sections_index = page.plan.sections[index]) == null ? void 0 : _page_plan_sections_index.name) || AI_LAYOUT_SIGNUP_HEADING
+            text: ((_page_plan_sections_index = page.plan.sections[index]) == null ? void 0 : _page_plan_sections_index.name) || aiLayoutLabel('signupHeading', page.options.language)
         });
     }
     page.settled.push({
@@ -2204,7 +2206,7 @@ function listingSection(scope, blocks, placed) {
         what: "the store's newsletter sign-up placed"
     });
     const field = tree.add(AI_LAYOUT_LISTING_ELEMENTS.signup, {
-        buttonLabel: 'Subscribe'
+        buttonLabel: aiLayoutLabel('subscribe', page.options.language)
     }, null, null, 'signup');
     noted(scope, [
         field,
@@ -2338,9 +2340,10 @@ function listingSection(scope, blocks, placed) {
             style: 'secondary'
         });
     }
+    const text = aiLayoutLabel('shopAll', scope.page.options.language);
     const shopAll = {
         kind: 'button',
-        text: AI_LAYOUT_SHOP_ALL,
+        text,
         to: `page:${shop}`,
         style: 'primary'
     };
@@ -2348,10 +2351,10 @@ function listingSection(scope, blocks, placed) {
     else flow.splice(firstButton, 0, shopAll);
     scope.page.settled.push({
         at: scope.at,
-        what: `the hero opens the shop: "${AI_LAYOUT_SHOP_ALL}" leads its buttons`
+        what: `the hero opens the shop: "${text}" leads its buttons`
     });
 }
-/** The button a storefront's hero opens its shop with. */ export const AI_LAYOUT_SHOP_ALL = 'Shop all';
+/** The button a storefront's hero opens its shop with. */ export const AI_LAYOUT_SHOP_ALL = AI_LAYOUT_LABELS_EN.shopAll;
 /**
  * A storefront's reasons to buy as open columns, each led by an icon over its
  * title and words (AGL-3676): the icon the design named for it, else one its
@@ -2423,6 +2426,22 @@ function listingSection(scope, blocks, placed) {
         ]);
         return id;
     }
+    if (listing.kind === 'events') {
+        // The site's published events (AGL-3755), each with its date, place and
+        // cover: the section's heading is the model's, so the list adds none.
+        id = tree.add(element, featured ? {
+            maxItems: String(shown)
+        } : null, null, null, 'events');
+        page.settled.push({
+            at: scope.at,
+            what: 'the site’s events listed by the Event List'
+        });
+        noted(scope, [
+            id,
+            id
+        ]);
+        return id;
+    }
     if (listing.kind === 'products') {
         id = tree.add(element, _extends({
             source: 'all',
@@ -2441,10 +2460,10 @@ function listingSection(scope, blocks, placed) {
             quickAdd: true,
             // A store that opens before its first products are in says so, with a
             // way to hear when they land (AGL-3676): never placeholder products.
-            emptyTitle: AI_LAYOUT_STORE_EMPTY.title,
-            emptyText: listing.emptyAction ? AI_LAYOUT_STORE_EMPTY.text : AI_LAYOUT_STORE_EMPTY.textAlone
+            emptyTitle: aiLayoutLabel('storeEmptyTitle', page.options.language),
+            emptyText: aiLayoutLabel(listing.emptyAction ? 'storeEmptyText' : 'storeEmptyTextAlone', page.options.language)
         }, listing.emptyAction ? {
-            emptyActionLabel: listing.emptyAction.label,
+            emptyActionLabel: listing.emptyAction.label === AI_LAYOUT_LABELS_EN.getInTouch ? aiLayoutLabel('getInTouch', page.options.language) : listing.emptyAction.label,
             emptyActionHref: listing.emptyAction.href
         } : {}), null, null, 'products');
     } else if (listing.kind === 'records') {
@@ -2460,9 +2479,9 @@ function listingSection(scope, blocks, placed) {
     return id;
 }
 /** What a store's Product grid says while the store lists nothing yet (AGL-3676). */ export const AI_LAYOUT_STORE_EMPTY = {
-    title: 'New pieces are on the way',
-    text: 'Our first pieces are being finished now. Get in touch and we will let you know the moment they land.',
-    /** Said where the site has no page to get in touch on. */ textAlone: 'Our first pieces are being finished now. Check back soon.'
+    title: AI_LAYOUT_LABELS_EN.storeEmptyTitle,
+    text: AI_LAYOUT_LABELS_EN.storeEmptyText,
+    /** Said where the site has no page to get in touch on. */ textAlone: AI_LAYOUT_LABELS_EN.storeEmptyTextAlone
 };
 /** The most posts a page of the site lists where it is the writing's own page. */ const COLLECTION_INDEX_POSTS = 9;
 /** The blog's posts as the site's design lists them: a grid of covers, or a ruled list with the dates. */ function postsElement(scope, listing, limit) {
@@ -2494,7 +2513,7 @@ function listingSection(scope, blocks, placed) {
         variant: 'body2'
     }, muted(scope), null, 'postExcerpt');
     const more = tree.add('muiScreenLink', {
-        children: 'Read the post',
+        children: aiLayoutLabel('readPost', page.options.language),
         href: '{{entry.url}}',
         renderAs: 'link',
         color: 'inherit'
@@ -2566,7 +2585,7 @@ function listingSection(scope, blocks, placed) {
     ], 'posts');
 }
 // ── A dataset's records (AGL-3616) ───────────────────────────────────────
-/** The words of the link under each record's card to its own page (AGL-3727). */ export const AI_LAYOUT_RECORD_LINK_LABEL = 'View details';
+/** The words of the link under each record's card to its own page (AGL-3727). */ export const AI_LAYOUT_RECORD_LINK_LABEL = AI_LAYOUT_LABELS_EN.viewDetails;
 /** A field whose name says it is a record's kicker: its category, role, time or place. */ const RECORD_KICKER = /\b(category|categories|type|kind|role|title|position|section|course|date|dates|time|times|when|day|days|location|place|where|venue|city|duration|level|tag|tags)\b/i;
 /** A field whose name says it is a record's words: its description, bio or answer. */ const RECORD_BODY = /\b(description|summary|details?|about|bio|biography|answer|text|notes?|body|blurb|overview|excerpt|ingredients|includes)\b/i;
 /** A dataset of questions and answers, listed as a ruled list rather than cards. */ const RECORD_QUESTIONS = /\b(faqs?|questions?|q ?& ?a)\b/i;
@@ -2644,7 +2663,7 @@ function listingSection(scope, blocks, placed) {
         borderRadius: 2
     }, null, 'recordImage') : null;
     const more = recordHref ? tree.add('muiScreenLink', {
-        children: AI_LAYOUT_RECORD_LINK_LABEL,
+        children: aiLayoutLabel('viewDetails', page.options.language),
         href: recordHref,
         renderAs: 'link',
         color: 'inherit'