@zeus-js/web-c-runtime 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/web-c-runtime.d.ts

@@ -1,12 +1,8 @@
-export type ZeusPropType = 'string' | 'number' | 'boolean' | 'object' | 'array' | 'function' | 'unknown';
-export interface ZeusPropMeta {
-    name: string;
-    attrName?: string | false;
-    type: ZeusPropType;
-    reflect?: boolean;
+import { CustomElementPropSchema, CustomElementPropType } from '@zeus-js/runtime-dom';
+
+export type ZeusPropType = CustomElementPropType;
+export interface ZeusPropMeta extends CustomElementPropSchema {
     default?: unknown;
-    serialize?: boolean;
-    deserialize?: boolean;
 }
 export interface ZeusLazyComponentMeta {
     tagName: string;

package/dist/web-c-runtime.esm-bundler.js

@@ -1,8 +1,9 @@
 /**
-* web-c-runtime v0.1.0-beta.8
+* web-c-runtime v0.1.0-beta.9
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
+import { coerceCustomElementAttribute, findCustomElementPropByAttribute, getCustomElementAttributeName, getCustomElementObservedAttributes, reflectCustomElementProperty } from "@zeus-js/runtime-dom";
 //#region packages/web-c/web-c-runtime/src/form-callbacks.ts
 function invokeFormCallback(hostRef, callback) {
 	switch (callback.type) {
@@ -87,7 +88,7 @@ function setPropValue(hostRef, prop, value) {
 	if (Object.is(oldValue, value)) return;
 	hostRef.values.set(prop.name, value);
 	hostRef.attributeProps.delete(prop.name);
-	if (prop.reflect && !prop.serialize) reflectPropertyToAttribute(hostRef, prop, value);
+	if (prop.reflect) reflectCustomElementProperty(hostRef.host, prop, value, hostRef.reflectingAttrs);
 	if (hostRef.loaded) {
 		var _hostRef$instance, _hostRef$instance$pro;
 		(_hostRef$instance = hostRef.instance) === null || _hostRef$instance === void 0 || (_hostRef$instance$pro = _hostRef$instance.propertyChanged) === null || _hostRef$instance$pro === void 0 || _hostRef$instance$pro.call(_hostRef$instance, prop.name, oldValue, value);
@@ -96,10 +97,10 @@ function setPropValue(hostRef, prop, value) {
 function syncAttributeToProperty(hostRef, attrName, _oldValue, newValue) {
 	const normalizedAttrName = normalizeAttrName(attrName);
 	if (hostRef.reflectingAttrs.has(normalizedAttrName)) return;
-	const prop = findPropByAttrName(hostRef, normalizedAttrName);
+	const prop = findCustomElementPropByAttribute(hostRef.meta.props, normalizedAttrName);
 	if (!prop) return;
 	const oldPropValue = getPropValue(hostRef, prop);
-	const newPropValue = parseAttributeValue(prop, newValue);
+	const newPropValue = coerceCustomElementAttribute(prop, newValue);
 	if (Object.is(oldPropValue, newPropValue)) return;
 	hostRef.values.set(prop.name, newPropValue);
 	hostRef.attributeProps.add(prop.name);
@@ -112,9 +113,9 @@ function applyInitialValues(hostRef) {
 	const host = hostRef.host;
 	for (const prop of hostRef.meta.props) {
 		if (hostRef.values.has(prop.name)) continue;
-		const attrName = getAttrName(prop);
+		const attrName = getCustomElementAttributeName(prop);
 		if (attrName && host.hasAttribute(attrName)) {
-			hostRef.values.set(prop.name, parseAttributeValue(prop, host.getAttribute(attrName)));
+			hostRef.values.set(prop.name, coerceCustomElementAttribute(prop, host.getAttribute(attrName)));
 			hostRef.attributeProps.add(prop.name);
 			continue;
 		}
@@ -122,12 +123,7 @@ function applyInitialValues(hostRef) {
 	}
 }
 function getObservedAttributes(props) {
-	const attrs = [];
-	for (const prop of props) {
-		const attrName = getAttrName(prop);
-		if (attrName) attrs.push(attrName);
-	}
-	return attrs;
+	return getCustomElementObservedAttributes(props);
 }
 /**
 * Upgrades properties that were written on an element instance before its
@@ -147,56 +143,9 @@ function upgradePreDefinedProperties(host, hostRef) {
 		setPropValue(hostRef, prop, value);
 	}
 }
-function findPropByAttrName(hostRef, attrName) {
-	return hostRef.meta.props.find((prop) => {
-		return getAttrName(prop) === attrName;
-	});
-}
-function getAttrName(prop) {
-	var _prop$attrName;
-	if (prop.attrName === false) return;
-	if (!isAttributeBackedType(prop.type) && !prop.deserialize) return;
-	return normalizeAttrName((_prop$attrName = prop.attrName) !== null && _prop$attrName !== void 0 ? _prop$attrName : toKebabCase(prop.name));
-}
-function isAttributeBackedType(type) {
-	return type === "string" || type === "number" || type === "boolean";
-}
 function normalizeAttrName(value) {
 	return value.toLowerCase();
 }
-function parseAttributeValue(prop, value) {
-	if (prop.deserialize) return value;
-	switch (prop.type) {
-		case "boolean": return value !== null;
-		case "number":
-			if (value === null) return;
-			return Number(value);
-		case "string": return value !== null && value !== void 0 ? value : void 0;
-		default: return value;
-	}
-}
-function reflectPropertyToAttribute(hostRef, prop, value) {
-	const host = hostRef.host;
-	const attrName = getAttrName(prop);
-	if (!attrName) return;
-	hostRef.reflectingAttrs.add(attrName);
-	try {
-		if (prop.type === "boolean") {
-			host.toggleAttribute(attrName, Boolean(value));
-			return;
-		}
-		if (value === null || value === void 0 || value === false) {
-			host.removeAttribute(attrName);
-			return;
-		}
-		if (prop.type === "string" || prop.type === "number") host.setAttribute(attrName, String(value));
-	} finally {
-		hostRef.reflectingAttrs.delete(attrName);
-	}
-}
-function toKebabCase(value) {
-	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
-}
 //#endregion
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/asyncToGenerator.js
 function asyncGeneratorStep(n, t, e, r, o, a, c) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zeus-js/web-c-runtime",
   "type": "module",
-  "version": "0.1.0-beta.8",
+  "version": "0.1.0-beta.9",
   "description": "Zeus Web-C lazy-loading runtime",
   "license": "MIT",
   "repository": {
@@ -25,6 +25,9 @@
   "files": [
     "dist"
   ],
+  "dependencies": {
+    "@zeus-js/runtime-dom": "0.1.0-beta.9"
+  },
   "author": "Baicie",
   "buildOptions": {
     "name": "ZeusWebCRuntime",