@jasonshimmy/custom-elements-runtime 0.1.3 → 0.1.5

package/dist/router.d.ts

@@ -4,16 +4,46 @@
  * - Integrates with createStore and lib/index.ts
  */
 import { type Store } from './store';
+export interface RouteComponent {
+    new (...args: any[]): any;
+    (...args: any[]): any;
+}
+export interface RouteState {
+    path: string;
+    params: Record<string, string>;
+    query: Record<string, string>;
+}
+export type GuardResult = boolean | string | Promise<boolean | string>;
 export interface Route {
     path: string;
+    /**
+     * Statically available component (already imported)
+     */
     component?: string;
+    /**
+     * Lazy loader that resolves to something renderable
+     */
     load?: () => Promise<{
         default: string | HTMLElement | Function;
     }>;
+    /**
+     * Runs before matching — return false to cancel,
+     * or a string to redirect
+     */
+    beforeEnter?: (to: RouteState, from: RouteState) => GuardResult;
+    /**
+     * Runs right before navigation commits — can cancel or redirect
+     */
+    onEnter?: (to: RouteState, from: RouteState) => GuardResult;
+    /**
+     * Runs after navigation completes — cannot cancel
+     */
+    afterEnter?: (to: RouteState, from: RouteState) => void;
 }
 export interface RouterConfig {
     routes: Route[];
     base?: string;
+    initialUrl?: string;
 }
 export interface RouteState {
     path: string;
@@ -33,8 +63,8 @@ export declare const matchRoute: (routes: Route[], path: string) => {
 export declare function resolveRouteComponent(route: Route): Promise<any>;
 export declare function useRouter(config: RouterConfig): {
     store: Store<RouteState>;
-    push: (path: string) => void;
-    replace: (path: string) => void;
+    push: (path: string) => Promise<void>;
+    replace: (path: string) => Promise<void>;
     back: () => void;
     subscribe: (listener: (state: RouteState) => void) => void;
     matchRoute: (path: string) => {
@@ -56,8 +86,8 @@ export declare function matchRouteSSR(routes: Route[], path: string): {
  */
 export declare function initRouter(config: RouterConfig): {
     store: Store<RouteState>;
-    push: (path: string) => void;
-    replace: (path: string) => void;
+    push: (path: string) => Promise<void>;
+    replace: (path: string) => Promise<void>;
     back: () => void;
     subscribe: (listener: (state: RouteState) => void) => void;
     matchRoute: (path: string) => {

package/dist/store.d.ts

@@ -2,9 +2,7 @@ type Listener<T> = (state: T) => void;
 export interface Store<T extends object> {
     subscribe(listener: Listener<T>): void;
     getState(): T;
+    setState(partial: Partial<T> | ((prev: T) => Partial<T>)): void;
 }
-export declare function createStore<T extends object>(initial: T): {
-    subscribe: (listener: Listener<T>) => void;
-    getState: () => T;
-};
+export declare function createStore<T extends object>(initial: T): Store<T>;
 export {};

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