@oscarpalmer/abydon 0.3.0 → 0.4.0

package/dist/index.js

@@ -34,22 +34,41 @@ function getNodes(node) {
   return /^documentfragment$/i.test(node.constructor.name) ? [...node.childNodes] : [node];
 }
 
+// src/fragment.ts
+function createFragment(strings, expressions) {
+  const data = {
+    expressions,
+    strings,
+    nodes: []
+  };
+  const instance = Object.create({
+    append(parent) {
+      if (data.nodes.length > 0) {
+        return parent.append(...data.nodes);
+      }
+      const parsed = parse(data);
+      const templated = createTemplate(parsed);
+      data.nodes.splice(0, data.nodes.length, ...getNodes(templated));
+      parent.append(...data.nodes);
+    }
+  });
+  return instance;
+}
+
 // src/html.ts
-function html(strings, ...values) {
-  const parsed = parse(strings, values);
-  const templated = createTemplate(parsed);
-  return getNodes(templated);
+function html2(strings, ...values) {
+  return createFragment(strings, values);
 }
-var parse = function(parts, values) {
-  const { length } = parts;
+function parse(data) {
+  const { length } = data.strings;
   let template = "";
   for (let index = 0;index < length; index += 1) {
-    const part = parts[index];
-    const value = values[index];
-    template += isNullableOrWhitespace(value) ? part : `${part}${value}`;
+    const part = data.strings[index];
+    const expression = data.expressions[index];
+    template += isNullableOrWhitespace(expression) ? part : `${part}${expression}`;
   }
   return template;
-};
+}
 export {
-  html
+  html2 as html
 };

package/package.json

@@ -35,5 +35,5 @@
 		"watch": "bun build ./src/index.ts --outfile ./dist/index.js --watch"
 	},
 	"types": "src/types.d.ts",
-	"version": "0.3.0"
+	"version": "0.4.0"
 }

package/src/fragment.ts

@@ -0,0 +1,40 @@
+import {createTemplate, getNodes} from './helpers/dom';
+import {parse} from './html';
+
+export type Fragment = {
+	append(parent: Node): void;
+};
+
+export type FragmentData = {
+	expressions: unknown[];
+	nodes: Node[];
+	strings: TemplateStringsArray;
+};
+
+export function createFragment(
+	strings: TemplateStringsArray,
+	expressions: unknown[],
+): Fragment {
+	const data: FragmentData = {
+		expressions,
+		strings,
+		nodes: [],
+	};
+
+	const instance = Object.create({
+		append(parent: ParentNode) {
+			if (data.nodes.length > 0) {
+				return parent.append(...data.nodes);
+			}
+
+			const parsed = parse(data);
+			const templated = createTemplate(parsed);
+
+			data.nodes.splice(0, data.nodes.length, ...getNodes(templated));
+
+			parent.append(...data.nodes);
+		},
+	});
+
+	return instance;
+}

package/src/html.ts

@@ -1,26 +1,25 @@
 import {isNullableOrWhitespace} from '@oscarpalmer/atoms/is';
-import {createTemplate, getNodes} from './helpers/dom';
+import {createFragment, type FragmentData, type Fragment} from './fragment';
 
 export function html(
 	strings: TemplateStringsArray,
 	...values: unknown[]
-): Node[] {
-	const parsed = parse(strings, values);
-	const templated = createTemplate(parsed);
-
-	return getNodes(templated);
+): Fragment {
+	return createFragment(strings, values);
 }
 
-function parse(parts: TemplateStringsArray, values: unknown[]): string {
-	const {length} = parts;
+export function parse(data: FragmentData): string {
+	const {length} = data.strings;
 
 	let template = '';
 
 	for (let index = 0; index < length; index += 1) {
-		const part = parts[index];
-		const value = values[index];
+		const part = data.strings[index];
+		const expression = data.expressions[index];
 
-		template += isNullableOrWhitespace(value) ? part : `${part}${value}`;
+		template += isNullableOrWhitespace(expression)
+			? part
+			: `${part}${expression}`;
 	}
 
 	return template;

package/src/index.ts

@@ -1 +1,2 @@
-export * from './html';
+export type {Fragment} from './fragment';
+export {html} from './html';

package/types/fragment.d.ts

@@ -0,0 +1,9 @@
+export type Fragment = {
+    append(parent: Node): void;
+};
+export type FragmentData = {
+    expressions: unknown[];
+    nodes: Node[];
+    strings: TemplateStringsArray;
+};
+export declare function createFragment(strings: TemplateStringsArray, expressions: unknown[]): Fragment;

package/types/html.d.ts

@@ -1 +1,3 @@
-export declare function html(strings: TemplateStringsArray, ...values: unknown[]): Node[];
+import { type FragmentData, type Fragment } from './fragment';
+export declare function html(strings: TemplateStringsArray, ...values: unknown[]): Fragment;
+export declare function parse(data: FragmentData): string;

package/types/index.d.ts

@@ -1 +1,2 @@
-export * from './html';
+export type { Fragment } from './fragment';
+export { html } from './html';