wovvmap-webview-bridge 1.0.7 → 1.0.9

package/README.md

@@ -1,213 +1,210 @@
-
-# React Native WebView Bridge
-
-A tiny bridge layer to communicate between a React Native app (using `react-native-webview`) and a web page. It provides:
-
-- A ready-to-use `<WebViewScreen />` wrapper
-- A simple `sendToWeb(...)` API for posting messages to the webview
-- Typed event handling for messages coming **from** the web page
-- Lightweight in-app state storage (via `koshin`) to keep UI in sync with bridge events
-
-> **Demo idea:** Your message referenced a Snack example. You can adapt this package to the same flow as in your Snack: https://snack.expo.dev/@krushnkant/react-native-webview
-
----
-
-## Installation
-
-```bash
-# with npm
-npm i react-native-webview 
-
-# or with yarn
-yarn add react-native-webview 
-
-# or with pnpm
-pnpm add react-native-webview 
-```
-
----
-
-## Quick Start
-
-1) **Render the WebView and hook the bridge handler**
-
-```tsx
-import React from "react";
-import { WebViewScreen } from "<your-package-name>";
-// If you want to register custom event callbacks:
-import { registerBridgeHandler } from "<your-package-name>";
-
-export default function App() {
-  React.useEffect(() => {
-    // Optional handlers for clicks coming from the web scene
-    registerBridgeHandler("isSceneClick", (evt) => {
-      console.log("Scene clicked:", evt);
-    });
-    registerBridgeHandler("isShapClick", (evt) => {
-      console.log("Shape clicked:", evt.value);
-    });
-  }, []);
-
-  return <WebViewScreen url={"https://your-web-app.example.com"} />;
-}
-```
-
-Under the hood, `<WebViewScreen />` wires `onMessage` to the bridge message handler so any `postMessage(...)` coming from your web page is typed and routed correctly.  fileciteturn1file6
-
-2) **Send commands *to* the web app**
-
-```ts
-import {
-  sendActiveFloorToBridge,
-  sendEndPointToBridge,
-  sendPathFinishBtnClick,
-  sendPathNextBtnClick,
-  sendPathPreBtnClick,
-  sendStartPointToBridge,
-} from "<your-package-name>";
-
-// examples:
-sendStartPointToBridge("node_123");
-sendEndPointToBridge("node_999");
-sendActiveFloorToBridge(2);
-sendPathNextBtnClick();
-sendPathPreBtnClick();
-sendPathFinishBtnClick();
-```
-
-These helpers call the shared `sendToWeb(...)` which posts a JSON-serialized message to the underlying `WebView` instance. fileciteturn1file1 fileciteturn1file7
-
-3) **Keep UI in sync with bridge state (optional)**
-
-```ts
-import { bridgeStorage } from "<your-package-name>";
-
-bridgeStorage.subscribe((state) => {
-  // state includes: isBridgeLoaded, isMapLoaded, searchablePoints, activeFloor, etc.
-  console.log(state);
-});
-```
-
-Internally this uses a small `koshin` store with fields like `isBridgeLoaded`, `isMapLoaded`, `searchablePoints`, `activeFloor`, `floorImages`, `stapByStapList`, and `nextPreState`.  fileciteturn1file0
-
----
-
-## What the Web Page Should Send
-
-Your web page (inside the WebView) should `postMessage(JSON.stringify(...))` with the following **Incoming** event shapes:
-
-```ts
-type IncomingMessage =
-  | { type: "event"; key: "isConnection"; value: boolean; file: string }
-  | { type: "event"; key: "mapLoaded"; value: boolean; file: string }
-  | { type: "event"; key: "_searchablePoints"; value: NodePoint[]; file: string }
-  | { type: "event"; key: "Category"; value: Category[]; file: string }
-  | { type: "event"; key: "_activeFloor"; value: number; file: string }
-  | { type: "event"; key: "FloorImg"; value: FloorImage[]; file: string }
-  | { type: "event"; key: "isSceneClick"; file: string }
-  | { type: "event"; key: "isShapClick"; value: NodePoint; file: string }
-  | { type: "event"; key: "stapByStapList"; value: StepInstruction[]; file: string }
-  | { type: "event"; key: "pathNextPreState"; value: NavState; file: string };
-```
-The built-in handler parses the message, updates store fields, and triggers any registered callbacks for `isSceneClick` / `isShapClick`.  fileciteturn1file3 fileciteturn1file2
-
----
-
-## What the App Sends to the Web Page
-
-Outgoing commands you can dispatch from React Native:
-
-```ts
-type OutgoingMessage =
-  | { type: "applyCSS"; selector: string; style: Partial<Record<string, string | number>> }
-  | { type: "event"; key: "ping"; value: boolean; file: string }
-  | { type: "event"; key: "setEndPoint"; value: string; file: string }
-  | { type: "event"; key: "setStartPoint"; value: string; file: string }
-  | { type: "event"; key: "setActiveFloor"; value: number; file: string }
-  | { type: "event"; key: "pathNextBtnClick"; file: string }
-  | { type: "event"; key: "pathPreBtnClick"; file: string }
-  | { type: "event"; key: "pathFinishBtnClick"; file: string };
-```
-These go through `sendToWeb(...)` which uses a shared `webviewRef` to `postMessage(...)`.  fileciteturn1file7
-
----
-
-## API Reference
-
-### Components
-
-#### `<WebViewScreen />`
-A thin wrapper around `react-native-webview` that plugs in the bridge message handler.
-
-**Props**
-- `url: string` – the URL to load inside the WebView.
-
-fileciteturn1file6
-
-### Functions
-
-- `registerBridgeHandler(type, handler)` — Register a callback for `"isSceneClick"` or `"isShapClick"` events.  fileciteturn1file3
-- `sendStartPointToBridge(pointId)` — Ask web map to set the start point.  fileciteturn1file1
-- `sendEndPointToBridge(pointId)` — Ask web map to set the end point.  fileciteturn1file1
-- `sendActiveFloorToBridge(floorIndex)` — Switch active floor on the web map.  fileciteturn1file1
-- `sendPathNextBtnClick()` / `sendPathPreBtnClick()` / `sendPathFinishBtnClick()` — Control path stepper on the web map.  fileciteturn1file1
-- `bridgeStorage` — Reactive store with connection and navigation-related state.  fileciteturn1file0
-
-### Types (partial)
-- `NodePoint`, `Category`, `FloorImage`, `StepInstruction`, `NavState`, `IncomingMessage`, `OutgoingMessage` — TypeScript contracts shared across the bridge.  fileciteturn1file5
-
----
-
-## Minimal Web Side (Example)
-
-Your web app should listen for messages and respond via `window.ReactNativeWebView.postMessage(...)`:
-
-```js
-// inside the web page
-window.addEventListener("message", (e) => {
-  try {
-    const msg = JSON.parse(e.data);
-    if (msg.type === "event" && msg.key === "setActiveFloor") {
-      // do something in the web app
-      console.log("Active floor requested:", msg.value);
-      // notify RN app that web is connected
-      window.ReactNativeWebView?.postMessage(JSON.stringify({
-        type: "event",
-        key: "isConnection",
-        value: true,
-        file: "web-app",
-      }));
-    }
-  } catch {}
-});
-```
-
----
-
-## Project Structure (Library)
-
-```
-src/
-├─ index.ts                    # package exports  fileciteturn1file4
-├─ handlers/WebBridgeHandlers  # incoming event router & registration  fileciteturn1file3
-├─ webviewBridge/WebViewBridgeRef.ts  # shared ref + sendToWeb        fileciteturn1file7
-├─ webviewBridge/BridgeService.ts     # convenience sending helpers    fileciteturn1file1
-├─ webviewBridge/BridgeStorage.ts     # tiny state store (koshin)      fileciteturn1file0
-├─ webviewBridge/WebViewScreen.tsx    # ready-to-use WebView wrapper   fileciteturn1file6
-├─ types/types.ts                # shared TS contracts                 fileciteturn1file5
-```
-
----
-
-## Requirements
-
-- React Native
-- [`react-native-webview`](https://github.com/react-native-webview/react-native-webview)
-- [`koshin`](https://www.npmjs.com/package/koshin)
-- TypeScript recommended
-
----
-
-## License
-
-MIT © Your Name
+# React Native WebView Bridge
+
+A lightweight and strongly typed bridge for **React Native + WebView** communication.  
+It provides an out-of-the-box `<WebViewScreen />`, helpers for sending events, a global store with Zustand, and strongly typed message contracts.
+
+---
+
+## ✨ Features
+
+- 📱 **WebView wrapper**: `<WebViewScreen />` ready to use.
+- 🔄 **Bridge service actions** for all map/direction operations.
+- 🗂 **Typed handlers** for Web → React Native communication.
+- 📦 **State management** using Zustand (`BridgeStorage`).
+- 🧩 **TypeScript auto-imports** for events, node data, and navigation state.
+
+---
+
+## 📦 Installation
+
+```bash
+npm install react-native-webview zustand
+# or
+yarn add react-native-webview zustand
+```
+
+---
+
+## 🚀 Usage
+
+### 1. Render the WebView
+
+```tsx
+import React from "react";
+import { WebViewScreen } from "your-bridge-package";
+
+export default function App() {
+  return <WebViewScreen url="https://your-map-app-url.com" />;
+}
+```
+
+---
+
+### 2. Sending Messages (React Native → Web)
+
+All helper methods are provided via `BridgeService.ts`.  
+They wrap `sendToWeb(...)` and ensure correct **OutgoingMessage** format.
+
+```tsx
+import {
+  sendStartPointToBridge,
+  sendEndPointToBridge,
+  sendActiveFloorToBridge,
+  sendPathNextBtnClick,
+  sendPathPreBtnClick,
+  sendPathFinishBtnClick,
+  sendSelectCategory,
+  sendZoomIn,
+  sendZoomOut,
+  sendClearStartAndEndPoint,
+  sendPathFilter,
+  sendGetDirectionToBridge,
+} from "your-bridge-package";
+
+// Example usage
+sendStartPointToBridge("A1");        // Set start node
+sendEndPointToBridge("B5");          // Set end node
+sendActiveFloorToBridge(2);          // Switch active floor
+sendPathNextBtnClick();              // Go to next step in navigation
+sendPathPreBtnClick();               // Go to previous step
+sendPathFinishBtnClick();            // End navigation
+sendSelectCategory("Food");          // Highlight category
+sendZoomIn();                        // Zoom in on map
+sendZoomOut();                       // Zoom out
+sendClearStartAndEndPoint();         // Reset start/end
+sendPathFilter();                    // Apply path filters (lift/escalator)
+sendGetDirectionToBridge();          // Request navigation directions
+```
+
+---
+
+### 3. Handling Messages (Web → React Native)
+
+The bridge supports typed incoming messages.  
+You can register handlers for specific events using `registerBridgeHandler`.
+
+```tsx
+import { registerBridgeHandler } from "your-bridge-package";
+
+registerBridgeHandler("isSceneClick", (payload) => {
+  console.log("Scene clicked:", payload);
+});
+
+registerBridgeHandler("isShapClick", (payload) => {
+  console.log("Shape clicked:", payload.value);
+});
+```
+
+Internally, all other events are stored inside the **Zustand store**.
+
+---
+
+### 4. Accessing State
+
+The `BridgeStorage` Zustand store automatically syncs WebView state.
+
+```tsx
+import { bridgeStorage } from "your-bridge-package";
+
+const state = bridgeStorage((s) => ({
+  isMapLoaded: s.isMapLoaded,
+  activeFloor: s.activeFloor,
+  searchablePoints: s.searchablePoints,
+  stapByStapList: s.stapByStapList,
+}));
+
+console.log(state);
+```
+
+Available fields:
+- `isBridgeLoaded`
+- `isMapLoaded`
+- `searchablePoints`
+- `activeFloor`
+- `elevator`, `escalator`
+- `floorImages`
+- `stapByStapList`
+- `nextPreState`
+- `pointsByKey`
+- `categoryList`
+- `allCategoryNodes`
+
+---
+
+## 🧩 Types
+
+Types are exported for safer development and auto-import convenience.
+
+### `IncomingMessage` (Web → RN)
+```ts
+type IncomingMessage =
+  | { type: "event"; key: "mapLoaded"; value: boolean; file: string }
+  | { type: "event"; key: "isConnection"; value: boolean; file: string }
+  | { type: "event"; key: "_searchablePoints"; value: NodePoint[]; file: string }
+  | { type: "event"; key: "Category"; value: Category[]; file: string }
+  | { type: "event"; key: "_allCategory"; value: Record<string, NodePoint[]>; file: string }
+  | { type: "event"; key: "_activeFloor"; value: number; file: string }
+  | { type: "event"; key: "FloorImg"; value: FloorImage[]; file: string }
+  | { type: "event"; key: "isSceneClick"; file: string }
+  | { type: "event"; key: "isShapClick"; value: NodePoint; file: string }
+  | { type: "event"; key: "stapByStapList"; value: StepInstruction[]; file: string }
+  | { type: "event"; key: "pathNextPreState"; value: NavState; file: string };
+```
+
+### `OutgoingMessage` (RN → Web)
+```ts
+type OutgoingMessage =
+  | { type: "event"; key: "setStartPoint"; value: string; file: string }
+  | { type: "event"; key: "setEndPoint"; value: string; file: string }
+  | { type: "event"; key: "setActiveFloor"; value: number; file: string }
+  | { type: "event"; key: "pathNextBtnClick"; file: string }
+  | { type: "event"; key: "pathPreBtnClick"; file: string }
+  | { type: "event"; key: "pathFinishBtnClick"; file: string }
+  | { type: "event"; key: "setSelectCatedory"; value: string | null; file: string }
+  | { type: "event"; key: "zoomIn"; file: string }
+  | { type: "event"; key: "zoomOut"; file: string }
+  | { type: "event"; key: "clearStartAndEndPoint"; file: string }
+  | { type: "event"; key: "setPathFilter"; value: filterPath; file: string }
+  | { type: "event"; key: "getDirection"; file: string }
+  | { type: "event"; key: "setMapTheme"; value: Theme | null; file: string }
+  | { type: "event"; key: "navigateTo"; value: string; file: string };
+```
+
+### `NodePoint`
+Represents a searchable location on the map, with properties like `LocationName`, `Category`, `shape[]`, `logo`, etc.
+
+### `Category`
+Represents a category with `name`, `Description`, and `color`.
+
+### `FloorImage`
+Holds metadata about floors (name, url, index, etc).
+
+### `StepInstruction`
+Represents a step in navigation (`instruction`, `distance`, `icon`).
+
+### `NavState`
+Navigation state info (current floor index, step index, prev/next availability).
+
+---
+
+## 📖 File Structure
+
+```
+src/
+ ├── index.ts                 # Entry exports
+ ├── webviewBridge/
+ │    ├── WebViewScreen.tsx   # <WebView /> wrapper
+ │    ├── BridgeService.ts    # Actions (sendToWeb wrappers)
+ │    ├── BridgeStorage.ts    # Zustand store
+ │    ├── WebViewBridgeRef.ts # WebView ref manager
+ ├── handlers/
+ │    └── WebBridgeHandlers.ts
+ ├── types/
+ │    └── types.ts            # Strongly typed contracts
+```
+
+---
+
+## 🛡 License
+
+MIT © 2025

package/dist/handlers/WebBridgeHandlers.d.ts

@@ -16,3 +16,4 @@ export type EventHandlerMap = {
 export declare const eventHandlers: Partial<EventHandlerMap>;
 export declare const registerBridgeHandler: <K extends keyof EventHandlerMap>(type: K, handler: EventHandlerMap[K]) => void;
 export declare const handleBridgeMessage: (event: WebViewMessageEvent) => void;
+//# sourceMappingURL=WebBridgeHandlers.d.ts.map

package/dist/handlers/WebBridgeHandlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebBridgeHandlers.d.ts","sourceRoot":"","sources":["../../src/handlers/WebBridgeHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAmB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI5D,MAAM,MAAM,eAAe,GAAG;IAC7B,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,cAAc,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1F,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,aAAa,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACzG,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,eAAe,CAAM,CAAC;AAK1D,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,eAAe,EACnE,MAAM,CAAC,EACP,SAAS,eAAe,CAAC,CAAC,CAAC,SAG5B,CAAC;AAGF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,mBAAmB,SA8C3B,CAAC"}

package/dist/handlers/WebBridgeHandlers.js

@@ -1,33 +1,48 @@
-import { bridgeStorage } from "../webviewBridge/BridgeStorage";
+import { BridgeStorage } from "../webviewBridge/BridgeStorage";
 // ✅ 2. Global handler storage
-export var eventHandlers = {};
+export const eventHandlers = {};
 // ✅ 4. Register handler function
-export var registerBridgeHandler = function (type, handler) {
+export const registerBridgeHandler = (type, handler) => {
     eventHandlers[type] = handler;
 };
 // ✅ 5. Main bridge handler
-export var handleBridgeMessage = function (event) {
-    var _a, _b;
+export const handleBridgeMessage = (event) => {
     try {
-        var message = JSON.parse(event.nativeEvent.data);
+        const message = JSON.parse(event.nativeEvent.data);
+        const state = BridgeStorage.getState();
         if (message.key === "mapLoaded")
-            bridgeStorage.set("isMapLoaded", message.value);
+            state.setIsMapLoaded(message.value);
         if (message.key === "isConnection")
-            bridgeStorage.set("isBridgeLoaded", message.value);
-        if (message.key === "_searchablePoints")
-            bridgeStorage.set("searchablePoints", message.value);
+            state.setIsBridgeLoaded(message.value);
+        if (message.key === "_searchablePoints") {
+            const points = [...message.value];
+            points.sort((a, b) => {
+                var _a, _b, _c, _d;
+                const nameA = ((_b = (_a = a.LocationName) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.trim().toLowerCase()) || "";
+                const nameB = ((_d = (_c = b.LocationName) === null || _c === void 0 ? void 0 : _c.text) === null || _d === void 0 ? void 0 : _d.trim().toLowerCase()) || "";
+                return nameA.localeCompare(nameB);
+            });
+            state.setSearchablePoints(points);
+            const map = new Map();
+            message.value.forEach(obj => {
+                if (obj.key) {
+                    map.set(obj.key, obj);
+                }
+            });
+            state.setPointsByKey(map);
+        }
         if (message.key === "_activeFloor")
-            bridgeStorage.set("activeFloor", message.value);
+            state.setActiveFloor(message.value);
         if (message.key === "FloorImg")
-            bridgeStorage.set("floorImages", message.value);
-        if (message.key === "isSceneClick")
-            (_a = eventHandlers[message.key]) === null || _a === void 0 ? void 0 : _a.call(eventHandlers, message);
-        if (message.key === "isShapClick")
-            (_b = eventHandlers[message.key]) === null || _b === void 0 ? void 0 : _b.call(eventHandlers, message);
+            state.setFloorImages(message.value);
         if (message.key === "stapByStapList")
-            bridgeStorage.set("stapByStapList", message.value);
+            state.setStapByStapList(message.value);
         if (message.key === "pathNextPreState")
-            bridgeStorage.set("nextPreState", message.value);
+            state.setNextPreState(message.value);
+        if (message.key === "Category")
+            state.setCategoryList(message.value);
+        if (message.key === "_allCategory")
+            state.setAllCategoryNodes(message.value);
     }
     catch (e) {
         console.error("WebView message error:", e);

package/dist/index.d.ts

@@ -1,4 +1,6 @@
-export { WebViewScreen } from './webviewBridge/WebViewScreen';
-export { eventHandlers, registerBridgeHandler } from './handlers/WebBridgeHandlers';
-export { bridgeStorage } from './webviewBridge/BridgeStorage';
-export { sendActiveFloorToBridge, sendEndPointToBridge, sendPathFinishBtnClick, sendPathNextBtnClick, sendPathPreBtnClick, sendStartPointToBridge } from './webviewBridge/BridgeService';
+export { WebViewScreen } from "./webviewBridge/WebViewScreen";
+export { sendStartPointToBridge, sendEndPointToBridge, sendActiveFloorToBridge, sendPathNextBtnClick, sendPathPreBtnClick, sendPathFinishBtnClick, } from "./webviewBridge/BridgeService";
+export { BridgeStorage } from "./webviewBridge/BridgeStorage";
+export { registerBridgeHandler } from "./handlers/WebBridgeHandlers";
+export type { IncomingMessage, OutgoingMessage, NodePoint, Category, FloorImage, StepInstruction, NavState, } from "./types/types";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AAGvC,OAAQ,EAAC,aAAa,EAAC,MAAO,+BAA+B,CAAC;AAG9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,YAAY,EACV,eAAe,EACf,eAAe,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,eAAe,EACf,QAAQ,GACT,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,4 +1,8 @@
-export { WebViewScreen } from './webviewBridge/WebViewScreen';
-export { eventHandlers, registerBridgeHandler } from './handlers/WebBridgeHandlers';
-export { bridgeStorage } from './webviewBridge/BridgeStorage';
-export { sendActiveFloorToBridge, sendEndPointToBridge, sendPathFinishBtnClick, sendPathNextBtnClick, sendPathPreBtnClick, sendStartPointToBridge } from './webviewBridge/BridgeService';
+// Components
+export { WebViewScreen } from "./webviewBridge/WebViewScreen";
+// Bridge helpers (named exports)
+export { sendStartPointToBridge, sendEndPointToBridge, sendActiveFloorToBridge, sendPathNextBtnClick, sendPathPreBtnClick, sendPathFinishBtnClick, } from "./webviewBridge/BridgeService";
+// State/store
+export { BridgeStorage } from "./webviewBridge/BridgeStorage";
+// Handlers
+export { registerBridgeHandler } from "./handlers/WebBridgeHandlers";

package/dist/types/BridgeMessage.d.ts

@@ -0,0 +1,102 @@
+import { SerializableNodePoint as NodePoint, SerializablePoint2D as Point2D } from "./NodePoint";
+import { PathFindingResult } from "./PathFindingResult";
+export interface NodePointOuterFiled {
+    point: NodePoint;
+    name: string;
+    x: number;
+    y: number;
+    z: number;
+}
+export interface Point3D extends Point2D {
+    z: number;
+}
+export interface NodeLineOuterFiled {
+    a: Point3D;
+    b: Point3D;
+    distance: number;
+    pointA: NodePoint;
+    pointB: NodePoint;
+}
+export type BridgeMessage = {
+    type: "event";
+    key: "floor";
+    value: number;
+} | {
+    type: "event";
+    key: "pathData";
+    value: NodePoint[];
+} | {
+    type: "event";
+    key: "PathFindingResult";
+    value: PathFindingResult;
+} | {
+    type: "event";
+    key: "searchTextResult";
+    value: NodePoint[];
+} | {
+    type: "event";
+    key: "shapeZoomAndSelect";
+    value: NodePoint | undefined;
+} | {
+    type: "event";
+    key: "searchablePoints";
+    value: NodePoint[];
+} | {
+    type: "event";
+    key: "nodePoint";
+    value: {
+        [key: string]: NodePointOuterFiled;
+    };
+} | {
+    type: "event";
+    key: "nodeline";
+    value: {
+        [key: string]: NodeLineOuterFiled;
+    };
+} | {
+    type: "event";
+    key: "categoryList";
+    value: {
+        [key: string]: NodePoint;
+    };
+} | {
+    type: "event";
+    key: "floorInfo";
+    value: {
+        floors: {
+            index: number;
+            shortName: string;
+            fullName: string;
+            floorNumber: number;
+        }[];
+        defaultFloorIndex: number;
+    };
+} | {
+    type: "event";
+    key: "to";
+    value: string;
+} | {
+    type: "event";
+    key: "from";
+    value: string;
+} | {
+    type: "event";
+    key: "elevator";
+    value: "true" | "false";
+} | {
+    type: "event";
+    key: "escalator";
+    value: "true" | "false";
+};
+export type SendToWebMessage = {
+    type: "setNavigationData";
+    payload: {
+        from?: string;
+        to?: string;
+        elevator?: boolean;
+        escalator?: boolean;
+        floor?: number;
+    };
+} | {
+    type: "condtiotion";
+};

package/dist/types/BridgeMessage.js

@@ -0,0 +1,2 @@
+// Shared types
+export {};

package/dist/types/NodePoint.d.ts

@@ -0,0 +1,36 @@
+export type NavigationInstruction = "left" | "right" | "startPoint" | "endPoint" | "Take Elevator" | "Take Escalator" | "Exit Elevator" | "Exit Escalator" | null;
+export type SerializablePoint2D = {
+    x: number;
+    y: number;
+};
+export type SerializableNodePoint = {
+    x?: number;
+    y?: number;
+    z?: number;
+    targetDist?: number;
+    close?: boolean;
+    elementTag?: string;
+    type?: string;
+    LeaseType?: string;
+    Category?: string;
+    color?: string;
+    Description?: string;
+    shape?: SerializablePoint2D[];
+    key?: string;
+    myAngle?: number;
+    NavigationInstruction?: NavigationInstruction;
+    distanceToNextPoint: number;
+    stepsToNextPoint: number;
+    floorBash?: boolean;
+    brand_Id?: string | null;
+    LocationName?: {
+        text?: string;
+        textColor?: string;
+        textSize?: string;
+        rotate?: number;
+    };
+    colleague?: {
+        name: string;
+        role?: string;
+    }[];
+};

package/dist/types/NodePoint.js

@@ -0,0 +1,2 @@
+// src/types/NodePoint.ts
+export {};

package/dist/types/PathFindingResult.d.ts

@@ -0,0 +1,6 @@
+import { SerializableNodePoint } from "./NodePoint";
+export type PathFindingResult = {
+    path: SerializableNodePoint[];
+    totalCost: number;
+    floor: number;
+};

package/dist/types/PathFindingResult.js

@@ -0,0 +1,2 @@
+// src/types/PathFindingResult.ts
+export {};

package/dist/types/types.d.ts

@@ -85,6 +85,20 @@ export type NavState = {
     isLastStep: boolean;
     hasPath: boolean;
 };
+export type filterPath = {
+    elevator: boolean;
+    escalator: boolean;
+    stair: boolean;
+};
+export type Theme = {
+    "theme-path-color"?: string;
+    "theme-path-highlight-color"?: string;
+    "theme-anchor-store-color"?: string[];
+    "theme-platform-color"?: string;
+    "theme-endpoint-shape-color"?: string[];
+    "theme-startpoint-shape-color"?: string[];
+    "theme-shape-theme-color"?: string[];
+};
 export type IncomingMessage = {
     type: "event";
     key: "pong";
@@ -109,6 +123,11 @@ export type IncomingMessage = {
     key: "Category";
     value: Category[];
     file: string;
+} | {
+    type: "event";
+    key: "_allCategory";
+    value: Record<string, NodePoint[]>;
+    file: string;
 } | {
     type: "event";
     key: "_activeFloor";
@@ -142,7 +161,7 @@ export type IncomingMessage = {
 export type OutgoingMessage = {
     type: "applyCSS";
     selector: string;
-    style: Partial<Record<string, string | number>>;
+    style: Partial<CSSStyleDeclaration>;
 } | {
     type: "event";
     key: "ping";
@@ -175,4 +194,41 @@ export type OutgoingMessage = {
     type: "event";
     key: "pathFinishBtnClick";
     file: string;
+} | {
+    type: "event";
+    key: "setSelectCatedory";
+    value: string | null;
+    file: string;
+} | {
+    type: "event";
+    key: "zoomIn";
+    file: string;
+} | {
+    type: "event";
+    key: "zoomOut";
+    file: string;
+} | {
+    type: "event";
+    key: "clearStartAndEndPoint";
+    file: string;
+} | {
+    type: "event";
+    key: "setPathFilter";
+    value: filterPath;
+    file: string;
+} | {
+    type: "event";
+    key: "getDirection";
+    file: string;
+} | {
+    type: "event";
+    key: "setMapTheme";
+    file: string;
+    value: Theme | null;
+} | {
+    type: "event";
+    key: "navigateTo";
+    value: string;
+    file: string;
 };
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/webviewBridge/BridgeService.d.ts

@@ -4,3 +4,10 @@ export declare const sendActiveFloorToBridge: (floorId: number) => void;
 export declare const sendPathNextBtnClick: () => void;
 export declare const sendPathPreBtnClick: () => void;
 export declare const sendPathFinishBtnClick: () => void;
+export declare const sendSelectCategory: (categgory: string | null) => void;
+export declare const sendZoomIn: () => void;
+export declare const sendZoomOut: () => void;
+export declare const sendClearStartAndEndPoint: () => void;
+export declare const sendPathFilter: () => void;
+export declare const sendGetDirectionToBridge: () => void;
+//# sourceMappingURL=BridgeService.d.ts.map

package/dist/webviewBridge/BridgeService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BridgeService.d.ts","sourceRoot":"","sources":["../../src/webviewBridge/BridgeService.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,GAAI,YAAY,MAAM,SAEtD,CAAA;AAGD,eAAO,MAAM,sBAAsB,GAAI,cAAc,MAAM,SAE1D,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,SAAS,MAAM,SAEtD,CAAA;AAED,eAAO,MAAM,oBAAoB,YAEhC,CAAA;AACD,eAAO,MAAM,mBAAmB,YAE/B,CAAA;AAED,eAAO,MAAM,sBAAsB,YAElC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM,GAAG,IAAI,SAE1D,CAAA;AAGD,eAAO,MAAM,UAAU,YAEtB,CAAA;AAED,eAAO,MAAM,WAAW,YAEvB,CAAA;AAED,eAAO,MAAM,yBAAyB,YAErC,CAAA;AAED,eAAO,MAAM,cAAc,YAG1B,CAAA;AAGD,eAAO,MAAM,wBAAwB,YAEpC,CAAA"}

package/dist/webviewBridge/BridgeService.js

@@ -1,19 +1,39 @@
+import { BridgeStorage } from "./BridgeStorage";
 import { sendToWeb } from "./WebViewBridgeRef";
-export var sendEndPointToBridge = function (endPointId) {
+export const sendEndPointToBridge = (endPointId) => {
     sendToWeb({ type: "event", key: "setEndPoint", value: endPointId, file: "BridgeService.ts" });
 };
-export var sendStartPointToBridge = function (startPointId) {
+export const sendStartPointToBridge = (startPointId) => {
     sendToWeb({ type: "event", key: "setStartPoint", value: startPointId, file: "BridgeService.ts" });
 };
-export var sendActiveFloorToBridge = function (floorId) {
+export const sendActiveFloorToBridge = (floorId) => {
     sendToWeb({ type: "event", key: "setActiveFloor", value: floorId, file: "BridgeService.ts" });
 };
-export var sendPathNextBtnClick = function () {
+export const sendPathNextBtnClick = () => {
     sendToWeb({ type: "event", key: "pathNextBtnClick", file: "BridgeService.ts" });
 };
-export var sendPathPreBtnClick = function () {
+export const sendPathPreBtnClick = () => {
     sendToWeb({ type: "event", key: "pathPreBtnClick", file: "BridgeService.ts" });
 };
-export var sendPathFinishBtnClick = function () {
+export const sendPathFinishBtnClick = () => {
     sendToWeb({ type: "event", key: "pathFinishBtnClick", file: "BridgeService.ts" });
 };
+export const sendSelectCategory = (categgory) => {
+    sendToWeb({ type: "event", key: "setSelectCatedory", value: categgory, file: "BridgeService.ts" });
+};
+export const sendZoomIn = () => {
+    sendToWeb({ type: "event", key: "zoomIn", file: "BridgeService.ts" });
+};
+export const sendZoomOut = () => {
+    sendToWeb({ type: "event", key: "zoomOut", file: "BridgeService.ts" });
+};
+export const sendClearStartAndEndPoint = () => {
+    sendToWeb({ type: "event", key: "clearStartAndEndPoint", file: "BridgeService.ts" });
+};
+export const sendPathFilter = () => {
+    const { elevator, escalator } = BridgeStorage.getState();
+    sendToWeb({ type: "event", key: "setPathFilter", value: { elevator: elevator === "true", escalator: escalator === "true", stair: false }, file: "BridgeService.ts" });
+};
+export const sendGetDirectionToBridge = () => {
+    sendToWeb({ type: "event", key: "getDirection", file: "BridgeService.ts" });
+};

package/dist/webviewBridge/BridgeStorage.d.ts

@@ -1,4 +1,4 @@
-import type { FloorImage, NavState, NodePoint, StepInstruction } from "../types/types";
+import type { Category, FloorImage, NavState, NodePoint, StepInstruction } from "../types/types";
 type BridgeStorage = {
     isBridgeLoaded: boolean;
     isMapLoaded: boolean;
@@ -9,10 +9,22 @@ type BridgeStorage = {
     floorImages: FloorImage[];
     stapByStapList: StepInstruction[];
     nextPreState: NavState | null;
+    pointsByKey: Map<string, NodePoint>;
+    categoryList: Category[];
+    allCategoryNodes: Record<string, NodePoint[]>;
+    setIsBridgeLoaded: (val: boolean) => void;
+    setIsMapLoaded: (val: boolean) => void;
+    setSearchablePoints: (points: NodePoint[]) => void;
+    setActiveFloor: (floor: number) => void;
+    setElevator: (val: "true" | "false") => void;
+    setEscalator: (val: "true" | "false") => void;
+    setFloorImages: (imgs: FloorImage[]) => void;
+    setStapByStapList: (steps: StepInstruction[]) => void;
+    setNextPreState: (state: NavState | null) => void;
+    setPointsByKey: (map: Map<string, NodePoint>) => void;
+    setCategoryList: (list: Category[]) => void;
+    setAllCategoryNodes: (data: Record<string, NodePoint[]>) => void;
 };
-export declare let bridgeStorage: BridgeStorage & {
-    set<K extends keyof BridgeStorage>(key: K, value: BridgeStorage[K]): void;
-    onChange(callback: <K extends keyof BridgeStorage>(key: K, newValue: BridgeStorage[K], oldValue: BridgeStorage[K]) => void): () => void;
-    signal<K extends keyof BridgeStorage>(key: K): [BridgeStorage[K], (value: BridgeStorage[K]) => void];
-};
+export declare const BridgeStorage: import("zustand").UseBoundStore<import("zustand").StoreApi<BridgeStorage>>;
 export {};
+//# sourceMappingURL=BridgeStorage.d.ts.map

package/dist/webviewBridge/BridgeStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BridgeStorage.d.ts","sourceRoot":"","sources":["../../src/webviewBridge/BridgeStorage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhG,KAAK,aAAa,GAAG;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,SAAS,EAAE,CAAA;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,cAAc,EAAE,eAAe,EAAE,CAAA;IACjC,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC7B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACnC,YAAY,EAAE,QAAQ,EAAE,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;IAG7C,iBAAiB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACzC,cAAc,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,mBAAmB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAA;IAClD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAA;IAC5C,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAA;IAC7C,cAAc,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,IAAI,CAAA;IACrD,eAAe,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,IAAI,CAAA;IACrD,eAAe,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IAC3C,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,CAAA;CACjE,CAAA;AAED,eAAO,MAAM,aAAa,4EA0BvB,CAAA"}

package/dist/webviewBridge/BridgeStorage.js

@@ -1,5 +1,5 @@
-import { createStore } from "koshin";
-export var bridgeStorage = createStore({
+import { create } from 'zustand';
+export const BridgeStorage = create((set) => ({
     isBridgeLoaded: false,
     isMapLoaded: false,
     searchablePoints: [],
@@ -8,5 +8,20 @@ export var bridgeStorage = createStore({
     escalator: "false",
     floorImages: [],
     stapByStapList: [],
-    nextPreState: null
-});
+    nextPreState: null,
+    pointsByKey: new Map(),
+    categoryList: [],
+    allCategoryNodes: {},
+    setIsBridgeLoaded: (val) => set({ isBridgeLoaded: val }),
+    setIsMapLoaded: (val) => set({ isMapLoaded: val }),
+    setSearchablePoints: (points) => set({ searchablePoints: points }),
+    setActiveFloor: (floor) => set({ activeFloor: floor }),
+    setElevator: (val) => set({ elevator: val }),
+    setEscalator: (val) => set({ escalator: val }),
+    setFloorImages: (imgs) => set({ floorImages: imgs }),
+    setStapByStapList: (steps) => set({ stapByStapList: steps }),
+    setNextPreState: (state) => set({ nextPreState: state }),
+    setPointsByKey: (map) => set({ pointsByKey: map }),
+    setCategoryList: (list) => set({ categoryList: list }),
+    setAllCategoryNodes: (data) => set({ allCategoryNodes: data }),
+}));

package/dist/webviewBridge/WebViewBridgeRef.d.ts

@@ -2,3 +2,4 @@ import type { WebView } from "react-native-webview";
 import { OutgoingMessage } from "../types/types";
 export declare const webviewRef: import("react").RefObject<WebView<{}> | null>;
 export declare const sendToWeb: (data: OutgoingMessage) => void;
+//# sourceMappingURL=WebViewBridgeRef.d.ts.map

package/dist/webviewBridge/WebViewBridgeRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewBridgeRef.d.ts","sourceRoot":"","sources":["../../src/webviewBridge/WebViewBridgeRef.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,eAAO,MAAM,UAAU,+CAAuB,CAAC;AAG/C,eAAO,MAAM,SAAS,GAAI,MAAM,eAAe,SAQ9C,CAAC"}

package/dist/webviewBridge/WebViewBridgeRef.js

@@ -1,8 +1,8 @@
 import { createRef } from "react";
 // Shared WebView ref
-export var webviewRef = createRef();
+export const webviewRef = createRef();
 // Exported send function
-export var sendToWeb = function (data) {
+export const sendToWeb = (data) => {
     console.log("webviweRef", webviewRef);
     if (webviewRef.current) {
         console.log("enter current");

package/dist/webviewBridge/WebViewScreen.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
 type Props = {
     url: string;
 };
-export declare const WebViewScreen: ({ url }: Props) => React.JSX.Element;
+export declare const WebViewScreen: ({ url }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=WebViewScreen.d.ts.map

package/dist/webviewBridge/WebViewScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewScreen.d.ts","sourceRoot":"","sources":["../../src/webviewBridge/WebViewScreen.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,SAAS,KAAK,4CAuB3C,CAAC"}

package/dist/webviewBridge/WebViewScreen.js

@@ -1,15 +1,10 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { handleBridgeMessage } from "../handlers/WebBridgeHandlers";
-import { webviewRef } from "./WebViewBridgeRef";
 import { WebView } from 'react-native-webview';
-export var WebViewScreen = function (_a) {
-    var url = _a.url;
-    var onMessage = function (event) {
+export const WebViewScreen = ({ url }) => {
+    const onMessage = (event) => {
         console.log("on message event", event);
         handleBridgeMessage(event);
     };
-    return (React.createElement(WebView, { ref: webviewRef, source: { uri: url }, onMessage: onMessage, onLoadStart: function () { return console.log("WebView: load start", url); }, onLoadEnd: function () { return console.log("WebView: load end"); }, onLoadProgress: function (_a) {
-            var nativeEvent = _a.nativeEvent;
-            return console.log("WebView: progress", nativeEvent.progress);
-        }, onError: function (e) { return console.warn("WebView error:", e.nativeEvent); }, style: { flex: 1, width: "100%" } }));
+    return (_jsx(WebView, { source: { uri: url }, onMessage: onMessage, onLoadStart: () => console.log("WebView: load start", url), onLoadEnd: () => console.log("WebView: load end"), onLoadProgress: ({ nativeEvent }) => console.log("WebView: progress", nativeEvent.progress), onError: (e) => console.warn("WebView error:", e.nativeEvent), style: { flex: 1 } }));
 };

package/package.json

@@ -1,22 +1,29 @@
 {
   "name": "wovvmap-webview-bridge",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "main": "dist/index.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
   "files": [
     "dist"
   ],
+  "sideEffects": false,
   "scripts": {
-    "build": "tsc "
+    "build": "tsc -p tsconfig.json"
   },
   "peerDependencies": {
     "react": "^19.1.0",
     "react-native": "^0.80.1",
     "react-native-webview": "^13.15.0",
-    "koshin": "^1.0.5"
+    "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@types/react": "^19.1.8"
+    "@types/react": "^19.1.8",
+    "typescript": "^5.5.0"
   }
-  
 }