wovvmap-webview-bridge 1.0.4 → 1.0.5

package/dist/handlers/WebBridgeHandlers.d.ts

@@ -1,38 +1,18 @@
 import type { WebViewMessageEvent } from "react-native-webview";
-import type { NodeLineOuterFiled, NodePointOuterFiled } from "../types/BridgeMessage";
-import { PathFindingResult } from "../types/PathFindingResult";
-import { SerializableNodePoint as NodePoint } from "../types/NodePoint";
+import { NodePoint } from "../types/types";
 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;
+    isSceneClick?: (sceneClick: {
+        type: "event";
+        key: "isSceneClick";
+        file: string;
     }) => void;
-    nodeline?: (val: {
-        [key: string]: NodeLineOuterFiled;
+    isShapClick?: (shapClick: {
+        type: "event";
+        key: "isShapClick";
+        value: NodePoint;
+        file: string;
     }) => 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;
 };
 export declare const eventHandlers: Partial<EventHandlerMap>;
-export declare const bridgeMessageStore: Partial<Record<keyof EventHandlerMap, any>>;
 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

@@ -1,24 +1,33 @@
+import { bridgeStorage } from "../webviewBridge/BridgeStorage";
 // ✅ 2. Global handler storage
 export var eventHandlers = {};
-// ✅ 3. Runtime key-value store for all event data
-export var bridgeMessageStore = {};
 // ✅ 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 data = JSON.parse(event.nativeEvent.data);
-        if (data.type === "event") {
-            var key = data.key;
-            var fn = eventHandlers[key];
-            // ✅ Store latest data in bridgeMessageStore
-            bridgeMessageStore[key] = data.value;
-            // ✅ Call handler if available
-            // @ts-expect-error safe
-            fn === null || fn === void 0 ? void 0 : fn(data.value);
-        }
+        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

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

@@ -1,4 +1,4 @@
 import type { WebView } from "react-native-webview";
-import type { SendToWebMessage } from "../types/BridgeMessage";
+import { OutgoingMessage } from "../types/types";
 export declare const webviewRef: import("react").RefObject<WebView<{}> | null>;
-export declare const sendToWeb: (data: SendToWebMessage) => void;
+export declare const sendToWeb: (data: OutgoingMessage) => void;

package/dist/webviewBridge/WebViewBridgeRef.js

@@ -3,7 +3,9 @@ import { createRef } from "react";
 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 {

package/dist/webviewBridge/WebViewScreen.js

@@ -1,12 +1,15 @@
 import React from "react";
-import { WebView } from "react-native-webview";
 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, style: { flex: 1 } }));
+    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,10 +1,10 @@
 {
   "name": "wovvmap-webview-bridge",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
-     "dist"
+    "dist"
   ],
   "scripts": {
     "build": "tsc "
@@ -12,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/dist/types/BridgeMessage.d.ts

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

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

package/dist/types/NodePoint.d.ts

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

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

package/dist/types/PathFindingResult.d.ts

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

package/dist/types/PathFindingResult.js

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