reactive-route 0.0.1-alpha.15 → 0.0.1-alpha.17

package/dist/adapters/kr-observable-preact.d.ts

@@ -0,0 +1,3 @@
+import { TypeAdapters } from 'reactive-route';
+export declare const adapters: TypeAdapters;
+//# sourceMappingURL=kr-observable-preact.d.ts.map

package/dist/adapters/kr-observable-preact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kr-observable-preact.d.ts","sourceRoot":"","sources":["../../packages/adapters/kr-observable-preact.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,QAAQ,EAAE,YAYtB,CAAC"}

package/dist/adapters/kr-observable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kr-observable.d.ts","sourceRoot":"","sources":["../../packages/adapters/kr-observable.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,QAAQ,EAAE,YAatB,CAAC"}
+{"version":3,"file":"kr-observable.d.ts","sourceRoot":"","sources":["../../packages/adapters/kr-observable.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,QAAQ,EAAE,YAYtB,CAAC"}

package/dist/adapters/mobx-preact.d.ts

@@ -0,0 +1,3 @@
+import { TypeAdapters } from 'reactive-route';
+export declare const adapters: TypeAdapters;
+//# sourceMappingURL=mobx-preact.d.ts.map

package/dist/adapters/mobx-preact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobx-preact.d.ts","sourceRoot":"","sources":["../../packages/adapters/mobx-preact.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,QAAQ,EAAE,YAetB,CAAC"}

package/dist/adapters/mobx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobx.d.ts","sourceRoot":"","sources":["../../packages/adapters/mobx.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,QAAQ,EAAE,YAgBtB,CAAC"}
+{"version":3,"file":"mobx.d.ts","sourceRoot":"","sources":["../../packages/adapters/mobx.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,QAAQ,EAAE,YAetB,CAAC"}

package/dist/adapters/solid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../../packages/adapters/solid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,eAAO,MAAM,QAAQ,EAAE,YAoBtB,CAAC"}
+{"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../../packages/adapters/solid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,eAAO,MAAM,QAAQ,EAAE,YAmBtB,CAAC"}

package/dist/cjs/adapters/kr-observable/index.js

@@ -35,6 +35,5 @@ var adapters = {
     Object.assign(obj, newObj);
   },
   makeObservable: import_kr_observable.makeObservable,
-  makeAutoObservable: import_kr_observable.makeObservable,
   observer: import_react.observer
 };

package/dist/cjs/adapters/kr-observable-preact/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/adapters/kr-observable-preact.ts
+var kr_observable_preact_exports = {};
+__export(kr_observable_preact_exports, {
+  adapters: () => adapters
+});
+module.exports = __toCommonJS(kr_observable_preact_exports);
+var import_kr_observable = require("kr-observable");
+var import_preact = require("kr-observable/preact");
+var adapters = {
+  batch: (cb) => cb(),
+  autorun: import_kr_observable.autorun,
+  replaceObject: (obj, newObj) => {
+    for (const variableKey in obj) {
+      delete obj[variableKey];
+    }
+    Object.assign(obj, newObj);
+  },
+  makeObservable: import_kr_observable.makeObservable,
+  observer: import_preact.observer
+};

package/dist/cjs/adapters/kr-observable-preact/package.json

@@ -0,0 +1 @@
+{"type": "commonjs"}

package/dist/cjs/adapters/mobx/index.js

@@ -39,6 +39,5 @@ var adapters = {
       Object.assign(obj, newObj);
     });
   },
-  makeObservable: import_mobx.observable,
-  makeAutoObservable: import_mobx.makeAutoObservable
+  makeObservable: import_mobx.observable
 };

package/dist/cjs/adapters/mobx-preact/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/adapters/mobx-preact.ts
+var mobx_preact_exports = {};
+__export(mobx_preact_exports, {
+  adapters: () => adapters
+});
+module.exports = __toCommonJS(mobx_preact_exports);
+var import_mobx = require("mobx");
+var import_mobx_preact = require("mobx-preact");
+var adapters = {
+  batch: import_mobx.runInAction,
+  autorun: import_mobx.autorun,
+  observer: import_mobx_preact.observer,
+  replaceObject: (obj, newObj) => {
+    (0, import_mobx.runInAction)(() => {
+      for (const variableKey in obj) {
+        if (obj.hasOwnProperty(variableKey)) {
+          delete obj[variableKey];
+        }
+      }
+      Object.assign(obj, newObj);
+    });
+  },
+  makeObservable: import_mobx.observable
+};

