@aglyn/plugins-ai 1.0.0-beta.238 → 1.0.0-beta.240

package/src/lib/layout-language/ai-layout-compiler.d.ts

@@ -220,5 +220,15 @@ export declare const AI_LAYOUT_STORE_EMPTY: {
     /** Said where the site has no page to get in touch on. */
     readonly textAlone: "Our first pieces are being finished now. Check back soon.";
 };
+/** The fields a record's card shows: its name, a kicker line and its words, each by id. */
+export declare function aiLayoutRecordCardFields(fields: readonly {
+    id: string;
+    name: string;
+    type: string;
+}[]): {
+    title: string | null;
+    kicker: string | null;
+    body: string | null;
+};
 /** The id the compiled page's root is stored under. */
 export declare const AI_LAYOUT_PAGE_ROOT_ID = "_@_";

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

@@ -2040,9 +2040,10 @@ function instances(scope, placed, items, perRow) {
     } : 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';
     return {
         kind: 'button',
-        text: listing.kind === 'tracks' ? 'All music' : 'Shop all',
+        text,
         to: `page:${index.screenId}`,
         style: 'secondary'
     };
@@ -2461,6 +2462,8 @@ function listingSection(scope, blocks, placed) {
             emptyActionLabel: listing.emptyAction.label,
             emptyActionHref: listing.emptyAction.href
         } : {}), null, null, 'products');
+    } else if (listing.kind === 'records') {
+        id = recordsElement(scope, listing, featured ? shown : null);
     } else {
         id = postsElement(scope, listing, featured ? shown : COLLECTION_INDEX_POSTS);
     }
@@ -2577,6 +2580,95 @@ function listingSection(scope, blocks, placed) {
         card
     ], 'posts');
 }
+// ── A dataset's records (AGL-3616) ───────────────────────────────────────
+/** 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;
+/** The fields a record's card shows: its name, a kicker line and its words, each by id. */ export function aiLayoutRecordCardFields(fields) {
+    var _ref, _ref1, _ref2, _ref3;
+    var _texts_find, _rest_find, _rest_find1, _rest_find2;
+    const texts = fields.filter((field)=>field.type === 'text' || field.type === 'sorted');
+    const title = (_ref = (_texts_find = texts.find((field)=>field.type === 'text')) == null ? void 0 : _texts_find.id) != null ? _ref : null;
+    const rest = texts.filter((field)=>field.id !== title);
+    const body = (_ref1 = (_rest_find = rest.find((field)=>field.type === 'text' && RECORD_BODY.test(field.name))) == null ? void 0 : _rest_find.id) != null ? _ref1 : null;
+    const kicker = (_ref2 = (_rest_find1 = rest.find((field)=>field.id !== body && RECORD_KICKER.test(field.name))) == null ? void 0 : _rest_find1.id) != null ? _ref2 : null;
+    // Failing a named one, the next text field is the record's words.
+    const words = (_ref3 = body != null ? body : (_rest_find2 = rest.find((field)=>field.type === 'text' && field.id !== kicker)) == null ? void 0 : _rest_find2.id) != null ? _ref3 : null;
+    return {
+        title,
+        kicker,
+        body: words
+    };
+}
+/**
+ * A dataset's records, as the site's design lists them: a Box that repeats
+ * its one card over the dataset — the platform's own repeat, which the page
+ * renders once per record — or, for questions and answers, a ruled list.
+ * The card binds the record's fields as `{{item.<field>}}`: its name as the
+ * item's title, a kicker over it (its category, role or time), and its words.
+ * A featured band shows the first few; a page of its own, every record.
+ */ function recordsElement(scope, listing, limit) {
+    var _listing_fields;
+    const { page } = scope;
+    const tree = page.tree;
+    const fields = aiLayoutRecordCardFields((_listing_fields = listing.fields) != null ? _listing_fields : []);
+    const questions = RECORD_QUESTIONS.test(listing.name);
+    const textAlign = scope.centered && !questions ? {
+        align: 'center'
+    } : {};
+    const kicker = fields.kicker ? tree.add('muiTypography', _extends({
+        children: `{{item.${fields.kicker}}}`,
+        variant: 'overline',
+        component: 'p'
+    }, textAlign), accent(scope), null, 'recordKicker') : null;
+    const title = fields.title ? tree.add('muiTypography', _extends({
+        children: `{{item.${fields.title}}}`,
+        variant: questions ? 'h6' : 'h5',
+        component: itemElement(scope)
+    }, textAlign), null, null, 'recordTitle') : null;
+    const body = fields.body ? tree.add('muiTypography', _extends({
+        children: `{{item.${fields.body}}}`,
+        variant: 'body2'
+    }, textAlign), muted(scope), null, 'recordBody') : null;
+    page.settled.push({
+        at: scope.at,
+        what: `${listing.name} listed from its dataset${questions ? ' as a ruled list' : ' as cards'}`
+    });
+    const card = questions ? tree.add('muiStack', {
+        spacing: '1'
+    }, {
+        borderTop: 1,
+        pt: 3
+    }, [
+        title,
+        body
+    ], 'record') : tree.add('muiStack', _extends({
+        spacing: '1'
+    }, scope.centered ? {
+        alignItems: 'center'
+    } : {}), null, [
+        kicker,
+        title,
+        body
+    ], 'record');
+    return tree.add(AI_LAYOUT_LISTING_ELEMENTS.records, _extends({
+        repeatDataset: listing.datasetId
+    }, limit ? {
+        repeatLimit: String(limit)
+    } : {}), questions ? {
+        display: 'grid',
+        gap: 3
+    } : {
+        display: 'grid',
+        gridTemplateColumns: {
+            xs: '1fr',
+            md: 'repeat(3, 1fr)'
+        },
+        gap: 5
+    }, [
+        card
+    ], 'records');
+}
 /** The id the compiled page's root is stored under. */ export const AI_LAYOUT_PAGE_ROOT_ID = CANVAS_ROOT_ELEMENT_ID;
 
 //# sourceMappingURL=ai-layout-compiler.js.map