wovvmap-webview-bridge 1.0.3 → 1.0.5

package/dist/handlers/WebBridgeHandlers.d.ts

@@ -0,0 +1,18 @@
+import type { WebViewMessageEvent } from "react-native-webview";
+import { NodePoint } from "../types/types";
+export type EventHandlerMap = {
+    isSceneClick?: (sceneClick: {
+        type: "event";
+        key: "isSceneClick";
+        file: string;
+    }) => void;
+    isShapClick?: (shapClick: {
+        type: "event";
+        key: "isShapClick";
+        value: NodePoint;
+        file: string;
+    }) => void;
+};
+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;

package/dist/handlers/WebBridgeHandlers.js

@@ -0,0 +1,35 @@
+import { bridgeStorage } from "../webviewBridge/BridgeStorage";
+// ✅ 2. Global handler storage
+export var eventHandlers = {};
+// ✅ 4. Register handler function
+export var registerBridgeHandler = function (type, handler) {
+    eventHandlers[type] = handler;
+};
+// ✅ 5. Main bridge handler
+export var handleBridgeMessage = function (event) {
+    var _a, _b;
+    try {
+        var message = JSON.parse(event.nativeEvent.data);
+        if (message.key === "mapLoaded")
+            bridgeStorage.set("isMapLoaded", message.value);
+        if (message.key === "isConnection")
+            bridgeStorage.set("isBridgeLoaded", message.value);
+        if (message.key === "_searchablePoints")
+            bridgeStorage.set("searchablePoints", message.value);
+        if (message.key === "_activeFloor")
+            bridgeStorage.set("activeFloor", 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);
+        if (message.key === "stapByStapList")
+            bridgeStorage.set("stapByStapList", message.value);
+        if (message.key === "pathNextPreState")
+            bridgeStorage.set("nextPreState", message.value);
+    }
+    catch (e) {
+        console.error("WebView message error:", e);
+    }
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+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';

package/dist/index.js

@@ -1,3 +1,4 @@
 export { WebViewScreen } from './webviewBridge/WebViewScreen';
-export { sendToWeb, webviewRef } from './webviewBridge/WebViewBridgeRef';
-export { bridgeMessageStore, eventHandlers, handleBridgeMessage, registerBridgeHandler } from './handlers/WebBridgeHandlers';
+export { eventHandlers, registerBridgeHandler } from './handlers/WebBridgeHandlers';
+export { bridgeStorage } from './webviewBridge/BridgeStorage';
+export { sendActiveFloorToBridge, sendEndPointToBridge, sendPathFinishBtnClick, sendPathNextBtnClick, sendPathPreBtnClick, sendStartPointToBridge } from './webviewBridge/BridgeService';

package/dist/types/types.d.ts

@@ -0,0 +1,178 @@
+export interface LocationArea {
+    x: number;
+    y: number;
+}
+export interface LocationName {
+    text: string;
+    area: LocationArea;
+    rotate: number;
+    textColor: string;
+    textSize: string;
+    textStyle: string;
+    width: string;
+    height: string;
+}
+export interface Logo {
+    show: boolean;
+    url: string;
+    size: number;
+    x: number;
+    y: number;
+    rotate: number;
+}
+export interface ShapePoint {
+    x: number;
+    y: number;
+}
+export interface BrandId {
+    sit: string;
+}
+export interface NodePoint {
+    x: number;
+    y: number;
+    z: number;
+    targetDist: number;
+    previousNode: any;
+    close: boolean;
+    colleague: any[];
+    elementTag: string;
+    LocationName: LocationName;
+    Category: string;
+    type: string;
+    LeaseType: string;
+    logo: Logo;
+    color: string;
+    Description: string;
+    shape: ShapePoint[];
+    up: boolean;
+    down: boolean;
+    depth: number;
+    brand_Id: BrandId;
+    floorBash: boolean;
+    extra: Record<string, any>;
+    key: string;
+    myAngle: number;
+    NavigationInstruction: any;
+    distanceToNextPoint: number;
+    stepsToNextPoint: number;
+}
+export interface Category {
+    name: string;
+    Description: string;
+    color: string;
+}
+export interface FloorImage {
+    FloorName: string;
+    FloorUrl: string;
+    ShortName: string;
+    FloorNumber: number;
+    SubFloor?: boolean;
+    index: number;
+}
+export interface StepInstruction {
+    instruction: string;
+    distance: string;
+    steps?: number;
+    icon: "left" | "right" | "startPoint" | "endPoint" | "Take Elevator" | "Take Escalator" | "Exit Elevator" | "Exit Escalator" | null;
+}
+export type NavState = {
+    currentFloorIndex: number;
+    currentPointIndex: number;
+    totalFloors: number;
+    floorLengths: number[];
+    canPrev: boolean;
+    canNext: boolean;
+    isLastStep: boolean;
+    hasPath: boolean;
+};
+export type IncomingMessage = {
+    type: "event";
+    key: "pong";
+    file: string;
+} | {
+    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;
+};
+export 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;
+};

