@jasonshimmy/custom-elements-runtime 0.0.17 → 0.1.1

package/dist/runtime.d.ts

@@ -21,7 +21,10 @@ type WatchConfig<S> = {
 type InferMethods<T> = {
     [K in keyof T as K extends LifecycleKeys ? never : K]: T[K] extends Function ? T[K] : never;
 };
-export type ComponentContext<S extends object, C extends object, P extends object, T extends object = any> = S & C & P & InferMethods<T>;
+interface Refs {
+    refs: Record<string, HTMLElement | undefined>;
+}
+export type ComponentContext<S extends object, C extends object, P extends object, T extends object = any> = S & C & P & InferMethods<T> & Refs;
 export interface ComponentConfig<S extends object, C extends object = {}, P extends object = {}, T extends object = any> {
     state?: S;
     computed?: {

package/dist/vdom.d.ts

@@ -14,9 +14,11 @@ export interface VNode {
             value: string;
             modifiers: string[];
         }>;
+        ref?: string;
     };
     children?: VNode[] | string;
 }
+export type VDomRefs = Record<string, HTMLElement | undefined>;
 export interface AnchorBlockVNode extends VNode {
     tag: "#anchor";
     key: string;
@@ -28,5 +30,5 @@ export interface AnchorBlockVNode extends VNode {
  * Main renderer: uses patching and keys for node reuse.
  * Never uses innerHTML. Only updates what has changed.
  */
-export declare function vdomRenderer(root: ShadowRoot, vnodeOrArray: VNode | VNode[], context?: any): void;
+export declare function vdomRenderer(root: ShadowRoot, vnodeOrArray: VNode | VNode[], context?: any, refs?: VDomRefs): void;
 export declare function renderToString(vnode: VNode): string;

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.0.17",
+  "version": "0.1.1",
   "type": "module",
   "keywords": [
     "web-components",