@baodev/mini-app-router 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import * as zustand from 'zustand';
+
+interface RouteEntry {
+    name: string;
+    params: Record<string, unknown>;
+}
+interface RouterStore {
+    stack: RouteEntry[];
+    action: "PUSH" | "POP" | "IDLE" | "REPLACE";
+    push: (pageName: string, params?: Record<string, unknown>) => void;
+    replace: (pageName: string, params?: Record<string, unknown>) => void;
+    pop: () => void;
+    popFromNative: () => void;
+    currentRoute: () => RouteEntry;
+}
+declare const useRouterStore: zustand.UseBoundStore<zustand.StoreApi<RouterStore>>;
+
+declare const useNativeBack: () => void;
+
+export { useNativeBack, useRouterStore };

package/dist/index.js

@@ -0,0 +1,59 @@
+// src/useRouterStore.ts
+import { create } from "zustand";
+var useRouterStore = create((set, get) => ({
+  stack: [{ name: "home", params: {} }],
+  action: "IDLE",
+  currentRoute: () => {
+    const stack = get().stack;
+    return stack[stack.length - 1];
+  },
+  push: (pageName, params = {}) => {
+    window.history.pushState({ pageName }, "", `#${pageName}`);
+    set((state) => ({
+      stack: [...state.stack, { name: pageName, params }],
+      action: "PUSH"
+    }));
+  },
+  pop: () => {
+    window.history.back();
+  },
+  replace: (pageName, params = {}) => {
+    window.history.replaceState({ pageName }, "", `#${pageName}`);
+    set((state) => {
+      const newStack = [...state.stack];
+      newStack[newStack.length - 1] = { name: pageName, params };
+      return {
+        stack: newStack,
+        action: "REPLACE"
+      };
+    });
+  },
+  popFromNative: () => {
+    set((state) => {
+      if (state.stack.length <= 1) return state;
+      return {
+        stack: state.stack.slice(0, -1),
+        action: "POP"
+      };
+    });
+  }
+}));
+
+// src/useNativeBack.ts
+import { useEffect } from "react";
+var useNativeBack = () => {
+  const popFromNative = useRouterStore((state) => state.popFromNative);
+  useEffect(() => {
+    const handlePopState = (_event) => {
+      popFromNative();
+    };
+    window.addEventListener("popstate", handlePopState);
+    return () => {
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, [popFromNative]);
+};
+export {
+  useNativeBack,
+  useRouterStore
+};

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@baodev/mini-app-router",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "WEBVIEW COMPONENT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": "false",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "zustand": ">=4.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "latest",
+    "tsup": "latest",
+    "typescript": "latest"
+  },
+  "scripts": {
+    "build": "tsup"
+  }
+}