@jasonshimmy/custom-elements-runtime 0.2.3 → 0.2.4

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export * from "./directives";
 export * from "./event-bus";
 export * from "./store";
 export * from "./router";
+export { renderToString } from "./runtime/vdom";
 export { component } from "./runtime/component";
 export { css } from "./runtime/style";
 export { html } from "./runtime/template-compiler";

package/dist/runtime/component.d.ts

@@ -1,4 +1,12 @@
 import type { ComponentConfig, ComponentContext } from "./types";
+/**
+ * @internal
+ * Runtime registry of component configs.
+ * NOTE: This is an internal implementation detail. Do not import from the
+ * published package in consumer code — it is intended for runtime/HMR and
+ * internal tests only. Consumers should use the public `component` API.
+ */
+export declare const registry: Map<string, ComponentConfig<any, any, any>>;
 export declare function component<S extends object = {}, C extends object = {}, P extends object = {}, T extends object = any>(tag: string, renderOrConfig: ((context: ComponentContext<S, C, P, T>) => any) | ComponentConfig<S, C, P, T>, config?: Partial<ComponentConfig<S, C, P, T>>): void;
 export declare function createElementClass<S extends object, C extends object, P extends object, T extends object = any>(tag: string, config: ComponentConfig<S, C, P, T>): CustomElementConstructor | {
     new (): object;

package/dist/runtime/helpers.d.ts

@@ -1,2 +1,10 @@
 export declare function toKebab(str: string): string;
 export declare function escapeHTML(str: string | number | boolean): string | number | boolean;
+/**
+ * Get nested property value from object using dot notation
+ */
+export declare function getNestedValue(obj: any, path: string): any;
+/**
+ * Set nested property value in object using dot notation
+ */
+export declare function setNestedValue(obj: any, path: string, value: any): void;

package/dist/runtime/template-compiler.d.ts

@@ -9,6 +9,7 @@ export declare function parseProps(str: string, values?: unknown[], context?: Re
     directives: Record<string, {
         value: string;
         modifiers: string[];
+        arg?: string;
     }>;
 };
 /**

package/dist/runtime/types.d.ts

@@ -11,8 +11,11 @@ export interface VNode {
         directives?: Record<string, {
             value: string;
             modifiers: string[];
+            arg?: string;
         }>;
         ref?: string;
+        /** Compiler-provided hint: whether this VNode represents a custom element (contains a dash) */
+        isCustomElement?: boolean;
     };
     children?: VNode[] | string;
 }
@@ -32,15 +35,15 @@ export interface WatchOptions {
     immediate?: boolean;
     deep?: boolean;
 }
-export type WatchCallback<T = any, S = any> = (newValue: T, oldValue: T, context?: S) => void;
+export type WatchCallback<T = any, S = any> = (newValue: T, oldValue: T, context: S) => void;
 export interface WatcherState {
-    callback: WatchCallback;
+    callback: WatchCallback<any, any>;
     options: WatchOptions;
     oldValue: any;
 }
 export type WatchConfig<S> = {
-    [K in keyof S]?: WatchCallback<S[K]> | [WatchCallback<S[K]>, WatchOptions?];
-} | Record<string, WatchCallback | [WatchCallback, WatchOptions?]>;
+    [K in keyof S]?: WatchCallback<S[K], S> | [WatchCallback<S[K], S>, WatchOptions?];
+} | Record<string, WatchCallback<any, S> | [WatchCallback<any, S>, WatchOptions?]>;
 type DropLast<T extends any[]> = T extends [...infer Rest, any] ? Rest : T;
 type WrapMethod<F> = F extends (...args: infer A) => infer R ? (...args: DropLast<A>) => R : never;
 export type InferMethods<T> = {

package/dist/runtime/vdom.d.ts

@@ -11,21 +11,6 @@ import type { VNode, VDomRefs } from "./types";
  * @returns
  */
 export declare function cleanupRefs(node: Node, refs?: VDomRefs): void;
-/**
- * Get nested property value from object using dot notation
- * @param obj The object to search.
- * @param path The dot-separated path to the property.
- * @returns The value of the nested property, or undefined if not found.
- */
-export declare function getNestedValue(obj: any, path: string): any;
-/**
- * Set nested property value in object using dot notation
- * @param obj
- * @param path
- * @param value
- * @returns
- */
-export declare function setNestedValue(obj: any, path: string, value: any): void;
 /**
  * Process :model directive for two-way data binding
  * @param value
@@ -37,7 +22,7 @@ export declare function setNestedValue(obj: any, path: string, value: any): void
  * @param el
  * @returns
  */
-export declare function processModelDirective(value: string, modifiers: string[], props: Record<string, any>, attrs: Record<string, any>, listeners: Record<string, EventListener>, context?: any, el?: HTMLElement): void;
+export declare function processModelDirective(value: string, modifiers: string[], props: Record<string, any>, attrs: Record<string, any>, listeners: Record<string, EventListener>, context?: any, el?: HTMLElement, arg?: string): void;
 /**
  * Process :bind directive for attribute/property binding
  * @param value
@@ -82,6 +67,7 @@ export declare function processStyleDirective(value: any, attrs: Record<string,
 export declare function processDirectives(directives: Record<string, {
     value: any;
     modifiers: string[];
+    arg?: string;
 }>, context?: any, el?: HTMLElement, vnodeAttrs?: Record<string, any>): {
     props: Record<string, any>;
     attrs: Record<string, any>;

package/dist/runtime/watchers.d.ts

@@ -3,10 +3,6 @@ import type { ComponentContext, WatchCallback, WatchOptions, WatcherState } from
  * Initializes watchers for a component.
  */
 export declare function initWatchers(context: ComponentContext<any, any, any, any>, watchers: Map<string, WatcherState>, watchConfig: Record<string, WatchCallback | [WatchCallback, WatchOptions]>): void;
-/**
- * Gets a nested value from context by path.
- */
-export declare function getNestedValue(context: any, path: string): any;
 /**
  * Triggers watchers when state changes.
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jasonshimmy/custom-elements-runtime",
   "description": "A powerful, modern, and lightweight runtime for creating reactive web components with TypeScript",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "type": "module",
   "keywords": [
     "web-components",