package/dist/cjs/adapters/mobx-preact/package.json

@@ -0,0 +1 @@
+{"type": "commonjs"}

package/dist/cjs/adapters/solid/index.js

@@ -41,6 +41,5 @@ var adapters = {
       })
     );
   },
-  makeObservable: import_store.createMutable,
-  makeAutoObservable: import_store.createMutable
+  makeObservable: import_store.createMutable
 };

package/dist/cjs/preact/index.js

@@ -0,0 +1,104 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/preact/index.ts
+var preact_exports = {};
+__export(preact_exports, {
+  Router: () => Router
+});
+module.exports = __toCommonJS(preact_exports);
+
+// packages/preact/Router.tsx
+var import_hooks = require("preact/hooks");
+var import_reactive_route = require("reactive-route");
+var import_jsx_runtime = require("preact/jsx-runtime");
+function RouterInner(props) {
+  const disposerRef = (0, import_hooks.useRef)(null);
+  const redirectOnHistoryPop = (0, import_hooks.useCallback)(() => {
+    if (!import_reactive_route.history) return;
+    import_reactive_route.history.listen((params) => {
+      if (params.action !== "POP") return;
+      const previousRoutePathname = props.routerStore.routesHistory[props.routerStore.routesHistory.length - 2];
+      if (previousRoutePathname === params.location.pathname) {
+        props.routerStore.adapters.batch(() => props.routerStore.routesHistory.pop());
+      }
+      void props.routerStore.redirectTo({
+        noHistoryPush: true,
+        ...(0, import_reactive_route.getInitialRoute)({
+          routes: props.routes,
+          pathname: import_reactive_route.history.location.pathname
+        })
+      });
+    });
+  }, []);
+  const [config] = (0, import_hooks.useState)(
+    () => props.routerStore.adapters.makeObservable({
+      loadedComponentName: void 0,
+      loadedComponentPage: void 0,
+      currentProps: {}
+    })
+  );
+  const setLoadedComponent = (0, import_hooks.useCallback)(() => {
+    const { loadedComponentName, loadedComponentPage } = config;
+    const { currentRoute, isRedirecting } = props.routerStore;
+    const componentConfig = props.routes[currentRoute.name];
+    let preventRedirect = false;
+    if (isRedirecting) preventRedirect = true;
+    else if (loadedComponentName === currentRoute.name) preventRedirect = true;
+    else if (loadedComponentPage != null && currentRoute.name != null) {
+      if (loadedComponentPage === currentRoute.pageName) {
+        props.routerStore.adapters.batch(() => {
+          config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
+        });
+        preventRedirect = true;
+      }
+    }
+    if (preventRedirect) return;
+    props.routerStore.adapters.batch(() => {
+      if (loadedComponentName) props.beforeUpdatePageComponent?.();
+      props.beforeSetPageComponent?.(componentConfig);
+      config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
+      config.loadedComponentName = currentRoute.name;
+      config.loadedComponentPage = componentConfig.pageName;
+    });
+  }, []);
+  (0, import_hooks.useState)(() => {
+    props.routerStore.adapters.batch(() => {
+      props.beforeMount?.();
+      redirectOnHistoryPop();
+      setLoadedComponent();
+      disposerRef.current = props.routerStore.adapters.autorun(setLoadedComponent);
+    });
+  });
+  (0, import_hooks.useEffect)(() => {
+    return () => {
+      disposerRef.current?.();
+    };
+  }, []);
+  if (!config.loadedComponentName) return null;
+  const LoadedComponent = props.routes[config.loadedComponentName]?.component || null;
+  if (LoadedComponent) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadedComponent, { ...config.currentProps });
+  return null;
+}
+function Router(props) {
+  const [Component] = (0, import_hooks.useState)(
+    () => props.routerStore.adapters.observer ? props.routerStore.adapters.observer(RouterInner) : RouterInner
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props });
+}

package/dist/cjs/preact/package.json

@@ -0,0 +1 @@
+{"type": "commonjs"}

package/dist/cjs/react/index.js

@@ -65,7 +65,6 @@ function RouterInner(props) {
       if (loadedComponentPage === currentRoute.pageName) {
         props.routerStore.adapters.batch(() => {
           config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-          config[Symbol.for("$adm")]?.batch();
         });
         preventRedirect = true;
       }
@@ -77,7 +76,6 @@ function RouterInner(props) {
       config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
       config.loadedComponentName = currentRoute.name;
       config.loadedComponentPage = componentConfig.pageName;
-      config[Symbol.for("$adm")]?.batch();
     });
   }, []);
   (0, import_react.useState)(() => {

package/dist/cjs/solid/index.js

@@ -77,23 +77,25 @@ function Router(props) {
         props.routerStore.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
         config.loadedComponentName = currentRouteName;
         config.loadedComponentPage = componentConfig.pageName;
-        config[Symbol.for("$adm")]?.batch();
       });
     });
   }
   props.beforeMount?.();
   redirectOnHistoryPop();
   props.routerStore.adapters.autorun(() => setLoadedComponent());
-  return (0, import_web.createComponent)(import_solid_js.Show, {
-    get when() {
-      return config.loadedComponentName;
-    },
-    get children() {
-      return (0, import_web.createComponent)(import_web3.Dynamic, (0, import_web2.mergeProps)({
-        get component() {
-          return props.routes[config.loadedComponentName]?.component || void 0;
-        }
-      }, () => config.currentProps));
-    }
-  });
+  return (
+    // @ts-ignore
+    (0, import_web.createComponent)(import_solid_js.Show, {
+      get when() {
+        return config.loadedComponentName;
+      },
+      get children() {
+        return (0, import_web.createComponent)(import_web3.Dynamic, (0, import_web2.mergeProps)({
+          get component() {
+            return props.routes[config.loadedComponentName]?.component || void 0;
+          }
+        }, () => config.currentProps));
+      }
+    })
+  );
 }

package/dist/core/types/InterfaceRouterStore.d.ts

@@ -6,9 +6,7 @@ export type TypeAdapters = {
     autorun: (cb: () => void) => any;
     replaceObject: <TObj extends Record<string, any>>(obj: TObj, newObj: TObj) => void;
     makeObservable: <TObj extends Record<string, any>>(obj: TObj) => TObj;
-    makeAutoObservable: (...args: Array<any>) => any;
     observer?: (comp: any) => any;
-    subscribe?: (target: any, cb: () => void, keys: Set<any>) => any;
 };
 export type TypeCreateRouterStore<TRoutes extends Record<string | 'notFound' | 'internalError', TypeRoute>> = {
     routes: TRoutes;

package/dist/core/types/InterfaceRouterStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InterfaceRouterStore.d.ts","sourceRoot":"","sources":["../../../packages/core/types/InterfaceRouterStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC;IACjC,aAAa,EAAE,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC;IACnF,cAAc,EAAE,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACtE,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;CAClE,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAC/B,OAAO,SAAS,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,EAAE,SAAS,CAAC,IACtE;IACF,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC7B,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAC9B,OAAO,SAAS,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,EAAE,SAAS,CAAC,IACtE;IACF,QAAQ,EAAE,YAAY,CAAC;IACvB,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC;IACvD,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,EACzC,MAAM,EAAE,oBAAoB,CAAC,OAAO,EAAE,UAAU,CAAC,GAChD,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,cAAc,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,iBAAiB,CAAC,GAAG,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtE,CAAC"}
+{"version":3,"file":"InterfaceRouterStore.d.ts","sourceRoot":"","sources":["../../../packages/core/types/InterfaceRouterStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC;IACjC,aAAa,EAAE,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC;IACnF,cAAc,EAAE,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAC/B,OAAO,SAAS,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,EAAE,SAAS,CAAC,IACtE;IACF,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC7B,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAC9B,OAAO,SAAS,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,EAAE,SAAS,CAAC,IACtE;IACF,QAAQ,EAAE,YAAY,CAAC;IACvB,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC;IACvD,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,EACzC,MAAM,EAAE,oBAAoB,CAAC,OAAO,EAAE,UAAU,CAAC,GAChD,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,cAAc,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,iBAAiB,CAAC,GAAG,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtE,CAAC"}

package/dist/esm/adapters/kr-observable/index.js

@@ -11,7 +11,6 @@ var adapters = {
     Object.assign(obj, newObj);
   },
   makeObservable,
-  makeAutoObservable: makeObservable,
   observer
 };
 export {

package/dist/esm/adapters/kr-observable-preact/index.js

@@ -0,0 +1,18 @@
+// packages/adapters/kr-observable-preact.ts
+import { autorun, makeObservable } from "kr-observable";
+import { observer } from "kr-observable/preact";
+var adapters = {
+  batch: (cb) => cb(),
+  autorun,
+  replaceObject: (obj, newObj) => {
+    for (const variableKey in obj) {
+      delete obj[variableKey];
+    }
+    Object.assign(obj, newObj);
+  },
+  makeObservable,
+  observer
+};
+export {
+  adapters
+};

package/dist/esm/adapters/kr-observable-preact/package.json

@@ -0,0 +1 @@
+{"type": "module"}

package/dist/esm/adapters/mobx/index.js

@@ -1,5 +1,5 @@
 // packages/adapters/mobx.ts
-import { autorun, makeAutoObservable, observable, runInAction } from "mobx";
+import { autorun, observable, runInAction } from "mobx";
 import { observer } from "mobx-react-lite";
 var adapters = {
   batch: runInAction,
@@ -15,8 +15,7 @@ var adapters = {
       Object.assign(obj, newObj);
     });
   },
-  makeObservable: observable,
-  makeAutoObservable
+  makeObservable: observable
 };
 export {
   adapters

package/dist/esm/adapters/mobx-preact/index.js

@@ -0,0 +1,22 @@
+// packages/adapters/mobx-preact.ts
+import { autorun, observable, runInAction } from "mobx";
+import { observer } from "mobx-preact";
+var adapters = {
+  batch: runInAction,
+  autorun,
+  observer,
+  replaceObject: (obj, newObj) => {
+    runInAction(() => {
+      for (const variableKey in obj) {
+        if (obj.hasOwnProperty(variableKey)) {
+          delete obj[variableKey];
+        }
+      }
+      Object.assign(obj, newObj);
+    });
+  },
+  makeObservable: observable
+};
+export {
+  adapters
+};

package/dist/esm/adapters/mobx-preact/package.json

@@ -0,0 +1 @@
+{"type": "module"}

package/dist/esm/adapters/solid/index.js

@@ -17,8 +17,7 @@ var adapters = {
       })
     );
   },
