revojs 0.0.18 → 0.0.19

package/dist/html/index.d.ts

@@ -45,7 +45,7 @@ export interface ComponentOptions<TEvents extends Events, TAttributes extends At
 export interface Component<TEvents extends Events, TAttributes extends Attributes> {
     readonly scope: Scope;
     readonly hooks: Hooks;
-    readonly context: Map<symbol, unknown>;
+    readonly context: Map<string, unknown>;
     readonly events: EventOutput<TEvents>;
     readonly attributes: State<AttributeOutput<TAttributes>>;
     readonly shadowRoot: false | ShadowRootInit;
@@ -59,7 +59,7 @@ export interface ComponentConstructor<TEvents extends Events, TAttributes extend
     $name: string;
     $events: TEvents;
     $attributes: TAttributes;
-    new (input?: Input<TEvents, TAttributes>, context?: Map<symbol, unknown>, host?: CustomElement<TEvents, TAttributes>): Component<TEvents, TAttributes>;
+    new (input?: Input<TEvents, TAttributes>, context?: Map<string, unknown>, host?: CustomElement<TEvents, TAttributes>): Component<TEvents, TAttributes>;
 }
 export interface CustomElement<TEvents extends Events, TAttributes extends Attributes> extends HTMLElement {
     readonly component: Component<TEvents, TAttributes>;
@@ -71,7 +71,7 @@ export declare const isTemplate: (value: object) => value is Template;
 export declare const createElement: <TEvents extends Events, TAttributes extends Attributes>(input: string | Template | ComponentConstructor<TEvents, TAttributes>, attributes?: AttributeInput<TAttributes>, ...children: Array<Slot>) => Slot;
 export declare const toString: (slot: Slot) => string;
 export declare const toFragment: (nodes: Array<Node>) => DocumentFragment;
-export declare const renderToString: (slot: Slot, context: Map<symbol, unknown>) => Promise<string>;
+export declare const renderToString: (slot: Slot, context: Map<string, unknown>) => Promise<string>;
 export declare const renderToNode: (scope: Scope, slot: Slot) => Promise<Node>;
 export declare const defineComponent: <TEvents extends Events = {}, TAttributes extends Attributes = {}>(options: ComponentOptions<TEvents, TAttributes>) => ComponentConstructor<TEvents, TAttributes>;
 export declare const toCustomElement: <TEvents extends Events = {}, TAttributes extends Attributes = {}>(component: ComponentConstructor<TEvents, TAttributes>) => CustomElementConstructor<TEvents, TAttributes>;

package/dist/index.js

@@ -112,16 +112,16 @@ var Hooks = class {
 	constructor() {
 		this.hooks = new Map();
 	}
-	on = (scope, input, invoke) => {
+	on(scope, input, invoke) {
 		const invokes = this.hooks.get(input) ?? new Set();
 		invokes.add(invoke);
 		this.hooks.set(input, invokes);
 		return scope.dispose.push(() => invokes.delete(invoke));
-	};
-	dispatch = (input, value) => {
+	}
+	dispatch(input, value) {
 		const invokes = this.hooks.get(input);
 		if (invokes) for (const invoke of invokes) invoke(value);
-	};
+	}
 };
 var Scope = class {
 	dispose;
@@ -197,11 +197,11 @@ function fromValue(value) {
 	if (value instanceof Function) return fromValue(value());
 	return value;
 }
-function defineHook() {
-	return Symbol();
+function defineHook(key) {
+	return key;
 }
-function defineContext() {
-	return Symbol();
+function defineContext(key) {
+	return key;
 }
 let activeCompute;
 const targets = new WeakMap();
@@ -321,12 +321,16 @@ const renderToNode = async (scope, slot) => {
 				const element = document.createElementNS(namespace(slot.tag), slot.tag);
 				for (const name in slot.attributes) {
 					const value = slot.attributes[name];
-					if (value) if (name.startsWith("on") && typeof value === "function") {
+					if (name.startsWith("on")) {
 						const event = name.substring(2).toLowerCase();
 						const controller = new AbortController();
-						element.addEventListener(event, value, { signal: controller.signal });
+						element.addEventListener(event, (event$1) => typeof value === "function" ? value(event$1) : void 0, { signal: controller.signal });
 						scope.dispose.push(() => controller.abort());
-					} else createCompute(scope, () => element.setAttribute(name, toString(value)));
+					} else createCompute(scope, () => {
+						const set = toString(value);
+						if (set === "" || set === "false") return element.removeAttribute(name);
+						return element.setAttribute(name, set);
+					});
 				}
 				element.replaceChildren(await renderToNode(scope, slot.children));
 				return element;
@@ -384,7 +388,7 @@ const toCustomElement = (component) => {
 			this.component = new component(void 0, void 0, this);
 		}
 		async connectedCallback() {
-			const shadow = this.component.shadowRoot ? this.attachShadow(this.component.shadowRoot) : this;
+			const rootNode = this.component.shadowRoot ? this.attachShadow(this.component.shadowRoot) : this;
 			const parentNode = getCustomElement(this.parentNode);
 			for (const [name, event] of Object.entries(component.$events)) Reflect.set(this.component.events, name, (value) => {
 				if (value instanceof Event) return;
@@ -394,7 +398,7 @@ const toCustomElement = (component) => {
 				}));
 			}, this.component.events);
 			if (parentNode) for (const [name, value] of parentNode.component.context) this.component.context.set(name, value);
-			shadow.replaceChildren(await renderToNode(this.component.scope, await this.component.setup()));
+			rootNode.replaceChildren(await renderToNode(this.component.scope, await this.component.setup()));
 			this.component.hooks.dispatch(MOUNTED_HOOK, this);
 		}
 		attributeChangedCallback(name, oldValue, value) {
@@ -454,7 +458,7 @@ const isServer = () => typeof window === "undefined";
 const preventDefault = (event) => event.preventDefault();
 const stopPropagation = (event) => event.stopPropagation();
 const stopImmediatePropagation = (event) => event.stopImmediatePropagation();
-const MOUNTED_HOOK = defineHook();
+const MOUNTED_HOOK = defineHook("MOUNTED_HOOK");
 const components = new Map();
 
 //#endregion
@@ -740,7 +744,7 @@ const createRuntime = async () => {
 		}
 	};
 };
-const RUNTIME_CONTEXT = defineContext();
+const RUNTIME_CONTEXT = defineContext("RUNTIME_CONTEXT");
 
 //#endregion
 //#region src/router/index.tsx

package/dist/jsx/index.js

@@ -1,7 +1,7 @@
 
 //#region src/signals/index.ts
-function defineHook() {
-	return Symbol();
+function defineHook(key) {
+	return key;
 }
 
 //#endregion
@@ -14,7 +14,7 @@ const createElement = (input, attributes, ...children) => {
 		children
 	};
 };
-const MOUNTED_HOOK = defineHook();
+const MOUNTED_HOOK = defineHook("MOUNTED_HOOK");
 
 //#endregion
 //#region src/jsx/index.ts

package/dist/signals/index.d.ts

@@ -1,16 +1,16 @@
 declare const descriptor: unique symbol;
 export type Value<T> = T | (() => Value<T>);
-export type Descriptor<T> = symbol & {
+export type Descriptor<T> = string & {
     [descriptor]: T;
 };
 export interface State<T> {
     value: T;
 }
 export declare class Hooks {
-    readonly hooks: Map<symbol, Set<(value: any) => unknown>>;
+    readonly hooks: Map<string, Set<(value: any) => unknown>>;
     constructor();
-    on: <T>(scope: Scope, input: Descriptor<T>, invoke: (value: T) => unknown) => number;
-    dispatch: <T>(input: Descriptor<T>, value: T) => void;
+    on<T>(scope: Scope, input: Descriptor<T>, invoke: (value: T) => unknown): number;
+    dispatch<T>(input: Descriptor<T>, value: T): void;
 }
 export declare class Scope {
     readonly dispose: Array<(scope: Scope) => void>;
@@ -32,8 +32,8 @@ export declare function createState<T>(value: T): State<T>;
 export declare function createCompute<T>(scope: Scope, invoke: (scope: Scope) => T): T;
 export declare function createMemo<T>(scope: Scope, invoke: () => T): State<T>;
 export declare function fromValue<T>(value: Value<T>): T;
-export declare function defineHook<T>(): Descriptor<T>;
-export declare function defineContext<T>(): Descriptor<T>;
+export declare function defineHook<T>(key: string): Descriptor<T>;
+export declare function defineContext<T>(key: string): Descriptor<T>;
 export declare let activeCompute: Compute | undefined;
 export declare const targets: WeakMap<object, Map<string | symbol, Set<Compute<void>>>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "revojs",
-    "version": "0.0.18",
+    "version": "0.0.19",
     "type": "module",
     "repository": "coverbase/revojs",
     "license": "MIT",