@esportsplus/routing 0.6.0 → 0.6.2

package/.editorconfig

@@ -1,9 +1,9 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 4
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-end_of_line = lf
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+end_of_line = lf

package/.gitattributes

@@ -1,2 +1,2 @@
-# Auto detect text files and perform LF normalization
-* text=auto
+# Auto detect text files and perform LF normalization
+* text=auto

package/.github/dependabot.yml

@@ -1,25 +1,25 @@
-# To get started with Dependabot version updates, you'll need to specify which
-# package ecosystems to update and where the package manifests are located.
-# Please see the documentation for all configuration options:
-# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
-
-version: 2
-
-registries:
-  npm-npmjs:
-    token: ${{secrets.NPM_TOKEN}}
-    type: npm-registry
-    url: https://registry.npmjs.org
-
-updates:
-  - package-ecosystem: "npm"
-    directory: "/"
-    groups:
-      production-dependencies:
-        dependency-type: "production"
-      development-dependencies:
-        dependency-type: "development"
-    registries:
-      - npm-npmjs
-    schedule:
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+
+registries:
+  npm-npmjs:
+    token: ${{secrets.NPM_TOKEN}}
+    type: npm-registry
+    url: https://registry.npmjs.org
+
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    groups:
+      production-dependencies:
+        dependency-type: "production"
+      development-dependencies:
+        dependency-type: "development"
+    registries:
+      - npm-npmjs
+    schedule:
       interval: "daily"

package/.github/workflows/bump.yml

@@ -1,9 +1,9 @@
-name: bump version
-
-on:
-  push:
-    branches: '**' # only trigger on branches, not on tags
-
-jobs:
-  bump:
+name: bump version
+
+on:
+  push:
+    branches: '**' # only trigger on branches, not on tags
+
+jobs:
+  bump:
     uses: esportsplus/typescript/.github/workflows/bump.yml@main

package/.github/workflows/dependabot.yml

@@ -1,12 +1,12 @@
-name: dependabot automerge
-
-on:
-  pull_request:
-    types: [opened, synchronize, labeled]
-  workflow_dispatch:
-
-jobs:
-  automerge:
-    secrets:
-      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+name: dependabot automerge
+
+on:
+  pull_request:
+    types: [opened, synchronize, labeled]
+  workflow_dispatch:
+
+jobs:
+  automerge:
+    secrets:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
     uses: esportsplus/typescript/.github/workflows/dependabot.yml@main

package/.github/workflows/publish.yml

@@ -1,16 +1,16 @@
-name: publish to npm
-
-on:
-  release:
-    types: [published]
-  workflow_dispatch:
-  workflow_run:
-    workflows: [bump version]
-    types:
-      - completed
-
-jobs:
-  publish:
-    secrets:
-        NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-    uses: esportsplus/typescript/.github/workflows/publish.yml@main
+name: publish to npm
+
+on:
+  release:
+    types: [published]
+  workflow_dispatch:
+  workflow_run:
+    workflows: [bump version]
+    types:
+      - completed
+
+jobs:
+  publish:
+    secrets:
+        NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+    uses: esportsplus/typescript/.github/workflows/publish.yml@main

package/README.md

