wovvmap-webview-bridge 1.0.25 → 1.0.26

package/README.md

@@ -16,6 +16,66 @@ yarn add react-native-webview zustand
 
 ## Quick start
 
+### Web (React TS) usage
+
+Use the web entrypoint so you don't need `react-native` or `react-native-webview` in your web app.
+
+```tsx
+import React from "react";
+import { WebIframeScreen } from "wovvmap-webview-bridge/web";
+
+export default function App() {
+  return (
+    <WebIframeScreen
+      url="https://your-map-app-url.com"
+      origin="https://your-map-app-url.com"
+      onload={() => console.log("iframe loaded")}
+      style={{ width: "100%", height: "100vh" }}
+    />
+  );
+}
+```
+
+You can also attach to your own iframe ref:
+
+```tsx
+import React, { useEffect, useRef } from "react";
+import {
+  attachIframeBridge,
+  registerBridgeHandler,
+  sendStartPointToBridge,
+} from "wovvmap-webview-bridge/web";
+
+export default function App() {
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+
+  useEffect(() => {
+    if (!iframeRef.current) return;
+
+    const cleanup = attachIframeBridge({
+      iframe: iframeRef.current,
+      origin: "https://your-map-app-url.com",
+      onLoad: () => sendStartPointToBridge("A1"),
+    });
+
+    registerBridgeHandler("isSceneClick", (payload) => {
+      console.log("Scene clicked", payload);
+    });
+
+    return cleanup;
+  }, []);
+
+  return (
+    <iframe
+      ref={iframeRef}
+      src="https://your-map-app-url.com"
+      style={{ width: "100%", height: "100%", border: 0 }}
+      title="Wovv Map"
+    />
+  );
+}
+```
+
 ### 1) Render the WebView
 
 ```tsx
@@ -84,31 +144,31 @@ registerBridgeHandler("isShapeClick", (payload) => {
 ```tsx
 import { useBridgeStorage } from "wovvmap-webview-bridge";
 
