react-native-maplibre-gl-js 1.1.0 → 1.2.0

package/README.md

@@ -1,11 +1,18 @@
+
 <div align="center">
   <h1>react-native-maplibre-gl-js</h1>
-</div>
-<div align="center">
-  <img src="https://img.shields.io/github/license/emilienaufauvre/react-native-maplibre-gl-js?style=for-the-badge&labelColor=black" />
-  <img src="https://img.shields.io/github/actions/workflow/status/emilienaufauvre/react-native-maplibre-gl-js/ci.yml?branch=main&style=for-the-badge&label=CI&labelColor=black" />
-  <img src="https://img.shields.io/github/actions/workflow/status/emilienaufauvre/react-native-maplibre-gl-js/cd.yml?branch=main&style=for-the-badge&label=CD&labelColor=black" />
-  <img src="https://img.shields.io/npm/v/react-native-maplibre-gl-js.svg?style=for-the-badge&label=NPM&labelColor=black" />
+  <a href="https://github.com/emilienaufauvre/react-native-maplibre-gl-js/actions/workflows/validation.yml">
+    <img src="https://img.shields.io/github/actions/workflow/status/emilienaufauvre/react-native-maplibre-gl-js/validation.yml?branch=main&style=for-the-badge&label=Validation&labelColor=black" />
+  </a>
+  <a href="https://codecov.io/github/emilienaufauvre/react-native-maplibre-gl-js">
+    <img src="https://img.shields.io/codecov/c/github/emilienaufauvre/react-native-maplibre-gl-js/main?style=for-the-badge&labelColor=black&label=Test%20coverage" />
+  </a>
+  <a href="https://github.com/emilienaufauvre/react-native-maplibre-gl-js/actions/workflows/delivery.yml">
+    <img src="https://img.shields.io/github/actions/workflow/status/emilienaufauvre/react-native-maplibre-gl-js/delivery.yml?branch=main&style=for-the-badge&label=Delivery&labelColor=black" />
+  </a>
+  <a href="https://www.npmjs.com/package/react-native-maplibre-gl-js">
+    <img src="https://img.shields.io/npm/v/react-native-maplibre-gl-js.svg?style=for-the-badge&label=NPM&labelColor=black" />
+  </a>
 </div>
 
 <div align="center">
@@ -43,12 +50,14 @@
 
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
-<!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
 - [Supported platforms](#supported-platforms)
 - [Installation](#installation)
 - [📚 Documentation](#-documentation)
 - [🧪 Examples](#-examples)
+  - [1. Map](#1-map)
+  - [2. Marker](#2-marker)
+  - [3. Popup](#3-popup)
 - [🏁 Getting started](#-getting-started)
 - [📝 Design rationale](#-design-rationale)
   - [Existing React Native map solutions](#existing-react-native-map-solutions)

package/lib/module/react-native/components/Map/Map.test.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { render } from '@testing-library/react-native';
+import Map from "./Map.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+describe('Map', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  describe('Given the component is rendered', () => {
+    beforeEach(() => {
+      render(/*#__PURE__*/_jsx(Map, {}));
+    });
+    describe('When nothing', () => {
+      test('Then it does not crash', () => {});
+    });
+  });
+});
+//# sourceMappingURL=Map.test.js.map

package/lib/module/react-native/components/Map/Map.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","Map","jsx","_jsx","describe","beforeEach","jest","clearAllMocks","test"],"sourceRoot":"../../../../../src","sources":["react-native/components/Map/Map.test.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,+BAA+B;AACtD,OAAOC,GAAG,MAAM,UAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEvBC,QAAQ,CAAC,KAAK,EAAE,MAAM;EACpBC,UAAU,CAAC,MAAM;IACfC,IAAI,CAACC,aAAa,CAAC,CAAC;EACtB,CAAC,CAAC;EAEFH,QAAQ,CAAC,iCAAiC,EAAE,MAAM;IAChDC,UAAU,CAAC,MAAM;MACfL,MAAM,cAACG,IAAA,CAACF,GAAG,IAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IAEFG,QAAQ,CAAC,cAAc,EAAE,MAAM;MAC7BI,IAAI,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/react-native/components/MapProvider/MapProvider.hooks.js

@@ -1,7 +1,11 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { useMemo } from 'react';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import RNLogger from "../../logger/rn-logger.js";
+import { isWebObjectListenerOnHTMLElement, isWebObjectListenerOnMapLayer, isWebObjectListenerOnObject, isWebObjectListenerOnRN } from "../../../communication/messages.utils.js";
+import useMapAtoms from "../../hooks/atoms/useMapAtoms.js";
+import { buildCssInjectionScript, normalizeCss } from "./MapProvider.utils.js";
 export const useStyles = () => {
   return useMemo(() => StyleSheet.create({
     container: {
@@ -15,4 +19,147 @@ export const useStyles = () => {
     }
   }), []);
 };
+
+/**
+ * On start, the map must be mounted before any other map element. When the
+ * mount message of the map is ready, we flush all the pending messages to
+ * the web world.
+ */
+export const useFlushMessagesOnMapMounted = () => {
+  // States.
+  // - Global.
+  const {
+    isMapMountMessageReady,
+    flushMessages
+  } = useMapAtoms();
+  useEffect(() => {
+    if (isMapMountMessageReady) {
+      flushMessages();
+    }
+  }, [flushMessages, isMapMountMessageReady]);
+};
+
+/**
+ * @returns - The handler that will receive the messages from the web world.
+ */
+export const useWebMessageHandler = () => {
+  // States.
+  // - Global.
+  const {
+    setIsWebWorldReady,
+    getWebObjectListeners,
+    resolveWebObjectPendingMethodResponse
+  } = useMapAtoms();
+  const createWebViewMessageHandler = useCallback(handlers => {
+    // Not an anonymous function => get the function name for logger.
+    return function handleMessage(event) {
+      try {
+        RNLogger.debug('RN', handleMessage.name, event?.nativeEvent?.data);
+        const message = JSON.parse(event.nativeEvent.data);
+        const handler = handlers[message.type];
+        return handler?.(message);
+      } catch (error) {
+        RNLogger.error('RN', handleMessage.name, error.message);
+      }
+    };
+  }, []);
+
+  // Handle the messages from the web world by dispatching the message to the
+  // corresponding handler.
+  const handler = useMemo(() => {
+    return createWebViewMessageHandler({
+      console: ({
+        payload: {
+          args,
+          level
+        }
+      }) => {
+        RNLogger[level]('Web', args[0], ...args.slice(1));
+      },
+      ready: () => {
+        setIsWebWorldReady(true);
+      },
+      webObjectListenerEvent: ({
+        payload: {
+          eventName,
+          event,
+          objectId
+        }
+      }) => {
+        // Retrieve the corresponding object listener.
+        const listener = getWebObjectListeners({
+          objectId
+        })?.[eventName];
+        // Then, call it.
+        if (isWebObjectListenerOnRN(listener)) {
+          ;
+          listener.rnListener(event);
+        }
+        if (isWebObjectListenerOnObject(listener)) {
+          ;
+          listener.objectListener(event);
+        }
+        if (isWebObjectListenerOnMapLayer(listener)) {
+          ;
+          listener.layerListener(event);
+        }
+        if (isWebObjectListenerOnHTMLElement(listener)) {
+          ;
+          listener.elementListener(event);
+        }
+      },
+      webObjectMethodResponse: ({
+        payload: {
+          requestId,
+          result
+        }
+      }) => {
+        resolveWebObjectPendingMethodResponse({
+          requestId,
+          result
+        });
+      }
+    });
+  }, [createWebViewMessageHandler, setIsWebWorldReady, getWebObjectListeners, resolveWebObjectPendingMethodResponse]);
+  return {
+    handler
+  };
+};
+
+/**
+ * @param injectedCss - The CSS to be injected.
+ * @returns - The given CSS in a format that can be injected into the WebView.
+ */
+export const useCssInjectionScript = injectedCss => {
+  const cssInjectionScript = useMemo(() => {
+    const normalizedCss = normalizeCss(injectedCss);
+    return normalizedCss ? buildCssInjectionScript(normalizedCss) : undefined;
+  }, [injectedCss]);
+  return {
+    cssInjectionScript
+  };
+};
+
+/**
+ * Inject the given script into the WebView if it changed.
+ * @param cssInjectionScript - A script that injects CSS once executed within
+ *  the WebView.
+ */
+export const useInjectJavaScriptIfInjectedCssChanged = cssInjectionScript => {
+  // Refs.
+  const lastInjectedScriptRef = useRef(undefined);
+  // States.
+  // - Global.
+  const {
+    webView,
+    isWebWorldReady
+  } = useMapAtoms();
+  useEffect(() => {
+    if (!cssInjectionScript || !isWebWorldReady || !webView || lastInjectedScriptRef.current === cssInjectionScript) {
+      return;
+    }
+    webView?.injectJavaScript(cssInjectionScript);
+    lastInjectedScriptRef.current = cssInjectionScript;
+  }, [cssInjectionScript, isWebWorldReady, webView]);
+};
 //# sourceMappingURL=MapProvider.hooks.js.map

package/lib/module/react-native/components/MapProvider/MapProvider.hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useMemo","useStyles","create","container","width","height","overflow","webView","flex","backgroundColor"],"sourceRoot":"../../../../../src","sources":["react-native/components/MapProvider/MapProvider.hooks.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,OAAO;AAE/B,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,OAAOD,OAAO,CACZ,MACED,UAAU,CAACG,MAAM,CAAC;IAChBC,SAAS,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE,MAAM;MAAEC,QAAQ,EAAE;IAAS,CAAC;IAChEC,OAAO,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAE;IAAc;EACrD,CAAC,CAAC,EACJ,EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","useCallback","useEffect","useMemo","useRef","RNLogger","isWebObjectListenerOnHTMLElement","isWebObjectListenerOnMapLayer","isWebObjectListenerOnObject","isWebObjectListenerOnRN","useMapAtoms","buildCssInjectionScript","normalizeCss","useStyles","create","container","width","height","overflow","webView","flex","backgroundColor","useFlushMessagesOnMapMounted","isMapMountMessageReady","flushMessages","useWebMessageHandler","setIsWebWorldReady","getWebObjectListeners","resolveWebObjectPendingMethodResponse","createWebViewMessageHandler","handlers","handleMessage","event","debug","name","nativeEvent","data","message","JSON","parse","handler","type","error","console","payload","args","level","slice","ready","webObjectListenerEvent","eventName","objectId","listener","rnListener","objectListener","layerListener","elementListener","webObjectMethodResponse","requestId","result","useCssInjectionScript","injectedCss","cssInjectionScript","normalizedCss","undefined","useInjectJavaScriptIfInjectedCssChanged","lastInjectedScriptRef","isWebWorldReady","current","injectJavaScript"],"sourceRoot":"../../../../../src","sources":["react-native/components/MapProvider/MapProvider.hooks.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/react-native/components/MapProvider/MapProvider.js

@@ -3,11 +3,8 @@
 import { View } from 'react-native';
 import { WebView } from 'react-native-webview';
 import { WEBVIEW_STATIC_HTML } from "../../../web/generated/webview_static_html.js";
-import RNLogger from "../../logger/rn-logger.js";
 import useMapAtoms from "../../hooks/atoms/useMapAtoms.js";
-import { isWebObjectListenerOnHTMLElement, isWebObjectListenerOnMapLayer, isWebObjectListenerOnObject, isWebObjectListenerOnRN } from "../../../communication/messages.utils.js";
-import { useStyles } from "./MapProvider.hooks.js";
-import { useCallback, useEffect } from 'react';
+import { useFlushMessagesOnMapMounted, useCssInjectionScript, useInjectJavaScriptIfInjectedCssChanged, useStyles, useWebMessageHandler } from "./MapProvider.hooks.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Must be used as a parent component to allow instantiation of map elements.
@@ -27,102 +24,39 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MapProvider = ({
   style,
   webViewStyle,
-  children
+  children,
+  injectedCss
 }) => {
   // States.
   // - Global.
   const {
-    setWebView,
-    setIsWebWorldReady,
-    isMapMountMessageReady,
-    flushMessages,
-    getWebObjectListeners,
-    resolveWebObjectPendingMethodResponse
+    setWebView
   } = useMapAtoms();
   // Theme.
   const styles = useStyles();
-
-  // On start, the map must be mounted before any other map element. When the
-  // mount message of the map is ready, we flush all the pending messages to
-  // the web world.
-  useEffect(() => {
-    if (isMapMountMessageReady) {
-      flushMessages();
-    }
-  }, [flushMessages, isMapMountMessageReady]);
-
-  // Handler of messages from the web world.
-  const onMessage = useCallback(
-  // Not an anonymous function => get the function name for logger.
-  function handleMessage(event) {
-    try {
-      RNLogger.debug('RN', handleMessage.name, event?.nativeEvent?.data);
-      const message = JSON.parse(event.nativeEvent.data);
-      switch (message.type) {
-        case 'console':
-          {
-            RNLogger[message.payload.level]('Web', message.payload.args[0], ...message.payload.args.slice(1));
-            break;
-          }
-        case 'ready':
-          {
-            setIsWebWorldReady(true);
-            break;
-          }
-        case 'webObjectListenerEvent':
-          {
-            // Retrieve the corresponding object listener.
-            const listener = getWebObjectListeners({
-              objectId: message.payload.objectId
-            })?.[message.payload.eventName];
-            // Then, call it.
-            if (isWebObjectListenerOnRN(listener)) {
-              ;
-              listener.rnListener(message.payload.event);
-            }
-            if (isWebObjectListenerOnObject(listener)) {
-              ;
-              listener.objectListener(message.payload.event);
-            }
-            if (isWebObjectListenerOnMapLayer(listener)) {
-              ;
-              listener.layerListener(message.payload.event);
-            }
-            if (isWebObjectListenerOnHTMLElement(listener)) {
-              ;
-              listener.elementListener(message.payload.event);
-            }
-            break;
-          }
-        case 'webObjectMethodResponse':
-          {
-            resolveWebObjectPendingMethodResponse({
-              requestId: message.payload.requestId,
-              result: message.payload.result
-            });
-            break;
-          }
-      }
-    } catch (error) {
-      RNLogger.error('RN', handleMessage.name, error.message);
-    }
-  }, [setIsWebWorldReady, getWebObjectListeners, resolveWebObjectPendingMethodResponse]);
+  // Behaviors.
+  useFlushMessagesOnMapMounted();
+  const {
+    handler
+  } = useWebMessageHandler();
+  const {
+    cssInjectionScript
+  } = useCssInjectionScript(injectedCss);
+  useInjectJavaScriptIfInjectedCssChanged(cssInjectionScript);
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, style],
     children: [/*#__PURE__*/_jsx(WebView, {
+      testID: 'map-provider-webview',
       ref: setWebView,
       style: [styles.webView, webViewStyle],
-      originWhitelist: ['*'],
+      scrollEnabled: false,
       javaScriptEnabled: true,
-      allowFileAccess: true,
       domStorageEnabled: true,
-      scrollEnabled: false,
-      allowUniversalAccessFromFileURLs: true,
-      mixedContentMode: 'always',
-      onMessage: onMessage,
+      onMessage: handler,
       source: {
         html: WEBVIEW_STATIC_HTML
-      }
+      },
+      injectedJavaScriptBeforeContentLoaded: cssInjectionScript
     }), children]
   });
 };

package/lib/module/react-native/components/MapProvider/MapProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","WebView","WEBVIEW_STATIC_HTML","RNLogger","useMapAtoms","isWebObjectListenerOnHTMLElement","isWebObjectListenerOnMapLayer","isWebObjectListenerOnObject","isWebObjectListenerOnRN","useStyles","useCallback","useEffect","jsx","_jsx","jsxs","_jsxs","MapProvider","style","webViewStyle","children","setWebView","setIsWebWorldReady","isMapMountMessageReady","flushMessages","getWebObjectListeners","resolveWebObjectPendingMethodResponse","styles","onMessage","handleMessage","event","debug","name","nativeEvent","data","message","JSON","parse","type","payload","level","args","slice","listener","objectId","eventName","rnListener","objectListener","layerListener","elementListener","requestId","result","error","container","ref","webView","originWhitelist","javaScriptEnabled","allowFileAccess","domStorageEnabled","scrollEnabled","allowUniversalAccessFromFileURLs","mixedContentMode","source","html"],"sourceRoot":"../../../../../src","sources":["react-native/components/MapProvider/MapProvider.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","WebView","WEBVIEW_STATIC_HTML","useMapAtoms","useFlushMessagesOnMapMounted","useCssInjectionScript","useInjectJavaScriptIfInjectedCssChanged","useStyles","useWebMessageHandler","jsx","_jsx","jsxs","_jsxs","MapProvider","style","webViewStyle","children","injectedCss","setWebView","styles","handler","cssInjectionScript","container","testID","ref","webView","scrollEnabled","javaScriptEnabled","domStorageEnabled","onMessage","source","html","injectedJavaScriptBeforeContentLoaded"],"sourceRoot":"../../../../../src","sources":["react-native/components/MapProvider/MapProvider.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,mBAAmB,QAAQ,+CAA4C;AAChF,OAAOC,WAAW,MAAM,kCAA+B;AACvD,SACEC,4BAA4B,EAC5BC,qBAAqB,EACrBC,uCAAuC,EACvCC,SAAS,EACTC,oBAAoB,QACf,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAC;EACnBC,KAAK;EACLC,YAAY;EACZC,QAAQ;EACRC;AACgB,CAAC,KAAK;EACtB;EACA;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGf,WAAW,CAAC,CAAC;EACpC;EACA,MAAMgB,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1B;EACAH,4BAA4B,CAAC,CAAC;EAC9B,MAAM;IAAEgB;EAAQ,CAAC,GAAGZ,oBAAoB,CAAC,CAAC;EAC1C,MAAM;IAAEa;EAAmB,CAAC,GAAGhB,qBAAqB,CAACY,WAAW,CAAC;EACjEX,uCAAuC,CAACe,kBAAkB,CAAC;EAE3D,oBACET,KAAA,CAACZ,IAAI;IAACc,KAAK,EAAE,CAACK,MAAM,CAACG,SAAS,EAAER,KAAK,CAAE;IAAAE,QAAA,gBACrCN,IAAA,CAACT,OAAO;MACNsB,MAAM,EAAE,sBAAuB;MAC/BC,GAAG,EAAEN,UAAW;MAChBJ,KAAK,EAAE,CAACK,MAAM,CAACM,OAAO,EAAEV,YAAY,CAAE;MACtCW,aAAa,EAAE,KAAM;MACrBC,iBAAiB,EAAE,IAAK;MACxBC,iBAAiB,EAAE,IAAK;MACxBC,SAAS,EAAET,OAAQ;MACnBU,MAAM,EAAE;QAAEC,IAAI,EAAE7B;MAAoB,CAAE;MACtC8B,qCAAqC,EAAEX;IAAmB,CAC3D,CAAC,EACDL,QAAQ;EAAA,CACL,CAAC;AAEX,CAAC;AAED,eAAeH,WAAW","ignoreList":[]}

package/lib/module/react-native/components/MapProvider/MapProvider.test.js

@@ -0,0 +1,144 @@
+"use strict";
+
+import { View, Text } from 'react-native';
+import { render, renderHook, screen } from '@testing-library/react-native';
+import MapProvider from "./MapProvider.js";
+import { useWebMessageHandler } from "./MapProvider.hooks.js";
+import RNLogger from "../../logger/rn-logger.js";
+import { getWebObjectListenersMock, resolveWebObjectPendingMethodResponseMock, setIsWebWorldReadyMock } from "../../hooks/atoms/useMapAtoms.mock.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const createEvent = data => ({
+  nativeEvent: {
+    data: typeof data === 'string' ? data : JSON.stringify(data)
+  }
+});
+describe('MapProvider', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  describe('Given the component is rendered with children', () => {
+    beforeEach(() => {
+      render(/*#__PURE__*/_jsx(MapProvider, {
+        children: /*#__PURE__*/_jsx(View, {
+          children: /*#__PURE__*/_jsx(Text, {
+            testID: "child",
+            children: "Hello"
+          })
+        })
+      }));
+    });
+    describe('When nothing', () => {
+      test('Then the children are rendered', () => {
+        const child = screen.getByTestId('child');
+        expect(child).toBeTruthy();
+      });
+      test('Then the internal WebView is rendered', () => {
+        const webView = screen.getByTestId('map-provider-webview');
+        expect(webView).toBeTruthy();
+      });
+    });
+  });
+});
+describe('useWebMessageHandler', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  describe('Given the hook is used to get the handler', () => {
+    let handler;
+    beforeEach(() => {
+      const {
+        result
+      } = renderHook(() => useWebMessageHandler());
+      handler = result.current.handler;
+    });
+    describe('When nothing', () => {
+      test('Then the handler is a function', () => {
+        expect(typeof handler).toBe('function');
+      });
+    });
+    describe('When handling a message of unknown type', () => {
+      test('Then it does not throw', () => {
+        expect(() => handler(createEvent({
+          type: 'unknown-type'
+        }))).not.toThrow();
+      });
+    });
+    describe('When handling something that is not a message', () => {
+      test('Then it does not throw', () => {
+        expect(() => handler(createEvent('not a message'))).not.toThrow();
+      });
+    });
+    describe('When handling a message of type "console"', () => {
+      beforeEach(() => {
+        handler(createEvent({
+          type: 'console',
+          payload: {
+            level: 'info',
+            args: ['hello', 'world']
+          }
+        }));
+      });
+      test('Then logs to the console', () => {
+        expect(RNLogger.info).toHaveBeenCalledWith('Web', 'hello', 'world');
+      });
+    });
+    describe('When handling a message of type "ready"', () => {
+      beforeEach(() => {
+        handler(createEvent({
+          type: 'ready'
+        }));
+      });
+      test('Then sets the web world is ready', () => {
+        expect(setIsWebWorldReadyMock).toHaveBeenCalledWith(true);
+      });
+    });
+    describe('When handling a message of type "webObjectListenerEvent"', () => {
+      let rnListener;
+      let eventPayload;
+      beforeEach(() => {
+        rnListener = jest.fn();
+        eventPayload = {
+          x: Math.random()
+        };
+        getWebObjectListenersMock.mockReturnValue({
+          click: {
+            rnListener
+          }
+        });
+        handler(createEvent({
+          type: 'webObjectListenerEvent',
+          payload: {
+            objectId: 'object-1',
+            eventName: 'click',
+            event: eventPayload
+          }
+        }));
+      });
+      test('Then dispatches the event to the corresponding listener', () => {
+        expect(rnListener).toHaveBeenCalledWith(eventPayload);
+      });
+    });
+    describe('When handling a message of type "webObjectMethodResponse"', () => {
+      beforeEach(() => {
+        handler(createEvent({
+          type: 'webObjectMethodResponse',
+          payload: {
+            requestId: 'req-123',
+            result: {
+              ok: true
+            }
+          }
+        }));
+      });
+      test('Then resolves the web object method response', () => {
+        expect(resolveWebObjectPendingMethodResponseMock).toHaveBeenCalledWith({
+          requestId: 'req-123',
+          result: {
+            ok: true
+          }
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=MapProvider.test.js.map

package/lib/module/react-native/components/MapProvider/MapProvider.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","render","renderHook","screen","MapProvider","useWebMessageHandler","RNLogger","getWebObjectListenersMock","resolveWebObjectPendingMethodResponseMock","setIsWebWorldReadyMock","jsx","_jsx","createEvent","data","nativeEvent","JSON","stringify","describe","beforeEach","jest","clearAllMocks","children","testID","test","child","getByTestId","expect","toBeTruthy","webView","handler","result","current","toBe","type","not","toThrow","payload","level","args","info","toHaveBeenCalledWith","rnListener","eventPayload","fn","x","Math","random","mockReturnValue","click","objectId","eventName","event","requestId","ok"],"sourceRoot":"../../../../../src","sources":["react-native/components/MapProvider/MapProvider.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/react-native/components/MapProvider/MapProvider.utils.js

@@ -0,0 +1,58 @@
+"use strict";
+
+/**
+ * @param css - The CSS to be normalized.
+ * @returns A normalized array of non-empty CSS strings or `undefined` if the
+ *  given CSS is `undefined` or empty.
+ */
+export const normalizeCss = css => {
+  const normalizedCss = (Array.isArray(css) ? css : css ? [css] : []).map(s => s.trim()).filter(Boolean);
+  return normalizedCss.length ? normalizedCss : undefined;
+};
+
+/**
+ * @param normalizedCss - The CSS to be injected, typically produced by
+ *  {@link normalizeCss}.
+ * @returns A JavaScript snippet that injects CSS into the document and
+ *  evaluates to `true` once executed.
+ */
+export const buildCssInjectionScript = normalizedCss => {
+  const INJECTED_STYLE_ID = '__map_provider_injected_css__';
+  const css = normalizedCss.join('\n');
+  const cssJSON = JSON.stringify(css);
+  const idJSON = JSON.stringify(INJECTED_STYLE_ID);
+  return `
+    (function() {
+      try {
+        var doc = document;
+        var id = ${idJSON};
+        var css = ${cssJSON};
+
+        var styleEl = doc.getElementById(id);
+
+        if (!styleEl) {
+          styleEl = doc.createElement('style');
+          styleEl.type = 'text/css';
+          styleEl.id = id;
+          // If the document head isn't available yet, we append the style to
+          // documentElement as a fallback.
+          // Note: this script won't automatically move the node later when head
+          // becomes available; it will only be moved on a subsequent injection.
+          (doc.head || doc.documentElement).appendChild(styleEl);
+        }
+
+        if (styleEl.textContent !== css) {
+          styleEl.textContent = css;
+        }
+
+        // If head was not available at the time, bring it up now.
+        if (doc.head && styleEl.parentNode !== doc.head) {
+          doc.head.appendChild(styleEl);
+        }
+      } catch (_) {}
+
+      return true;
+    })();
+  `;
+};
+//# sourceMappingURL=MapProvider.utils.js.map

package/lib/module/react-native/components/MapProvider/MapProvider.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeCss","css","normalizedCss","Array","isArray","map","s","trim","filter","Boolean","length","undefined","buildCssInjectionScript","INJECTED_STYLE_ID","join","cssJSON","JSON","stringify","idJSON"],"sourceRoot":"../../../../../src","sources":["react-native/components/MapProvider/MapProvider.utils.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAIC,GAAuB,IAA2B;EAC7E,MAAMC,aAAa,GAAG,CAACC,KAAK,CAACC,OAAO,CAACH,GAAG,CAAC,GAAGA,GAAG,GAAGA,GAAG,GAAG,CAACA,GAAG,CAAC,GAAG,EAAE,EAC/DI,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CACpBC,MAAM,CAACC,OAAO,CAAC;EAElB,OAAOP,aAAa,CAACQ,MAAM,GAAGR,aAAa,GAAGS,SAAS;AACzD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAIV,aAAuB,IAAa;EAC1E,MAAMW,iBAAiB,GAAG,+BAA+B;EAEzD,MAAMZ,GAAG,GAAGC,aAAa,CAACY,IAAI,CAAC,IAAI,CAAC;EACpC,MAAMC,OAAO,GAAGC,IAAI,CAACC,SAAS,CAAChB,GAAG,CAAC;EACnC,MAAMiB,MAAM,GAAGF,IAAI,CAACC,SAAS,CAACJ,iBAAiB,CAAC;EAEhD,OAAO;AACT;AACA;AACA;AACA,mBAAmBK,MAAM;AACzB,oBAAoBH,OAAO;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC","ignoreList":[]}

package/lib/module/react-native/components/Marker/Marker.js

@@ -14,26 +14,22 @@ import createWebObjectAsComponent from "../../components-factory/createWebObject
  *     draggable: true,
  *     // The element to be used as the marker (a descriptor of an HTMLElement).
  *     element: {
- *       tagName: 'div',
  *       innerHTML: `
  *           <style>
- *             .no-margin * {
- *               margin: 0;
- *             }
- *           </style>
- *           <div
- *             class="no-margin"
- *             style="
+ *             .pin {
  *               display: flex;
  *               align-items: center;
  *               justify-content: center;
- *               aspect-ratio: 1;
+ *               width: 32px;
+ *               height: 32px;
+ *               margin: 0;
  *               padding: 4px;
  *               border-radius: 50%;
  *               background-color: #FFF;
  *               box-shadow: 0 0 10px #000A;
- *             "
- *           >
+ *             }
+ *           </style>
+ *           <div class="pin">
  *             <h1>📍</h1>
  *           </div>`,
  *     },

package/lib/module/react-native/components/Marker/Marker.js.map

@@ -1 +1 @@
-{"version":3,"names":["createWebObjectAsComponent","Marker"],"sourceRoot":"../../../../../src","sources":["react-native/components/Marker/Marker.tsx"],"mappings":";;AAAA,OAAOA,0BAA0B,MAAM,wDAAqD;AAG5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAGD,0BAA0B,CAAyB,QAAQ,CAAC;AAE3E,eAAeC,MAAM","ignoreList":[]}
+{"version":3,"names":["createWebObjectAsComponent","Marker"],"sourceRoot":"../../../../../src","sources":["react-native/components/Marker/Marker.tsx"],"mappings":";;AAAA,OAAOA,0BAA0B,MAAM,wDAAqD;AAG5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAGD,0BAA0B,CAAyB,QAAQ,CAAC;AAE3E,eAAeC,MAAM","ignoreList":[]}