-  makeObservable: createMutable,
-  makeAutoObservable: createMutable
+  makeObservable: createMutable
 };
 export {
   adapters

package/dist/esm/preact/index.js

@@ -0,0 +1,81 @@
+// packages/preact/Router.tsx
+import { useCallback, useEffect, useRef, useState } from "preact/hooks";
+import { getInitialRoute, history } from "reactive-route";
+import { jsx } from "preact/jsx-runtime";
+function RouterInner(props) {
+  const disposerRef = useRef(null);
+  const redirectOnHistoryPop = useCallback(() => {
+    if (!history) return;
+    history.listen((params) => {
+      if (params.action !== "POP") return;
+      const previousRoutePathname = props.routerStore.routesHistory[props.routerStore.routesHistory.length - 2];
+      if (previousRoutePathname === params.location.pathname) {
+        props.routerStore.adapters.batch(() => props.routerStore.routesHistory.pop());
+      }
+      void props.routerStore.redirectTo({
+        noHistoryPush: true,
+        ...getInitialRoute({
+          routes: props.routes,
+          pathname: history.location.pathname
+        })
+      });
+    });
+  }, []);
+  const [config] = useState(
+    () => props.routerStore.adapters.makeObservable({
+      loadedComponentName: void 0,
+      loadedComponentPage: void 0,
+      currentProps: {}
+    })
+  );
+  const setLoadedComponent = useCallback(() => {
+    const { loadedComponentName, loadedComponentPage } = config;
+    const { currentRoute, isRedirecting } = props.routerStore;
+    const componentConfig = props.routes[currentRoute.name];
+    let preventRedirect = false;
+    if (isRedirecting) preventRedirect = true;
+    else if (loadedComponentName === currentRoute.name) preventRedirect = true;
+    else if (loadedComponentPage != null && currentRoute.name != null) {
+      if (loadedComponentPage === currentRoute.pageName) {
+        props.routerStore.adapters.batch(() => {
+          config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
+        });
+        preventRedirect = true;
+      }
+    }
+    if (preventRedirect) return;
+    props.routerStore.adapters.batch(() => {
+      if (loadedComponentName) props.beforeUpdatePageComponent?.();
+      props.beforeSetPageComponent?.(componentConfig);
+      config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
+      config.loadedComponentName = currentRoute.name;
+      config.loadedComponentPage = componentConfig.pageName;
+    });
+  }, []);
+  useState(() => {
+    props.routerStore.adapters.batch(() => {
+      props.beforeMount?.();
+      redirectOnHistoryPop();
+      setLoadedComponent();
+      disposerRef.current = props.routerStore.adapters.autorun(setLoadedComponent);
+    });
+  });
+  useEffect(() => {
+    return () => {
+      disposerRef.current?.();
+    };
+  }, []);
+  if (!config.loadedComponentName) return null;
+  const LoadedComponent = props.routes[config.loadedComponentName]?.component || null;
+  if (LoadedComponent) return /* @__PURE__ */ jsx(LoadedComponent, { ...config.currentProps });
+  return null;
+}
+function Router(props) {
+  const [Component] = useState(
+    () => props.routerStore.adapters.observer ? props.routerStore.adapters.observer(RouterInner) : RouterInner
+  );
+  return /* @__PURE__ */ jsx(Component, { ...props });
+}
+export {
+  Router
+};

package/dist/esm/preact/package.json

@@ -0,0 +1 @@
+{"type": "module"}

package/dist/esm/react/index.js

@@ -39,7 +39,6 @@ function RouterInner(props) {
       if (loadedComponentPage === currentRoute.pageName) {
         props.routerStore.adapters.batch(() => {
           config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-          config[Symbol.for("$adm")]?.batch();
         });
         preventRedirect = true;
       }
@@ -51,7 +50,6 @@ function RouterInner(props) {
       config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
       config.loadedComponentName = currentRoute.name;
       config.loadedComponentPage = componentConfig.pageName;
-      config[Symbol.for("$adm")]?.batch();
     });
   }, []);
   useState(() => {

package/dist/esm/solid/index.js

@@ -51,25 +51,27 @@ function Router(props) {
         props.routerStore.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
         config.loadedComponentName = currentRouteName;
         config.loadedComponentPage = componentConfig.pageName;
-        config[Symbol.for("$adm")]?.batch();
       });
     });
   }
   props.beforeMount?.();
   redirectOnHistoryPop();
   props.routerStore.adapters.autorun(() => setLoadedComponent());
