@esportsplus/routing 0.0.20 → 0.0.22

package/build/browser.d.ts

@@ -0,0 +1,15 @@
+import { Middleware, Response, Router } from './types';
+declare function back(): void;
+declare function forward(): void;
+declare const _default: <R>(instance?: Router<R> | undefined) => {
+    back: typeof back;
+    forward: typeof forward;
+    middleware: (...middleware: Middleware<R>[]) => () => Response<R>;
+    redirect: (path: string, { state, values }: {
+        state?: Record<PropertyKey, unknown> | undefined;
+        values?: unknown[] | undefined;
+    }) => void;
+    router: Router<R>;
+    uri: (path: string, values?: unknown[]) => string;
+};
+export default _default;

package/build/browser.js

@@ -0,0 +1,65 @@
+import { reactive } from '@esportsplus/reactivity';
+import pipeline from '@esportsplus/pipeline';
+import factory from './router';
+let cache = [], registered = false;
+function back() {
+    window.history.back();
+}
+function forward() {
+    window.history.forward();
+}
+function normalize(uri) {
+    if (uri[0] === '/') {
+        return '#' + uri;
+    }
+    return uri;
+}
+function onpopstate() {
+    let values = request();
+    for (let i = 0, n = cache.length; i < n; i++) {
+        let state = cache[i];
+        for (let key in state) {
+            state[key] = values[key];
+        }
+    }
+}
+function request() {
+    let { hash, hostname, href, origin, port, protocol } = new URL(window.location?.href || ''), path = hash ? hash.slice(1).split('?') : ['/', ''];
+    return {
+        data: {},
+        href,
+        hostname,
+        method: 'GET',
+        origin,
+        path: path[0],
+        port,
+        protocol,
+        query: path[1] ? Object.fromEntries((new URLSearchParams(path[1])).entries()) : {},
+    };
+}
+export default (instance) => {
+    let router = instance || factory(), state = reactive(request());
+    cache.push(state);
+    if (!registered) {
+        registered = true;
+        window.addEventListener('popstate', onpopstate);
+    }
+    return {
+        back,
+        forward,
+        middleware: (...middleware) => {
+            let instance = pipeline(...middleware);
+            return () => instance(state);
+        },
+        redirect: (path, { state, values }) => {
+            if (path.startsWith('https://') || path.startsWith('http://')) {
+                return window.location.replace(path);
+            }
+            window.history.pushState((state || {}), '', normalize(router.uri(path, values || [])));
+        },
+        router,
+        uri: (path, values = []) => {
+            return normalize(router.uri(path, values || []));
+        }
+    };
+};

package/build/index.d.ts

@@ -1,6 +1,5 @@
-import middleware from './middleware';
+import browser from './browser';
 import router from './router';
 import slugify from './slugify';
-import spa from './spa';
-export { middleware, router, slugify, spa };
+export { browser, router, slugify };
 export * from './types';

package/build/index.js

@@ -1,6 +1,5 @@
-import middleware from './middleware';
+import browser from './browser';
 import router from './router';
 import slugify from './slugify';
-import spa from './spa';
-export { middleware, router, slugify, spa };
+export { browser, router, slugify };
 export * from './types';

package/build/router/route.js

@@ -1,4 +1,4 @@
-import middleware from '@esportsplus/middleware';
+import pipeline from '@esportsplus/pipeline';
 class Route {
     dispatch = null;
     name = null;
@@ -15,7 +15,7 @@ class Route {
                 this.dispatch = (request) => this.responder(request);
             }
             else {
-                this.dispatch = middleware(...this.stack, (request => this.responder(request)));
+                this.dispatch = pipeline(...this.stack, (request => this.responder(request)));
             }
         }
         return this.dispatch;

package/build/spa.js

@@ -1,5 +1,5 @@
 import { reactive } from '@esportsplus/reactivity';