package/dist/types/types.js

@@ -0,0 +1 @@
+export {};

package/dist/webviewBridge/BridgeService.d.ts

@@ -0,0 +1,6 @@
+export declare const sendEndPointToBridge: (endPointId: string) => void;
+export declare const sendStartPointToBridge: (startPointId: string) => void;
+export declare const sendActiveFloorToBridge: (floorId: number) => void;
+export declare const sendPathNextBtnClick: () => void;
+export declare const sendPathPreBtnClick: () => void;
+export declare const sendPathFinishBtnClick: () => void;

package/dist/webviewBridge/BridgeService.js

@@ -0,0 +1,19 @@
+import { sendToWeb } from "./WebViewBridgeRef";
+export var sendEndPointToBridge = function (endPointId) {
+    sendToWeb({ type: "event", key: "setEndPoint", value: endPointId, file: "BridgeService.ts" });
+};
+export var sendStartPointToBridge = function (startPointId) {
+    sendToWeb({ type: "event", key: "setStartPoint", value: startPointId, file: "BridgeService.ts" });
+};
+export var sendActiveFloorToBridge = function (floorId) {
+    sendToWeb({ type: "event", key: "setActiveFloor", value: floorId, file: "BridgeService.ts" });
+};
+export var sendPathNextBtnClick = function () {
+    sendToWeb({ type: "event", key: "pathNextBtnClick", file: "BridgeService.ts" });
+};
+export var sendPathPreBtnClick = function () {
+    sendToWeb({ type: "event", key: "pathPreBtnClick", file: "BridgeService.ts" });
+};
+export var sendPathFinishBtnClick = function () {
+    sendToWeb({ type: "event", key: "pathFinishBtnClick", file: "BridgeService.ts" });
+};

package/dist/webviewBridge/BridgeStorage.d.ts

@@ -0,0 +1,18 @@
+import type { FloorImage, NavState, NodePoint, StepInstruction } from "../types/types";
+type BridgeStorage = {
+    isBridgeLoaded: boolean;
+    isMapLoaded: boolean;
+    searchablePoints: NodePoint[];
+    activeFloor: number;
+    elevator: "true" | "false";
+    escalator: "true" | "false";
+    floorImages: FloorImage[];
+    stapByStapList: StepInstruction[];
+    nextPreState: NavState | null;
+};
+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 {};

package/dist/webviewBridge/BridgeStorage.js

@@ -0,0 +1,12 @@
+import { createStore } from "koshin";
+export var bridgeStorage = createStore({
+    isBridgeLoaded: false,
+    isMapLoaded: false,
+    searchablePoints: [],
+    activeFloor: -1,
+    elevator: "false",
+    escalator: "false",
+    floorImages: [],
+    stapByStapList: [],
+    nextPreState: null
+});

package/dist/webviewBridge/WebViewBridgeRef.d.ts

@@ -0,0 +1,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;

package/dist/webviewBridge/WebViewBridgeRef.js

@@ -0,0 +1,14 @@
+import { createRef } from "react";
+// Shared WebView ref
+export var webviewRef = createRef();
+// Exported send function
+export var sendToWeb = function (data) {
+    console.log("webviweRef", webviewRef);
+    if (webviewRef.current) {
+        console.log("enter current");
+        webviewRef.current.postMessage(JSON.stringify(data));
+    }
+    else {
+        console.warn("WebView not ready yet");
+    }
+};

package/dist/webviewBridge/WebViewScreen.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type Props = {
+    url: string;
+};
+export declare const WebViewScreen: ({ url }: Props) => React.JSX.Element;
+export {};

package/dist/webviewBridge/WebViewScreen.js

@@ -0,0 +1,15 @@
+import React from "react";
+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) {
+        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%" } }));
+};

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "wovvmap-webview-bridge",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
-    "src",
-    "index.ts"
+    "dist"
   ],
   "scripts": {
     "build": "tsc "
@@ -13,9 +12,11 @@
   "peerDependencies": {
     "react": "^19.1.0",
     "react-native": "^0.80.1",
-    "react-native-webview": "^13.15.0"
+    "react-native-webview": "^13.15.0",
+    "koshin": "^1.0.5"
   },
   "devDependencies": {
     "@types/react": "^19.1.8"
   }
+  
 }

package/src/handlers/WebBridgeHandlers.ts

@@ -1,69 +0,0 @@
-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/index.ts

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

package/src/types/BridgeMessage.ts

@@ -1,68 +0,0 @@
-// 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

@@ -1,53 +0,0 @@
-// 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

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

package/src/webviewBridge/WebViewBridgeRef.ts

@@ -1,15 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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 }}
-    />
-  );
-};