proto-daisy-db 0.0.2

package/dist/components/proto-daisy-db.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ProtoDaisyDb extends Components.ProtoDaisyDb, HTMLElement {}
+export const ProtoDaisyDb: {
+  prototype: ProtoDaisyDb;
+  new (): ProtoDaisyDb;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/proto-daisy-db.js

@@ -0,0 +1,82 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const KEY = 'proto-daisy-db:app-data';
+const promisedParseJSON = (json) => {
+  return new Promise((resolve, reject) => {
+    try {
+      resolve(JSON.parse(json));
+    }
+    catch (e) {
+      reject(e);
+    }
+  });
+};
+// localStorage implementation... [ generic storage ]
+const bag = {
+  get: () => {
+    const json = localStorage.getItem(KEY);
+    return promisedParseJSON(json);
+  },
+  store: (data) => {
+    // NOTE:  this assumes you're passing REAL data, not a proxy...
+    const json = JSON.stringify(data);
+    localStorage.setItem(KEY, json);
+  },
+};
+
+const protoDaisyDbCss = "";
+
+const ProtoDaisyDB = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.emitter = undefined;
+  }
+  componentDidLoad() {
+    if (this.emitter && window[this.emitter]) {
+      const emitter = window[this.emitter];
+      emitter.on('app-data:get', _e => {
+        console.log('app-data:get');
+        bag
+          .get()
+          .then(value => {
+          emitter.emit('app-data:value', value);
+        })
+          .catch(reason => {
+          console.log(reason);
+        });
+      });
+      emitter.on('app-data:store', e => {
+        console.log('app-data:store', e);
+        bag.store(e);
+      });
+      const data = { ready: true };
+      emitter.emit('proto-daisy-db', data);
+    }
+  }
+  render() {
+    return h("div", null);
+  }
+  static get style() { return protoDaisyDbCss; }
+}, [1, "proto-daisy-db", {
+    "emitter": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["proto-daisy-db"];
+  components.forEach(tagName => { switch (tagName) {
+    case "proto-daisy-db":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ProtoDaisyDB);
+      }
+      break;
+  } });
+}
+
+const ProtoDaisyDb = ProtoDaisyDB;
+const defineCustomElement = defineCustomElement$1;
+
+export { ProtoDaisyDb, defineCustomElement };

package/dist/components/proto-faux-keys.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ProtoFauxKeys extends Components.ProtoFauxKeys, HTMLElement {}
+export const ProtoFauxKeys: {
+  prototype: ProtoFauxKeys;
+  new (): ProtoFauxKeys;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/proto-faux-keys.js

@@ -0,0 +1,6 @@
+import { P as ProtoFauxKeys$1, d as defineCustomElement$1 } from './proto-faux-keys2.js';
+
+const ProtoFauxKeys = ProtoFauxKeys$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ProtoFauxKeys, defineCustomElement };

package/dist/components/proto-faux-keys2.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const protoFauxKeysCss = "";
+
+const ProtoFauxKeys = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.data = undefined;
+  }
+  render() {
+    const keys = this.data ? Object.keys(this.data) : [];
+    return (h("div", { class: "flex flex-col" }, keys.map(key => (h("span", null, key)))));
+  }
+  static get style() { return protoFauxKeysCss; }
+}, [0, "proto-faux-keys", {
+    "data": [16]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["proto-faux-keys"];
+  components.forEach(tagName => { switch (tagName) {
+    case "proto-faux-keys":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ProtoFauxKeys);
+      }
+      break;
+  } });
+}
+
+export { ProtoFauxKeys as P, defineCustomElement as d };

package/dist/components/proto-faux-stamp.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ProtoFauxStamp extends Components.ProtoFauxStamp, HTMLElement {}
+export const ProtoFauxStamp: {
+  prototype: ProtoFauxStamp;
+  new (): ProtoFauxStamp;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/proto-faux-stamp.js

@@ -0,0 +1,6 @@
+import { P as ProtoFauxStamp$1, d as defineCustomElement$1 } from './proto-faux-stamp2.js';
+
+const ProtoFauxStamp = ProtoFauxStamp$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ProtoFauxStamp, defineCustomElement };

package/dist/components/proto-faux-stamp2.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const protoFauxStampCss = "";
+
+const ProtoFauxStamp = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.data = undefined;
+  }
+  render() {
+    const stamp = this.data ? this.data['stamp'] : '';
+    return (h("div", { class: "flex" }, h("span", null, stamp)));
+  }
+  static get style() { return protoFauxStampCss; }
+}, [0, "proto-faux-stamp", {
+    "data": [16]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["proto-faux-stamp"];
+  components.forEach(tagName => { switch (tagName) {
+    case "proto-faux-stamp":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ProtoFauxStamp);
+      }
+      break;
+  } });
+}
+
+export { ProtoFauxStamp as P, defineCustomElement as d };

package/dist/components/proto-faux-trigger.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ProtoFauxTrigger extends Components.ProtoFauxTrigger, HTMLElement {}
+export const ProtoFauxTrigger: {
+  prototype: ProtoFauxTrigger;
+  new (): ProtoFauxTrigger;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/proto-faux-trigger.js

@@ -0,0 +1,75 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './proto-faux-keys2.js';
+import { d as defineCustomElement$2 } from './proto-faux-stamp2.js';
+
+const protoFauxTriggerCss = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.mt-4{margin-top:1rem}.mt-2{margin-top:0.5rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.content-center{align-content:center}.gap-2{gap:0.5rem}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n    0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";
+
+const ProtoFauxTrigger$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.emitter = undefined;
+    this.data = undefined;
+  }
+  componentDidLoad() {
+    if (this.emitter && window[this.emitter]) {
+      const emitter = window[this.emitter];
+      emitter.on('app-data:value', e => {
+        this.data = e;
+      });
+    }
+  }
+  emitData() {
+    if (this.emitter && window[this.emitter]) {
+      const emitter = window[this.emitter];
+      const login = true;
+      const stamp = Date.now();
+      const theme = 'dark';
+      const dealers = [];
+      const data = { login, stamp, theme, dealers };
+      this.data = undefined;
+      emitter.emit('app-data:store', data);
+    }
+  }
+  fetchData() {
+    if (this.emitter && window[this.emitter]) {
+      const emitter = window[this.emitter];
+      emitter.emit('app-data:get', 42);
+    }
+  }
+  render() {
+    return (h("div", { class: "flex flex-col font-sans" }, h("div", { class: "flex flex-row content-center gap-2" }, h("button", { onClick: () => this.emitData() }, "Save"), h("button", { onClick: () => this.fetchData() }, "Fetch")), h("proto-faux-stamp", { class: "mt-4 text-xs", data: this.data }), h("proto-faux-keys", { class: "mt-2", data: this.data })));
+  }
+  static get style() { return protoFauxTriggerCss; }
+}, [0, "proto-faux-trigger", {
+    "emitter": [1],
+    "data": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["proto-faux-trigger", "proto-faux-keys", "proto-faux-stamp"];
+  components.forEach(tagName => { switch (tagName) {
+    case "proto-faux-trigger":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ProtoFauxTrigger$1);
+      }
+      break;
+    case "proto-faux-keys":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "proto-faux-stamp":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const ProtoFauxTrigger = ProtoFauxTrigger$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ProtoFauxTrigger, defineCustomElement };