revojs 0.0.16 → 0.0.18

package/dist/html/index.d.ts

@@ -45,13 +45,13 @@ 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<string, unknown>;
+    readonly context: Map<symbol, unknown>;
     readonly events: EventOutput<TEvents>;
     readonly attributes: State<AttributeOutput<TAttributes>>;
     readonly shadowRoot: false | ShadowRootInit;
     readonly host?: CustomElement<TEvents, TAttributes>;
-    getContext: <T>(input: string | Descriptor<T>) => T;
-    setContext: <T>(input: string | Descriptor<T>, value: T) => void;
+    getContext: <T>(input: Descriptor<T>) => T;
+    setContext: <T>(input: Descriptor<T>, value: T) => void;
     onMounted: (invoke: (input: HTMLElement) => void | Promise<void>) => void;
     setup: () => Slot | Promise<Slot>;
 }
@@ -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<string, unknown>, host?: CustomElement<TEvents, TAttributes>): Component<TEvents, TAttributes>;
+    new (input?: Input<TEvents, TAttributes>, context?: Map<symbol, 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<string, unknown>) => Promise<string>;
+export declare const renderToString: (slot: Slot, context: Map<symbol, 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

@@ -113,14 +113,13 @@ var Hooks = class {
 		this.hooks = new Map();
 	}
 	on = (scope, input, invoke) => {
-		const key = descriptor(input);
-		const invokes = this.hooks.get(key) ?? new Set();
+		const invokes = this.hooks.get(input) ?? new Set();
 		invokes.add(invoke);
-		this.hooks.set(key, invokes);
+		this.hooks.set(input, invokes);
 		return scope.dispose.push(() => invokes.delete(invoke));
 	};
 	dispatch = (input, value) => {
-		const invokes = this.hooks.get(descriptor(input));
+		const invokes = this.hooks.get(input);
 		if (invokes) for (const invoke of invokes) invoke(value);
 	};
 };
@@ -198,14 +197,11 @@ function fromValue(value) {
 	if (value instanceof Function) return fromValue(value());
 	return value;
 }
-function descriptor(descriptor$1) {
-	return (typeof descriptor$1 === "object" ? descriptor$1.key : descriptor$1).toString();
+function defineHook() {
+	return Symbol();
 }
-function defineHook(description) {
-	return { key: Symbol(description) };
-}
-function defineContext(description) {
-	return { key: Symbol(description) };
+function defineContext() {
+	return Symbol();
 }
 let activeCompute;
 const targets = new WeakMap();
@@ -319,7 +315,7 @@ const renderToNode = async (scope, slot) => {
 					const children = await Promise.all(slot.map((child) => renderToNode(scope, child)));
 					return toFragment(children);
 				}
-				return document.createComment("");
+				return document.createDocumentFragment();
 			}
 			if (isTemplate(slot)) {
 				const element = document.createElementNS(namespace(slot.tag), slot.tag);
@@ -368,10 +364,10 @@ const defineComponent = (options) => {
 			this.host = host;
 		}
 		getContext = (input) => {
-			return this.context.get(descriptor(input)) ?? {};
+			return this.context.get(input) ?? {};
 		};
 		setContext = (input, value) => {
-			this.context.set(descriptor(input), value);
+			this.context.set(input, value);
 		};
 		onMounted = (invoke) => {
 			return this.hooks.on(this.scope, MOUNTED_HOOK, invoke);
@@ -458,7 +454,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("MOUNTED_HOOK");
+const MOUNTED_HOOK = defineHook();
 const components = new Map();
 
 //#endregion
@@ -709,9 +705,7 @@ const createRuntime = async () => {
 			if (typeof route === "object") return route.fetch(event);
 			if (route) {
 				const slot = await import("#virtual/client").then((module) => module.index);
-				const context = new Map();
-				context.set(descriptor(RUNTIME_CONTEXT), { event });
-				return sendHtml(event, await renderToString(slot, context));
+				return sendHtml(event, await renderToString(slot, new Map().set(RUNTIME_CONTEXT, { event })));
 			}
 		} }));
 	}
@@ -746,7 +740,7 @@ const createRuntime = async () => {
 		}
 	};
 };
-const RUNTIME_CONTEXT = defineContext("RUNTIME_CONTEXT");
+const RUNTIME_CONTEXT = defineContext();
 
 //#endregion
 //#region src/router/index.tsx
@@ -787,4 +781,4 @@ const anchorNavigate = (event) => {
 };
 
 //#endregion
-export { $fetch, Compute, Handler, Hooks, MOUNTED_HOOK, Outlet, RUNTIME_CONTEXT, Radix, Scope, activeCompute, anchorNavigate, components, createApp, createCompute, createElement, createEvent, createMemo, createRuntime, createState, defineComponent, defineContext, defineHook, defineRoute, descriptor, fileName, fromValue, getAssets, getCookies, getCustomElement, getGlobalStyles, getMimeType, getRequestUrl, getRoutes, getSetCookies, getVariables, isClient, isServer, isTemplate, markdownToSlot, navigate, preventDefault, registerComponent, renderToNode, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toCustomElement, toFragment, toPath, toString };
+export { $fetch, Compute, Handler, Hooks, MOUNTED_HOOK, Outlet, RUNTIME_CONTEXT, Radix, Scope, activeCompute, anchorNavigate, components, createApp, createCompute, createElement, createEvent, createMemo, createRuntime, createState, defineComponent, defineContext, defineHook, defineRoute, fileName, fromValue, getAssets, getCookies, getCustomElement, getGlobalStyles, getMimeType, getRequestUrl, getRoutes, getSetCookies, getVariables, isClient, isServer, isTemplate, markdownToSlot, navigate, preventDefault, registerComponent, renderToNode, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toCustomElement, toFragment, toPath, toString };

package/dist/jsx/index.js

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

package/dist/signals/index.d.ts

@@ -1,15 +1,16 @@
+declare const descriptor: unique symbol;
 export type Value<T> = T | (() => Value<T>);
+export type Descriptor<T> = symbol & {
+    [descriptor]: T;
+};
 export interface State<T> {
     value: T;
 }
-export type Descriptor<T> = {
-    key: symbol;
-};
 export declare class Hooks {
-    readonly hooks: Map<string, Set<(value: any) => unknown>>;
+    readonly hooks: Map<symbol, Set<(value: any) => unknown>>;
     constructor();
-    on: <T>(scope: Scope, input: string | Descriptor<T>, invoke: (value: T) => unknown) => number;
-    dispatch: <T>(input: string | 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>;
@@ -31,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 descriptor<T>(descriptor: string | Descriptor<T>): string;
-export declare function defineHook<T>(description?: string | number): Descriptor<T>;
-export declare function defineContext<T>(description?: string | number): Descriptor<T>;
+export declare function defineHook<T>(): Descriptor<T>;
+export declare function defineContext<T>(): 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.16",
+    "version": "0.0.18",
     "type": "module",
     "repository": "coverbase/revojs",
     "license": "MIT",