@coveops/abi 0.4.1 → 0.5.0

package/dist/cjs/sample-component.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bea59ea1.js');
-const index$1 = require('./index-daa118f5.js');
+const index = require('./index-9c1d2337.js');
+const index$1 = require('./index-03be0841.js');
 const atomic = require('./atomic-7321a250.js');
+require('./headless.esm-085e70ed-f2e18485.js');
 
 const sampleComponentCss = "nav{width:300px;display:flex;justify-content:space-around}button{color:var(--atomic-on-primary);background-color:var(--atomic-primary)}";
 

package/dist/cjs/strip-html-component.cjs.entry.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9c1d2337.js');
+require('./headless.esm-085e70ed-f2e18485.js');
+const resultTemplateDecorators881a4c8e = require('./result-template-decorators-881a4c8e-4ff46481.js');
+
+const stripHtmlComponentCss = "b{color:var(--atomic-primary)}";
+
+const StripHtmlComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  // We recommended fetching the result context using the `connectedCallback` lifecycle method
+  // with async/await. Using `componentWillLoad` will hang the parent `atomic-search-interface` initialization.
+  async connectedCallback() {
+    try {
+      this.result = await resultTemplateDecorators881a4c8e.resultContext(this.host);
+    }
+    catch (error) {
+      console.error(error);
+      this.host.remove();
+    }
+  }
+  // Function to strip HTML tags and decode HTML entities
+  stripHtmlAndEntities(str) {
+    // Create a temporary DOM element
+    var tempDiv = document.createElement("div");
+    // Set its innerHTML to the input string
+    tempDiv.innerHTML = str;
+    // Use textContent to get the plain text
+    var text = tempDiv.textContent || tempDiv.innerText || "";
+    // Replace HTML entities
+    var decodedText = text.replace(/&#(\d+);/g, (_, dec) => String.fromCharCode(dec));
+    return decodedText;
+  }
+  render() {
+    // Do not render the component until the result object has been resolved.
+    if (!this.result) {
+      return;
+    }
+    let description;
+    if (this.result.raw.abicontenttype == "Quick Links") {
+      description = this.result.excerpt || "No description available";
+    }
+    else {
+      description = this.result.raw.description;
+    }
+    let strippedString = '';
+    if (typeof description === 'string') {
+      strippedString = this.stripHtmlAndEntities(description);
+    }
+    return (index.h("div", { style: { fontSize: "13px" } }, strippedString));
+  }
+  get host() { return index.getElement(this); }
+};
+StripHtmlComponent.style = stripHtmlComponentCss;
+
+exports.strip_html_component = StripHtmlComponent;

package/dist/collection/collection-manifest.json

@@ -2,7 +2,8 @@
   "entries": [
     "./components/faq-popup-component/faq-popup-component.js",
     "./components/results-manager/results-manager.js",
-    "./components/sample-component/sample-component.js"
+    "./components/sample-component/sample-component.js",
+    "./components/strip-html-component/strip-html-component.js"
   ],
   "compiler": {
     "name": "@stencil/core",

package/dist/collection/components/strip-html-component/strip-html-component.css

@@ -0,0 +1,3 @@
+b {
+    color: var(--atomic-primary);
+  }

package/dist/collection/components/strip-html-component/strip-html-component.js

@@ -0,0 +1,64 @@
+import { Component, h, Element, State } from "@stencil/core";
+import { resultContext } from "@coveo/atomic";
+/**
+ * Sample custom Atomic result component, to be used inside an Atomic Result Template.
+ *
+ * This component showcases a component that conditionally renders the author of a result, with a fallback to display "anonymous" in the event that no author is available for a document, for educational purposes.
+ *
+ * In a real life scenario, we recommend using [result-field-condition](https://docs.coveo.com/en/atomic/latest/reference/result-template-components/atomic-field-condition/) and [atomic-result-text](https://docs.coveo.com/en/atomic/latest/reference/result-template-components/atomic-result-text/).
+ */
+export class StripHtmlComponent {
+  // We recommended fetching the result context using the `connectedCallback` lifecycle method
+  // with async/await. Using `componentWillLoad` will hang the parent `atomic-search-interface` initialization.
+  async connectedCallback() {
+    try {
+      this.result = await resultContext(this.host);
+    }
+    catch (error) {
+      console.error(error);
+      this.host.remove();
+    }
+  }
+  // Function to strip HTML tags and decode HTML entities
+  stripHtmlAndEntities(str) {
+    // Create a temporary DOM element
+    var tempDiv = document.createElement("div");
+    // Set its innerHTML to the input string
+    tempDiv.innerHTML = str;
+    // Use textContent to get the plain text
+    var text = tempDiv.textContent || tempDiv.innerText || "";
+    // Replace HTML entities
+    var decodedText = text.replace(/&#(\d+);/g, (_, dec) => String.fromCharCode(dec));
+    return decodedText;
+  }
+  render() {
+    // Do not render the component until the result object has been resolved.
+    if (!this.result) {
+      return;
+    }
+    let description;
+    if (this.result.raw.abicontenttype == "Quick Links") {
+      description = this.result.excerpt || "No description available";
+    }
+    else {
+      description = this.result.raw.description;
+    }
+    let strippedString = '';
+    if (typeof description === 'string') {
+      strippedString = this.stripHtmlAndEntities(description);
+    }
+    return (h("div", { style: { fontSize: "13px" } }, strippedString));
+  }
+  static get is() { return "strip-html-component"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["strip-html-component.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["strip-html-component.css"]
+  }; }
+  static get states() { return {
+    "result": {}
+  }; }
+  static get elementRef() { return "host"; }
+}

package/dist/components/index.d.ts

@@ -20,6 +20,12 @@ export const SampleComponent: {
   new (): SampleComponent;
 };
 
+interface StripHtmlComponent extends Components.StripHtmlComponent, HTMLElement {}
+export const StripHtmlComponent: {
+  prototype: StripHtmlComponent;
+  new (): StripHtmlComponent;
+};
+
 /**
  * Utility to define all custom elements within this package using the tag name provided in the component's source. 
  * When defining each custom element, it will also check it's safe to define by: