wovvmap-webview-bridge 1.0.0

package/dist/index.js

@@ -0,0 +1,3 @@
+export { WebViewScreen } from './src/webviewBridge/WebViewScreen';
+export { sendToWeb, webviewRef } from './src/webviewBridge/WebViewBridgeRef';
+export { bridgeMessageStore, eventHandlers, handleBridgeMessage, registerBridgeHandler } from './src/handlers/WebBridgeHandlers';

package/index.ts

@@ -0,0 +1,8 @@
+export { WebViewScreen } from './src/webviewBridge/WebViewScreen';
+export { sendToWeb, webviewRef } from './src/webviewBridge/WebViewBridgeRef';
+export { PathFindingResult } from './src/types/PathFindingResult';
+export { NavigationInstruction, SerializablePoint2D, SerializableNodePoint } from './src/types/NodePoint';
+export { NodePointOuterFiled, Point3D, NodeLineOuterFiled, SendToWebMessage } from './src/types/BridgeMessage';
+export { bridgeMessageStore, eventHandlers, handleBridgeMessage, registerBridgeHandler } from './src/handlers/WebBridgeHandlers';
+export { EventHandlerMap } from './src/handlers/WebBridgeHandlers';
+

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "wovvmap-webview-bridge",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "src",
+    "index.ts"
+  ],
+  "scripts": {
+    "build": "tsc "
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-native": "^0.80.1",
+    "react-native-webview": "^13.15.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.8"
+  }
+}

package/src/handlers/WebBridgeHandlers.ts

@@ -0,0 +1,69 @@
+import type { WebViewMessageEvent } from "react-native-webview";
+import type { BridgeMessage, NodeLineOuterFiled, NodePointOuterFiled } from "../types/BridgeMessage";
+import { SerializableNodePoint } from "../types/NodePoint";
+import { PathFindingResult } from "../types/PathFindingResult";
+import { SerializableNodePoint as NodePoint, SerializablePoint2D as Point2D } from "../types/NodePoint";
+
+// ✅ 1. Event handler map
+export type EventHandlerMap = {
+  floor?: (floor: number) => void;
+  pathData?: (val: NodePoint[]) => void;
+  PathFindingResult?: (val: PathFindingResult) => void;
+  searchTextResult?: (val: NodePoint[]) => void;
+  shapeZoomAndSelect?: (val: NodePoint | undefined) => void;
+  searchablePoints?: (val: NodePoint[]) => void;
+  nodePoint?: (val: { [key: string]: NodePointOuterFiled }) => void;
+  nodeline?: (val: { [key: string]: NodeLineOuterFiled }) => void;
+  categoryList?: (val: { [key: string]: NodePoint }) => void;
+  floorInfo?: (val: {
+    floors: {
+      index: number;
+      shortName: string;
+      fullName: string;
+      floorNumber: number;
+    }[];
+    defaultFloorIndex: number;
+  }) => void;
+  to?: (val: string) => void;
+  from?: (val: string) => void;
+  elevator?: (val: "true" | "false") => void;
+  escalator?: (val: "true" | "false") => void;
+};
+
+// ✅ 2. Global handler storage
+export const eventHandlers: Partial<EventHandlerMap> = {};
+
+// ✅ 3. Runtime key-value store for all event data
+export const bridgeMessageStore: Partial<Record<keyof EventHandlerMap, any>> = {};
+
+// ✅ 4. Register handler function
+export const registerBridgeHandler = <K extends keyof EventHandlerMap>(
+  type: K,
+  handler: EventHandlerMap[K]
+) => {
+  eventHandlers[type] = handler;
+};
+
+// ✅ 5. Main bridge handler
+export const handleBridgeMessage = (
+  event: WebViewMessageEvent,
+) => {
+  try {
+    const data: BridgeMessage = JSON.parse(event.nativeEvent.data);
+
+    if (data.type === "event") {
+      const key = data.key as keyof EventHandlerMap;
+      const fn = eventHandlers[key];
+
+      // ✅ Store latest data in bridgeMessageStore
+      bridgeMessageStore[key] = data.value;
+      // ✅ Call handler if available
+       // @ts-expect-error safe
+      fn?.(data.value);
+
+    }
+
+  } catch (e) {
+    console.error("WebView message error:", e);
+  }
+};

package/src/types/BridgeMessage.ts

@@ -0,0 +1,68 @@
+// Shared types
+
+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"; // 👈 you had this as example
+    };

package/src/types/NodePoint.ts

@@ -0,0 +1,53 @@
+// src/types/NodePoint.ts
+
+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;
+  }[];
+
+  // NOTE: shapeMesh, texture, THREE.Vector3 are removed
+};

package/src/types/PathFindingResult.ts

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

package/src/webviewBridge/WebViewBridgeRef.ts

@@ -0,0 +1,15 @@
+import { createRef } from "react";
+import type { WebView } from "react-native-webview";
+import type { SendToWebMessage } from "../types/BridgeMessage";
+
+// Shared WebView ref
+export const webviewRef = createRef<WebView>();
+
+// Exported send function
+export const sendToWeb = (data: SendToWebMessage) => {
+  if (webviewRef.current) {
+    webviewRef.current.postMessage(JSON.stringify(data));
+  } else {
+    console.warn("WebView not ready yet");
+  }
+};

package/src/webviewBridge/WebViewScreen.tsx

@@ -0,0 +1,31 @@
+import React, { useEffect, useRef } from "react";
+import { WebView } from "react-native-webview";
+import { handleBridgeMessage, registerBridgeHandler } from "../handlers/WebBridgeHandlers";
+import type { BridgeMessage } from "../types/BridgeMessage";
+import { webviewRef } from "./WebViewBridgeRef";
+
+
+type Props = {
+  url: string;
+};
+
+
+export const WebViewScreen = ({ url }: Props) => {
+
+
+  const onMessage = (event: any) => {
+    console.log("on message event",event);
+    handleBridgeMessage(event);
+  };
+
+  
+
+  return (
+    <WebView
+      ref={webviewRef} // ✅ bind shared ref
+      source={{ uri: url  }}
+      onMessage={onMessage}
+      style={{ flex: 1 }}
+    />
+  );
+};