-import middleware from '@esportsplus/middleware';
+import pipeline from '@esportsplus/pipeline';
 let cache = [], registered = false;
 function back() {
     window.history.back();
@@ -47,8 +47,8 @@ export default (router) => {
         back,
         forward,
         middleware: (...fns) => {
-            let pipeline = middleware(...fns);
-            return () => pipeline(state);
+            let instance = pipeline(...fns);
+            return () => instance(state);
         },
         redirect: (path, { state, values }) => {
             if (path.startsWith('https://') || path.startsWith('http://')) {

package/build/types.d.ts

@@ -1,6 +1,6 @@
-import { Middleware as M, Next as N } from '@esportsplus/middleware';
+import { Next as N, Stage } from '@esportsplus/pipeline';
 import { Route, Router } from './router';
-type Middleware<R> = M<Request, Response<R>>;
+type Middleware<R> = Stage<Request, Response<R>>;
 type Next<R> = N<Request, Response<R>>;
 type Options<R> = {
     middleware?: Middleware<R>[];

package/package.json

@@ -1,7 +1,7 @@
 {
     "author": "ICJR",
     "dependencies": {
-        "@esportsplus/middleware": "^0.0.5",
+        "@esportsplus/pipeline": "^0.0.1",
         "@esportsplus/reactivity": "^0.0.30"
     },
     "devDependencies": {
@@ -17,5 +17,5 @@
         "prepublishOnly": "npm run build"
     },
     "types": "./build/index.d.ts",
-    "version": "0.0.20"
+    "version": "0.0.22"
 }

package/src/{spa.ts → browser.ts}

@@ -1,6 +1,7 @@
 import { reactive } from '@esportsplus/reactivity';
 import { Middleware, Request, Response, Router } from './types';
-import middleware from '@esportsplus/middleware';
+import pipeline from '@esportsplus/pipeline';
+import factory from './router';
 
 
 let cache: Request[] = [],
@@ -23,6 +24,19 @@ function normalize(uri: string) {
     return uri;
 }
 
+function onpopstate() {
+    let values = request();
+
+    for (let i = 0, n = cache.length; i < n; i++) {
+        let state = cache[i];
+
+        for (let key in state) {
+            // @ts-ignore
+            state[key] = values[key];
+        }
+    }
+}
+
 function request(): Request {
     let { hash, hostname, href, origin, port, protocol } = new URL( window.location?.href || '' ),
         path = hash ? hash.slice(1).split('?') : ['/', ''];
@@ -36,41 +50,29 @@ function request(): Request {
         path: path[0],
         port,
         protocol,
-        query: path[1] ? Object.fromEntries( (new URLSearchParams(path[1])).entries() ) : {}
+        query: path[1] ? Object.fromEntries( (new URLSearchParams(path[1])).entries() ) : {},
     };
 }
 
-function event() {
-    let values = request();
-
-    for (let i = 0, n = cache.length; i < n; i++) {
-        let state = cache[i];
-
-        for (let key in values) {
-            // @ts-ignore
-            state[key] = values[key];
-        }
-    }
-}
-
 
-export default <R>(router: Router<R>) => {
-    let state = reactive( request() );
+export default <R>(instance?: Router<R>) => {
+    let router = instance || factory<R>(),
+        state = reactive( request() );
 
     cache.push(state);
 
     if (!registered) {
         registered = true;
-        window.addEventListener('popstate', event);
+        window.addEventListener('popstate', onpopstate);
     }
 
     return {
         back,
         forward,
-        middleware: (...fns: Middleware<R>[]) => {
-            let pipeline = middleware<Request, Response<R>>(...fns);
+        middleware: (...middleware: Middleware<R>[]) => {
+            let instance = pipeline<Request, Response<R>>(...middleware);
 
-            return () => pipeline(state);
+            return () => instance(state);
         },
         redirect: (path: string, { state, values }: { state?: Record<PropertyKey, unknown>; values?: unknown[] }) => {
             if (path.startsWith('https://') || path.startsWith('http://')) {
@@ -79,6 +81,7 @@ export default <R>(router: Router<R>) => {
 
             window.history.pushState( (state || {}), '', normalize(router.uri(path, values || [])) );
         },
+        router,
         uri: (path: string, values: unknown[] = []) => {
             return normalize( router.uri(path, values || []) );
         }

package/src/index.ts

@@ -1,8 +1,7 @@
-import middleware from './middleware';
+import browser from './browser';
 import router from './router';
 import slugify from './slugify';
-import spa from './spa';
 
 
-export { middleware, router, slugify, spa };
+export { browser, router, slugify };
 export * from './types';

package/src/router/route.ts

@@ -1,5 +1,5 @@
 import { Middleware, Next, Responder } from '~/types';
-import middleware from '@esportsplus/middleware';
+import pipeline from '@esportsplus/pipeline';
 
 
 class Route<R> {
@@ -22,7 +22,7 @@ class Route<R> {
                 this.dispatch = (request) => this.responder(request);
             }
             else {
-                this.dispatch = middleware(...this.stack, (request => this.responder(request)));
+                this.dispatch = pipeline(...this.stack, (request => this.responder(request)));
             }
         }
 

package/src/types.ts

@@ -1,8 +1,8 @@
-import { Middleware as M, Next as N } from '@esportsplus/middleware';
+import { Next as N, Stage } from '@esportsplus/pipeline';
 import { Route, Router } from './router';
 
 
-type Middleware<R> = M<Request, Response<R>>;
+type Middleware<R> = Stage<Request, Response<R>>;
 
 type Next<R> = N<Request, Response<R>>;
 

package/src/middleware/dispatch.ts

@@ -1,13 +0,0 @@
-import { Request } from '~/types';
-import { Router } from '~/router';
-
-
-export default <R>(request: Request & { data: ReturnType<Router<R>['match']> }) => {
-    let { route } = request.data;
-
-    if (route === undefined) {
-        throw new Error(`Routing: route dispatching failed, route is undefined!`);
-    }
-
-    return route.dispatcher(request);
-};

package/src/middleware/index.ts

@@ -1,6 +0,0 @@
-import dispatch from './dispatch';
-import match from './match';
-
-
-export default { dispatch, match };
-export { dispatch, match };

package/src/middleware/match.ts

@@ -1,32 +0,0 @@
-import { Middleware, Router } from '~/types';
-
-
-export default <R>(router: Router<R>, subdomain?: string): Middleware<R> => {
-    return (request, next) => {
-        let match = subdomain || request.subdomain;
-
-        if (match === undefined) {
-            if (router.subdomains) {
-                for (let i = 0, n = router.subdomains.length; i < n; i++) {
-                    if (!request.hostname.startsWith(router.subdomains[i])) {
-                        continue;
-                    }
-
-                    match = router.subdomains[i];
-                    break;
-                }
-            }
-
-            if (match === undefined) {
-                match = '';
-            }
-        }
-
-        let { parameters, route } = router.match(request.method, request.path, match);
-
-        request.data.parameters = parameters;
-        request.data.route = route;
-
-        return next(request);
-    };
-};