@oscarpalmer/abydon 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,5 +1,74 @@
-// src/index.ts
-var src_default = {};
+// node_modules/@oscarpalmer/atoms/dist/js/string/index.mjs
+var getString = function(value) {
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value !== "object" || value == null) {
+    return String(value);
+  }
+  const valueOff = value.valueOf?.() ?? value;
+  const asString = valueOff?.toString?.() ?? String(valueOff);
+  return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
+};
+// node_modules/@oscarpalmer/atoms/dist/js/is.mjs
+var isNullableOrWhitespace = function(value) {
+  return value == null || /^\s*$/.test(getString(value));
+};
+
+// src/helpers/dom.ts
+function createTemplate(html) {
+  const template = document.createElement("template");
+  template.innerHTML = html;
+  const cloned = template.content.cloneNode(true);
+  const scripts = [
+    ...cloned instanceof Element ? cloned.querySelectorAll("script") : []
+  ];
+  const { length } = scripts;
+  for (let index = 0;index < length; index += 1) {
+    scripts[index].remove();
+  }
+  cloned.normalize();
+  return cloned;
+}
+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 html2(strings, ...values) {
+  return createFragment(strings, values);
+}
+function parse(data) {
+  const { length } = data.strings;
+  let template = "";
+  for (let index = 0;index < length; index += 1) {
+    const part = data.strings[index];
+    const expression = data.expressions[index];
+    template += isNullableOrWhitespace(expression) ? part : `${part}${expression}`;
+  }
+  return template;
+}
 export {
-  src_default as default
+  html2 as html
 };

package/package.json

@@ -3,6 +3,9 @@
 		"name": "Oscar Palmér",
 		"url": "https://oscarpalmer.se"
 	},
+	"dependencies": {
+		"@oscarpalmer/atoms": "^0.61.0"
+	},
 	"devDependencies": {
 		"@biomejs/biome": "^1.8.3",
 		"@types/bun": "^1.1.6",
@@ -32,5 +35,5 @@
 		"watch": "bun build ./src/index.ts --outfile ./dist/index.js --watch"
 	},
 	"types": "src/types.d.ts",
-	"version": "0.2.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/helpers/dom.ts

@@ -0,0 +1,27 @@
+export function createTemplate(html: string): Node {
+	const template = document.createElement('template');
+
+	template.innerHTML = html;
+
+	const cloned = template.content.cloneNode(true);
+
+	const scripts = [
+		...(cloned instanceof Element ? cloned.querySelectorAll('script') : []),
+	];
+
+	const {length} = scripts;
+
+	for (let index = 0; index < length; index += 1) {
+		scripts[index].remove();
+	}
+
+	cloned.normalize();
+
+	return cloned;
+}
+
+export function getNodes(node: Node): Node[] {
+	return /^documentfragment$/i.test(node.constructor.name)
+		? [...node.childNodes]
+		: [node];
+}

package/src/html.ts

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

package/src/index.ts

@@ -0,0 +1,2 @@
+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/helpers/dom.d.ts

@@ -0,0 +1,2 @@
+export declare function createTemplate(html: string): Node;
+export declare function getNodes(node: Node): Node[];

package/types/html.d.ts

@@ -0,0 +1,3 @@
+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 {};
+export type { Fragment } from './fragment';
+export { html } from './html';

package/dist/index.mjs

@@ -1,5 +0,0 @@
-// src/index.ts
-var src_default = undefined;
-export {
-  src_default as default
-};