@wavelengthusaf/client-router 0.0.2 → 0.0.4

package/dist/utils/matchRoute.js

@@ -0,0 +1,25 @@
+export function matchRoute(compiledRoutes, pathname) {
+    for (const compiledRoute of compiledRoutes) {
+        const match = compiledRoute.pattern.exec(pathname);
+        if (!match)
+            continue;
+        const routeParams = {};
+        compiledRoute.paramNames.forEach((name, i) => {
+            const value = match[i + 1];
+            if (value === undefined)
+                return;
+            try {
+                routeParams[name] = decodeURIComponent(value);
+            }
+            catch {
+                routeParams[name] = value;
+            }
+        });
+        return {
+            routeDefinition: compiledRoute.routeDefinition,
+            routeParams,
+        };
+    }
+    return null;
+}
+//# sourceMappingURL=matchRoute.js.map

package/dist/utils/matchRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matchRoute.js","sourceRoot":"","sources":["../../src/utils/matchRoute.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,UAAU,CACtB,cAA+B,EAC/B,QAAgB;IAElB,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE,CAAC;QAC3C,MAAM,KAAK,GAA4B,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE5E,IAAI,CAAC,KAAK;YAAE,SAAS;QAErB,MAAM,WAAW,GAAgB,EAAE,CAAC;QAEpC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YAC3C,MAAM,KAAK,GAAuB,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAE/C,IAAI,KAAK,KAAK,SAAS;gBAAE,OAAO;YAEhC,IAAI,CAAC;gBACH,WAAW,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAChD,CAAC;YAAC,MAAM,CAAC;gBACP,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,eAAe,EAAE,aAAa,CAAC,eAAe;YAC9C,WAAW;SACZ,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavelengthusaf/client-router",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Native TypeScript Router",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,6 +25,13 @@
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "browser": "./dist/index.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -49,7 +56,6 @@
     "globals": "^17.5.0",
     "husky": "^9.1.7",
     "jsdom": "^29.0.2",
-    "opencode-ai": "^1.4.6",
     "playwright": "^1.59.1",
     "prettier": "^3.8.2",
     "storybook": "^10.3.5",

package/dist/elements/__tests__/RouteElement.test.js

@@ -1,77 +0,0 @@
-import { describe, expect, it, vi, beforeEach } from 'vitest';
-import { RouteElement } from '../RouteElement.ts';
-/* eslint-disable  @typescript-eslint/no-explicit-any */
-describe('RouteElement', () => {
-    beforeEach(() => {
-        if (!customElements.get(RouteElement.tag)) {
-            customElements.define(RouteElement.tag, RouteElement);
-        }
-        document.body.innerHTML = '';
-    });
-    describe('Attribute Accessors & toDefinition Logic', () => {
-        it.each([
-            {
-                it: 'returns default path "*" if attribute is missing',
-                html: `<wavelength-route component="my-view"></wavelength-route>`,
-                expectedPath: '*',
-                expectedTag: 'my-view'
-            },
-            {
-                it: 'extracts specified path and component tag',
-                html: `<wavelength-route path="/home" component="home-view"></wavelength-route>`,
-                expectedPath: '/home',
-                expectedTag: 'home-view'
-            },
-            {
-                it: 'returns null and warns if component attribute is missing',
-                html: `<wavelength-route path="/error"></wavelength-route>`,
-                expectedPath: '/error',
-                expectedTag: '',
-                shouldBeNull: true
-            }
-        ])('$it', ({ html, expectedPath, expectedTag, shouldBeNull }) => {
-            document.body.innerHTML = html;
-            const el = document.querySelector('wavelength-route');
-            const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => { });
-            expect(el.path).toBe(expectedPath);
-            expect(el.componentTag).toBe(expectedTag);
-            const def = el.toDefinition({ document });
-            if (shouldBeNull) {
-                expect(def).toBeNull();
-                expect(warnSpy).toHaveBeenCalled();
-            }
-            else {
-                expect(def?.path).toBe(expectedPath);
-                expect(def?.routeComponent).toBeDefined();
-            }
-            warnSpy.mockRestore();
-        });
-    });
-    describe('SSR / Environment Resilience', () => {
-        it('returns a no-op component if document is missing', () => {
-            const el = document.createElement('wavelength-route');
-            el.setAttribute('component', 'test-view');
-            const def = el.toDefinition({});
-            expect(def?.path).toBe('*');
-            expect(def?.routeComponent.mount).toBeInstanceOf(Function);
-            expect(() => def?.routeComponent.mount({}, {})).not.toThrow();
-            expect(() => def?.routeComponent.unmount?.()).not.toThrow();
-        });
-    });
-    describe('RouteComponent Mounting Logic', () => {
-        it('properly creates element and injects context on mount', () => {
-            const el = document.createElement('wavelength-route');
-            el.setAttribute('component', 'user-profile');
-            const def = el.toDefinition({ document });
-            const container = document.createElement('div');
-            const mockContext = { path: '/user/1', routeParams: { id: '1' }, query: new URLSearchParams() };
-            def?.routeComponent.mount(container, mockContext);
-            const renderedElement = container.querySelector('user-profile');
-            expect(renderedElement).toBeDefined();
-            expect(renderedElement.routeContext).toEqual(mockContext);
-            expect(def?.routeComponent.unmount).toBeDefined();
-            def?.routeComponent.unmount?.();
-        });
-    });
-});
-//# sourceMappingURL=RouteElement.test.js.map

