@oscarpalmer/abydon 0.11.0 → 0.13.0

package/dist/fragment.js

@@ -0,0 +1,60 @@
+import { parse } from "./parse.js";
+import { removeNodes } from "./helpers/dom.js";
+import { mapNodes } from "./node/index.js";
+import { html } from "@oscarpalmer/toretto/html";
+var Fragment = class {
+	$fragment = true;
+	data;
+	get identifier() {
+		return this.data.identifier;
+	}
+	constructor(strings, expressions) {
+		this.data = {
+			expressions,
+			strings,
+			items: [],
+			mora: {
+				subscribers: /* @__PURE__ */ new Set(),
+				values: /* @__PURE__ */ new Set()
+			},
+			values: []
+		};
+	}
+	appendTo(element) {
+		element.append(...this.get());
+	}
+	get() {
+		if (this.data.items.length === 0) {
+			const parsed = parse(this.data);
+			const templated = html(parsed, { sanitizeBooleanAttributes: false });
+			this.data.items.splice(0, this.data.items.length, ...templated.map((node) => ({ nodes: [node] })));
+			mapNodes(this.data, this.data.items.flatMap((item) => item.fragments?.flatMap((fragment) => fragment.get()) ?? item.nodes));
+		}
+		return [...this.data.items.flatMap((item) => item.fragments?.flatMap((fragment) => fragment.get()) ?? item.nodes)];
+	}
+	identify(identifier) {
+		this.data.identifier = identifier;
+		return this;
+	}
+	remove() {
+		removeFragment(this.data);
+	}
+};
+function removeFragment(data) {
+	removeMora(data);
+	const { length } = data.items;
+	for (let index = 0; index < length; index += 1) {
+		const { fragments, nodes } = data.items[index];
+		const { length: length$1 } = fragments ?? [];
+		for (let index$1 = 0; index$1 < length$1; index$1 += 1) fragments?.[index$1]?.remove();
+		removeNodes(nodes);
+	}
+	data.items.splice(0, length);
+}
+function removeMora(data) {
+	const unsubscribers = [...data.mora.subscribers];
+	data.mora.subscribers.clear();
+	data.mora.values.clear();
+	for (const unsubscribe of unsubscribers) unsubscribe();
+}
+export { Fragment };

package/dist/helpers/dom.js

@@ -0,0 +1,28 @@
+import { removeEvents } from "../node/event.js";
+import { isFragment } from "./index.js";
+import { getString } from "@oscarpalmer/atoms/string";
+import { isChildNode, isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
+function createNodes(value) {
+	if (isFragment(value)) return value.get();
+	if (isChildNode(value)) return [value];
+	return [new Text(getString(value))];
+}
+function removeNodes(nodes) {
+	sanitiseNodes(nodes);
+	const { length } = nodes;
+	for (let index = 0; index < length; index += 1) nodes[index].remove();
+}
+function replaceNodes(from, to) {
+	from[0]?.replaceWith(...to);
+	const { length } = from;
+	for (let index = 1; index < length; index += 1) from[index].remove();
+}
+function sanitiseNodes(nodes) {
+	const { length } = nodes;
+	for (let index = 0; index < length; index += 1) {
+		const node = nodes[index];
+		if (isHTMLOrSVGElement(node)) removeEvents(node);
+		if (node.hasChildNodes()) sanitiseNodes([...node.childNodes]);
+	}
+}
+export { createNodes, removeNodes, replaceNodes };

package/dist/helpers/index.js

@@ -0,0 +1,11 @@
+function compareArrays(first, second) {
+	const firstIsLarger = first.length > second.length;
+	const from = firstIsLarger ? first : second;
+	const to = firstIsLarger ? second : first;
+	if (!from.filter((key) => to.includes(key)).every((key, index) => to[index] === key)) return "dissimilar";
+	return firstIsLarger ? "removed" : "added";
+}
+function isFragment(value) {
+	return typeof value === "object" && value != null && "$fragment" in value && value.$fragment === true;
+}
+export { compareArrays, isFragment };