@oscarpalmer/abydon 0.12.0 → 0.14.0

package/dist/constants.js

@@ -0,0 +1,10 @@
+const ABORT_CONTROLLERS = /* @__PURE__ */ new WeakMap();
+const ATTRIBUTE_CLASS_PREFIX_LENGTH = 6;
+const EXPRESSION_ATTRIBUTE_CLASS = /^class\./;
+const EXPRESSION_ATTRIBUTE_STYLE_FULL = /^style\.([\w-]+)(?:\.([\w-]+))?$/;
+const EXPRESSION_ATTRIBUTE_STYLE_PREFIX = /^style\./;
+const EXPRESSION_COMMENT_FULL = /^<!--abydon\.(\d+)-->$/;
+const EXPRESSION_COMMENT_CONTENT = /^abydon\.(\d+)$/;
+const EXPRESSION_EVENT_NAME = /^@([\w-]+)(?::([a-z:]+))?$/i;
+const REASON_EVENT_REMOVED = "Event removed as element was removed from document by Abydon";
+export { ABORT_CONTROLLERS, ATTRIBUTE_CLASS_PREFIX_LENGTH, EXPRESSION_ATTRIBUTE_CLASS, EXPRESSION_ATTRIBUTE_STYLE_FULL, EXPRESSION_ATTRIBUTE_STYLE_PREFIX, EXPRESSION_COMMENT_CONTENT, EXPRESSION_COMMENT_FULL, EXPRESSION_EVENT_NAME, REASON_EVENT_REMOVED };

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 {
+	#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: []
+		};
+		Object.defineProperty(this, "$fragment", { value: true });
+	}
+	appendTo(element) {
+		element.append(...this.get());
+	}
+	get() {
+		const data = this.#data;
+		if (data.items.length === 0) {
+			const templated = html(parse(data), { sanitizeBooleanAttributes: false });
+			data.items.splice(0, data.items.length, ...templated.map((node) => ({ nodes: [node] })));
+			mapNodes(data, data.items.flatMap((item) => item.fragments?.flatMap((fragment) => fragment.get()) ?? item.nodes));
+		}
+		return [...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) {
+	sanitizeNodes(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 sanitizeNodes(nodes) {
+	const { length } = nodes;
+	for (let index = 0; index < length; index += 1) {
+		const node = nodes[index];
+		if (isHTMLOrSVGElement(node)) removeEvents(node);
+		if (node.hasChildNodes()) sanitizeNodes([...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 };