package/dist/src/elements/RouteElement.d.ts

@@ -1,11 +0,0 @@
-import type { RouteDefinition } from '../models/index.ts';
-export interface RouteElementEnv {
-    document?: Document;
-}
-export declare class RouteElement extends HTMLElement {
-    static readonly tag = "wavelength-route";
-    get path(): string;
-    get componentTag(): string;
-    toDefinition(env?: RouteElementEnv): RouteDefinition | null;
-}
-//# sourceMappingURL=RouteElement.d.ts.map

package/dist/src/elements/RouteElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouteElement.d.ts","sourceRoot":"","sources":["../../../src/elements/RouteElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,qBAAa,YAAa,SAAQ,WAAW;IAC3C,gBAAuB,GAAG,sBAAsB;IAEhD,IAAW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAEM,YAAY,CAAC,GAAG,GAAE,eAAoB,GAAG,eAAe,GAAG,IAAI;CAyCvE"}

package/dist/src/elements/RouterElement.d.ts

@@ -1,12 +0,0 @@
-export declare class RouterElement extends HTMLElement {
-    #private;
-    static readonly tag = "wavelength-router";
-    static get observedAttributes(): string[];
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    navigate(path: string): void;
-    replace(path: string): void;
-    back(): void;
-}
-//# sourceMappingURL=RouterElement.d.ts.map

package/dist/src/elements/RouterElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouterElement.d.ts","sourceRoot":"","sources":["../../../src/elements/RouterElement.ts"],"names":[],"mappings":"AAIA,qBAAa,aAAc,SAAQ,WAAW;;IAC5C,gBAAuB,GAAG,uBAAuB;IAIjD,WAAkB,kBAAkB,IAAI,MAAM,EAAE,CAE/C;IAEM,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAK9F,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI5B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,IAAI,IAAI,IAAI;CA0DpB"}

package/dist/src/index.d.ts

@@ -1,6 +0,0 @@
-export { Router } from './router/Router.ts';
-export { RouterElement } from './elements/RouterElement.ts';
-export { RouteElement } from './elements/RouteElement.ts';
-export type { RouteComponent, RouteContext, RouteDefinition, RouteGuard, RouteParams, CompiledRoute, MatchedRoute, } from './models/index.ts';
-export { compileRoute, matchRoute } from './utils/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,YAAY,EACV,cAAc,EACd,YAAY,EACZ,eAAe,EACf,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,GACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/models/CompiledRoute.d.ts

@@ -1,7 +0,0 @@
-import type { RouteDefinition } from './RouteDefinition.js';
-export interface CompiledRoute {
-    routeDefinition: RouteDefinition;
-    pattern: RegExp;
-    paramNames: string[];
-}
-//# sourceMappingURL=CompiledRoute.d.ts.map

package/dist/src/models/CompiledRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompiledRoute.d.ts","sourceRoot":"","sources":["../../../src/models/CompiledRoute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,eAAe,EAAE,eAAe,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB"}

package/dist/src/models/MatchedRoute.d.ts

@@ -1,7 +0,0 @@
-import type { RouteDefinition } from './RouteDefinition.ts';
-import type { RouteParams } from './RouteParams.ts';
-export interface MatchedRoute {
-    routeDefinition: RouteDefinition;
-    routeParams: RouteParams;
-}
-//# sourceMappingURL=MatchedRoute.d.ts.map

package/dist/src/models/MatchedRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MatchedRoute.d.ts","sourceRoot":"","sources":["../../../src/models/MatchedRoute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,eAAe,CAAC;IACjC,WAAW,EAAE,WAAW,CAAC;CAC1B"}

package/dist/src/models/RouteComponent.d.ts

@@ -1,6 +0,0 @@
-import type { RouteContext } from './RouteContext.ts';
-export interface RouteComponent {
-    mount(container: HTMLElement, context: RouteContext): void;
-    unmount?(): void;
-}
-//# sourceMappingURL=RouteComponent.d.ts.map

package/dist/src/models/RouteComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouteComponent.d.ts","sourceRoot":"","sources":["../../../src/models/RouteComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3D,OAAO,CAAC,IAAI,IAAI,CAAC;CAClB"}

package/dist/src/models/RouteContext.d.ts

@@ -1,7 +0,0 @@
-import type { RouteParams } from './RouteParams.ts';
-export interface RouteContext {
-    path: string;
-    routeParams: RouteParams;
-    query: URLSearchParams;
-}
-//# sourceMappingURL=RouteContext.d.ts.map

package/dist/src/models/RouteContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouteContext.d.ts","sourceRoot":"","sources":["../../../src/models/RouteContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;CACxB"}