@@ -1,217 +1,217 @@
-# @esportsplus/routing
-
-Type-safe client-side router with radix tree matching, middleware pipelines, and reactive navigation.
-
-## Install
-
-```bash
-pnpm add @esportsplus/routing
-```
-
-## Features
-
-- Type-safe route names and path parameters
-- Radix tree matching (static > params > wildcards)
-- Composable middleware pipeline
-- Reactive navigation via `@esportsplus/reactivity`
-- Named routes with URI generation
-- Route factories for modular definitions
-- Subdomain routing
-- HTTP method routing (GET, POST, PUT, DELETE)
-
-## Usage
-
-### Define Routes
-
-```typescript
-import { router, Middleware, Next, Request, Route, RouteFactory } from '@esportsplus/routing/client';
-
-type Response = HTMLElement;
-
-// Route factory for modular definitions
-const homeRoutes: RouteFactory<Response> = (r) => r
-    .get({
-        name: 'home',
-        path: '/',
-        responder: (req) => renderHome()
-    })
-    .get({
-        name: 'about',
-        path: '/about',
-        responder: (req) => renderAbout()
-    });
-
-const userRoutes: RouteFactory<Response> = (r) => r
-    .get({
-        name: 'user',
-        path: '/users/:id',
-        responder: (req) => renderUser(req.data.parameters?.id)
-    })
-    .get({
-        name: 'user.settings',
-        path: '/users/:id/settings',
-        middleware: [authMiddleware],
-        responder: (req) => renderSettings(req.data.parameters?.id)
-    });
-```
-
-### Create Router
-
-```typescript
-// Compose route factories
-const app = router(homeRoutes, userRoutes);
-
-// Navigate
-app.redirect('home');
-app.redirect('user', { id: 123 });
-
-// Generate URIs
-app.uri('user', { id: 456 }); // '#/users/456'
-
-// History navigation
-app.back();
-app.forward();
-```
-
-### Middleware
-
-```typescript
-const authMiddleware: Middleware<Response> = (req, next) => {
-    if (!isAuthenticated()) {
-        return renderLogin();
-    }
-    return next(req);
-};
-
-const loggerMiddleware: Middleware<Response> = (req, next) => {
-    console.log(`${req.method} ${req.path}`);
-    return next(req);
-};
-
-// Apply global middleware and dispatch
-app.middleware(loggerMiddleware).dispatch;
-```
-
-### Reactive Matching
-
-```typescript
-// Create fallback route
-const notFound: Route<Response> = {
-    name: 'not-found',
-    path: null,
-    pipeline: pipeline<Request<Response>, Response>(),
-    subdomain: null
-};
-
-// Middleware that reactively matches routes
-const matchMiddleware = app.middleware.match(notFound);
-
-// Compose and dispatch
-app.middleware(matchMiddleware, loggerMiddleware).dispatch;
-```
-
-### Route Groups
-
-```typescript
-const apiRoutes: RouteFactory<Response> = (r) => r
-    .group({
-        path: '/api/v1',
-        middleware: [apiAuth]
-    })
-    .routes((r) => r
-        .get({
-            name: 'api.users',
-            path: '/users',
-            responder: handleUsers
-        })
-        .post({
-            name: 'api.users.create',
-            path: '/users',
-            responder: handleCreateUser
-        })
-    );
-```
-
-### Path Parameters
-
-```typescript
-// Required parameter
-.get({ name: 'user', path: '/users/:id', responder })
-
-// Optional parameter (prefix with ?)
-.get({ name: 'archive', path: '/posts/?:year/?:month', responder })
-
-// Wildcard (captures rest of path)
-.get({ name: 'files', path: '/files/*:path', responder })
-```
-
-### Subdomain Routing
-
-```typescript
-const adminRoutes: RouteFactory<Response> = (r) => r
-    .get({
-        name: 'admin.dashboard',
-        path: '/dashboard',
-        subdomain: 'admin',
-        responder: renderAdminDashboard
-    });
-```
-
-## Types
-
-```typescript
-// Route factory function
-type RouteFactory<T> = (router: Router<T, any>) => Router<T, RouteRegistry>;
-
-// Middleware function
-type Middleware<T> = (input: Request<T>, next: Next<T>) => T;
-
-// Next function in middleware chain
-type Next<T> = (input: Request<T>) => T;
-
-// Request object
-type Request<T> = {
-    data: Record<PropertyKey, unknown> & { parameters?: Record<string, unknown>; route?: Route<T> };
-    hostname: string;
-    href: string;
-    method: string;
-    origin: string;
-    path: string;
-    port: string;
-    protocol: string;
-    query: Record<string, unknown>;
-    subdomain?: string;
-};
-
-// Route definition
-type Route<T> = {
-    name: string | null;
-    path: string | null;
-    pipeline: Pipeline<Request<T>, T>;
-    subdomain: string | null;
-};
-```
-
-## Route Matching Priority
-
-1. **Static paths** - exact match (`/users`)
-2. **Parameters** - dynamic segments (`/users/:id`)
-3. **Wildcards** - catch-all (`/files/*:path`)
-
-Static paths always take precedence over parameterized paths for the same position.
-
-## Hash-Based Navigation
-
-Routes use hash-based URLs (`#/path`) for client-side navigation without server configuration.
-
-```typescript
-// URL: https://example.com/#/users/123?tab=profile
-
-request.path     // '/users/123'
-request.query    // { tab: 'profile' }
-request.hostname // 'example.com'
-```
-
-## License
-
-MIT
+# @esportsplus/routing
+
+Type-safe client-side router with radix tree matching, middleware pipelines, and reactive navigation.
+
+## Install
+
+```bash
+pnpm add @esportsplus/routing
+```
+
+## Features
+
+- Type-safe route names and path parameters
+- Radix tree matching (static > params > wildcards)
+- Composable middleware pipeline
+- Reactive navigation via `@esportsplus/reactivity`
+- Named routes with URI generation
+- Route factories for modular definitions
+- Subdomain routing
+- HTTP method routing (GET, POST, PUT, DELETE)
+
+## Usage
+
+### Define Routes
+
+```typescript
+import { router, Middleware, Next, Request, Route, RouteFactory } from '@esportsplus/routing/client';
+
+type Response = HTMLElement;
+
+// Route factory for modular definitions
+const homeRoutes: RouteFactory<Response> = (r) => r
+    .get({
+        name: 'home',
+        path: '/',
+        responder: (req) => renderHome()
+    })
+    .get({
+        name: 'about',
+        path: '/about',
+        responder: (req) => renderAbout()
+    });
+
+const userRoutes: RouteFactory<Response> = (r) => r
+    .get({
+        name: 'user',
+        path: '/users/:id',
+        responder: (req) => renderUser(req.data.parameters?.id)
+    })
+    .get({
+        name: 'user.settings',
+        path: '/users/:id/settings',
+        middleware: [authMiddleware],
+        responder: (req) => renderSettings(req.data.parameters?.id)
+    });
+```
+
+### Create Router
+
+```typescript
+// Compose route factories
+const app = router(homeRoutes, userRoutes);
+
+// Navigate
+app.redirect('home');
+app.redirect('user', { id: 123 });
+
+// Generate URIs
+app.uri('user', { id: 456 }); // '#/users/456'
+
+// History navigation
+app.back();
+app.forward();
+```
+
+### Middleware
+
+```typescript
+const authMiddleware: Middleware<Response> = (req, next) => {
+    if (!isAuthenticated()) {
+        return renderLogin();
+    }
+    return next(req);
+};
+
+const loggerMiddleware: Middleware<Response> = (req, next) => {
+    console.log(`${req.method} ${req.path}`);
+    return next(req);
+};
+
+// Apply global middleware and dispatch
+app.middleware(loggerMiddleware).dispatch;
+```
+
+### Reactive Matching
+
+```typescript
+// Create fallback route
+const notFound: Route<Response> = {
+    name: 'not-found',
+    path: null,
+    pipeline: pipeline<Request<Response>, Response>(),
+    subdomain: null
+};
+
+// Middleware that reactively matches routes
+const matchMiddleware = app.middleware.match(notFound);
+
+// Compose and dispatch
+app.middleware(matchMiddleware, loggerMiddleware).dispatch;
+```
+
+### Route Groups
+
+```typescript
+const apiRoutes: RouteFactory<Response> = (r) => r
+    .group({
+        path: '/api/v1',
+        middleware: [apiAuth]
+    })
+    .routes((r) => r
+        .get({
+            name: 'api.users',
+            path: '/users',
+            responder: handleUsers
+        })
+        .post({
+            name: 'api.users.create',
+            path: '/users',
+            responder: handleCreateUser
+        })
+    );
+```
+
+### Path Parameters
+
+```typescript
+// Required parameter
+.get({ name: 'user', path: '/users/:id', responder })
+
+// Optional parameter (prefix with ?)
+.get({ name: 'archive', path: '/posts/?:year/?:month', responder })
+
+// Wildcard (captures rest of path)
+.get({ name: 'files', path: '/files/*:path', responder })
+```
+
+### Subdomain Routing
+
+```typescript
+const adminRoutes: RouteFactory<Response> = (r) => r
+    .get({
+        name: 'admin.dashboard',
+        path: '/dashboard',
+        subdomain: 'admin',
+        responder: renderAdminDashboard
+    });
+```
+
+## Types
+
+```typescript
+// Route factory function
+type RouteFactory<T> = (router: Router<T, any>) => Router<T, RouteRegistry>;
+
+// Middleware function
+type Middleware<T> = (input: Request<T>, next: Next<T>) => T;
+
+// Next function in middleware chain
+type Next<T> = (input: Request<T>) => T;
+
+// Request object
+type Request<T> = {
+    data: Record<PropertyKey, unknown> & { parameters?: Record<string, unknown>; route?: Route<T> };
+    hostname: string;
+    href: string;
+    method: string;
+    origin: string;
+    path: string;
+    port: string;
+    protocol: string;
+    query: Record<string, unknown>;
+    subdomain?: string;
+};
+
+// Route definition
+type Route<T> = {
+    name: string | null;
+    path: string | null;
+    pipeline: Pipeline<Request<T>, T>;
+    subdomain: string | null;
+};
+```
+
+## Route Matching Priority
+
+1. **Static paths** - exact match (`/users`)
+2. **Parameters** - dynamic segments (`/users/:id`)
+3. **Wildcards** - catch-all (`/files/*:path`)
+
+Static paths always take precedence over parameterized paths for the same position.
+
+## Hash-Based Navigation
+
+Routes use hash-based URLs (`#/path`) for client-side navigation without server configuration.
+
+```typescript
+// URL: https://example.com/#/users/123?tab=profile
+
+request.path     // '/users/123'
+request.query    // { tab: 'profile' }
+request.hostname // 'example.com'
+```
+
+## License
+
+MIT

