@warp-ds/elements 2.1.1 → 2.2.0-next.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.1.1",
+  "version": "2.2.0-next.1",
   "description": "Custom elements for Warp",
   "exports": {
     ".": "./dist/index.js",
@@ -11,7 +11,6 @@
     "./components/badge": "./dist/packages/badge/index.js",
     "./components/box": "./dist/packages/box/index.js",
     "./components/breadcrumbs": "./dist/packages/breadcrumbs/index.js",
-    "./components/broadcast": "./dist/packages/broadcast/index.js",
     "./components/button": "./dist/packages/button/index.js",
     "./components/card": "./dist/packages/card/index.js",
     "./components/expandable": "./dist/packages/expandable/index.js",
@@ -40,8 +39,6 @@
     "messages:extract": "lingui extract",
     "preview:docs": "vite preview",
     "semantic-release": "semantic-release",
-    "test:mock-backend:ci": "node ./tests/utils/broadcast-backend.js &",
-    "test:mock-backend": "node ./tests/utils/broadcast-backend.js",
     "test:snapshot": "TAP_SNAPSHOT=1 tap ./packages/**/test.js --no-check-coverage",
     "test": "tap ./packages/**/test.js --no-check-coverage",
     "watch:npm": "npx esbuild ./index.js --outdir=dist/ --target=es2017 --bundle --sourcemap --format=esm --minify --watch"

package/dist/packages/broadcast/component.d.ts

@@ -1,36 +0,0 @@
-export class WarpBroadcast {
-    static properties: {
-        _messages: {
-            state: boolean;
-            hasChanged(newVal: any, oldVal: any): boolean;
-        };
-        _hiddenMessageIds: {
-            state: boolean;
-            type: ArrayConstructor;
-        };
-        interval: {
-            type: NumberConstructor;
-            attribute: boolean;
-            reflect: boolean;
-        };
-        url: {
-            type: StringConstructor;
-            attribute: boolean;
-            reflect: boolean;
-        };
-        api: {
-            type: StringConstructor;
-            attribute: boolean;
-            reflect: boolean;
-        };
-    };
-    static styles: any[];
-    _messages: any[];
-    interval: number;
-    _hiddenMessageIds: any[];
-    url: string;
-    connectedCallback(): Promise<void>;
-    _fetchMessage(): Promise<void>;
-    _del(id: any): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
-}

package/dist/packages/broadcast/index.d.ts

@@ -1,2 +0,0 @@
-export { WarpBroadcast };
-import { WarpBroadcast } from './component';

package/dist/packages/broadcast/index.js

@@ -1,87 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
-// packages/broadcast/component.js
-import { html } from "lit";
-import WarpElement from "@warp-ds/elements-core";
-import { repeat } from "lit/directives/repeat.js";
-
-// packages/utils/window-exists.js
-var windowExists = typeof window !== "undefined";
-
-// packages/broadcast/component.js
-var WarpBroadcast = class extends WarpElement {
-  constructor() {
-    super();
-    this._messages = [];
-    this.interval = 3e4;
-    this._hiddenMessageIds = [];
-    this.url = windowExists ? window.location.href : "";
-  }
-  async connectedCallback() {
-    super.connectedCallback();
-    if (!this.api) {
-      console.error('Broadcast "api" attribute invalid or undefined');
-      return;
-    }
-    if (windowExists) {
-      await this._fetchMessage();
-      setInterval(() => this._fetchMessage(), this.interval);
-    }
-  }
-  async _fetchMessage() {
-    const url = `${this.api}?path=${this.url}`;
-    try {
-      const res = await (await fetch(url)).json();
-      this._messages = res.length ? res : [];
-    } catch (err) {
-      console.error(`failed to fetch broadcasts from given url (${url})`, err);
-    }
-  }
-  async _del(id) {
-    const el = this.renderRoot.querySelector(`#broadcast-${id}`);
-    await el.collapse();
-    this._hiddenMessageIds = [.../* @__PURE__ */ new Set([...this._hiddenMessageIds, id])];
-  }
-  render() {
-    const messages = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));
-    return html`
-      <aside class=${`${messages.length === 0 ? "hidden" : "mb-16"}`}>
-        ${repeat(
-      messages,
-      ({ id }) => `broadcast-${id}`,
-      ({ id, message }) => html`<w-toast id="broadcast-${id}" type="warning" text="${message}" canclose @close=${() => this._del(id)}> </w-toast>`
-    )}
-      </aside>
-    `;
-  }
-};
-__publicField(WarpBroadcast, "properties", {
-  _messages: {
-    state: true,
-    hasChanged(newVal, oldVal) {
-      if (!oldVal || oldVal.length === 0) return true;
-      const newIds = newVal.map(({ id }) => id).sort();
-      const oldIds = oldVal.map(({ id }) => id).sort();
-      return JSON.stringify(newIds) !== JSON.stringify(oldIds);
-    }
-  },
-  _hiddenMessageIds: {
-    state: true,
-    type: Array
-  },
-  interval: { type: Number, attribute: true, reflect: true },
-  url: { type: String, attribute: true, reflect: true },
-  api: { type: String, attribute: true, reflect: true }
-});
-__publicField(WarpBroadcast, "styles", [WarpElement.styles]);
-
-// packages/broadcast/index.js
-if (!customElements.get("w-broadcast")) {
-  customElements.define("w-broadcast", WarpBroadcast);
-}
-export {
-  WarpBroadcast
-};
-//# sourceMappingURL=index.js.map

package/dist/packages/broadcast/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/broadcast/component.js", "../../../packages/utils/window-exists.js", "../../../packages/broadcast/index.js"],
-  "sourcesContent": ["import { html } from 'lit';\n\nimport WarpElement from '@warp-ds/elements-core';\nimport { repeat } from 'lit/directives/repeat.js';\n\nimport { windowExists } from '../utils/window-exists';\n\nexport class WarpBroadcast extends WarpElement {\n  static properties = {\n    _messages: {\n      state: true,\n      hasChanged(newVal, oldVal) {\n        if (!oldVal || oldVal.length === 0) return true;\n        const newIds = newVal.map(({ id }) => id).sort();\n        const oldIds = oldVal.map(({ id }) => id).sort();\n        return JSON.stringify(newIds) !== JSON.stringify(oldIds);\n      },\n    },\n    _hiddenMessageIds: {\n      state: true,\n      type: Array,\n    },\n    interval: { type: Number, attribute: true, reflect: true },\n    url: { type: String, attribute: true, reflect: true },\n    api: { type: String, attribute: true, reflect: true },\n  };\n\n  static styles = [WarpElement.styles];\n\n  constructor() {\n    super();\n    this._messages = [];\n    this.interval = 30000;\n    this._hiddenMessageIds = [];\n    this.url = windowExists ? window.location.href : '';\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    if (!this.api) {\n      console.error('Broadcast \"api\" attribute invalid or undefined');\n      return;\n    }\n    if (windowExists) {\n      await this._fetchMessage();\n      setInterval(() => this._fetchMessage(), this.interval);\n    }\n  }\n\n  async _fetchMessage() {\n    const url = `${this.api}?path=${this.url}`;\n    try {\n      const res = await (await fetch(url)).json();\n      this._messages = res.length ? res : [];\n    } catch (err) {\n      console.error(`failed to fetch broadcasts from given url (${url})`, err);\n    }\n  }\n\n  async _del(id) {\n    const el = this.renderRoot.querySelector(`#broadcast-${id}`);\n    await el.collapse();\n    this._hiddenMessageIds = [...new Set([...this._hiddenMessageIds, id])];\n  }\n\n  render() {\n    const messages = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));\n\n    return html`\n      <aside class=${`${messages.length === 0 ? 'hidden' : 'mb-16'}`}>\n        ${repeat(\n          messages,\n          ({ id }) => `broadcast-${id}`,\n          ({ id, message }) =>\n            html`<w-toast id=\"broadcast-${id}\" type=\"warning\" text=\"${message}\" canclose @close=${() => this._del(id)}> </w-toast>`,\n        )}\n      </aside>\n    `;\n  }\n}\n", "export const windowExists = typeof window !== 'undefined';\n", "import { WarpBroadcast } from './component';\n\nif (!customElements.get('w-broadcast')) {\n  customElements.define('w-broadcast', WarpBroadcast);\n}\n\nexport { WarpBroadcast };\n"],
-  "mappings": ";;;;;AAAA,SAAS,YAAY;AAErB,OAAO,iBAAiB;AACxB,SAAS,cAAc;;;ACHhB,IAAM,eAAe,OAAO,WAAW;;;ADOvC,IAAM,gBAAN,cAA4B,YAAY;AAAA,EAsB7C,cAAc;AACZ,UAAM;AACN,SAAK,YAAY,CAAC;AAClB,SAAK,WAAW;AAChB,SAAK,oBAAoB,CAAC;AAC1B,SAAK,MAAM,eAAe,OAAO,SAAS,OAAO;AAAA,EACnD;AAAA,EAEA,MAAM,oBAAoB;AACxB,UAAM,kBAAkB;AACxB,QAAI,CAAC,KAAK,KAAK;AACb,cAAQ,MAAM,gDAAgD;AAC9D;AAAA,IACF;AACA,QAAI,cAAc;AAChB,YAAM,KAAK,cAAc;AACzB,kBAAY,MAAM,KAAK,cAAc,GAAG,KAAK,QAAQ;AAAA,IACvD;AAAA,EACF;AAAA,EAEA,MAAM,gBAAgB;AACpB,UAAM,MAAM,GAAG,KAAK,GAAG,SAAS,KAAK,GAAG;AACxC,QAAI;AACF,YAAM,MAAM,OAAO,MAAM,MAAM,GAAG,GAAG,KAAK;AAC1C,WAAK,YAAY,IAAI,SAAS,MAAM,CAAC;AAAA,IACvC,SAAS,KAAK;AACZ,cAAQ,MAAM,8CAA8C,GAAG,KAAK,GAAG;AAAA,IACzE;AAAA,EACF;AAAA,EAEA,MAAM,KAAK,IAAI;AACb,UAAM,KAAK,KAAK,WAAW,cAAc,cAAc,EAAE,EAAE;AAC3D,UAAM,GAAG,SAAS;AAClB,SAAK,oBAAoB,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,KAAK,mBAAmB,EAAE,CAAC,CAAC;AAAA,EACvE;AAAA,EAEA,SAAS;AACP,UAAM,WAAW,KAAK,UAAU,OAAO,CAAC,SAAS,CAAC,KAAK,kBAAkB,SAAS,KAAK,EAAE,CAAC;AAE1F,WAAO;AAAA,qBACU,GAAG,SAAS,WAAW,IAAI,WAAW,OAAO,EAAE;AAAA,UAC1D;AAAA,MACA;AAAA,MACA,CAAC,EAAE,GAAG,MAAM,aAAa,EAAE;AAAA,MAC3B,CAAC,EAAE,IAAI,QAAQ,MACb,8BAA8B,EAAE,0BAA0B,OAAO,qBAAqB,MAAM,KAAK,KAAK,EAAE,CAAC;AAAA,IAC7G,CAAC;AAAA;AAAA;AAAA,EAGP;AACF;AAvEE,cADW,eACJ,cAAa;AAAA,EAClB,WAAW;AAAA,IACT,OAAO;AAAA,IACP,WAAW,QAAQ,QAAQ;AACzB,UAAI,CAAC,UAAU,OAAO,WAAW,EAAG,QAAO;AAC3C,YAAM,SAAS,OAAO,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,KAAK;AAC/C,YAAM,SAAS,OAAO,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,KAAK;AAC/C,aAAO,KAAK,UAAU,MAAM,MAAM,KAAK,UAAU,MAAM;AAAA,IACzD;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,UAAU,EAAE,MAAM,QAAQ,WAAW,MAAM,SAAS,KAAK;AAAA,EACzD,KAAK,EAAE,MAAM,QAAQ,WAAW,MAAM,SAAS,KAAK;AAAA,EACpD,KAAK,EAAE,MAAM,QAAQ,WAAW,MAAM,SAAS,KAAK;AACtD;AAEA,cApBW,eAoBJ,UAAS,CAAC,YAAY,MAAM;;;AEzBrC,IAAI,CAAC,eAAe,IAAI,aAAa,GAAG;AACtC,iBAAe,OAAO,eAAe,aAAa;AACpD;",
-  "names": []
-}