-const state = useBridgeStorage((s) => ({
-  isBridgeLoaded: s.isBridgeLoaded,
-  isMapLoaded: s.isMapLoaded,
-  searchablePoints: s.searchablePoints,
-  amenities: s.amenities,
-  allOffers: s.allOffers,
-  activeFloor: s.activeFloor,
-  stepByStepList: s.stepByStepList,
-  pathSummary: s.pathSummary,
-  categories: s.categories,
-  subCategories: s.subCategories,
+const state = useBridgeStorage((s) => ({
+  isBridgeLoaded: s.isBridgeLoaded,
+  isMapLoaded: s.isMapLoaded,
+  searchablePoints: s.searchablePoints,
+  amenities: s.amenities,
+  allOffers: s.allOffers,
+  activeFloor: s.activeFloor,
+  stepByStepList: s.stepByStepList,
+  pathSummary: s.pathSummary,
+  categories: s.categories,
+  subCategories: s.subCategories,
 }));
 ```
 
 Store fields:
 - isBridgeLoaded
-- isMapLoaded
-- searchablePoints
-- amenities
-- allOffers
-- activeFloor
-- elevator, escalator
-- floorImages
-- stepByStepList
-- pathSummary
+- isMapLoaded
+- searchablePoints
+- amenities
+- allOffers
+- activeFloor
+- elevator, escalator
+- floorImages
+- stepByStepList
+- pathSummary
 - nextPreState
 - pointsByKey
 - categories
@@ -119,16 +179,16 @@ Store fields:
 
 ### IncomingMessage (Web -> RN)
 Keys and payloads:
-- pong: boolean
-- isConnection: boolean
-- mapLoaded: boolean
-- _searchablePoints: NodePoint[]
-- _allAmenities: AmenityWithNodePoint[]
-- _allOffers: string[]
-- _activeFloor: number
-- FloorImg: FloorImage[]
-- categories: Record<ExternalId, Category>
-- subCategories: Record<ExternalId, SubCategory>
+- pong: boolean
+- isConnection: boolean
+- mapLoaded: boolean
+- _searchablePoints: NodePoint[]
+- _allAmenities: AmenityWithNodePoint[]
+- _allOffers: string[]
+- _activeFloor: number
+- FloorImg: FloorImage[]
+- categories: Record<ExternalId, Category>
+- subCategories: Record<ExternalId, SubCategory>
 - isSceneClick: no value
 - isShapeClick: NodePoint
 - stepByStepList: StepByStepResult
@@ -160,6 +220,7 @@ Keys and payloads:
 
 ### Components
 - WebViewScreen
+- WebIframeScreen (web only)
 
 ### Bridge helpers
 - sendStartPointToBridge
@@ -184,10 +245,10 @@ Keys and payloads:
 - useBridgeStorage (Zustand)
 
 ### Types
-- IncomingMessage, OutgoingMessage
-- NodePoint
-- AmenityWithNodePoint
-- Category, SubCategory, ExternalId
+- IncomingMessage, OutgoingMessage
+- NodePoint
+- AmenityWithNodePoint
+- Category, SubCategory, ExternalId
 - Environment, DayHours, WeeklyHours
 - NodePointOffer, BrandInfo
 - MapExportContext, GeometryFloor, GeometryNodePoint, GeometryLayer

package/dist/handlers/WebBridgeHandlers.d.ts

@@ -1,4 +1,3 @@
-import type { WebViewMessageEvent } from "react-native-webview";
 import { NodePoint } from "../types/types";
 export type EventHandlerMap = {
     isSceneClick?: (sceneClick: {
@@ -15,5 +14,12 @@ 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;
+type BridgeMessageEvent = {
+    nativeEvent: {
+        data: string;
+    };
+};
+export declare const handleBridgeMessageData: (data: string) => void;
+export declare const handleBridgeMessage: (event: BridgeMessageEvent) => void;
+export {};
 //# sourceMappingURL=WebBridgeHandlers.d.ts.map

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

@@ -1 +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,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,cAAc,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5G,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,SAkE3B,CAAC"}
+{"version":3,"file":"WebBridgeHandlers.d.ts","sourceRoot":"","sources":["../../src/handlers/WebBridgeHandlers.ts"],"names":[],"mappings":"AAAA,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,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,cAAc,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5G,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,KAAK,kBAAkB,GAAG;IAAE,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAE5D,eAAO,MAAM,uBAAuB,GAAI,MAAM,MAAM,SAiEnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,kBAAkB,SAE5D,CAAC"}

package/dist/handlers/WebBridgeHandlers.js

@@ -5,11 +5,10 @@ export const eventHandlers = {};
 export const registerBridgeHandler = (type, handler) => {
     eventHandlers[type] = handler;
 };
-// ✅ 5. Main bridge handler
-export const handleBridgeMessage = (event) => {
+export const handleBridgeMessageData = (data) => {
     var _a, _b;
     try {
-        const message = JSON.parse(event.nativeEvent.data);
+        const message = JSON.parse(data);
         if (message.key !== "cameraControllerState") {
             console.log('message: ', message);
         }
@@ -67,3 +66,7 @@ export const handleBridgeMessage = (event) => {
         console.error("WebView message error:", e);
     }
 };
+export const handleBridgeMessage = (event) => {
+    var _a, _b;
+    handleBridgeMessageData((_b = (_a = event === null || event === void 0 ? void 0 : event.nativeEvent) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : "");
+};

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { WebViewScreen } from "./webviewBridge/WebViewScreen";
+export { attachIframeBridge } from "./webviewBridge/IframeBridge";
 export { sendStartPointToBridge, sendEndPointToBridge, sendActiveFloorToBridge, sendPathNextBtnClick, sendPathPreBtnClick, sendPathFinishBtnClick, sendSelectCategory, sendZoomIn, sendZoomOut, sendClearStartAndEndPoint, sendGetDirectionToBridge, sendPathFilter, sendNavigateToBridge, sendMapThemeToBridge, } from "./webviewBridge/BridgeService";
 export { BridgeStorage as useBridgeStorage } from "./webviewBridge/BridgeStorage";
 export { registerBridgeHandler } from "./handlers/WebBridgeHandlers";

package/dist/index.d.ts.map

@@ -1 +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,EACtB,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,yBAAyB,EACzB,wBAAwB,EACxB,cAAc,EACd,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AAGvC,OAAQ,EAAC,aAAa,IAAI,gBAAgB,EAAC,MAAO,+BAA+B,CAAC;AAGlF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,OAAO,EACP,eAAe,EACf,eAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,QAAQ,EACR,WAAW,EACX,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,KAAK,EACL,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,yBAAyB,EACzB,wBAAwB,EACxB,cAAc,EACd,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AAGvC,OAAQ,EAAC,aAAa,IAAI,gBAAgB,EAAC,MAAO,+BAA+B,CAAC;AAGlF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,OAAO,EACP,eAAe,EACf,eAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,QAAQ,EACR,WAAW,EACX,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,KAAK,EACL,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,5 +1,6 @@
 // Components
 export { WebViewScreen } from "./webviewBridge/WebViewScreen";
+export { attachIframeBridge } from "./webviewBridge/IframeBridge";
 // Bridge helpers (named exports)
 export { sendStartPointToBridge, sendEndPointToBridge, sendActiveFloorToBridge, sendPathNextBtnClick, sendPathPreBtnClick, sendPathFinishBtnClick, sendSelectCategory, sendZoomIn, sendZoomOut, sendClearStartAndEndPoint, sendGetDirectionToBridge, sendPathFilter, sendNavigateToBridge, sendMapThemeToBridge, } from "./webviewBridge/BridgeService";
 // State/store

package/dist/web.d.ts

@@ -0,0 +1,7 @@
+export { attachIframeBridge } from "./webviewBridge/IframeBridge";
+export { WebIframeScreen } from "./webviewBridge/WebIframeScreen";
+export { sendStartPointToBridge, sendEndPointToBridge, sendActiveFloorToBridge, sendPathNextBtnClick, sendPathPreBtnClick, sendPathFinishBtnClick, sendSelectCategory, sendZoomIn, sendZoomOut, sendClearStartAndEndPoint, sendGetDirectionToBridge, sendPathFilter, sendNavigateToBridge, sendMapThemeToBridge, } from "./webviewBridge/BridgeService";
+export { BridgeStorage as useBridgeStorage } from "./webviewBridge/BridgeStorage";
+export { registerBridgeHandler } from "./handlers/WebBridgeHandlers";
+export type { LocationArea, LocationName, Logo, ShapePoint, BrandId, IncomingMessage, OutgoingMessage, NodePoint, Category, SubCategory, ExternalId, Environment, DayHours, WeeklyHours, NodePointOffer, BrandInfo, MapExportContext, GeometryFloor, GeometryNodePoint, GeometryLayer, NodeMetadata, AssetPayloads, FloorImage, StepInstruction, PathSummary, StepByStepResult, NavState, filterPath, Theme, CameraPosition, ControlsPosition, MapApiResponse, MapDataExport, } from "./types/types";
+//# sourceMappingURL=web.d.ts.map

package/dist/web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.d.ts","sourceRoot":"","sources":["../src/web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,yBAAyB,EACzB,wBAAwB,EACxB,cAAc,EACd,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AAGvC,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGlF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,OAAO,EACP,eAAe,EACf,eAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,QAAQ,EACR,WAAW,EACX,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,KAAK,EACL,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,MAAM,eAAe,CAAC"}

package/dist/web.js

@@ -0,0 +1,9 @@
+// Web/iframe entrypoint (no react-native-webview dependency)
+export { attachIframeBridge } from "./webviewBridge/IframeBridge";
+export { WebIframeScreen } from "./webviewBridge/WebIframeScreen";
+// Bridge helpers (named exports)
+export { sendStartPointToBridge, sendEndPointToBridge, sendActiveFloorToBridge, sendPathNextBtnClick, sendPathPreBtnClick, sendPathFinishBtnClick, sendSelectCategory, sendZoomIn, sendZoomOut, sendClearStartAndEndPoint, sendGetDirectionToBridge, sendPathFilter, sendNavigateToBridge, sendMapThemeToBridge, } from "./webviewBridge/BridgeService";
+// State/store
+export { BridgeStorage as useBridgeStorage } from "./webviewBridge/BridgeStorage";
+// Handlers
+export { registerBridgeHandler } from "./handlers/WebBridgeHandlers";

package/dist/webviewBridge/IframeBridge.d.ts

@@ -0,0 +1,8 @@
+type IframeBridgeOptions = {
+    iframe: HTMLIFrameElement;
+    origin?: string;
+    onLoad?: () => void;
+};
+export declare const attachIframeBridge: ({ iframe, origin, onLoad, }: IframeBridgeOptions) => () => void;
+export {};
+//# sourceMappingURL=IframeBridge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IframeBridge.d.ts","sourceRoot":"","sources":["../../src/webviewBridge/IframeBridge.ts"],"names":[],"mappings":"AAGA,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,6BAIhC,mBAAmB,eAwBrB,CAAC"}

package/dist/webviewBridge/IframeBridge.js

@@ -0,0 +1,24 @@
+import { handleBridgeMessageData } from "../handlers/WebBridgeHandlers";
+import { setIframeRef, setIframeTargetOrigin } from "./WebViewBridgeRef";
+export const attachIframeBridge = ({ iframe, origin = "*", onLoad, }) => {
+    setIframeRef(iframe);
+    setIframeTargetOrigin(origin);
+    const handleMessage = (event) => {
+        if (origin !== "*" && event.origin !== origin)
+            return;
+        if (iframe.contentWindow && event.source !== iframe.contentWindow)
+            return;
+        const payload = typeof event.data === "string" ? event.data : JSON.stringify(event.data);
+        handleBridgeMessageData(payload);
+    };
+    const handleLoad = () => {
+        if (onLoad)
+            onLoad();
+    };
+    window.addEventListener("message", handleMessage);
+    iframe.addEventListener("load", handleLoad);
+    return () => {
+        window.removeEventListener("message", handleMessage);
+        iframe.removeEventListener("load", handleLoad);
+    };
+};

package/dist/webviewBridge/WebIframeScreen.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type Props = {
+    url: string;
+    origin?: string;
+    onload?: () => void;
+    title?: string;
+    style?: React.CSSProperties;
+};
+export declare const WebIframeScreen: ({ url, origin, onload, title, style, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WebIframeScreen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebIframeScreen.d.ts","sourceRoot":"","sources":["../../src/webviewBridge/WebIframeScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,wCAM7B,KAAK,4CAuBP,CAAC"}

package/dist/webviewBridge/WebIframeScreen.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { attachIframeBridge } from "./IframeBridge";
+export const WebIframeScreen = ({ url, origin = "*", onload, title = "Wovv Map", style, }) => {
+    const iframeRef = useRef(null);
+    useEffect(() => {
+        if (!iframeRef.current)
+            return;
+        const cleanup = attachIframeBridge({
+            iframe: iframeRef.current,
+            origin,
+            onLoad: onload,
+        });
+        return cleanup;
+    }, [origin, onload]);
+    return (_jsx("iframe", { ref: iframeRef, src: url, title: title, style: { width: "100%", height: "100%", border: 0, ...style } }));
+};

package/dist/webviewBridge/WebViewBridgeRef.d.ts

@@ -1,5 +1,8 @@
 import type { WebView } from "react-native-webview";
 import { OutgoingMessage } from "../types/types";
 export declare const webviewRef: import("react").RefObject<WebView<{}> | null>;
+export declare const iframeRef: import("react").RefObject<HTMLIFrameElement | null>;
+export declare const setIframeRef: (iframe: HTMLIFrameElement | null) => void;
+export declare const setIframeTargetOrigin: (origin: string) => void;
 export declare const sendToWeb: (data: OutgoingMessage) => void;
 //# sourceMappingURL=WebViewBridgeRef.d.ts.map

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

@@ -1 +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"}
+{"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;AAC/C,eAAO,MAAM,SAAS,qDAAiC,CAAC;AAGxD,eAAO,MAAM,YAAY,GAAI,QAAQ,iBAAiB,GAAG,IAAI,SAE5D,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,SAEnD,CAAC;AAGF,eAAO,MAAM,SAAS,GAAI,MAAM,eAAe,SAc9C,CAAC"}

package/dist/webviewBridge/WebViewBridgeRef.js

@@ -1,14 +1,26 @@
 import { createRef } from "react";
 // Shared WebView ref
 export const webviewRef = createRef();
+export const iframeRef = createRef();
+let iframeTargetOrigin = "*";
+export const setIframeRef = (iframe) => {
+    iframeRef.current = iframe;
+};
+export const setIframeTargetOrigin = (origin) => {
+    iframeTargetOrigin = origin;
+};
 // Exported send function
 export const sendToWeb = (data) => {
+    var _a;
     console.log("webviweRef", webviewRef);
     if (webviewRef.current) {
         console.log("enter current");
         webviewRef.current.postMessage(JSON.stringify(data));
+        return;
     }
-    else {
-        console.warn("WebView not ready yet");
+    if ((_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) {
+        iframeRef.current.contentWindow.postMessage(JSON.stringify(data), iframeTargetOrigin);
+        return;
     }
+    console.warn("WebView/iframe not ready yet");
 };

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "wovvmap-webview-bridge",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
+    },
+    "./web": {
+      "types": "./dist/web.d.ts",
+      "default": "./dist/web.js"
     }
   },
   "files": [