@oscarpalmer/abydon 0.1.0 → 0.3.0

package/.bun.ts

@@ -0,0 +1,32 @@
+import * as fs from 'node:fs/promises';
+
+const directory = String(__dirname).replace(/\\/g, '/');
+const isMjs = process.argv.includes('--mjs');
+
+async function getFiles(path: string): Promise<string[]> {
+	const entries = await fs.readdir(path, {withFileTypes: true});
+
+	const files = entries
+		.filter(entry => entry.isFile() && entry.name.endsWith('.ts'))
+		.map(file => `${path}/${file.name}`);
+
+	const folders = entries.filter(entry => entry.isDirectory());
+
+	for (const folder of folders) {
+		files.push(...(await getFiles(`${path}/${folder.name}`)));
+	}
+
+	return files;
+}
+
+getFiles('./src').then(async files => {
+	for (const file of files) {
+		await Bun.build({
+			entrypoints: [`${directory}/${file}`],
+			external: isMjs ? ['*'] : [],
+			naming: isMjs ? '[dir]/[name].mjs' : undefined,
+			outdir: './dist',
+			root: './src',
+		});
+	}
+});

package/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

package/biome.json

@@ -0,0 +1,22 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.4.1/schema.json",
+	"files": {
+		"ignore": ["./dist/*"]
+	},
+	"javascript": {
+		"formatter": {
+			"arrowParentheses": "asNeeded",
+			"bracketSpacing": false,
+			"quoteStyle": "single"
+		}
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true
+		}
+	},
+	"organizeImports": {
+		"enabled": true
+	}
+}

package/dist/index.js

@@ -0,0 +1,55 @@
+// 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 {
+  html
+};

package/package.json

@@ -3,11 +3,37 @@
 		"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",
+		"bun": "^1.1.20",
+		"typescript": "^5.5.4"
+	},
+	"exports": {
+		".": {
+			"types": "./types/index.d.ts",
+			"bun": "./src/index.ts",
+			"import": "./dist/index.mjs",
+			"require": "./dist/index.js"
+		}
+	},
 	"license": "MIT",
+	"main": "dist/index.js",
+	"module": "dist/index.mjs",
 	"name": "@oscarpalmer/abydon",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/oscarpalmer/abydon.git"
 	},
-	"version": "0.1.0"
+	"scripts": {
+		"build": "bun run clean && bunx bun ./.bun.ts && bunx bun ./.bun.ts --mjs && bun run types",
+		"clean": "rm -rf ./dist && rm -rf ./types && rm -rf ./tsconfig.tsbuildinfo",
+		"types": "bunx tsc -p ./tsconfig.json",
+		"watch": "bun build ./src/index.ts --outfile ./dist/index.js --watch"
+	},
+	"types": "src/types.d.ts",
+	"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/tsconfig.json

@@ -0,0 +1,23 @@
+{
+	"compilerOptions": {
+		"allowImportingTsExtensions": true,
+		"allowJs": true,
+		"allowSyntheticDefaultImports": true,
+		"composite": false,
+		"declaration": true,
+		"declarationDir": "./types",
+		"downlevelIteration": true,
+		"emitDeclarationOnly": true,
+		"forceConsistentCasingInFileNames": true,
+		"jsx": "react-jsx",
+		"lib": ["DOM", "DOM.Iterable", "ESNext"],
+		"module": "esnext",
+		"moduleDetection": "force",
+		"moduleResolution": "bundler",
+		"rootDir": "./src",
+		"skipLibCheck": true,
+		"strict": true,
+		"target": "esnext"
+	},
+	"exclude": ["dist", "node_modules", "test", "types", "www"]
+}

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

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