package/dist/src/models/RouteDefinition.d.ts

@@ -1,6 +0,0 @@
-import type { RouteComponent } from './RouteComponent.ts';
-export interface RouteDefinition {
-    path: string;
-    routeComponent: RouteComponent;
-}
-//# sourceMappingURL=RouteDefinition.d.ts.map

package/dist/src/models/RouteDefinition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouteDefinition.d.ts","sourceRoot":"","sources":["../../../src/models/RouteDefinition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,cAAc,CAAC;CAChC"}

package/dist/src/models/RouteGuard.d.ts

@@ -1,3 +0,0 @@
-import type { RouteContext } from './RouteContext.ts';
-export type RouteGuard = (to: RouteContext, next: (redirect?: string) => void) => void;
-//# sourceMappingURL=RouteGuard.d.ts.map

package/dist/src/models/RouteGuard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouteGuard.d.ts","sourceRoot":"","sources":["../../../src/models/RouteGuard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,CACvB,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,KAC9B,IAAI,CAAC"}

package/dist/src/models/RouteParams.d.ts

@@ -1,4 +0,0 @@
-export interface RouteParams {
-    [key: string]: string;
-}
-//# sourceMappingURL=RouteParams.d.ts.map

package/dist/src/models/RouteParams.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouteParams.d.ts","sourceRoot":"","sources":["../../../src/models/RouteParams.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB"}

package/dist/src/models/index.d.ts

@@ -1,9 +0,0 @@
-import type { CompiledRoute } from './CompiledRoute.ts';
-import type { MatchedRoute } from './MatchedRoute.ts';
-import type { RouteComponent } from './RouteComponent.ts';
-import type { RouteContext } from './RouteContext.ts';
-import type { RouteDefinition } from './RouteDefinition.ts';
-import type { RouteGuard } from './RouteGuard.ts';
-import type { RouteParams } from './RouteParams.ts';
-export type { CompiledRoute, MatchedRoute, RouteComponent, RouteContext, RouteDefinition, RouteGuard, RouteParams, };
-//# sourceMappingURL=index.d.ts.map

package/dist/src/models/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/models/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,eAAe,EACf,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/src/router/Router.d.ts

@@ -1,20 +0,0 @@
-import type { RouteDefinition, RouteGuard } from '../models/index.ts';
-export interface RouterEnv {
-    window?: Window;
-    document?: Document;
-}
-export interface RouterOptions {
-    outlet?: HTMLElement;
-    hashMode?: boolean;
-    beforeEach?: RouteGuard;
-}
-export declare class Router {
-    #private;
-    constructor(routeDefinitions: RouteDefinition[], routerOptions?: RouterOptions, env?: RouterEnv);
-    start(): void;
-    destroy(): void;
-    navigate(path: string): void;
-    replace(path: string): void;
-    back(): void;
-}
-//# sourceMappingURL=Router.d.ts.map

package/dist/src/router/Router.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../../src/router/Router.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAKV,eAAe,EACf,UAAU,EACX,MAAM,oBAAoB,CAAC;AAG5B,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,qBAAa,MAAM;;gBAYf,gBAAgB,EAAE,eAAe,EAAE,EACnC,aAAa,GAAE,aAAkB,EACjC,GAAG,GAAE,SAAc;IAoBd,KAAK,IAAI,IAAI;IAab,OAAO,IAAI,IAAI;IAUf,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAY5B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAY3B,IAAI,IAAI,IAAI;CA0HpB"}

package/dist/src/utils/compileRoute.d.ts

@@ -1,3 +0,0 @@
-import type { CompiledRoute, RouteDefinition } from '../models/index.ts';
-export declare function compileRoute(routeDefinition: RouteDefinition): CompiledRoute;
-//# sourceMappingURL=compileRoute.d.ts.map

package/dist/src/utils/compileRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compileRoute.d.ts","sourceRoot":"","sources":["../../../src/utils/compileRoute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAMzE,wBAAgB,YAAY,CAAC,eAAe,EAAE,eAAe,GAAG,aAAa,CA8B5E"}

package/dist/src/utils/index.d.ts

@@ -1,4 +0,0 @@
-import { compileRoute } from './compileRoute.ts';
-import { matchRoute } from './matchRoute.ts';
-export { compileRoute, matchRoute };
-//# sourceMappingURL=index.d.ts.map

package/dist/src/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/utils/matchRoute.d.ts

@@ -1,3 +0,0 @@
-import type { CompiledRoute, MatchedRoute } from '../models/index.ts';
-export declare function matchRoute(compiledRoutes: CompiledRoute[], pathname: string): MatchedRoute | null;
-//# sourceMappingURL=matchRoute.d.ts.map

package/dist/src/utils/matchRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"matchRoute.d.ts","sourceRoot":"","sources":["../../../src/utils/matchRoute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EAEb,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,UAAU,CACtB,cAAc,EAAE,aAAa,EAAE,EAC/B,QAAQ,EAAE,MAAM,GACjB,YAAY,GAAG,IAAI,CA2BrB"}