@aiconomy/aico-components 0.1.0 → 0.2.0

package/dist/components/aico-neo-content2.js

@@ -162,6 +162,112 @@ function resolveLocale(document, locale, defaultLocale = null) {
     return resolved;
 }
 
+const ENTITIES = {
+    '&': '&',
+    '&lt;': '<',
+    '&gt;': '>',
+    '&quot;': '"',
+    '&#39;': "'",
+    '&nbsp;': ' ',
+};
+/** Plain text of an HTML fragment, whitespace-collapsed and lowercased (mirrors NeoNewsContentRenderer::normalizeText). */
+function normalizeText(html) {
+    const stripped = html.replace(/<[^>]*>/g, '');
+    const decoded = stripped.replace(/&amp;|&lt;|&gt;|&quot;|&#39;|&nbsp;/g, entity => ENTITIES[entity]);
+    return decoded.replace(/\s+/g, ' ').trim().toLowerCase();
+}
+function headingText(element) {
+    var _a;
+    const text = (_a = element.content) === null || _a === void 0 ? void 0 : _a.text;
+    return typeof text === 'string' ? text : '';
+}
+/** Filters one elements array, recursing into `columns` children. Returns the input array by reference when nothing changed. */
+function trimElements(elements, state) {
+    const result = [];
+    let changed = false;
+    for (const element of elements) {
+        if (element.type === 'columns') {
+            const children = Array.isArray(element.children) ? element.children : [];
+            const newChildren = trimElements(children, state);
+            if (newChildren.length === 0) {
+                changed = true;
+                continue;
+            }
+            if (newChildren !== children) {
+                changed = true;
+                result.push(Object.assign(Object.assign({}, element), { children: newChildren }));
+            }
+            else {
+                result.push(element);
+            }
+            continue;
+        }
+        if (element.type === 'image') {
+            // Images never end the lead: kept or dropped, either way the next
+            // element is still evaluated as leading.
+            if (state.atLeadingEdge && state.dropLeadingImage) {
+                changed = true;
+                continue;
+            }
+            result.push(element);
+            continue;
+        }
+        if (element.type === 'divider') {
+            // Dividers don't end the lead either.
+            result.push(element);
+            continue;
+        }
+        if (element.type === 'heading') {
+            if (state.atLeadingEdge && state.normalizedTitle !== null && normalizeText(headingText(element)) === state.normalizedTitle) {
+                changed = true;
+                continue;
+            }
+            result.push(element);
+            state.atLeadingEdge = false;
+            continue;
+        }
+        // Any other element type (text, html, button, video, gallery, slideshow, …) is kept and ends the lead.
+        result.push(element);
+        state.atLeadingEdge = false;
+    }
+    return changed ? result : elements;
+}
+/**
+ * Preprocesses a locale-resolved Neo document, dropping lead content that
+ * duplicates the host page's own header. Non-mutating: returns the input
+ * unchanged (same reference) when there is nothing to do, otherwise a new
+ * document with a new `sections` array (untouched sections/elements may be
+ * reused by reference).
+ */
+function trimNeoLead(document, options) {
+    const sections = Array.isArray(document.sections) ? document.sections : [];
+    if (sections.length === 0) {
+        return document;
+    }
+    const dedupeTitle = options.dedupeTitle;
+    const hasDedupeTitle = typeof dedupeTitle === 'string' && dedupeTitle.trim() !== '';
+    if (!options.trimLeadImage && !hasDedupeTitle) {
+        return document;
+    }
+    const state = {
+        atLeadingEdge: true,
+        dropLeadingImage: options.trimLeadImage,
+        normalizedTitle: hasDedupeTitle ? normalizeText(dedupeTitle) : null,
+    };
+    const newSections = [];
+    for (const section of sections) {
+        const elements = Array.isArray(section.elements) ? section.elements : [];
+        const newElements = trimElements(elements, state);
+        if (newElements.length === 0) {
+            // An empty section must not survive — this is what removes a
+            // background-only hero section once its sole image is trimmed.
+            continue;
+        }
+        newSections.push(newElements === elements ? section : Object.assign(Object.assign({}, section), { elements: newElements }));
+    }
+    return Object.assign(Object.assign({}, document), { sections: newSections });
+}
+
 /**
  * news-neo-renderer.ts
  *
@@ -1301,12 +1407,14 @@ const AicoNeoContent = /*@__PURE__*/ proxyCustomElement(class AicoNeoContent ext
         this.neoDocument = undefined;
         this.locale = 'de';
         this.defaultLocale = undefined;
+        this.trimLeadImage = false;
+        this.dedupeTitle = undefined;
     }
     componentWillLoad() {
         this.prepareHtml();
     }
     prepareHtml() {
-        var _a;
+        var _a, _b;
         if (!neoDocumentHasContent(this.neoDocument)) {
             this.renderedHtml = '';
             return;
@@ -1315,6 +1423,13 @@ const AicoNeoContent = /*@__PURE__*/ proxyCustomElement(class AicoNeoContent ext
         if (hasLocaleStructure(resolvedDocument)) {
             resolvedDocument = resolveLocale(resolvedDocument, this.locale, (_a = this.defaultLocale) !== null && _a !== void 0 ? _a : null);
         }
+        if (this.trimLeadImage || this.dedupeTitle) {
+            resolvedDocument = trimNeoLead(resolvedDocument, { trimLeadImage: this.trimLeadImage, dedupeTitle: (_b = this.dedupeTitle) !== null && _b !== void 0 ? _b : null });
+            if (resolvedDocument.sections.length === 0) {
+                this.renderedHtml = '';
+                return;
+            }
+        }
         setActiveLocale(this.locale);
         this.renderedHtml = NewsNeo.render({ contentBuilderNeoJson: resolvedDocument });
     }
@@ -1326,23 +1441,29 @@ const AicoNeoContent = /*@__PURE__*/ proxyCustomElement(class AicoNeoContent ext
         }
     }
     render() {
-        return (h(Host, { key: '82b5bdbc016d175f57ff0c2d9569da68728c304d' }, h("div", { key: '8a46741a6ce19c9e374928d6a4a0e4d76699f173', class: "aico-neo-content-mount", innerHTML: this.renderedHtml })));
+        return (h(Host, { key: '663be625008bd9444656dfedd24cfe9fa97e7d43' }, h("div", { key: 'f0827191bf2ccc6d8cb35644103aa558d338382f', class: "aico-neo-content-mount", innerHTML: this.renderedHtml })));
     }
     get host() { return this; }
     static get watchers() { return {
         "neoDocument": ["prepareHtml"],
         "locale": ["prepareHtml"],
-        "defaultLocale": ["prepareHtml"]
+        "defaultLocale": ["prepareHtml"],
+        "trimLeadImage": ["prepareHtml"],
+        "dedupeTitle": ["prepareHtml"]
     }; }
     static get style() { return AicoNeoContentStyle0; }
 }, [0, "aico-neo-content", {
         "neoDocument": [16],
         "locale": [1],
-        "defaultLocale": [1, "default-locale"]
+        "defaultLocale": [1, "default-locale"],
+        "trimLeadImage": [4, "trim-lead-image"],
+        "dedupeTitle": [1, "dedupe-title"]
     }, undefined, {
         "neoDocument": ["prepareHtml"],
         "locale": ["prepareHtml"],
-        "defaultLocale": ["prepareHtml"]
+        "defaultLocale": ["prepareHtml"],
+        "trimLeadImage": ["prepareHtml"],
+        "dedupeTitle": ["prepareHtml"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {