@oscarpalmer/abydon 0.7.0 → 0.9.0

package/dist/fragment.mjs

@@ -0,0 +1,49 @@
+// src/fragment.ts
+import {html as html2} from "@oscarpalmer/toretto/html";
+import {parse} from "./html";
+import {mapNodes} from "./node";
+
+class Fragment {
+  $fragment = true;
+  data;
+  constructor(strings, expressions) {
+    this.data = {
+      expressions,
+      strings,
+      items: [],
+      values: []
+    };
+  }
+  appendTo(element) {
+    element.append(...this.get());
+  }
+  get() {
+    if (this.data.items.length === 0) {
+      const parsed = parse(this.data);
+      const templated = html2(parsed, {
+        sanitiseBooleanAttributes: false
+      });
+      this.data.items.splice(0, this.data.items.length, ...templated.map((node2) => ({
+        nodes: [node2]
+      })));
+      mapNodes(this.data, this.data.items.flatMap((item) => item.fragment?.get() ?? item.nodes));
+    }
+    return [
+      ...this.data.items.flatMap((item) => item.fragment?.get() ?? item.nodes)
+    ];
+  }
+  remove() {
+    const { length } = this.data.items;
+    for (let index = 0;index < length; index += 1) {
+      const item = this.data.items[index];
+      item.fragment?.remove();
+      for (const node2 of item.nodes) {
+        node2.remove();
+      }
+    }
+    this.data.items.splice(0, length);
+  }
+}
+export {
+  Fragment
+};

package/dist/helpers/dom.mjs

@@ -0,0 +1,27 @@
+// src/helpers/dom.ts
+import {getString} from "@oscarpalmer/atoms/string";
+import {isFragment, isProperNode} from "./index";
+function createNodes(value) {
+  if (isFragment(value)) {
+    return value.get();
+  }
+  if (isProperNode(value)) {
+    return [value];
+  }
+  return [new Text(getString(value))];
+}
+function replaceNodes(from, to) {
+  const { length } = from;
+  for (let index = 0;index < length; index += 1) {
+    const node = from[index];
+    if (index === 0) {
+      node.replaceWith(...to);
+    } else {
+      node.remove();
+    }
+  }
+}
+export {
+  replaceNodes,
+  createNodes
+};

package/dist/helpers/index.mjs

@@ -0,0 +1,15 @@
+// src/helpers/index.ts
+function isFragment(value) {
+  return typeof value === "object" && value != null && "$fragment" in value && value.$fragment === true;
+}
+function isProperElement(value) {
+  return value instanceof HTMLElement || value instanceof SVGElement;
+}
+function isProperNode(value) {
+  return value instanceof CharacterData || value instanceof Element;
+}
+export {
+  isProperNode,
+  isProperElement,
+  isFragment
+};

package/dist/html.mjs

@@ -0,0 +1,36 @@
+// src/html.ts
+import {isNullableOrWhitespace} from "@oscarpalmer/atoms/is";
+import {Fragment} from "./fragment";
+function handleExpression(data, prefix, expression) {
+  if (isNullableOrWhitespace(expression)) {
+    return prefix;
+  }
+  if (Array.isArray(expression)) {
+    const { length } = expression;
+    let expressions = "";
+    for (let index = 0;index < length; index += 1) {
+      expressions += handleExpression(data, "", expression[index]);
+    }
+    return `${prefix}${expressions}`;
+  }
+  if (typeof expression === "function" || typeof expression === "object") {
+    const index = data.values.push(expression) - 1;
+    return `${prefix}<!--abydon.${index}-->`;
+  }
+  return `${prefix}${expression}`;
+}
+function html(strings, ...values) {
+  return new Fragment(strings, values);
+}
+function parse(data) {
+  const { length } = data.strings;
+  let template = "";
+  for (let index = 0;index < length; index += 1) {
+    template += handleExpression(data, data.strings[index], data.expressions[index]);
+  }
+  return template;
+}
+export {
+  parse,
+  html
+};