package/build/client/index.d.ts

@@ -14,4 +14,4 @@ declare const router: <const Factories extends readonly RouteFactory<any>[]>(...
     uri: <RouteName extends keyof AccumulateRoutes<Factories>>(name: RouteName, ...values: ExtractRequiredParams<RoutePath<AccumulateRoutes<Factories>, RouteName>> extends never ? ExtractOptionalParams<RoutePath<AccumulateRoutes<Factories>, RouteName>> extends never ? [] : [params?: PathParamsObject<RoutePath<AccumulateRoutes<Factories>, RouteName>>] : [params: PathParamsObject<RoutePath<AccumulateRoutes<Factories>, RouteName>>]) => string;
 };
 export { router };
-export type { Middleware, Next, Request, Route, RouteFactory } from './types.js';
+export type { Middleware, Next, Request, Route, Router, RouteFactory } from './types.js';

package/build/client/index.js

@@ -1,27 +1,27 @@
-import * as reactivity_fa31f85817714b2e94bba1bba5e367420 from '@esportsplus/reactivity';
+import * as reactivity_14d67e3b96364d0fa5456fd677e2fba30 from '@esportsplus/reactivity';
 import { effect, root } from '@esportsplus/reactivity';
 import { Router } from './router/index.js';
 import pipeline from '@esportsplus/pipeline';
 import { PACKAGE_NAME } from './constants.js';
