@design-edito/tools 0.1.21 → 0.1.22

package/chunks/chunk-LCFDDWJR.js

@@ -0,0 +1,278 @@
+import {
+  isRecord
+} from "./chunk-YDIBNEGA.js";
+import {
+  isInEnum
+} from "./chunk-E6MSDKON.js";
+import {
+  isFalsy
+} from "./chunk-QXAJXTXV.js";
+
+// src/agnostic/html/hyper-json/index.ts
+var HyperJson;
+((HyperJson2) => {
+  const crossenvWindow = window;
+  const document = crossenvWindow.document;
+  const Element = crossenvWindow.Element;
+  const Text = crossenvWindow.Text;
+  const Node = crossenvWindow.Node;
+  const isElement = (node) => node.nodeType === Node.ELEMENT_NODE;
+  const isText = (node) => node.nodeType === Node.TEXT_NODE;
+  let TyperTagName;
+  ((TyperTagName2) => {
+    TyperTagName2["NULL"] = "null";
+    TyperTagName2["BOOLEAN"] = "boolean";
+    TyperTagName2["NUMBER"] = "number";
+    TyperTagName2["STRING"] = "string";
+    TyperTagName2["TEXT"] = "text";
+    TyperTagName2["NODELIST"] = "nodelist";
+    TyperTagName2["ARRAY"] = "array";
+    TyperTagName2["RECORD"] = "record";
+  })(TyperTagName = HyperJson2.TyperTagName || (HyperJson2.TyperTagName = {}));
+  let TransformerTagName;
+  ((TransformerTagName2) => {
+    TransformerTagName2["MAP"] = "map";
+    TransformerTagName2["REF"] = "ref";
+    TransformerTagName2["ADD"] = "add";
+    TransformerTagName2["MULT"] = "mult";
+    TransformerTagName2["APPEND"] = "append";
+  })(TransformerTagName = HyperJson2.TransformerTagName || (HyperJson2.TransformerTagName = {}));
+  class Tree {
+    node;
+    name;
+    parent;
+    root;
+    path;
+    pathString;
+    tagName;
+    attributes;
+    subtrees = /* @__PURE__ */ new Map();
+    children;
+    type;
+    constructor(node, parent, pathFromParent) {
+      this.initValue = this.initValue.bind(this);
+      this.getInnerValue = this.getInnerValue.bind(this);
+      this.wrapInnerValue = this.wrapInnerValue.bind(this);
+      this.evaluate = this.evaluate.bind(this);
+      this.node = node;
+      this.name = this.node instanceof Element ? this.node.getAttribute("_name") : null;
+      this.parent = parent ?? null;
+      this.root = this.parent === null ? this : this.parent.root;
+      if (this.parent === null) this.path = [];
+      else if (pathFromParent === void 0) {
+        this.path = [...this.parent.path, 0];
+      } else {
+        this.path = [...this.parent.path, pathFromParent];
+      }
+      this.pathString = `/${this.path.join("/")}`;
+      this.tagName = node instanceof Element ? node.tagName.toLowerCase() : null;
+      this.attributes = isElement(node) ? Array.from(node.attributes) : null;
+      const { childNodes } = node;
+      let positionnedChildrenCount = 0;
+      const mutableSubtrees = /* @__PURE__ */ new Map();
+      Array.from(childNodes).filter((node2) => {
+        if (isElement(node2)) return true;
+        if (isText(node2)) return true;
+        return false;
+      }).forEach((childNode) => {
+        if (childNode instanceof Text) {
+          mutableSubtrees.set(
+            positionnedChildrenCount,
+            new Tree(childNode, this, positionnedChildrenCount)
+          );
+          positionnedChildrenCount += 1;
+        } else {
+          const propertyName = childNode.getAttribute("_name");
+          if (propertyName === null) {
+            mutableSubtrees.set(
+              positionnedChildrenCount,
+              new Tree(childNode, this, positionnedChildrenCount)
+            );
+            positionnedChildrenCount += 1;
+          } else {
+            mutableSubtrees.set(
+              propertyName,
+              new Tree(childNode, this, propertyName)
+            );
+          }
+        }
+      });
+      this.subtrees = mutableSubtrees;
+      this.children = Array.from(this.subtrees.values());
+      if (this.tagName === null) {
+        this.type = "text";
+      } else if (this.tagName === "null" /* NULL */) {
+        this.type = "null";
+      } else if (this.tagName === "boolean" /* BOOLEAN */) {
+        this.type = "boolean";
+      } else if (this.tagName === "number" /* NUMBER */) {
+        this.type = "number";
+      } else if (this.tagName === "string" /* STRING */) {
+        this.type = "string";
+      } else if (this.tagName === "text" /* TEXT */) {
+        this.type = "text";
+      } else if (this.tagName === "nodelist" /* NODELIST */) {
+        this.type = "nodelist";
+      } else if (this.tagName === "array" /* ARRAY */) {
+        this.type = "array";
+      } else if (this.tagName === "record" /* RECORD */) {
+        this.type = "record";
+      } else if (isInEnum(TransformerTagName, this.tagName)) {
+        this.type = "transformer";
+      } else {
+        this.type = "element";
+      }
+    }
+    initValue() {
+      const { type } = this;
+      let currentValue;
+      if (type === "null") {
+        currentValue = null;
+      } else if (type === "boolean") {
+        currentValue = false;
+      } else if (type === "number") {
+        currentValue = 0;
+      } else if (type === "string") {
+        currentValue = "";
+      } else if (type === "text") {
+        currentValue = this.node.textContent;
+      } else if (type === "element") {
+        currentValue = document.createDocumentFragment().childNodes;
+      } else if (type === "nodelist") {
+        currentValue = document.createDocumentFragment().childNodes;
+      } else if (type === "array") {
+        currentValue = [];
+      } else if (type === "record") {
+        currentValue = {};
+      } else if (type === "transformer") {
+        currentValue = [];
+      } else {
+        currentValue = null;
+      }
+      return currentValue;
+    }
+    getInnerValue(initialValue) {
+      const { subtrees } = this;
+      const innerValue = Array.from(subtrees.entries()).reduce((currentValue, [subpath, subTree]) => {
+        if (subTree.type === "transformer") {
+          const evaluated = subTree.evaluate();
+          return evaluated(currentValue);
+        }
+        if (currentValue === null || typeof currentValue === "boolean" || typeof currentValue === "number" || typeof currentValue === "string" || currentValue instanceof Text || currentValue instanceof Element) {
+          const evaluated = subTree.evaluate();
+          if (evaluated === null || typeof evaluated === "boolean" || typeof evaluated === "number" || typeof evaluated === "string" || Array.isArray(evaluated) || isRecord(evaluated)) {
+            return evaluated;
+          }
+          const frag = document.createDocumentFragment();
+          frag.append(`${currentValue}`);
+          if (evaluated instanceof Element || evaluated instanceof Text) {
+            frag.append(evaluated);
+            return frag.childNodes;
+          }
+          frag.append(...Array.from(evaluated));
+          return frag.childNodes;
+        }
+        if (Array.isArray(currentValue)) {
+          if (typeof subpath === "string") return currentValue;
+          return [...currentValue, subTree.evaluate()];
+        }
+        if (currentValue instanceof NodeList) {
+          const evaluated = subTree.evaluate();
+          if (evaluated instanceof Element || evaluated instanceof Text) {
+            const frag = document.createDocumentFragment();
+            frag.append(...Array.from(currentValue), evaluated);
+            return frag.childNodes;
+          }
+          if (evaluated instanceof NodeList) {
+            const frag = document.createDocumentFragment();
+            frag.append(
+              ...Array.from(currentValue),
+              ...Array.from(evaluated)
+            );
+            return frag.childNodes;
+          }
+          if (evaluated === null || typeof evaluated === "string" || typeof evaluated === "number" || typeof evaluated === "boolean") {
+            const frag = document.createDocumentFragment();
+            frag.append(...Array.from(currentValue), `${evaluated}`);
+            return frag.childNodes;
+          }
+          if (Array.isArray(evaluated)) return [...Array.from(currentValue), ...evaluated];
+          return { ...evaluated };
+        }
+        if (typeof subpath === "number") return currentValue;
+        return {
+          ...currentValue,
+          [subpath]: subTree.evaluate()
+        };
+      }, initialValue);
+      return innerValue;
+    }
+    wrapInnerValue(innerValue) {
+      const { type, node } = this;
+      if (type === "transformer") return (contextValue) => {
+        console.log(`I am a transformer. My name is ${this.tagName}.`);
+        console.log("I have this innerValue (these are my params):");
+        console.log(innerValue);
+        console.log("And this context value:");
+        console.log(contextValue);
+        return contextValue;
+      };
+      if (type === "null") return null;
+      if (type === "boolean") return !isFalsy(innerValue);
+      if (type === "number") return parseFloat(`${innerValue}`);
+      if (type === "string") return `${innerValue}`;
+      if (type === "array") {
+        if (Array.isArray(innerValue)) return innerValue;
+        if (innerValue instanceof NodeList) {
+          return [...Array.from(innerValue)];
+        }
+        return [innerValue];
+      }
+      if (type === "record") {
+        if (isRecord(innerValue)) return innerValue;
+        return {};
+      }
+      if (type === "text") return document.createTextNode(`${innerValue}`);
+      if (type === "element") {
+        const wrapper = node.cloneNode();
+        if (innerValue instanceof NodeList) {
+          wrapper.append(...Array.from(innerValue));
+          return wrapper;
+        }
+        if (innerValue instanceof Element || innerValue instanceof Text || typeof innerValue === "string") {
+          wrapper.append(innerValue);
+          return wrapper;
+        }
+        if (innerValue === null || typeof innerValue === "number" || typeof innerValue === "boolean") {
+          wrapper.append(`${innerValue}`);
+          return wrapper;
+        }
+        return wrapper;
+      }
+      if (innerValue instanceof NodeList) return innerValue;
+      if (innerValue instanceof Element || innerValue instanceof Text || typeof innerValue === "string") {
+        const frag2 = document.createDocumentFragment();
+        frag2.append(innerValue);
+        return frag2.childNodes;
+      }
+      if (innerValue === null || typeof innerValue === "string" || typeof innerValue === "number" || typeof innerValue === "boolean") {
+        const frag2 = document.createDocumentFragment();
+        frag2.append(`${innerValue}`);
+        return frag2.childNodes;
+      }
+      const frag = document.createDocumentFragment();
+      return frag.childNodes;
+    }
+    evaluate() {
+      const init = this.initValue();
+      const inner = this.getInnerValue(init);
+      const wrapped = this.wrapInnerValue(inner);
+      return wrapped;
+    }
+  }
+  HyperJson2.Tree = Tree;
+})(HyperJson || (HyperJson = {}));
+
+export {
+  HyperJson
+};

