crelte 0.3.0 → 0.3.1

package/dist/Crelte.d.ts

@@ -1,8 +1,11 @@
 import { Cookies } from './cookies/index.js';
 import GraphQl, { GraphQlQuery } from './graphql/GraphQl.js';
+import { CrelteRequest } from './index.js';
 import Globals, { Global } from './loadData/Globals.js';
 import Events from './plugins/Events.js';
 import Plugins, { Plugin } from './plugins/Plugins.js';
+import type Route from './routing/Route.js';
+import type Request from './routing/Request.js';
 import Router from './routing/Router.js';
 import { SiteFromGraphQl } from './routing/Site.js';
 import SsrCache from './ssr/SsrCache.js';
@@ -144,6 +147,15 @@ export default class Crelte {
      * `CrelteRequest.getGlobalAsync`
      */
     getGlobalStore<T = any>(name: string): Global<T> | null;
+    /**
+     * returns a new CrelteRequest instance either with the current
+     * route or a provided one
+     *
+     * ## Note
+     * This is useful if you want to create a stateful crelte
+     * to use in loadData context
+     */
+    toRequest(req?: Route | Request): CrelteRequest;
     /**
      * Run a GraphQl Query
      *

package/dist/Crelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Crelte.d.ts","sourceRoot":"","sources":["../../../src/Crelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Crelte.d.ts","sourceRoot":"","sources":["../../../src/Crelte.ts"],"names":[],"mappings":"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"}

package/dist/Crelte.js

@@ -1,6 +1,7 @@
 import ClientCookies from './cookies/ClientCookies.js';
 import ServerCookies from './cookies/ServerCookies.js';
 import GraphQl from './graphql/GraphQl.js';
+import { CrelteRequest } from './index.js';
 import Globals from './loadData/Globals.js';
 import Events from './plugins/Events.js';
 import Plugins from './plugins/Plugins.js';
@@ -143,6 +144,17 @@ export default class Crelte {
     getGlobalStore(name) {
         return this.globals.getStore(name) ?? null;
     }
+    /**
+     * returns a new CrelteRequest instance either with the current
+     * route or a provided one
+     *
+     * ## Note
+     * This is useful if you want to create a stateful crelte
+     * to use in loadData context
+     */
+    toRequest(req) {
+        return CrelteRequest.fromCrelte(this, req);
+    }
     /**
      * Run a GraphQl Query
      *

package/dist/CrelteRequest.d.ts

@@ -14,10 +14,6 @@ export default class CrelteRequest extends Crelte {
      *
      * If you don't provide a route or request the current route
      * will be used.
-     *
-     * ## Note
-     * If you provide a route it must contain a site or you must
-     * provide one,
      */
     static fromCrelte(inner: Crelte | CrelteRequest, req?: Route | Request): CrelteRequest;
     /**

package/dist/CrelteRequest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CrelteRequest.d.ts","sourceRoot":"","sources":["../../../src/CrelteRequest.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,MAAM;IAChD;;OAEG;IACH,GAAG,EAAE,OAAO,CAAC;gBAED,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO;IAMvC;;;;;;;;;OASG;IACH,MAAM,CAAC,UAAU,CAChB,KAAK,EAAE,MAAM,GAAG,aAAa,EAC7B,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,GACnB,aAAa;IAehB;;;OAGG;IACH,IAAI,KAAK,IAAI,OAAO,CAGnB;IAED;;;;;;;OAOG;IACH,IAAI,IAAI,IAAI,IAAI,CAEf;IAED;;;;;;;OAOG;IACH,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI;IAI1C;;;;;;OAMG;IACG,cAAc,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IAI9D;;;;;;;OAOG;IACG,KAAK,CACV,KAAK,EAAE,YAAY,EACnB,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACvC,IAAI,GAAE,YAAiB,GACrB,OAAO,CAAC,OAAO,CAAC;CAOnB"}
+{"version":3,"file":"CrelteRequest.d.ts","sourceRoot":"","sources":["../../../src/CrelteRequest.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,MAAM;IAChD;;OAEG;IACH,GAAG,EAAE,OAAO,CAAC;gBAED,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO;IAMvC;;;;;OAKG;IACH,MAAM,CAAC,UAAU,CAChB,KAAK,EAAE,MAAM,GAAG,aAAa,EAC7B,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,GACnB,aAAa;IAehB;;;OAGG;IACH,IAAI,KAAK,IAAI,OAAO,CAGnB;IAED;;;;;;;OAOG;IACH,IAAI,IAAI,IAAI,IAAI,CAEf;IAED;;;;;;;OAOG;IACH,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI;IAI1C;;;;;;OAMG;IACG,cAAc,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IAI9D;;;;;;;OAOG;IACG,KAAK,CACV,KAAK,EAAE,YAAY,EACnB,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACvC,IAAI,GAAE,YAAiB,GACrB,OAAO,CAAC,OAAO,CAAC;CAOnB"}

package/dist/CrelteRequest.js

@@ -14,10 +14,6 @@ export default class CrelteRequest extends Crelte {
      *
      * If you don't provide a route or request the current route
      * will be used.
-     *
-     * ## Note
-     * If you provide a route it must contain a site or you must
-     * provide one,
      */
     static fromCrelte(inner, req) {
         if (inner instanceof CrelteRequest && !req)

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import type Route from './routing/Route.js';
-import type Request from './routing/Request.js';
 import type Router from './routing/Router.js';
 import type SsrCache from './ssr/SsrCache.js';
 import type Site from './routing/Site.js';
@@ -92,10 +91,6 @@ export declare function getGlobal<T = any>(name: string): Global<T> | null;
  * This only works during component initialisation.
  */
 export declare function getCookies(): Cookies;
-/**
- * A function to make sure you have a CrelteRequest
- */
-export declare function toCrelteRequest(crelte: Crelte | CrelteRequest, req?: Route | Request): CrelteRequest;
 /**
  * Listen for route changes
  *

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,MAAM,EAAE,EAAE,KAAK,YAAY,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EACN,QAAQ,EACR,aAAa,EACb,UAAU,EACV,WAAW,EACX,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACN,MAAM,EACN,aAAa,EACb,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,aAAa,GAClB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,IAAI,QAAQ,CAEtC;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAK1C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAKxC;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;AACrD,wBAAgB,MAAM,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAAC;AACtD,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAKpD;;;;;GAKG;AACH,wBAAgB,UAAU,IAAI,QAAQ,CAAC,OAAO,CAAC,CAE9C;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,IAAI,QAAQ,CAAC,MAAM,CAAC,CAErD;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAEjE;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC9B,MAAM,EAAE,MAAM,GAAG,aAAa,EAC9B,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,GACnB,aAAa,CAEf;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,QAOjE;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,aAAa,KAAK,IAAI,QAOxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,MAAM,EAAE,EAAE,KAAK,YAAY,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EACN,QAAQ,EACR,aAAa,EACb,UAAU,EACV,WAAW,EACX,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACN,MAAM,EACN,aAAa,EACb,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,aAAa,GAClB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,IAAI,QAAQ,CAEtC;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAK1C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAKxC;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;AACrD,wBAAgB,MAAM,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAAC;AACtD,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAKpD;;;;;GAKG;AACH,wBAAgB,UAAU,IAAI,QAAQ,CAAC,OAAO,CAAC,CAE9C;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,IAAI,QAAQ,CAAC,MAAM,CAAC,CAErD;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAEjE;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,QAOjE;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,aAAa,KAAK,IAAI,QAOxD"}

package/dist/index.js

@@ -101,12 +101,6 @@ export function getGlobal(name) {
 export function getCookies() {
     return getCrelte().cookies;
 }
-/**
- * A function to make sure you have a CrelteRequest
- */
-export function toCrelteRequest(crelte, req) {
-    return CrelteRequest.fromCrelte(crelte, req);
-}
 /**
  * Listen for route changes
  *

package/dist/routing/InnerRouter.d.ts

@@ -82,15 +82,6 @@ export default class InnerRouter {
      * `push` and `replace` will cause this function to throw an error
      */
     open(req: Request): void;
-    /**
-     * Sets a route
-     *
-     * Will trigger an onRoute event but will not store any scroll progress
-     * or modify the history
-     *
-     * @param req
-     */
-    setRoute(req: Request, preventOnRoute?: boolean): void;
     /**
      * This pushes a new route to the history
      *
@@ -99,7 +90,7 @@ export default class InnerRouter {
      * ## Important
      * Make sure the route has the correct origin
      */
-    push(req: Request, preventOnRoute?: boolean): void;
+    push(req: Request): void;
     /**
      * This replaces the current route
      *

package/dist/routing/InnerRouter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InnerRouter.d.ts","sourceRoot":"","sources":["../../../../src/routing/InnerRouter.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC,OAAO,OAAO,EAAE,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG;IAC7B,kBAAkB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,WAAW;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;;;OAKG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC7D,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC,OAAO,CAAC,qBAAqB,CAAa;IAE1C;;;;;OAKG;gBACS,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,eAAe;IAkB3D;;OAEG;IACH,UAAU;IAaV;;OAEG;IACH,UAAU;IAEV;;;;OAIG;IACH,gBAAgB,CAAC,UAAU,GAAE,MAAM,GAAG,IAAW,GAAG,IAAI;IAsCxD;;OAEG;IACH,WAAW,IAAI,IAAI;IAInB;;OAEG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAKjC;;;;;;OAMG;IACH,eAAe,CACd,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,OAAO,EACtC,IAAI,GAAE,cAAmB,GACvB,OAAO;IA0BV;;;;;OAKG;IACH,YAAY,CAAC,OAAO,EAAE,GAAG,GAAG,KAAK;IAgCjC,MAAM;IAiGN;;;;;;;;;OASG;IACH,IAAI,CAAC,GAAG,EAAE,OAAO;IAuCjB;;;;;;;OAOG;IACH,QAAQ,CAAC,GAAG,EAAE,OAAO,EAAE,cAAc,UAAQ;IAM7C;;;;;;;OAOG;IACH,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,cAAc,UAAQ;IAsBzC;;;;;;;OAOG;IACH,OAAO,CAAC,GAAG,EAAE,OAAO;IAsBpB;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,OAAO;IAW9C,QAAQ,CAAC,GAAG,EAAE,OAAO;CAsErB"}
+{"version":3,"file":"InnerRouter.d.ts","sourceRoot":"","sources":["../../../../src/routing/InnerRouter.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC,OAAO,OAAO,EAAE,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG;IAC7B,kBAAkB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,WAAW;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;;;OAKG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC7D,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC,OAAO,CAAC,qBAAqB,CAAa;IAE1C;;;;;OAKG;gBACS,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,eAAe;IAkB3D;;OAEG;IACH,UAAU;IAgBV;;OAEG;IACH,UAAU;IAEV;;;;OAIG;IACH,gBAAgB,CAAC,UAAU,GAAE,MAAM,GAAG,IAAW,GAAG,IAAI;IAsCxD;;OAEG;IACH,WAAW,IAAI,IAAI;IAInB;;OAEG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAKjC;;;;;;OAMG;IACH,eAAe,CACd,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,OAAO,EACtC,IAAI,GAAE,cAAmB,GACvB,OAAO;IA0BV;;;;;OAKG;IACH,YAAY,CAAC,OAAO,EAAE,GAAG,GAAG,KAAK;IAgCjC,MAAM;IAoGN;;;;;;;;;OASG;IACH,IAAI,CAAC,GAAG,EAAE,OAAO;IA4CjB;;;;;;;OAOG;IACH,IAAI,CAAC,GAAG,EAAE,OAAO;IAuBjB;;;;;;;OAOG;IACH,OAAO,CAAC,GAAG,EAAE,OAAO;IAuBpB;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,OAAO;IAW9C,QAAQ,CAAC,GAAG,EAAE,OAAO;CAsErB"}

package/dist/routing/InnerRouter.js

@@ -52,7 +52,10 @@ export default class InnerRouter {
         req._fillFromState(window.history.state);
         req.origin = 'init';
         window.history.scrollRestoration = 'manual';
-        this.setRoute(req);
+        // we set it now instead of waiting for the onRoute call
+        // because the window.history is already set
+        this.route = req.toRoute();
+        this.onRoute(req, () => { });
     }
     /**
      * Initializes the router when running on the server.
@@ -254,7 +257,10 @@ export default class InnerRouter {
             const req = this.targetToRequest(window.location.href);
             req._fillFromState(e.state);
             req.origin = 'pop';
-            this.setRoute(req);
+            // we set it now instead of waiting for the onRoute call
+            // because the window.history was already modified
+            this.route = req.toRoute();
+            this.onRoute(req, () => { });
         });
     }
     /**
@@ -296,22 +302,11 @@ export default class InnerRouter {
         }
         req.index = (current?.index ?? 0) + 1;
         this.onRoute(req, () => {
-            this.push(req, true);
+            const url = req.url;
+            this.history.pushState(req._toState(), url.pathname + url.search + url.hash);
+            this.route = req.toRoute();
         });
     }
-    /**
-     * Sets a route
-     *
-     * Will trigger an onRoute event but will not store any scroll progress
-     * or modify the history
-     *
-     * @param req
-     */
-    setRoute(req, preventOnRoute = false) {
-        this.route = req.toRoute();
-        if (!preventOnRoute)
-            this.onRoute(req, () => { });
-    }
     /**
      * This pushes a new route to the history
      *
@@ -320,7 +315,7 @@ export default class InnerRouter {
      * ## Important
      * Make sure the route has the correct origin
      */
-    push(req, preventOnRoute = false) {
+    push(req) {
         const url = req.url;
         // todo a push should also store the previous scrollY
         let nReq = req;
@@ -332,8 +327,10 @@ export default class InnerRouter {
             nReq = req.clone();
             nReq.scrollY = this.history.scrollY();
         }
-        this.history.pushState(nReq._toState(), url.pathname + url.search + url.hash);
-        this.setRoute(req, preventOnRoute);
+        this.onRoute(req, () => {
+            this.history.pushState(req._toState(), url.pathname + url.search + url.hash);
+            this.route = req.toRoute();
+        });
     }
     /**
      * This replaces the current route
@@ -355,8 +352,10 @@ export default class InnerRouter {
             nReq = req.clone();
             nReq.scrollY = this.history.scrollY();
         }
-        this.history.replaceState(nReq._toState(), url.pathname + url.search + url.hash);
-        this.setRoute(req);
+        this.onRoute(req, () => {
+            this.history.replaceState(req._toState(), url.pathname + url.search + url.hash);
+            this.route = req.toRoute();
+        });
     }
     /**
      * Preload a url

package/dist/routing/Request.d.ts

@@ -8,6 +8,8 @@ export type RequestOptions = {
     scrollY?: number;
     index?: number;
     origin?: RouteOrigin;
+    state?: Record<string, any>;
+    context?: Record<string, any>;
     disableScroll?: boolean;
     disableLoadData?: boolean;
     statusCode?: number;

package/dist/routing/Request.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Request.d.ts","sourceRoot":"","sources":["../../../../src/routing/Request.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK;IACzC;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,cAAc;IACd,cAAc,EAAE,aAAa,CAAC;IAE9B;;OAEG;gBACS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAE,cAAmB;IASpE;;OAEG;IACH,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,GAAE,cAAmB;IASxD;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,WAAW,IAAI,WAAW;IAI1B;;OAEG;IACH,KAAK;IAUL;;OAEG;IACH,OAAO;IAQP,cAAc;IACd,WAAW,CAAC,IAAI,GAAE,cAAmB;CAOrC;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,CAElD;AAED,cAAM,aAAa;IAClB,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;;IAQlB,MAAM,IAAI,OAAO;IAIjB,GAAG,IAAI,WAAW;IAclB,cAAc;IACd,MAAM;IAQN,cAAc;IACd,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;CAGzB;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC"}
+{"version":3,"file":"Request.d.ts","sourceRoot":"","sources":["../../../../src/routing/Request.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,IAAI,MAAM,WAAW,CAAC;AAG7B;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK;IACzC;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,cAAc;IACd,cAAc,EAAE,aAAa,CAAC;IAE9B;;OAEG;gBACS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAE,cAAmB;IASpE;;OAEG;IACH,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,GAAE,cAAmB;IAWxD;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,WAAW,IAAI,WAAW;IAI1B;;OAEG;IACH,KAAK;IAYL;;OAEG;IACH,OAAO;IAUP,cAAc;IACd,WAAW,CAAC,IAAI,GAAE,cAAmB;CASrC;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,CAElD;AAED,cAAM,aAAa;IAClB,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;;IAQlB,MAAM,IAAI,OAAO;IAIjB,GAAG,IAAI,WAAW;IAclB,cAAc;IACd,MAAM;IAQN,cAAc;IACd,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;CAGzB;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC"}

package/dist/routing/Request.js

@@ -1,5 +1,6 @@
 import { Barrier } from 'crelte-std/sync';
 import Route from './Route.js';
+import { objClone } from '../utils.js';
 /**
  * A Request is a Route with some extra options
  * you get a Request from the onRequest event or
@@ -40,6 +41,8 @@ export default class Request extends Route {
             scrollY: route.scrollY ?? undefined,
             index: route.index,
             origin: route.origin,
+            state: route._state,
+            context: route._context,
             ...opts,
         });
     }
@@ -82,6 +85,8 @@ export default class Request extends Route {
             scrollY: this.scrollY ?? undefined,
             index: this.index,
             origin: this.origin,
+            state: objClone(this._state),
+            context: this._context,
             disableScroll: this.disableScroll,
             statusCode: this.statusCode ?? undefined,
         });
@@ -94,6 +99,8 @@ export default class Request extends Route {
             scrollY: this.scrollY ?? undefined,
             index: this.index,
             origin: this.origin,
+            state: objClone(this._state),
+            context: this._context,
         });
     }
     /** @hidden */
@@ -101,6 +108,8 @@ export default class Request extends Route {
         this.scrollY = opts.scrollY ?? this.scrollY;
         this.index = opts.index ?? this.index;
         this.origin = opts.origin ?? this.origin;
+        this._state = opts.state ?? this._state;
+        this._context = opts.context ?? this._context;
         this.disableScroll = opts.disableScroll ?? this.disableScroll;
         this.statusCode = opts.statusCode ?? this.statusCode;
     }

package/dist/routing/Route.d.ts

@@ -3,6 +3,8 @@ export type RouteOptions = {
     scrollY?: number;
     index?: number;
     origin?: RouteOrigin;
+    state?: Record<string, any>;
+    context?: Record<string, any>;
 };
 /**
  * RouteOrigin represents the origin of a route.
@@ -59,6 +61,23 @@ export default class Route {
      * The origin of this route, See [[RouteOrigin]]
      */
     origin: RouteOrigin;
+    /**
+     * @hidden
+     * State data that can be used to store additional information
+     */
+    _state: Record<string, any>;
+    /**
+     * @hidden
+     * Any data that should be passed to onRoute and onRequest handlers
+     * or exchanged between loadData's
+     * This context is not persistant and should be considered "valid"
+     * only for the current request / route
+     *
+     * ## Note
+     * Consider using state instead. This will not be cloned in the clone
+     * call so will always be the same object
+     */
+    _context: Record<string, any>;
     /**
      * Creates a new Route
      */
@@ -135,7 +154,8 @@ export default class Route {
      */
     getSearchParam(key: string): string | null;
     /**
-     * Sets the search param or removes it if the value is null or undefined
+     * Sets the search param or removes it if the value is null, undefined or an
+     * empty string
      *
      * ## Example
      * ```
@@ -148,6 +168,38 @@ export default class Route {
      * ```
      */
     setSearchParam(key: string, value?: string | number | null): void;
+    /**
+     * Returns a state value if it exists.
+     */
+    getState<T = any>(key: string): T | null;
+    /**
+     * Sets a state value.
+     * If the value is null or undefined, the key will be removed.
+     *
+     * ## When to use state
+     * State is used to store additional information that persists across route changes.
+     * The State is only available in the client code since it is stored using window.history.
+     *
+     * Consider using setSearchParam instead to enable server side rendering.
+     */
+    setState<T>(key: string, value: T | null | undefined): void;
+    /**
+     * Returns a context value if it exists.
+     */
+    getContext<T = any>(key: string): T | null;
+    /**
+     * Sets a context value.
+     * If the value is null or undefined, the key will be removed.
+     *
+     * ## When to use context
+     * Context is used to pass data to onRoute and onRequest handlers or exchange data between loadData calls.
+     * This context is not persistent and should be considered valid only for the current request/route.
+     * The context is not cloned in the clone call and will be the same object.
+     */
+    setContext<T>(key: string, value: T | null | undefined): void;
+    /**
+     * Returns true if the route is in live preview mode
+     */
     inLivePreview(): boolean;
     /**
      * Returns if the site matches the url
@@ -158,6 +210,9 @@ export default class Route {
      *
      * This checks all properties of the url but search params do not have to be
      * in the same order
+     *
+     * ## Note
+     * This does not check the state or context
      */
     eq(route: Route | null): boolean | null;
     /**

package/dist/routing/Route.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Route.d.ts","sourceRoot":"","sources":["../../../../src/routing/Route.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAG7B,MAAM,MAAM,YAAY,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,WAAW,GACpB,MAAM,GACN,QAAQ,GACR,OAAO,GACP,KAAK,GACL,SAAS,GACT,MAAM,CAAC;AAEV;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,KAAK;IACzB;;OAEG;IACH,GAAG,EAAE,GAAG,CAAC;IAET;;;;;;;;;OASG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;;;;;;;;OASG;IACH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC;IAEpB;;OAEG;gBACS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAE,YAAiB;IASlE;;;;;;;;;;;;;;;OAeG;IACH,IAAI,GAAG,IAAI,MAAM,CAQhB;IAED;;;;;;;;;;;;;;;OAeG;IACH,IAAI,OAAO,IAAI,MAAM,CAIpB;IAED;;;;;;;;;;;OAWG;IACH,IAAI,MAAM,IAAI,eAAe,CAE5B;IAED;;;;;;;;OAQG;IACH,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED;;OAEG;IACH,SAAS,IAAI,OAAO;IAIpB;;;;;;;;OAQG;IACH,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAI1C;;;;;;;;;;;;OAYG;IACH,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAQ1D,aAAa,IAAI,OAAO;IAIxB;;OAEG;IACH,WAAW,IAAI,OAAO;IAatB;;;;;OAKG;IACH,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAStB;;;;OAIG;IACH,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQzB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAkB5B;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAI1B;;OAEG;IACH,KAAK;IAQL,cAAc;IACd,cAAc,CAAC,KAAK,EAAE,GAAG;IAQzB,cAAc;IACd,QAAQ,IAAI,GAAG;CAQf"}
+{"version":3,"file":"Route.d.ts","sourceRoot":"","sources":["../../../../src/routing/Route.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAG7B,MAAM,MAAM,YAAY,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,WAAW,GACpB,MAAM,GACN,QAAQ,GACR,OAAO,GACP,KAAK,GACL,SAAS,GACT,MAAM,CAAC;AAEV;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,KAAK;IACzB;;OAEG;IACH,GAAG,EAAE,GAAG,CAAC;IAET;;;;;;;;;OASG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;;;;;;;;OASG;IACH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC;IAEpB;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE5B;;;;;;;;;;OAUG;IACH,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE9B;;OAEG;gBACS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAE,YAAiB;IAWlE;;;;;;;;;;;;;;;OAeG;IACH,IAAI,GAAG,IAAI,MAAM,CAQhB;IAED;;;;;;;;;;;;;;;OAeG;IACH,IAAI,OAAO,IAAI,MAAM,CAIpB;IAED;;;;;;;;;;;OAWG;IACH,IAAI,MAAM,IAAI,eAAe,CAE5B;IAED;;;;;;;;OAQG;IACH,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED;;OAEG;IACH,SAAS,IAAI,OAAO;IAIpB;;;;;;;;OAQG;IACH,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAI1C;;;;;;;;;;;;;OAaG;IACH,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAa1D;;OAEG;IACH,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI;IAIxC;;;;;;;;;OASG;IACH,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS;IAQpD;;OAEG;IACH,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI;IAI1C;;;;;;;;OAQG;IACH,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS;IAOtD;;OAEG;IACH,aAAa,IAAI,OAAO;IAIxB;;OAEG;IACH,WAAW,IAAI,OAAO;IAatB;;;;;;;;OAQG;IACH,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAStB;;;;OAIG;IACH,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQzB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAkB5B;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAI1B;;OAEG;IACH,KAAK;IAUL,cAAc;IACd,cAAc,CAAC,KAAK,EAAE,GAAG;IAYzB,cAAc;IACd,QAAQ,IAAI,GAAG;CASf"}

package/dist/routing/Route.js

@@ -1,3 +1,4 @@
+import { objClone } from '../utils.js';
 import { trimSlashEnd } from './utils.js';
 /**
  * A Route contains information about the current page for example the url and
@@ -39,6 +40,23 @@ export default class Route {
      * The origin of this route, See [[RouteOrigin]]
      */
     origin;
+    /**
+     * @hidden
+     * State data that can be used to store additional information
+     */
+    _state;
+    /**
+     * @hidden
+     * Any data that should be passed to onRoute and onRequest handlers
+     * or exchanged between loadData's
+     * This context is not persistant and should be considered "valid"
+     * only for the current request / route
+     *
+     * ## Note
+     * Consider using state instead. This will not be cloned in the clone
+     * call so will always be the same object
+     */
+    _context;
     /**
      * Creates a new Route
      */
@@ -48,6 +66,8 @@ export default class Route {
         this.scrollY = opts.scrollY ?? null;
         this.index = opts.index ?? 0;
         this.origin = opts.origin ?? 'manual';
+        this._state = opts.state ?? {};
+        this._context = opts.context ?? {};
     }
     /**
      * Returns the uri of the route
@@ -138,7 +158,8 @@ export default class Route {
         return this.search.get(key);
     }
     /**
-     * Sets the search param or removes it if the value is null or undefined
+     * Sets the search param or removes it if the value is null, undefined or an
+     * empty string
      *
      * ## Example
      * ```
@@ -151,13 +172,66 @@ export default class Route {
      * ```
      */
     setSearchParam(key, value) {
-        if (typeof value !== 'undefined' && value !== null) {
+        const deleteValue = typeof value === 'undefined' ||
+            value === null ||
+            (typeof value === 'string' && value === '');
+        if (!deleteValue) {
             this.search.set(key, value);
         }
         else {
             this.search.delete(key);
         }
     }
+    /**
+     * Returns a state value if it exists.
+     */
+    getState(key) {
+        return this._state[key] ?? null;
+    }
+    /**
+     * Sets a state value.
+     * If the value is null or undefined, the key will be removed.
+     *
+     * ## When to use state
+     * State is used to store additional information that persists across route changes.
+     * The State is only available in the client code since it is stored using window.history.
+     *
+     * Consider using setSearchParam instead to enable server side rendering.
+     */
+    setState(key, value) {
+        if (typeof value === 'undefined' || value === null) {
+            delete this._state[key];
+        }
+        else {
+            this._state[key] = value;
+        }
+    }
+    /**
+     * Returns a context value if it exists.
+     */
+    getContext(key) {
+        return this._context[key] ?? null;
+    }
+    /**
+     * Sets a context value.
+     * If the value is null or undefined, the key will be removed.
+     *
+     * ## When to use context
+     * Context is used to pass data to onRoute and onRequest handlers or exchange data between loadData calls.
+     * This context is not persistent and should be considered valid only for the current request/route.
+     * The context is not cloned in the clone call and will be the same object.
+     */
+    setContext(key, value) {
+        if (typeof value === 'undefined' || value === null) {
+            delete this._context[key];
+        }
+        else {
+            this._context[key] = value;
+        }
+    }
+    /**
+     * Returns true if the route is in live preview mode
+     */
     inLivePreview() {
         return !!this.search.get('x-craft-live-preview');
     }
@@ -179,6 +253,9 @@ export default class Route {
      *
      * This checks all properties of the url but search params do not have to be
      * in the same order
+     *
+     * ## Note
+     * This does not check the state or context
      */
     eq(route) {
         return (route &&
@@ -227,6 +304,8 @@ export default class Route {
             scrollY: this.scrollY ?? undefined,
             index: this.index,
             origin: this.origin,
+            state: objClone(this._state),
+            context: this._context,
         });
     }
     /** @hidden */
@@ -235,6 +314,9 @@ export default class Route {
             this.scrollY = state.route.scrollY;
         if (typeof state?.route?.index === 'number')
             this.index = state.route.index;
+        if (typeof state?.state === 'object' && state.state !== null) {
+            this._state = state.state;
+        }
     }
     /** @hidden */
     _toState() {
@@ -243,6 +325,7 @@ export default class Route {
                 scrollY: this.scrollY,
                 index: this.index,
             },
+            state: this._state,
         };
     }
 }

package/dist/routing/Router.d.ts

@@ -111,7 +111,7 @@ export default class Router {
      * This pushes the new route without triggering a new pageload
      *
      * You can use this when using pagination for example change the route object
-     * (search argument) and then call pushState
+     * (search argument) and then call push
      *
      * ## Note
      * This will always set the origin to 'push'
@@ -127,7 +127,7 @@ export default class Router {
      * const page = 1;
      * const route = router.route.get();
      * route.setSearchParam('page', page > 0 ? page : null);
-     * router.pushState(route);
+     * router.push(route);
      * ```
      */
     push(route: Route | Request, opts?: RequestOptions): void;

package/dist/routing/Router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../../../src/routing/Router.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,IAAI,EAAE,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAElD,OAAmB,EAAE,MAAM,EAAgB,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAY,MAAM,mBAAmB,CAAC;AAEvD,OAAO,OAAO,EAAE,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAWF;;GAEG;AACH,KAAK,QAAQ,GAAG;IACf,QAAQ,EAAE,CACT,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,OAAO,EAKZ,KAAK,EAAE,MAAM,GAAG,KACZ,IAAI,CAAC;IAIV,eAAe,EAAE,CAChB,GAAG,EAAE,OAAO,EAKZ,KAAK,EAAE,MAAM,IAAI,KACb,IAAI,CAAC;IAEV,MAAM,EAAE,MAAM,CAAC;IAEf,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjC,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;CACxE,CAAC;AAEF,KAAK,YAAY,GAAG;IACnB,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;CACX,CAAC;AAGF,MAAM,CAAC,OAAO,OAAO,MAAM;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAyB;IAEvC;;;;;OAKG;IACH,OAAO,CAAC,KAAK,CAAwB;IAGrC,OAAO,CAAC,QAAQ,CAAiB;IAEjC;;;OAGG;IACH,OAAO,CAAC,QAAQ,CAAoB;IAEpC;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAmB;IAE3C,OAAO,CAAC,UAAU,CAAuB;IAEzC,cAAc;IACd,SAAS,EAAE,QAAQ,CAAC;IAEpB,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,UAAU,CAAyB;gBAE/B,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,GAAE,aAAkB;IAwC9D;;;;;;;OAOG;IACH,IAAI,KAAK,IAAI,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,CAElC;IAED;;;;;;;OAOG;IACH,IAAI,IAAI,IAAI,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,CAEhC;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,IAAI,EAAE,CAElB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,CAE/B;IAED;;OAEG;IACH,IAAI,eAAe,IAAI,QAAQ,CAAC,MAAM,CAAC,CAEtC;IAED;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,OAAO,EAAE,IAAI,GAAE,cAAmB;IAQtE;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,GAAE,cAAmB;IActD;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO;IAKhC;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,GAAE,cAAmB;IAazD;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO;IAKnC;;OAEG;IACH,SAAS,IAAI,OAAO;IAIpB;;OAEG;IACH,IAAI;IAIJ;;OAEG;IACH,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK;IAIpC;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,MAAM,IAAI;IAK/C;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,GAAG,MAAM,IAAI;IAIjD;;;;;;OAMG;IACH,eAAe,CACd,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,OAAO,EACtC,IAAI,GAAE,cAAmB,GACvB,OAAO;IAIV,OAAO,CAAC,WAAW;YAQL,WAAW;YAIX,WAAW;IA4DzB,OAAO,CAAC,QAAQ;IAoBhB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,UAAU;YAIJ,SAAS;YAsBT,gBAAgB;IAkB9B,OAAO,CAAC,WAAW;CAKnB"}
+{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../../../src/routing/Router.ts"],"names":[],"mappings":"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"}

package/dist/routing/Router.js

@@ -140,7 +140,7 @@ export default class Router {
      * This pushes the new route without triggering a new pageload
      *
      * You can use this when using pagination for example change the route object
-     * (search argument) and then call pushState
+     * (search argument) and then call push
      *
      * ## Note
      * This will always set the origin to 'push'
@@ -156,7 +156,7 @@ export default class Router {
      * const page = 1;
      * const route = router.route.get();
      * route.setSearchParam('page', page > 0 ? page : null);
-     * router.pushState(route);
+     * router.push(route);
      * ```
      */
     push(route, opts = {}) {
@@ -169,8 +169,6 @@ export default class Router {
             disableLoadData: opts.disableLoadData ?? true,
         });
         this.inner.push(req);
-        this.destroyRequest();
-        this.setNewRoute(route);
     }
     /**
      * @deprecated use push instead
@@ -210,8 +208,6 @@ export default class Router {
             disableLoadData: opts.disableLoadData ?? true,
         });
         this.inner.replace(req);
-        this.destroyRequest();
-        this.setNewRoute(req);
     }
     /**
      * @deprecated use replace instead
@@ -299,11 +295,11 @@ export default class Router {
                 });
             };
         });
-        const route = this.inner.targetToRequest(url);
-        route.origin = 'init';
+        const req = this.inner.targetToRequest(url);
+        req.origin = 'init';
         // let's see if the url matches any route and site
         // if not let's redirect to the site which matches the acceptLang
-        if (!route.siteMatches()) {
+        if (!req.siteMatches()) {
             const site = this.inner.siteByAcceptLang(acceptLang);
             return {
                 success: true,
@@ -312,12 +308,13 @@ export default class Router {
                 props: {},
             };
         }
-        this.inner.setRoute(route);
+        this.inner.route = req.toRoute();
+        this.inner.onRoute(req, () => { });
         const resp = await prom;
         const hist = this.inner.history;
         if (hist.url || hist.req) {
             const nReq = this.inner.targetToRequest(hist.req ?? hist.url);
-            if (!route.eq(nReq)) {
+            if (!req.eq(nReq)) {
                 return {
                     success: true,
                     redirect: true,

package/dist/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function objClone(obj: any): any;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAMtC"}

package/dist/utils.js

@@ -0,0 +1,8 @@
+// This are internal utils. Consider adding them to crelte-std instead
+// this tries to do a structuredClone and else just uses JSON
+export function objClone(obj) {
+    if (typeof structuredClone === 'function') {
+        return structuredClone(obj);
+    }
+    return JSON.parse(JSON.stringify(obj));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "crelte",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"author": "Crelte <support@crelte.com>",
 	"type": "module",
 	"scripts": {

package/src/Crelte.ts

@@ -2,9 +2,12 @@ import ClientCookies from './cookies/ClientCookies.js';
 import { Cookies } from './cookies/index.js';
 import ServerCookies from './cookies/ServerCookies.js';
 import GraphQl, { GraphQlQuery } from './graphql/GraphQl.js';
+import { CrelteRequest } from './index.js';
 import Globals, { Global } from './loadData/Globals.js';
 import Events from './plugins/Events.js';
 import Plugins, { Plugin } from './plugins/Plugins.js';
+import type Route from './routing/Route.js';
+import type Request from './routing/Request.js';
 import Router from './routing/Router.js';
 import { SiteFromGraphQl } from './routing/Site.js';
 import SsrCache from './ssr/SsrCache.js';
@@ -243,6 +246,18 @@ export default class Crelte {
 		return this.globals.getStore(name) ?? null;
 	}
 
+	/**
+	 * returns a new CrelteRequest instance either with the current
+	 * route or a provided one
+	 *
+	 * ## Note
+	 * This is useful if you want to create a stateful crelte
+	 * to use in loadData context
+	 */
+	toRequest(req?: Route | Request): CrelteRequest {
+		return CrelteRequest.fromCrelte(this, req);
+	}
+
 	/**
 	 * Run a GraphQl Query
 	 *

package/src/CrelteRequest.ts

@@ -21,10 +21,6 @@ export default class CrelteRequest extends Crelte {
 	 *
 	 * If you don't provide a route or request the current route
 	 * will be used.
-	 *
-	 * ## Note
-	 * If you provide a route it must contain a site or you must
-	 * provide one,
 	 */
 	static fromCrelte(
 		inner: Crelte | CrelteRequest,

package/src/index.ts

@@ -1,6 +1,5 @@
 import { getContext, onDestroy } from 'svelte';
 import type Route from './routing/Route.js';
-import type Request from './routing/Request.js';
 import type Router from './routing/Router.js';
 import type SsrCache from './ssr/SsrCache.js';
 import type Site from './routing/Site.js';
@@ -149,16 +148,6 @@ export function getCookies(): Cookies {
 	return getCrelte().cookies;
 }
 
-/**
- * A function to make sure you have a CrelteRequest
- */
-export function toCrelteRequest(
-	crelte: Crelte | CrelteRequest,
-	req?: Route | Request,
-): CrelteRequest {
-	return CrelteRequest.fromCrelte(crelte, req);
-}
-
 /**
  * Listen for route changes
  *

package/src/routing/InnerRouter.ts

@@ -68,7 +68,10 @@ export default class InnerRouter {
 		req.origin = 'init';
 		window.history.scrollRestoration = 'manual';
 
-		this.setRoute(req);
+		// we set it now instead of waiting for the onRoute call
+		// because the window.history is already set
+		this.route = req.toRoute();
+		this.onRoute(req, () => {});
 	}
 
 	/**
@@ -301,7 +304,10 @@ export default class InnerRouter {
 			req._fillFromState(e.state);
 			req.origin = 'pop';
 
-			this.setRoute(req);
+			// we set it now instead of waiting for the onRoute call
+			// because the window.history was already modified
+			this.route = req.toRoute();
+			this.onRoute(req, () => {});
 		});
 	}
 
@@ -350,24 +356,15 @@ export default class InnerRouter {
 
 		req.index = (current?.index ?? 0) + 1;
 		this.onRoute(req, () => {
-			this.push(req, true);
+			const url = req.url;
+			this.history.pushState(
+				req._toState(),
+				url.pathname + url.search + url.hash,
+			);
+			this.route = req.toRoute();
 		});
 	}
 
-	/**
-	 * Sets a route
-	 *
-	 * Will trigger an onRoute event but will not store any scroll progress
-	 * or modify the history
-	 *
-	 * @param req
-	 */
-	setRoute(req: Request, preventOnRoute = false) {
-		this.route = req.toRoute();
-
-		if (!preventOnRoute) this.onRoute(req, () => {});
-	}
-
 	/**
 	 * This pushes a new route to the history
 	 *
@@ -376,7 +373,7 @@ export default class InnerRouter {
 	 * ## Important
 	 * Make sure the route has the correct origin
 	 */
-	push(req: Request, preventOnRoute = false) {
+	push(req: Request) {
 		const url = req.url;
 		// todo a push should also store the previous scrollY
 
@@ -390,12 +387,13 @@ export default class InnerRouter {
 			nReq.scrollY = this.history.scrollY();
 		}
 
-		this.history.pushState(
-			nReq._toState(),
-			url.pathname + url.search + url.hash,
-		);
-
-		this.setRoute(req, preventOnRoute);
+		this.onRoute(req, () => {
+			this.history.pushState(
+				req._toState(),
+				url.pathname + url.search + url.hash,
+			);
+			this.route = req.toRoute();
+		});
 	}
 
 	/**
@@ -420,12 +418,13 @@ export default class InnerRouter {
 			nReq.scrollY = this.history.scrollY();
 		}
 
-		this.history.replaceState(
-			nReq._toState(),
-			url.pathname + url.search + url.hash,
-		);
-
-		this.setRoute(req);
+		this.onRoute(req, () => {
+			this.history.replaceState(
+				req._toState(),
+				url.pathname + url.search + url.hash,
+			);
+			this.route = req.toRoute();
+		});
 	}
 
 	/**

package/src/routing/Request.ts

@@ -1,6 +1,7 @@
 import { Barrier } from 'crelte-std/sync';
 import Route, { RouteOrigin } from './Route.js';
 import Site from './Site.js';
+import { objClone } from '../utils.js';
 
 /**
  * Options to create a Request
@@ -9,6 +10,8 @@ export type RequestOptions = {
 	scrollY?: number;
 	index?: number;
 	origin?: RouteOrigin;
+	state?: Record<string, any>;
+	context?: Record<string, any>;
 	disableScroll?: boolean;
 	disableLoadData?: boolean;
 	statusCode?: number;
@@ -60,6 +63,8 @@ export default class Request extends Route {
 			scrollY: route.scrollY ?? undefined,
 			index: route.index,
 			origin: route.origin,
+			state: route._state,
+			context: route._context,
 			...opts,
 		});
 	}
@@ -104,6 +109,8 @@ export default class Request extends Route {
 			scrollY: this.scrollY ?? undefined,
 			index: this.index,
 			origin: this.origin,
+			state: objClone(this._state),
+			context: this._context,
 			disableScroll: this.disableScroll,
 			statusCode: this.statusCode ?? undefined,
 		});
@@ -117,6 +124,8 @@ export default class Request extends Route {
 			scrollY: this.scrollY ?? undefined,
 			index: this.index,
 			origin: this.origin,
+			state: objClone(this._state),
+			context: this._context,
 		});
 	}
 
@@ -125,6 +134,8 @@ export default class Request extends Route {
 		this.scrollY = opts.scrollY ?? this.scrollY;
 		this.index = opts.index ?? this.index;
 		this.origin = opts.origin ?? this.origin;
+		this._state = opts.state ?? this._state;
+		this._context = opts.context ?? this._context;
 		this.disableScroll = opts.disableScroll ?? this.disableScroll;
 		this.statusCode = opts.statusCode ?? this.statusCode;
 	}

package/src/routing/Route.ts

@@ -1,3 +1,4 @@
+import { objClone } from '../utils.js';
 import Site from './Site.js';
 import { trimSlashEnd } from './utils.js';
 
@@ -5,6 +6,8 @@ export type RouteOptions = {
 	scrollY?: number;
 	index?: number;
 	origin?: RouteOrigin;
+	state?: Record<string, any>;
+	context?: Record<string, any>;
 };
 
 /**
@@ -74,6 +77,25 @@ export default class Route {
 	 */
 	origin: RouteOrigin;
 
+	/**
+	 * @hidden
+	 * State data that can be used to store additional information
+	 */
+	_state: Record<string, any>;
+
+	/**
+	 * @hidden
+	 * Any data that should be passed to onRoute and onRequest handlers
+	 * or exchanged between loadData's
+	 * This context is not persistant and should be considered "valid"
+	 * only for the current request / route
+	 *
+	 * ## Note
+	 * Consider using state instead. This will not be cloned in the clone
+	 * call so will always be the same object
+	 */
+	_context: Record<string, any>;
+
 	/**
 	 * Creates a new Route
 	 */
@@ -84,6 +106,8 @@ export default class Route {
 		this.scrollY = opts.scrollY ?? null;
 		this.index = opts.index ?? 0;
 		this.origin = opts.origin ?? 'manual';
+		this._state = opts.state ?? {};
+		this._context = opts.context ?? {};
 	}
 
 	/**
@@ -184,7 +208,8 @@ export default class Route {
 	}
 
 	/**
-	 * Sets the search param or removes it if the value is null or undefined
+	 * Sets the search param or removes it if the value is null, undefined or an
+	 * empty string
 	 *
 	 * ## Example
 	 * ```
@@ -197,13 +222,69 @@ export default class Route {
 	 * ```
 	 */
 	setSearchParam(key: string, value?: string | number | null) {
-		if (typeof value !== 'undefined' && value !== null) {
+		const deleteValue =
+			typeof value === 'undefined' ||
+			value === null ||
+			(typeof value === 'string' && value === '');
+
+		if (!deleteValue) {
 			this.search.set(key, value as string);
 		} else {
 			this.search.delete(key);
 		}
 	}
 
+	/**
+	 * Returns a state value if it exists.
+	 */
+	getState<T = any>(key: string): T | null {
+		return this._state[key] ?? null;
+	}
+
+	/**
+	 * Sets a state value.
+	 * If the value is null or undefined, the key will be removed.
+	 *
+	 * ## When to use state
+	 * State is used to store additional information that persists across route changes.
+	 * The State is only available in the client code since it is stored using window.history.
+	 *
+	 * Consider using setSearchParam instead to enable server side rendering.
+	 */
+	setState<T>(key: string, value: T | null | undefined) {
+		if (typeof value === 'undefined' || value === null) {
+			delete this._state[key];
+		} else {
+			this._state[key] = value;
+		}
+	}
+
+	/**
+	 * Returns a context value if it exists.
+	 */
+	getContext<T = any>(key: string): T | null {
+		return this._context[key] ?? null;
+	}
+
+	/**
+	 * Sets a context value.
+	 * If the value is null or undefined, the key will be removed.
+	 *
+	 * ## When to use context
+	 * Context is used to pass data to onRoute and onRequest handlers or exchange data between loadData calls.
+	 * This context is not persistent and should be considered valid only for the current request/route.
+	 * The context is not cloned in the clone call and will be the same object.
+	 */
+	setContext<T>(key: string, value: T | null | undefined) {
+		if (typeof value === 'undefined' || value === null) {
+			delete this._context[key];
+		} else {
+			this._context[key] = value;
+		}
+	}
+	/**
+	 * Returns true if the route is in live preview mode
+	 */
 	inLivePreview(): boolean {
 		return !!this.search.get('x-craft-live-preview');
 	}
@@ -229,6 +310,9 @@ export default class Route {
 	 *
 	 * This checks all properties of the url but search params do not have to be
 	 * in the same order
+	 *
+	 * ## Note
+	 * This does not check the state or context
 	 */
 	eq(route: Route | null) {
 		return (
@@ -288,6 +372,8 @@ export default class Route {
 			scrollY: this.scrollY ?? undefined,
 			index: this.index,
 			origin: this.origin,
+			state: objClone(this._state),
+			context: this._context,
 		});
 	}
 
@@ -298,6 +384,10 @@ export default class Route {
 
 		if (typeof state?.route?.index === 'number')
 			this.index = state.route.index;
+
+		if (typeof state?.state === 'object' && state.state !== null) {
+			this._state = state.state;
+		}
 	}
 
 	/** @hidden */
@@ -307,6 +397,7 @@ export default class Route {
 				scrollY: this.scrollY,
 				index: this.index,
 			},
+			state: this._state,
 		};
 	}
 }

package/src/routing/Router.ts

@@ -221,7 +221,7 @@ export default class Router {
 	 * This pushes the new route without triggering a new pageload
 	 *
 	 * You can use this when using pagination for example change the route object
-	 * (search argument) and then call pushState
+	 * (search argument) and then call push
 	 *
 	 * ## Note
 	 * This will always set the origin to 'push'
@@ -237,7 +237,7 @@ export default class Router {
 	 * const page = 1;
 	 * const route = router.route.get();
 	 * route.setSearchParam('page', page > 0 ? page : null);
-	 * router.pushState(route);
+	 * router.push(route);
 	 * ```
 	 */
 	push(route: Route | Request, opts: RequestOptions = {}) {
@@ -250,8 +250,6 @@ export default class Router {
 			disableLoadData: opts.disableLoadData ?? true,
 		});
 		this.inner.push(req);
-		this.destroyRequest();
-		this.setNewRoute(route);
 	}
 
 	/**
@@ -293,8 +291,6 @@ export default class Router {
 			disableLoadData: opts.disableLoadData ?? true,
 		});
 		this.inner.replace(req);
-		this.destroyRequest();
-		this.setNewRoute(req);
 	}
 
 	/**
@@ -401,12 +397,12 @@ export default class Router {
 			};
 		});
 
-		const route = this.inner.targetToRequest(url);
-		route.origin = 'init';
+		const req = this.inner.targetToRequest(url);
+		req.origin = 'init';
 
 		// let's see if the url matches any route and site
 		// if not let's redirect to the site which matches the acceptLang
-		if (!route.siteMatches()) {
+		if (!req.siteMatches()) {
 			const site = this.inner.siteByAcceptLang(acceptLang);
 
 			return {
@@ -417,14 +413,15 @@ export default class Router {
 			};
 		}
 
-		this.inner.setRoute(route);
+		this.inner.route = req.toRoute();
+		this.inner.onRoute(req, () => {});
 
 		const resp = await prom;
 
 		const hist = this.inner.history as ServerHistory;
 		if (hist.url || hist.req) {
 			const nReq = this.inner.targetToRequest(hist.req ?? hist.url!);
-			if (!route.eq(nReq)) {
+			if (!req.eq(nReq)) {
 				return {
 					success: true,
 					redirect: true,

package/src/utils.ts

@@ -0,0 +1,10 @@
+// This are internal utils. Consider adding them to crelte-std instead
+
+// this tries to do a structuredClone and else just uses JSON
+export function objClone(obj: any): any {
+	if (typeof structuredClone === 'function') {
+		return structuredClone(obj);
+	}
+
+	return JSON.parse(JSON.stringify(obj));
+}