wip

Author: ihasq

package.json

@@ -0,0 +1,5 @@
+{
+	"scripts": {
+		"build": "bundle "
+	}
+}

pkg/lib/@hstd/std/src/core/task.js

@@ -0,0 +1,6 @@
+export const Task = () => {
+
+    let resolve, reject;
+
+	return Object.assign(new Promise((...r) => [resolve, reject] = r), { resolve, reject });
+}

pkg/lib/@hstd/task/src/mod.js

@@ -0,0 +1,11 @@
+export class Task {
+	constructor() {
+		let resolveBuf, rejectBuf;
+		return Object.assign(new Promise((resolve, reject) => {
+			resolveBuf = resolve;
+			rejectBuf = reject
+		}), {
+			resolve: resolveBuf, rejectBuf: rejectBuf
+		});
+	}
+}

pkg/lib/@hstd/wc/jsr.json

@@ -0,0 +1,10 @@
+{
+	"name": "@hstd/wc",
+	"version": "0.1.1",
+	"imports": {
+		"hstd": "jsr:@hstd/std@^0.1.33"
+	},
+	"exports": {
+		".": "./src/mod.ts"
+	}
+}

pkg/lib/@hstd/wc/src/define.ts

@@ -0,0 +1,108 @@
+import { h, Pointer } from "hstd";
+
+const
+	WC_TAG_VALIDATOR = /^[a-z](?:[a-z0-9]|[a-z0-9][\-\.][a-z0-9])*-(?:[a-z0-9]|[a-z0-9][\-\.][a-z0-9])*$/,
+	createAttrState = () => {
+		const body = {};
+		return [
+			body,
+			new Proxy({}, {
+				get(_, prop) {
+					return body[prop] ||= Pointer("");
+				}
+			})
+		]
+	},
+	ATTR_BUF = Symbol(),
+	IS_CONNECTED = Symbol(),
+	CONNECT = Symbol()
+;
+
+const define = (componentDeclarations: { [key: string]: (...any) => (NodeList | Promise<NodeList> | AsyncGenerator<NodeList>) }): void => Object.entries(componentDeclarations).forEach(([name, component]) => {
+
+	if(!WC_TAG_VALIDATOR.test(name)) {
+		if(WC_TAG_VALIDATOR.test(`hstd-${name}`)) {
+			name = `hstd-${name}`;
+		} else {
+			throw new SyntaxError(`Failed to execute 'define': '${name}' is not a valid custom element name`)
+		}
+	};
+
+	let isInit = true;
+
+	const
+		initAttrBuf = createAttrState(),
+		initNodeListBuf = h`${component(initAttrBuf[1])}`,
+		initAttrKeys = Object.keys(initAttrBuf[0]),
+		initAttrList = initAttrKeys.reduce((acc, attr) => {
+			if(attr.includes(":")) throw new Error("Cannot include property that starts with ':', which is reserved for binding type identifier.");
+			acc.push(attr, `${attr}:number`, `${attr}:boolean`);
+			return acc;
+		}, []);
+	;
+
+	if(customElements.get(name)) {
+
+		let altCount = -1;
+		while(customElements.get(`${name}-${(++altCount).toString(36)}`));
+		name += `-${altCount.toString(36)}`;
+	};
+
+	customElements.define(name, class extends HTMLElement {
+
+		static get observedAttributes() {
+			return initAttrList;
+		}
+
+		constructor() {
+			super();
+			const thisRef = this;
+			const [attrPtrList] = thisRef[ATTR_BUF] = isInit ? (isInit = false, initAttrBuf) : createAttrState();
+			thisRef[IS_CONNECTED] = new Promise(r => thisRef[CONNECT] = r);
+			Object.defineProperties(thisRef, initAttrKeys.reduce((acc, key) => {
+				const ptr = attrPtrList[name];
+				acc[key] = {
+					get() {
+						return ptr.$;
+					},
+					set(newValue) {
+						return ptr.$ = newValue;
+					},
+					configurable: false,
+					writable: false,
+				}
+				return acc;
+			}, {}))
+		}
+		
+		async attributeChangedCallback(name, _, newValue) {
+			await this[IS_CONNECTED];
+
+			const temp = (
+				name.endsWith(":number") ? Number
+				: name.endsWith(":boolean") ? Boolean
+				: String
+			);
+
+			this.removeAttribute(name);
+
+			name = name.includes(":") ? name.slice(0, name.indexOf(":")) : name;
+
+			this.setAttribute(name, newValue)
+
+			console.log(this[ATTR_BUF][0][name].$ = temp(newValue));
+		}
+
+		connectedCallback() {
+			this.attachShadow({ mode: "open" });
+			this.shadowRoot.append(...(isInit
+                ? initNodeListBuf
+                : h`${component(this[ATTR_BUF][1])}`
+            ));
+			this[CONNECT]();
+		}
+
+	})
+});
+
+export { define }

pkg/lib/@hstd/wc/src/mod.ts

@@ -0,0 +1 @@
+export * from "./define.js";

pkg/lib/@hstd/wc/tsconfig.json

@@ -0,0 +1,7 @@
+{
+	"compilerOptions": {
+		"module": "nodenext",
+		"target": "esnext",
+		"moduleResolution": "nodenext"
+	}	
+}