package/chunks/chunk-LGECI2WL.js

@@ -0,0 +1,306 @@
+import {
+  Serialize
+} from "./chunk-DRNK3RLE.js";
+import {
+  Transformers
+} from "./chunk-GQSPY2CV.js";
+import {
+  Types
+} from "./chunk-3KQRMKQJ.js";
+import {
+  Cast
+} from "./chunk-AMS3FB24.js";
+import {
+  Crossenv
+} from "./chunk-3LVR6KZH.js";
+import {
+  isRecord
+} from "./chunk-YDIBNEGA.js";
+import {
+  isInEnum
+} from "./chunk-E6MSDKON.js";
+
+// src/agnostic/html/hyper-json/tree/index.ts
+var getWindow = Crossenv.getWindow;
+var isElement = (node) => node.nodeType === getWindow().Node.ELEMENT_NODE;
+var isText = (node) => node.nodeType === getWindow().Node.TEXT_NODE;
+var Tree = class _Tree {
+  node;
+  name;
+  parent;
+  root;
+  path;
+  pathString;
+  tagName;
+  attributes;
+  subtrees = /* @__PURE__ */ new Map();
+  children;
+  type;
+  constructor(node, parent, pathFromParent) {
+    this.resolve = this.resolve.bind(this);
+    this.initValue = this.initValue.bind(this);
+    this.mergeValues = this.mergeValues.bind(this);
+    this.getInnerValue = this.getInnerValue.bind(this);
+    this.wrapInnerValue = this.wrapInnerValue.bind(this);
+    this.setCache = this.setCache.bind(this);
+    this.getPerfCounters = this.getPerfCounters.bind(this);
+    this.printPerfCounters = this.printPerfCounters.bind(this);
+    this.evaluate = this.evaluate.bind(this);
+    this.node = node;
+    this.name = this.node instanceof getWindow().Element ? this.node.getAttribute("_name") : null;
+    this.parent = parent ?? null;
+    this.root = this.parent === null ? this : this.parent.root;
+    if (this.parent === null) this.path = [];
+    else if (pathFromParent === void 0) {
+      this.path = [...this.parent.path, 0];
+    } else {
+      this.path = [...this.parent.path, pathFromParent];
+    }
+    this.pathString = `/${this.path.join("/")}`;
+    this.tagName = node instanceof getWindow().Element ? node.tagName.toLowerCase() : null;
+    this.attributes = isElement(node) ? Array.from(node.attributes) : null;
+    const { childNodes } = node;
+    let positionnedChildrenCount = 0;
+    const mutableSubtrees = /* @__PURE__ */ new Map();
+    Array.from(childNodes).filter((node2, _, nodes) => {
+      if (isElement(node2)) return true;
+      if (isText(node2)) {
+        const hasContent = (node2.textContent ?? "").trim() !== "";
+        if (hasContent) return true;
+        if (nodes.some((n) => n instanceof getWindow().Element)) return false;
+        return true;
+      }
+      return false;
+    }).forEach((childNode) => {
+      if (childNode instanceof getWindow().Text) {
+        mutableSubtrees.set(
+          positionnedChildrenCount,
+          new _Tree(childNode, this, positionnedChildrenCount)
+        );
+        positionnedChildrenCount += 1;
+      } else {
+        const propertyName = childNode.getAttribute("_name");
+        if (propertyName === null) {
+          mutableSubtrees.set(
+            positionnedChildrenCount,
+            new _Tree(childNode, this, positionnedChildrenCount)
+          );
+          positionnedChildrenCount += 1;
+        } else {
+          mutableSubtrees.set(
+            propertyName,
+            new _Tree(childNode, this, propertyName)
+          );
+        }
+      }
+    });
+    this.subtrees = mutableSubtrees;
+    this.children = Array.from(this.subtrees.values());
+    if (this.tagName === null) {
+      this.type = "text";
+    } else if (this.tagName === Types.TyperTagName.NULL) {
+      this.type = "null";
+    } else if (this.tagName === Types.TyperTagName.BOOLEAN) {
+      this.type = "boolean";
+    } else if (this.tagName === Types.TyperTagName.NUMBER) {
+      this.type = "number";
+    } else if (this.tagName === Types.TyperTagName.STRING) {
+      this.type = "string";
+    } else if (this.tagName === Types.TyperTagName.TEXT) {
+      this.type = "text";
+    } else if (this.tagName === Types.TyperTagName.NODELIST) {
+      this.type = "nodelist";
+    } else if (this.tagName === Types.TyperTagName.ARRAY) {
+      this.type = "array";
+    } else if (this.tagName === Types.TyperTagName.RECORD) {
+      this.type = "record";
+    } else if (isInEnum(Types.TransformerTagName, this.tagName)) {
+      this.type = "transformer";
+    } else {
+      this.type = "element";
+    }
+  }
+  resolve = function(path) {
+    let currentTree = this.root;
+    for (const chunk of path) {
+      const { subtrees } = currentTree;
+      const foundSubtree = subtrees.get(chunk);
+      if (foundSubtree === void 0) return void 0;
+      currentTree = foundSubtree;
+    }
+    return currentTree;
+  };
+  initValue() {
+    const { type } = this;
+    let currentValue;
+    if (type === "null") {
+      currentValue = null;
+    } else if (type === "boolean") {
+      currentValue = false;
+    } else if (type === "number") {
+      currentValue = 0;
+    } else if (type === "string") {
+      currentValue = "";
+    } else if (type === "text") {
+      currentValue = this.node.textContent;
+    } else if (type === "element") {
+      currentValue = getWindow().document.createDocumentFragment().childNodes;
+    } else if (type === "nodelist") {
+      currentValue = getWindow().document.createDocumentFragment().childNodes;
+    } else if (type === "array") {
+      currentValue = [];
+    } else if (type === "record") {
+      currentValue = {};
+    } else if (type === "transformer") {
+      currentValue = [];
+    } else {
+      currentValue = null;
+    }
+    return currentValue;
+  }
+  mergeValues(currentValue, incomingValue, mergeKey) {
+    const { Element, Text, NodeList, document } = getWindow();
+    if (typeof incomingValue === "function") {
+      const evaluated = incomingValue(currentValue, { resolver: this.resolve });
+      if (evaluated.action === null) return currentValue;
+      if (evaluated.action === "REPLACE") return evaluated.value;
+      return this.mergeValues(currentValue, evaluated.value, mergeKey);
+    }
+    if (Array.isArray(currentValue)) {
+      if (typeof mergeKey === "string") return currentValue;
+      return [...currentValue, incomingValue];
+    }
+    if (currentValue === null || typeof currentValue === "boolean" || typeof currentValue === "number" || typeof currentValue === "string" || typeof currentValue === "function" || currentValue instanceof Text || currentValue instanceof Element) {
+      if (incomingValue === null || typeof incomingValue === "boolean" || typeof incomingValue === "number" || typeof incomingValue === "string" || Array.isArray(incomingValue) || isRecord(incomingValue)) {
+        return incomingValue;
+      }
+      const frag = document.createDocumentFragment();
+      if (currentValue instanceof Element || currentValue instanceof Text) frag.append(currentValue.cloneNode(true));
+      else frag.append(`${currentValue}`);
+      if (incomingValue instanceof Element || incomingValue instanceof Text) {
+        frag.append(incomingValue.cloneNode(true));
+        return frag.childNodes;
+      }
+      frag.append(...Array.from(incomingValue).map((e) => e.cloneNode(true)));
+      return frag.childNodes;
+    }
+    if (currentValue instanceof NodeList) {
+      if (incomingValue instanceof Element || incomingValue instanceof Text) {
+        const frag = document.createDocumentFragment();
+        frag.append(...Array.from(currentValue).map((e) => e.cloneNode(true)), incomingValue);
+        return frag.childNodes;
+      }
+      if (incomingValue instanceof NodeList) {
+        const frag = document.createDocumentFragment();
+        frag.append(
+          ...Array.from(currentValue).map((e) => e.cloneNode(true)),
+          ...Array.from(incomingValue).map((e) => e.cloneNode(true))
+        );
+        return frag.childNodes;
+      }
+      if (incomingValue === null || typeof incomingValue === "string" || typeof incomingValue === "number" || typeof incomingValue === "boolean") {
+        const frag = document.createDocumentFragment();
+        frag.append(...Array.from(currentValue).map((e) => e.cloneNode(true)), `${incomingValue}`);
+        return frag.childNodes;
+      }
+      if (Array.isArray(incomingValue)) return [
+        ...Array.from(currentValue),
+        ...incomingValue
+      ];
+      return { ...incomingValue };
+    }
+    if (typeof mergeKey === "number") return currentValue;
+    return {
+      ...currentValue,
+      [mergeKey]: incomingValue
+    };
+  }
+  getInnerValue(initialValue) {
+    const { subtrees } = this;
+    const innerValue = Array.from(subtrees.entries()).reduce((currentValue, [subpath, subtree]) => this.mergeValues(
+      currentValue,
+      subtree.evaluate(),
+      subpath
+    ), initialValue);
+    return innerValue;
+  }
+  wrapInnerValue(innerValue) {
+    const { type } = this;
+    if (type === "transformer") {
+      const transformerName = this.tagName;
+      const generator = Transformers.get(transformerName);
+      if (generator === void 0) return innerValue;
+      const transformer = Array.isArray(innerValue) ? generator(...innerValue) : generator(innerValue);
+      return transformer;
+    }
+    if (type === "null") return Cast.toNull();
+    if (type === "boolean") return Cast.toBoolean(innerValue);
+    if (type === "number") return Cast.toNumber(innerValue);
+    if (type === "string") return Cast.toString(innerValue);
+    if (type === "array") return Cast.toArray(innerValue);
+    if (type === "record") return Cast.toRecord(innerValue);
+    if (type === "text") return Cast.toText(innerValue);
+    if (type === "element") return Cast.toElement(innerValue);
+    if (type === "nodelist") return Cast.toNodeList(innerValue);
+    return Cast.toNull();
+  }
+  cache = void 0;
+  setCache(value) {
+    this.cache = Serialize.serialize(value);
+  }
+  perfCounters = {
+    computed: 0,
+    computeTime: 0,
+    computeTimeAvg: 0,
+    cached: 0,
+    cacheTime: 0,
+    cacheTimeAvg: 0,
+    totalTime: 0
+  };
+  getPerfCounters() {
+    const { subtrees } = this;
+    const subCounters = [];
+    subCounters.push([this.pathString, this.perfCounters]);
+    subtrees.forEach((subtree) => subCounters.push(...subtree.getPerfCounters()));
+    return subCounters;
+  }
+  printPerfCounters() {
+    const perfCounters = this.getPerfCounters().sort((a, b) => b[1].totalTime - a[1].totalTime).map((e) => ({
+      path: e[0],
+      totalMs: e[1].totalTime,
+      computeMs: e[1].computeTime,
+      cacheMs: e[1].cacheTime,
+      ops: `${e[1].computed}/${e[1].cached}`
+    }));
+    console.table(perfCounters);
+  }
+  evaluate() {
+    const start = Date.now();
+    const { perfCounters, cache } = this;
+    if (cache !== void 0) {
+      const deserialized = Serialize.deserialize(cache);
+      const end2 = Date.now();
+      const time2 = end2 - start;
+      perfCounters.cached++;
+      perfCounters.cacheTime += time2;
+      perfCounters.cacheTimeAvg = perfCounters.cacheTime / perfCounters.cached;
+      perfCounters.totalTime = perfCounters.computeTime + perfCounters.cacheTime;
+      return deserialized;
+    }
+    const init = this.initValue();
+    const inner = this.getInnerValue(init);
+    const wrapped = this.wrapInnerValue(inner);
+    this.setCache(wrapped);
+    const end = Date.now();
+    const time = end - start;
+    perfCounters.computed++;
+    perfCounters.computeTime += time;
+    perfCounters.computeTimeAvg = perfCounters.computeTime / perfCounters.computed;
+    perfCounters.totalTime = perfCounters.computeTime + perfCounters.cacheTime;
+    return wrapped;
+  }
+};
+
+export {
+  Tree
+};