@oscarpalmer/abydon 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,5 +1,55 @@
-// 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/html.ts
+function html(strings, ...values) {
+  const parsed = parse(strings, values);
+  const templated = createTemplate(parsed);
+  return getNodes(templated);
+}
+var parse = function(parts, values) {
+  const { length } = parts;
+  let template = "";
+  for (let index = 0;index < length; index += 1) {
+    const part = parts[index];
+    const value = values[index];
+    template += isNullableOrWhitespace(value) ? part : `${part}${value}`;
+  }
+  return template;
+};
 export {
-  src_default as default
+  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.3.0"
 }

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,27 @@
+import {isNullableOrWhitespace} from '@oscarpalmer/atoms/is';
+import {createTemplate, getNodes} from './helpers/dom';
+
+export function html(
+	strings: TemplateStringsArray,
+	...values: unknown[]
+): Node[] {
+	const parsed = parse(strings, values);
+	const templated = createTemplate(parsed);
+
+	return getNodes(templated);
+}
+
+function parse(parts: TemplateStringsArray, values: unknown[]): string {
+	const {length} = parts;
+
+	let template = '';
+
+	for (let index = 0; index < length; index += 1) {
+		const part = parts[index];
+		const value = values[index];
+
+		template += isNullableOrWhitespace(value) ? part : `${part}${value}`;
+	}
+
+	return template;
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './html';

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 @@
+export declare function html(strings: TemplateStringsArray, ...values: unknown[]): Node[];

package/types/index.d.ts

@@ -1 +1 @@
-export {};
+export * from './html';

package/dist/index.mjs

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