-  return _$createComponent(Show, {
-    get when() {
-      return config.loadedComponentName;
-    },
-    get children() {
-      return _$createComponent(Dynamic, _$mergeProps({
-        get component() {
-          return props.routes[config.loadedComponentName]?.component || void 0;
-        }
-      }, () => config.currentProps));
-    }
-  });
+  return (
+    // @ts-ignore
+    _$createComponent(Show, {
+      get when() {
+        return config.loadedComponentName;
+      },
+      get children() {
+        return _$createComponent(Dynamic, _$mergeProps({
+          get component() {
+            return props.routes[config.loadedComponentName]?.component || void 0;
+          }
+        }, () => config.currentProps));
+      }
+    })
+  );
 }
 export {
   Router

package/dist/preact/Router.d.ts

@@ -0,0 +1,3 @@
+import { TypePropsRouter, TypeRoute } from 'reactive-route';
+export declare function Router<TRoutes extends Record<string, TypeRoute>>(props: TypePropsRouter<TRoutes>): any;
+//# sourceMappingURL=Router.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/preact/Router.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAkGtF,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAO1D,GAAG,CACzC"}

package/dist/preact/index.d.ts

@@ -0,0 +1,2 @@
+export { Router } from './Router';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/preact/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/solid/Router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAItF,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,kCA0FhG"}
+{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/solid/Router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAItF,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,kCA4FhG"}

package/dist/tsconfig.types.react.tsbuildinfo

@@ -1 +1 @@
-{"root":["../packages/adapters/kr-observable.ts","../packages/adapters/mobx.ts","../packages/adapters/solid.ts","../packages/core/createRouterConfig.ts","../packages/core/createRouterStore.ts","../packages/core/index.ts","../packages/core/types/InterfaceRouterStore.ts","../packages/core/types/TypeCurrentRoute.ts","../packages/core/types/TypeLifecycleConfig.ts","../packages/core/types/TypePropsRouter.ts","../packages/core/types/TypeRedirectToParams.ts","../packages/core/types/TypeRoute.ts","../packages/core/types/TypeRouteRaw.ts","../packages/core/types/TypeRouteWithParams.ts","../packages/core/types/TypeValidator.ts","../packages/core/utils/addNames.ts","../packages/core/utils/constants.ts","../packages/core/utils/dynamic.ts","../packages/core/utils/findRouteByPathname.ts","../packages/core/utils/getDynamicValues.ts","../packages/core/utils/getInitialRoute.ts","../packages/core/utils/getQueryValues.ts","../packages/core/utils/getTypedEntries.ts","../packages/core/utils/history.ts","../packages/core/utils/loadComponentToConfig.ts","../packages/core/utils/replaceDynamicValues.ts","../packages/react/Router.tsx","../packages/react/index.ts"],"version":"5.9.2"}
+{"root":["../packages/adapters/kr-observable-preact.ts","../packages/adapters/kr-observable.ts","../packages/adapters/mobx-preact.ts","../packages/adapters/mobx.ts","../packages/adapters/solid.ts","../packages/core/createRouterConfig.ts","../packages/core/createRouterStore.ts","../packages/core/index.ts","../packages/core/types/InterfaceRouterStore.ts","../packages/core/types/TypeCurrentRoute.ts","../packages/core/types/TypeLifecycleConfig.ts","../packages/core/types/TypePropsRouter.ts","../packages/core/types/TypeRedirectToParams.ts","../packages/core/types/TypeRoute.ts","../packages/core/types/TypeRouteRaw.ts","../packages/core/types/TypeRouteWithParams.ts","../packages/core/types/TypeValidator.ts","../packages/core/utils/addNames.ts","../packages/core/utils/constants.ts","../packages/core/utils/dynamic.ts","../packages/core/utils/findRouteByPathname.ts","../packages/core/utils/getDynamicValues.ts","../packages/core/utils/getInitialRoute.ts","../packages/core/utils/getQueryValues.ts","../packages/core/utils/getTypedEntries.ts","../packages/core/utils/history.ts","../packages/core/utils/loadComponentToConfig.ts","../packages/core/utils/replaceDynamicValues.ts","../packages/preact/Router.tsx","../packages/preact/index.ts","../packages/react/Router.tsx","../packages/react/index.ts"],"version":"5.9.2"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "reactive-route",
   "author": "Dmitry Kazakov",
   "license": "MIT",
-  "version": "0.0.1-alpha.15",
+  "version": "0.0.1-alpha.17",
   "description": "Reactive Router for different frameworks",
   "repository": {
     "type": "git",
@@ -40,20 +40,25 @@
     "@espcom/esbuild-plugin-replace": "1.3.0",
     "@solidjs/testing-library": "0.8.10",
     "@testing-library/react": "16.3.0",
+    "@testing-library/preact": "3.2.4",
     "@types/lodash": "4.17.16",
     "@types/node": "22.14.1",
     "@vitest/coverage-istanbul": "3.2.4",
+    "@preact/preset-vite": "2.10.2",
     "babel-preset-solid": "1.9.9",
     "badge-maker": "5.0.2",
     "esbuild": "0.25.9",
     "global-jsdom": "26.0.0",
     "husky": "9.1.7",
-    "kr-observable": "3.0.23",
+    "kr-observable": "3.1.1",
     "lint-staged": "16.1.6",
     "lodash": "4.17.21",
     "mobx": "6.13.7",
+    "mobx-preact": "3.0.0",
     "mobx-react-lite": "4.1.0",
     "react": "19.1.1",
+    "preact": "10.27.2",
+    "preact-render-to-string": "6.6.1",
     "regenerator-runtime": "0.14.1",
     "solid-js": "1.9.9",
     "tsx": "4.20.5",
@@ -76,6 +81,11 @@
       "require": "./dist/cjs/react/index.js",
       "import": "./dist/esm/react/index.js"
     },
+    "./preact": {
+      "types": "./dist/preact/index.d.ts",
+      "require": "./dist/cjs/preact/index.js",
+      "import": "./dist/esm/preact/index.js"
+    },
     "./solid": {
       "types": "./dist/solid/index.d.ts",
       "require": "./dist/cjs/solid/index.js",
@@ -86,6 +96,11 @@
       "require": "./dist/cjs/adapters/mobx/index.js",
       "import": "./dist/esm/adapters/mobx/index.js"
     },
+    "./adapters/mobx-preact": {
+      "types": "./dist/adapters/mobx-preact.d.ts",
+      "require": "./dist/cjs/adapters/mobx-preact/index.js",
+      "import": "./dist/esm/adapters/mobx-preact/index.js"
+    },
     "./adapters/solid": {
       "types": "./dist/adapters/solid.d.ts",
       "require": "./dist/cjs/adapters/solid/index.js",
@@ -95,6 +110,11 @@
       "types": "./dist/adapters/kr-observable.d.ts",
       "require": "./dist/cjs/adapters/kr-observable/index.js",
       "import": "./dist/esm/adapters/kr-observable/index.js"
+    },
+    "./adapters/kr-observable-preact": {
+      "types": "./dist/adapters/kr-observable-preact.d.ts",
+      "require": "./dist/cjs/adapters/kr-observable-preact/index.js",
+      "import": "./dist/esm/adapters/kr-observable-preact/index.js"
     }
   },
   "main": "dist/cjs/index.js",