-class ReactiveObject_fa31f85817714b2e94bba1bba5e367421 extends reactivity_fa31f85817714b2e94bba1bba5e367420.ReactiveObject {
+class ReactiveObject_14d67e3b96364d0fa5456fd677e2fba31 extends reactivity_14d67e3b96364d0fa5456fd677e2fba30.ReactiveObject {
     #parameters;
     #route;
     constructor(_p0, _p1) {
         super(null);
-        this.#parameters = this[reactivity_fa31f85817714b2e94bba1bba5e367420.SIGNAL](_p0);
-        this.#route = this[reactivity_fa31f85817714b2e94bba1bba5e367420.SIGNAL](_p1);
+        this.#parameters = this[reactivity_14d67e3b96364d0fa5456fd677e2fba30.SIGNAL](_p0);
+        this.#route = this[reactivity_14d67e3b96364d0fa5456fd677e2fba30.SIGNAL](_p1);
     }
     get parameters() {
-        return reactivity_fa31f85817714b2e94bba1bba5e367420.read(this.#parameters);
+        return reactivity_14d67e3b96364d0fa5456fd677e2fba30.read(this.#parameters);
     }
     set parameters(_v0) {
-        reactivity_fa31f85817714b2e94bba1bba5e367420.write(this.#parameters, _v0);
+        reactivity_14d67e3b96364d0fa5456fd677e2fba30.write(this.#parameters, _v0);
     }
     get route() {
-        return reactivity_fa31f85817714b2e94bba1bba5e367420.read(this.#route);
+        return reactivity_14d67e3b96364d0fa5456fd677e2fba30.read(this.#route);
     }
     set route(_v1) {
-        reactivity_fa31f85817714b2e94bba1bba5e367420.write(this.#route, _v1);
+        reactivity_14d67e3b96364d0fa5456fd677e2fba30.write(this.#route, _v1);
     }
 }
 let cache = [], location = window.location;
@@ -80,7 +80,7 @@ function middleware(request, router) {
         return route.pipeline.dispatch(request);
     };
     host.match = (fallback) => {
-        let state = new ReactiveObject_fa31f85817714b2e94bba1bba5e367421(undefined, undefined);
+        let state = new ReactiveObject_14d67e3b96364d0fa5456fd677e2fba31(undefined, undefined);
         if (fallback === undefined) {
             throw new Error(`${PACKAGE_NAME}: fallback route does not exist`);
         }
@@ -120,7 +120,7 @@ function onpopstate() {
     }
 }
 const router = (...factories) => {
-    let instance = factories.reduce((r, factory) => factory(r), new Router()), request = reactivity_fa31f85817714b2e94bba1bba5e367420.reactive(Object.assign(href(), { data: {} }));
+    let instance = factories.reduce((r, factory) => factory(r), new Router()), request = reactivity_14d67e3b96364d0fa5456fd677e2fba30.reactive(Object.assign(href(), { data: {} }));
     if (cache.push(request) === 1) {
         window.addEventListener('hashchange', onpopstate);
     }

package/package.json

@@ -2,8 +2,8 @@
   "author": "ICJR",
   "dependencies": {
     "@esportsplus/pipeline": "^1.2.2",
-    "@esportsplus/reactivity": "file:/../reactivity",
-    "@esportsplus/typescript": "file:/../typescript",
+    "@esportsplus/reactivity": "^0.29.20",
+    "@esportsplus/typescript": "^0.28.2",
     "@esportsplus/utilities": "^0.27.2"
   },
   "exports": {
@@ -29,7 +29,7 @@
   },
   "type": "module",
   "types": "./build/index.d.ts",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "scripts": {
     "build": "tsc",
     "build:test": "vite build --config test/vite.config.ts",