@datadog/mobile-react-native-webview 1.5.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2017 Datadog, Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,57 @@
+# React-Native Monitoring for react-native-webview
+
+## Overview
+
+Real User Monitoring (RUM) allows you to monitor web views and eliminate blind spots in your hybrid React Native applications.
+
+You can perform the following:
+
+-   Track user journeys across web and native components in mobile applications
+-   Scope the root cause of latency to web pages or native components in mobile applications
+-   Support users that have difficulty loading web pages on mobile devices
+
+RUM supports web views created using [react-native-webview][3].
+
+## Setup
+
+### Prerequisites
+
+Set up the RUM Browser SDK on the web page you want rendered on your mobile React Native application. For more information, see [RUM Browser Monitoring][1].
+
+Add `react-native-webview` to your application following the [official installation documentation][4].
+
+### Instrument your web views
+
+Import `WebView` from `@datadog/mobile-react-native-webview` instead of `react-native-webview`:
+
+```javascript
+import { WebView } from '@datadog/mobile-react-native-webview';
+// or
+import WebView from '@datadog/mobile-react-native-webview';
+```
+
+You can use all existing functionalities from `react-native-webview` as the `WebView` component from `@datadog/mobile-react-native-webview` wraps the `react-native-webview` component.
+
+Provide the list of hosts to be tracked by Datadog inside the web view by using the `allowedHosts` prop of your `WebView` component:
+
+```javascript
+<WebView
+    source={{ uri: 'https://www.example.com' }}
+    allowedHosts={['example.com']}
+/>
+```
+
+## Access your web views
+
+Your web views appear in the [RUM Explorer][2] with associated `service` and `source` attributes. The `service` attribute indicates the web component the web view is generated from, and the `source` attribute denotes the mobile application's platform, such as React Native.
+
+Filter on your React Native applications, and click a session. A side panel with a list of events in the session appears.
+
+{{< img src="real_user_monitoring/react_native/reactnative_webview_session.png" alt="webview session example" >}}
+
+Click **Open View waterfall** to navigate from the session to a resource waterfall visualization in the view's **Performance** tab.
+
+[1]: https://docs.datadoghq.com/real_user_monitoring/browser/#npm
+[2]: https://app.datadoghq.com/rum/explorer
+[3]: https://github.com/react-native-webview/react-native-webview
+[4]: https://github.com/react-native-webview/react-native-webview/blob/master/docs/Getting-Started.md

package/lib/commonjs/__utils__/formatAllowedHosts.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatAllowedHosts = formatAllowedHosts;
+
+var _reactNative = require("react-native");
+
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+function formatAllowedHosts(allowedHosts) {
+  try {
+    return `'${JSON.stringify(allowedHosts)}'`;
+  } catch (e) {
+    if (_reactNative.NativeModules.DdSdk && _reactNative.NativeModules.DdSdk.telemetryError) {
+      _reactNative.NativeModules.DdSdk.telemetryError(getErrorMessage(e), getErrorStackTrace(e), 'AllowedHostsError');
+    }
+
+    return "'[]'";
+  }
+}
+/**
+ * The next section is copied from packages/core/src/errorUtils
+ */
+
+
+const EMPTY_MESSAGE = 'Unknown Error';
+const EMPTY_STACK_TRACE = '';
+
+const getErrorMessage = error => {
+  let message = EMPTY_MESSAGE;
+
+  if (error === undefined || error === null) {
+    message = EMPTY_MESSAGE;
+  } else if (typeof error === 'object' && 'message' in error) {
+    message = String(error.message);
+  } else {
+    message = String(error);
+  }
+
+  return message;
+};
+
+const getErrorStackTrace = error => {
+  let stack = EMPTY_STACK_TRACE;
+
+  try {
+    if (error === undefined || error === null) {
+      stack = EMPTY_STACK_TRACE;
+    } else if (typeof error === 'string') {
+      stack = EMPTY_STACK_TRACE;
+    } else if (typeof error === 'object') {
+      if ('stacktrace' in error) {
+        stack = String(error.stacktrace);
+      } else if ('stack' in error) {
+        stack = String(error.stack);
+      } else if ('componentStack' in error) {
+        stack = String(error.componentStack);
+      } else if ('sourceURL' in error && 'line' in error && 'column' in error) {
+        stack = `at ${error.sourceURL}:${error.line}:${error.column}`;
+      }
+    }
+  } catch (e) {// Do nothing
+  }
+
+  return stack;
+};
+//# sourceMappingURL=formatAllowedHosts.js.map

package/lib/commonjs/__utils__/formatAllowedHosts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formatAllowedHosts.ts"],"names":["formatAllowedHosts","allowedHosts","JSON","stringify","e","NativeModules","DdSdk","telemetryError","getErrorMessage","getErrorStackTrace","EMPTY_MESSAGE","EMPTY_STACK_TRACE","error","message","undefined","String","stack","stacktrace","componentStack","sourceURL","line","column"],"mappings":";;;;;;;AAKA;;AALA;AACA;AACA;AACA;AACA;AAGO,SAASA,kBAAT,CAA4BC,YAA5B,EAA6D;AAChE,MAAI;AACA,WAAQ,IAAGC,IAAI,CAACC,SAAL,CAAeF,YAAf,CAA6B,GAAxC;AACH,GAFD,CAEE,OAAOG,CAAP,EAAe;AACb,QAAIC,2BAAcC,KAAd,IAAuBD,2BAAcC,KAAd,CAAoBC,cAA/C,EAA+D;AAC3DF,iCAAcC,KAAd,CAAoBC,cAApB,CACIC,eAAe,CAACJ,CAAD,CADnB,EAEIK,kBAAkB,CAACL,CAAD,CAFtB,EAGI,mBAHJ;AAKH;;AACD,WAAO,MAAP;AACH;AACJ;AAED;AACA;AACA;;;AAEA,MAAMM,aAAa,GAAG,eAAtB;AACA,MAAMC,iBAAiB,GAAG,EAA1B;;AAEA,MAAMH,eAAe,GAAII,KAAD,IAAoC;AACxD,MAAIC,OAAO,GAAGH,aAAd;;AACA,MAAIE,KAAK,KAAKE,SAAV,IAAuBF,KAAK,KAAK,IAArC,EAA2C;AACvCC,IAAAA,OAAO,GAAGH,aAAV;AACH,GAFD,MAEO,IAAI,OAAOE,KAAP,KAAiB,QAAjB,IAA6B,aAAaA,KAA9C,EAAqD;AACxDC,IAAAA,OAAO,GAAGE,MAAM,CAACH,KAAK,CAACC,OAAP,CAAhB;AACH,GAFM,MAEA;AACHA,IAAAA,OAAO,GAAGE,MAAM,CAACH,KAAD,CAAhB;AACH;;AAED,SAAOC,OAAP;AACH,CAXD;;AAaA,MAAMJ,kBAAkB,GAAIG,KAAD,IAAoC;AAC3D,MAAII,KAAK,GAAGL,iBAAZ;;AAEA,MAAI;AACA,QAAIC,KAAK,KAAKE,SAAV,IAAuBF,KAAK,KAAK,IAArC,EAA2C;AACvCI,MAAAA,KAAK,GAAGL,iBAAR;AACH,KAFD,MAEO,IAAI,OAAOC,KAAP,KAAiB,QAArB,EAA+B;AAClCI,MAAAA,KAAK,GAAGL,iBAAR;AACH,KAFM,MAEA,IAAI,OAAOC,KAAP,KAAiB,QAArB,EAA+B;AAClC,UAAI,gBAAgBA,KAApB,EAA2B;AACvBI,QAAAA,KAAK,GAAGD,MAAM,CAACH,KAAK,CAACK,UAAP,CAAd;AACH,OAFD,MAEO,IAAI,WAAWL,KAAf,EAAsB;AACzBI,QAAAA,KAAK,GAAGD,MAAM,CAACH,KAAK,CAACI,KAAP,CAAd;AACH,OAFM,MAEA,IAAI,oBAAoBJ,KAAxB,EAA+B;AAClCI,QAAAA,KAAK,GAAGD,MAAM,CAACH,KAAK,CAACM,cAAP,CAAd;AACH,OAFM,MAEA,IACH,eAAeN,KAAf,IACA,UAAUA,KADV,IAEA,YAAYA,KAHT,EAIL;AACEI,QAAAA,KAAK,GAAI,MAAKJ,KAAK,CAACO,SAAU,IAAGP,KAAK,CAACQ,IAAK,IAAGR,KAAK,CAACS,MAAO,EAA5D;AACH;AACJ;AACJ,GApBD,CAoBE,OAAOjB,CAAP,EAAU,CACR;AACH;;AACD,SAAOY,KAAP;AACH,CA3BD","sourcesContent":["/*\n * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.\n * This product includes software developed at Datadog (https://www.datadoghq.com/).\n * Copyright 2016-Present Datadog, Inc.\n */\nimport { NativeModules } from 'react-native';\n\nexport function formatAllowedHosts(allowedHosts?: string[]): string {\n    try {\n        return `'${JSON.stringify(allowedHosts)}'`;\n    } catch (e: any) {\n        if (NativeModules.DdSdk && NativeModules.DdSdk.telemetryError) {\n            NativeModules.DdSdk.telemetryError(\n                getErrorMessage(e),\n                getErrorStackTrace(e),\n                'AllowedHostsError'\n            );\n        }\n        return \"'[]'\";\n    }\n}\n\n/**\n * The next section is copied from packages/core/src/errorUtils\n */\n\nconst EMPTY_MESSAGE = 'Unknown Error';\nconst EMPTY_STACK_TRACE = '';\n\nconst getErrorMessage = (error: any | undefined): string => {\n    let message = EMPTY_MESSAGE;\n    if (error === undefined || error === null) {\n        message = EMPTY_MESSAGE;\n    } else if (typeof error === 'object' && 'message' in error) {\n        message = String(error.message);\n    } else {\n        message = String(error);\n    }\n\n    return message;\n};\n\nconst getErrorStackTrace = (error: any | undefined): string => {\n    let stack = EMPTY_STACK_TRACE;\n\n    try {\n        if (error === undefined || error === null) {\n            stack = EMPTY_STACK_TRACE;\n        } else if (typeof error === 'string') {\n            stack = EMPTY_STACK_TRACE;\n        } else if (typeof error === 'object') {\n            if ('stacktrace' in error) {\n                stack = String(error.stacktrace);\n            } else if ('stack' in error) {\n                stack = String(error.stack);\n            } else if ('componentStack' in error) {\n                stack = String(error.componentStack);\n            } else if (\n                'sourceURL' in error &&\n                'line' in error &&\n                'column' in error\n            ) {\n                stack = `at ${error.sourceURL}:${error.line}:${error.column}`;\n            }\n        }\n    } catch (e) {\n        // Do nothing\n    }\n    return stack;\n};\n"]}

package/lib/commonjs/__utils__/getInjectedJavaScriptBeforeContentLoaded.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInjectedJavaScriptBeforeContentLoaded = exports.DATADOG_MESSAGE_PREFIX = void 0;
+
+var _formatAllowedHosts = require("./formatAllowedHosts");
+
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+const DATADOG_MESSAGE_PREFIX = '[DATADOG]';
+exports.DATADOG_MESSAGE_PREFIX = DATADOG_MESSAGE_PREFIX;
+
+const getInjectedJavaScriptBeforeContentLoaded = (allowedHosts, injectedJavaScriptBeforeContentLoaded) => `
+    window.DatadogEventBridge = {
+      send(msg) {
+        window.ReactNativeWebView.postMessage("${DATADOG_MESSAGE_PREFIX} " + msg)
+      },
+      getAllowedWebViewHosts() {
+        return ${(0, _formatAllowedHosts.formatAllowedHosts)(allowedHosts)}
+      }
+    };
+    try{      
+      ${injectedJavaScriptBeforeContentLoaded}
+    }
+    catch (error) {
+      // The user defined code has crashed
+    }
+  `;
+
+exports.getInjectedJavaScriptBeforeContentLoaded = getInjectedJavaScriptBeforeContentLoaded;
+//# sourceMappingURL=getInjectedJavaScriptBeforeContentLoaded.js.map

package/lib/commonjs/__utils__/getInjectedJavaScriptBeforeContentLoaded.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getInjectedJavaScriptBeforeContentLoaded.ts"],"names":["DATADOG_MESSAGE_PREFIX","getInjectedJavaScriptBeforeContentLoaded","allowedHosts","injectedJavaScriptBeforeContentLoaded"],"mappings":";;;;;;;AAKA;;AALA;AACA;AACA;AACA;AACA;AAGO,MAAMA,sBAAsB,GAAG,WAA/B;;;AAEA,MAAMC,wCAAwC,GAAG,CACpDC,YADoD,EAEpDC,qCAFoD,KAInD;AACL;AACA;AACA,iDAAiDH,sBAAuB;AACxE;AACA;AACA,iBAAiB,4CAAmBE,YAAnB,CAAiC;AAClD;AACA;AACA;AACA,QAAQC,qCAAsC;AAC9C;AACA;AACA;AACA;AACA,GAnBO","sourcesContent":["/*\n * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.\n * This product includes software developed at Datadog (https://www.datadoghq.com/).\n * Copyright 2016-Present Datadog, Inc.\n */\nimport { formatAllowedHosts } from './formatAllowedHosts';\n\nexport const DATADOG_MESSAGE_PREFIX = '[DATADOG]';\n\nexport const getInjectedJavaScriptBeforeContentLoaded = (\n    allowedHosts?: string[],\n    injectedJavaScriptBeforeContentLoaded?: string\n): string =>\n    `\n    window.DatadogEventBridge = {\n      send(msg) {\n        window.ReactNativeWebView.postMessage(\"${DATADOG_MESSAGE_PREFIX} \" + msg)\n      },\n      getAllowedWebViewHosts() {\n        return ${formatAllowedHosts(allowedHosts)}\n      }\n    };\n    try{      \n      ${injectedJavaScriptBeforeContentLoaded}\n    }\n    catch (error) {\n      // The user defined code has crashed\n    }\n  `;\n"]}

package/lib/commonjs/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WebView = void 0;
+
+var _reactNativeWebview = require("react-native-webview");
+
+var _reactNative = require("react-native");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _getInjectedJavaScriptBeforeContentLoaded = require("./__utils__/getInjectedJavaScriptBeforeContentLoaded");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const WebView = props => {
+  const userDefinedOnMessage = props.onMessage;
+  const onMessage = (0, _react.useCallback)(event => {
+    const message = event.nativeEvent.data;
+
+    if (message.startsWith(_getInjectedJavaScriptBeforeContentLoaded.DATADOG_MESSAGE_PREFIX)) {
+      _reactNative.NativeModules.DdSdk.consumeWebviewEvent(message.substring(_getInjectedJavaScriptBeforeContentLoaded.DATADOG_MESSAGE_PREFIX.length + 1));
+    } else {
+      userDefinedOnMessage === null || userDefinedOnMessage === void 0 ? void 0 : userDefinedOnMessage(event);
+    }
+  }, [userDefinedOnMessage]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeWebview.WebView, _extends({}, props, {
+    onMessage: onMessage,
+    injectedJavaScriptBeforeContentLoaded: (0, _getInjectedJavaScriptBeforeContentLoaded.getInjectedJavaScriptBeforeContentLoaded)(props.allowedHosts, props.injectedJavaScriptBeforeContentLoaded)
+  }));
+};
+
+exports.WebView = WebView;
+var _default = WebView;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["WebView","props","userDefinedOnMessage","onMessage","event","message","nativeEvent","data","startsWith","DATADOG_MESSAGE_PREFIX","NativeModules","DdSdk","consumeWebviewEvent","substring","length","allowedHosts","injectedJavaScriptBeforeContentLoaded"],"mappings":";;;;;;;AAMA;;AACA;;AACA;;AAEA;;;;;;;;AAUO,MAAMA,OAAO,GAAIC,KAAD,IAAkB;AACrC,QAAMC,oBAAoB,GAAGD,KAAK,CAACE,SAAnC;AACA,QAAMA,SAAS,GAAG,wBACbC,KAAD,IAAgC;AAC5B,UAAMC,OAAO,GAAGD,KAAK,CAACE,WAAN,CAAkBC,IAAlC;;AACA,QAAIF,OAAO,CAACG,UAAR,CAAmBC,gEAAnB,CAAJ,EAAgD;AAC5CC,iCAAcC,KAAd,CAAoBC,mBAApB,CACIP,OAAO,CAACQ,SAAR,CAAkBJ,iEAAuBK,MAAvB,GAAgC,CAAlD,CADJ;AAGH,KAJD,MAIO;AACHZ,MAAAA,oBAAoB,SAApB,IAAAA,oBAAoB,WAApB,YAAAA,oBAAoB,CAAGE,KAAH,CAApB;AACH;AACJ,GAVa,EAWd,CAACF,oBAAD,CAXc,CAAlB;AAaA,sBACI,6BAAC,2BAAD,eACQD,KADR;AAEI,IAAA,SAAS,EAAEE,SAFf;AAGI,IAAA,qCAAqC,EAAE,wFACnCF,KAAK,CAACc,YAD6B,EAEnCd,KAAK,CAACe,qCAF6B;AAH3C,KADJ;AAUH,CAzBM;;;eA2BQhB,O","sourcesContent":["/*\n * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.\n * This product includes software developed at Datadog (https://www.datadoghq.com/).\n * Copyright 2016-Present Datadog, Inc.\n */\nimport type { WebViewMessageEvent, WebViewProps } from 'react-native-webview';\nimport { WebView as RNWebView } from 'react-native-webview';\nimport { NativeModules } from 'react-native';\nimport React, { useCallback } from 'react';\n\nimport {\n    DATADOG_MESSAGE_PREFIX,\n    getInjectedJavaScriptBeforeContentLoaded\n} from './__utils__/getInjectedJavaScriptBeforeContentLoaded';\n\ntype Props = WebViewProps & {\n    allowedHosts?: string[];\n    injectedJavaScriptBeforeContentLoaded?: string;\n};\n\nexport const WebView = (props: Props) => {\n    const userDefinedOnMessage = props.onMessage;\n    const onMessage = useCallback(\n        (event: WebViewMessageEvent) => {\n            const message = event.nativeEvent.data;\n            if (message.startsWith(DATADOG_MESSAGE_PREFIX)) {\n                NativeModules.DdSdk.consumeWebviewEvent(\n                    message.substring(DATADOG_MESSAGE_PREFIX.length + 1)\n                );\n            } else {\n                userDefinedOnMessage?.(event);\n            }\n        },\n        [userDefinedOnMessage]\n    );\n    return (\n        <RNWebView\n            {...props}\n            onMessage={onMessage}\n            injectedJavaScriptBeforeContentLoaded={getInjectedJavaScriptBeforeContentLoaded(\n                props.allowedHosts,\n                props.injectedJavaScriptBeforeContentLoaded\n            )}\n        />\n    );\n};\n\nexport default WebView;\n"]}

package/lib/module/__utils__/formatAllowedHosts.js

@@ -0,0 +1,63 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import { NativeModules } from 'react-native';
+export function formatAllowedHosts(allowedHosts) {
+  try {
+    return `'${JSON.stringify(allowedHosts)}'`;
+  } catch (e) {
+    if (NativeModules.DdSdk && NativeModules.DdSdk.telemetryError) {
+      NativeModules.DdSdk.telemetryError(getErrorMessage(e), getErrorStackTrace(e), 'AllowedHostsError');
+    }
+
+    return "'[]'";
+  }
+}
+/**
+ * The next section is copied from packages/core/src/errorUtils
+ */
+
+const EMPTY_MESSAGE = 'Unknown Error';
+const EMPTY_STACK_TRACE = '';
+
+const getErrorMessage = error => {
+  let message = EMPTY_MESSAGE;
+
+  if (error === undefined || error === null) {
+    message = EMPTY_MESSAGE;
+  } else if (typeof error === 'object' && 'message' in error) {
+    message = String(error.message);
+  } else {
+    message = String(error);
+  }
+
+  return message;
+};
+
+const getErrorStackTrace = error => {
+  let stack = EMPTY_STACK_TRACE;
+
+  try {
+    if (error === undefined || error === null) {
+      stack = EMPTY_STACK_TRACE;
+    } else if (typeof error === 'string') {
+      stack = EMPTY_STACK_TRACE;
+    } else if (typeof error === 'object') {
+      if ('stacktrace' in error) {
+        stack = String(error.stacktrace);
+      } else if ('stack' in error) {
+        stack = String(error.stack);
+      } else if ('componentStack' in error) {
+        stack = String(error.componentStack);
+      } else if ('sourceURL' in error && 'line' in error && 'column' in error) {
+        stack = `at ${error.sourceURL}:${error.line}:${error.column}`;
+      }
+    }
+  } catch (e) {// Do nothing
+  }
+
+  return stack;
+};
+//# sourceMappingURL=formatAllowedHosts.js.map

package/lib/module/__utils__/formatAllowedHosts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formatAllowedHosts.ts"],"names":["NativeModules","formatAllowedHosts","allowedHosts","JSON","stringify","e","DdSdk","telemetryError","getErrorMessage","getErrorStackTrace","EMPTY_MESSAGE","EMPTY_STACK_TRACE","error","message","undefined","String","stack","stacktrace","componentStack","sourceURL","line","column"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,cAA9B;AAEA,OAAO,SAASC,kBAAT,CAA4BC,YAA5B,EAA6D;AAChE,MAAI;AACA,WAAQ,IAAGC,IAAI,CAACC,SAAL,CAAeF,YAAf,CAA6B,GAAxC;AACH,GAFD,CAEE,OAAOG,CAAP,EAAe;AACb,QAAIL,aAAa,CAACM,KAAd,IAAuBN,aAAa,CAACM,KAAd,CAAoBC,cAA/C,EAA+D;AAC3DP,MAAAA,aAAa,CAACM,KAAd,CAAoBC,cAApB,CACIC,eAAe,CAACH,CAAD,CADnB,EAEII,kBAAkB,CAACJ,CAAD,CAFtB,EAGI,mBAHJ;AAKH;;AACD,WAAO,MAAP;AACH;AACJ;AAED;AACA;AACA;;AAEA,MAAMK,aAAa,GAAG,eAAtB;AACA,MAAMC,iBAAiB,GAAG,EAA1B;;AAEA,MAAMH,eAAe,GAAII,KAAD,IAAoC;AACxD,MAAIC,OAAO,GAAGH,aAAd;;AACA,MAAIE,KAAK,KAAKE,SAAV,IAAuBF,KAAK,KAAK,IAArC,EAA2C;AACvCC,IAAAA,OAAO,GAAGH,aAAV;AACH,GAFD,MAEO,IAAI,OAAOE,KAAP,KAAiB,QAAjB,IAA6B,aAAaA,KAA9C,EAAqD;AACxDC,IAAAA,OAAO,GAAGE,MAAM,CAACH,KAAK,CAACC,OAAP,CAAhB;AACH,GAFM,MAEA;AACHA,IAAAA,OAAO,GAAGE,MAAM,CAACH,KAAD,CAAhB;AACH;;AAED,SAAOC,OAAP;AACH,CAXD;;AAaA,MAAMJ,kBAAkB,GAAIG,KAAD,IAAoC;AAC3D,MAAII,KAAK,GAAGL,iBAAZ;;AAEA,MAAI;AACA,QAAIC,KAAK,KAAKE,SAAV,IAAuBF,KAAK,KAAK,IAArC,EAA2C;AACvCI,MAAAA,KAAK,GAAGL,iBAAR;AACH,KAFD,MAEO,IAAI,OAAOC,KAAP,KAAiB,QAArB,EAA+B;AAClCI,MAAAA,KAAK,GAAGL,iBAAR;AACH,KAFM,MAEA,IAAI,OAAOC,KAAP,KAAiB,QAArB,EAA+B;AAClC,UAAI,gBAAgBA,KAApB,EAA2B;AACvBI,QAAAA,KAAK,GAAGD,MAAM,CAACH,KAAK,CAACK,UAAP,CAAd;AACH,OAFD,MAEO,IAAI,WAAWL,KAAf,EAAsB;AACzBI,QAAAA,KAAK,GAAGD,MAAM,CAACH,KAAK,CAACI,KAAP,CAAd;AACH,OAFM,MAEA,IAAI,oBAAoBJ,KAAxB,EAA+B;AAClCI,QAAAA,KAAK,GAAGD,MAAM,CAACH,KAAK,CAACM,cAAP,CAAd;AACH,OAFM,MAEA,IACH,eAAeN,KAAf,IACA,UAAUA,KADV,IAEA,YAAYA,KAHT,EAIL;AACEI,QAAAA,KAAK,GAAI,MAAKJ,KAAK,CAACO,SAAU,IAAGP,KAAK,CAACQ,IAAK,IAAGR,KAAK,CAACS,MAAO,EAA5D;AACH;AACJ;AACJ,GApBD,CAoBE,OAAOhB,CAAP,EAAU,CACR;AACH;;AACD,SAAOW,KAAP;AACH,CA3BD","sourcesContent":["/*\n * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.\n * This product includes software developed at Datadog (https://www.datadoghq.com/).\n * Copyright 2016-Present Datadog, Inc.\n */\nimport { NativeModules } from 'react-native';\n\nexport function formatAllowedHosts(allowedHosts?: string[]): string {\n    try {\n        return `'${JSON.stringify(allowedHosts)}'`;\n    } catch (e: any) {\n        if (NativeModules.DdSdk && NativeModules.DdSdk.telemetryError) {\n            NativeModules.DdSdk.telemetryError(\n                getErrorMessage(e),\n                getErrorStackTrace(e),\n                'AllowedHostsError'\n            );\n        }\n        return \"'[]'\";\n    }\n}\n\n/**\n * The next section is copied from packages/core/src/errorUtils\n */\n\nconst EMPTY_MESSAGE = 'Unknown Error';\nconst EMPTY_STACK_TRACE = '';\n\nconst getErrorMessage = (error: any | undefined): string => {\n    let message = EMPTY_MESSAGE;\n    if (error === undefined || error === null) {\n        message = EMPTY_MESSAGE;\n    } else if (typeof error === 'object' && 'message' in error) {\n        message = String(error.message);\n    } else {\n        message = String(error);\n    }\n\n    return message;\n};\n\nconst getErrorStackTrace = (error: any | undefined): string => {\n    let stack = EMPTY_STACK_TRACE;\n\n    try {\n        if (error === undefined || error === null) {\n            stack = EMPTY_STACK_TRACE;\n        } else if (typeof error === 'string') {\n            stack = EMPTY_STACK_TRACE;\n        } else if (typeof error === 'object') {\n            if ('stacktrace' in error) {\n                stack = String(error.stacktrace);\n            } else if ('stack' in error) {\n                stack = String(error.stack);\n            } else if ('componentStack' in error) {\n                stack = String(error.componentStack);\n            } else if (\n                'sourceURL' in error &&\n                'line' in error &&\n                'column' in error\n            ) {\n                stack = `at ${error.sourceURL}:${error.line}:${error.column}`;\n            }\n        }\n    } catch (e) {\n        // Do nothing\n    }\n    return stack;\n};\n"]}

package/lib/module/__utils__/getInjectedJavaScriptBeforeContentLoaded.js

@@ -0,0 +1,24 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import { formatAllowedHosts } from './formatAllowedHosts';
+export const DATADOG_MESSAGE_PREFIX = '[DATADOG]';
+export const getInjectedJavaScriptBeforeContentLoaded = (allowedHosts, injectedJavaScriptBeforeContentLoaded) => `
+    window.DatadogEventBridge = {
+      send(msg) {
+        window.ReactNativeWebView.postMessage("${DATADOG_MESSAGE_PREFIX} " + msg)
+      },
+      getAllowedWebViewHosts() {
+        return ${formatAllowedHosts(allowedHosts)}
+      }
+    };
+    try{      
+      ${injectedJavaScriptBeforeContentLoaded}
+    }
+    catch (error) {
+      // The user defined code has crashed
+    }
+  `;
+//# sourceMappingURL=getInjectedJavaScriptBeforeContentLoaded.js.map

package/lib/module/__utils__/getInjectedJavaScriptBeforeContentLoaded.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getInjectedJavaScriptBeforeContentLoaded.ts"],"names":["formatAllowedHosts","DATADOG_MESSAGE_PREFIX","getInjectedJavaScriptBeforeContentLoaded","allowedHosts","injectedJavaScriptBeforeContentLoaded"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,SAASA,kBAAT,QAAmC,sBAAnC;AAEA,OAAO,MAAMC,sBAAsB,GAAG,WAA/B;AAEP,OAAO,MAAMC,wCAAwC,GAAG,CACpDC,YADoD,EAEpDC,qCAFoD,KAInD;AACL;AACA;AACA,iDAAiDH,sBAAuB;AACxE;AACA;AACA,iBAAiBD,kBAAkB,CAACG,YAAD,CAAe;AAClD;AACA;AACA;AACA,QAAQC,qCAAsC;AAC9C;AACA;AACA;AACA;AACA,GAnBO","sourcesContent":["/*\n * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.\n * This product includes software developed at Datadog (https://www.datadoghq.com/).\n * Copyright 2016-Present Datadog, Inc.\n */\nimport { formatAllowedHosts } from './formatAllowedHosts';\n\nexport const DATADOG_MESSAGE_PREFIX = '[DATADOG]';\n\nexport const getInjectedJavaScriptBeforeContentLoaded = (\n    allowedHosts?: string[],\n    injectedJavaScriptBeforeContentLoaded?: string\n): string =>\n    `\n    window.DatadogEventBridge = {\n      send(msg) {\n        window.ReactNativeWebView.postMessage(\"${DATADOG_MESSAGE_PREFIX} \" + msg)\n      },\n      getAllowedWebViewHosts() {\n        return ${formatAllowedHosts(allowedHosts)}\n      }\n    };\n    try{      \n      ${injectedJavaScriptBeforeContentLoaded}\n    }\n    catch (error) {\n      // The user defined code has crashed\n    }\n  `;\n"]}

package/lib/module/index.js

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import { WebView as RNWebView } from 'react-native-webview';
+import { NativeModules } from 'react-native';
+import React, { useCallback } from 'react';
+import { DATADOG_MESSAGE_PREFIX, getInjectedJavaScriptBeforeContentLoaded } from './__utils__/getInjectedJavaScriptBeforeContentLoaded';
+export const WebView = props => {
+  const userDefinedOnMessage = props.onMessage;
+  const onMessage = useCallback(event => {
+    const message = event.nativeEvent.data;
+
+    if (message.startsWith(DATADOG_MESSAGE_PREFIX)) {
+      NativeModules.DdSdk.consumeWebviewEvent(message.substring(DATADOG_MESSAGE_PREFIX.length + 1));
+    } else {
+      userDefinedOnMessage === null || userDefinedOnMessage === void 0 ? void 0 : userDefinedOnMessage(event);
+    }
+  }, [userDefinedOnMessage]);
+  return /*#__PURE__*/React.createElement(RNWebView, _extends({}, props, {
+    onMessage: onMessage,
+    injectedJavaScriptBeforeContentLoaded: getInjectedJavaScriptBeforeContentLoaded(props.allowedHosts, props.injectedJavaScriptBeforeContentLoaded)
+  }));
+};
+export default WebView;
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["WebView","RNWebView","NativeModules","React","useCallback","DATADOG_MESSAGE_PREFIX","getInjectedJavaScriptBeforeContentLoaded","props","userDefinedOnMessage","onMessage","event","message","nativeEvent","data","startsWith","DdSdk","consumeWebviewEvent","substring","length","allowedHosts","injectedJavaScriptBeforeContentLoaded"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AAEA,SAASA,OAAO,IAAIC,SAApB,QAAqC,sBAArC;AACA,SAASC,aAAT,QAA8B,cAA9B;AACA,OAAOC,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AAEA,SACIC,sBADJ,EAEIC,wCAFJ,QAGO,sDAHP;AAUA,OAAO,MAAMN,OAAO,GAAIO,KAAD,IAAkB;AACrC,QAAMC,oBAAoB,GAAGD,KAAK,CAACE,SAAnC;AACA,QAAMA,SAAS,GAAGL,WAAW,CACxBM,KAAD,IAAgC;AAC5B,UAAMC,OAAO,GAAGD,KAAK,CAACE,WAAN,CAAkBC,IAAlC;;AACA,QAAIF,OAAO,CAACG,UAAR,CAAmBT,sBAAnB,CAAJ,EAAgD;AAC5CH,MAAAA,aAAa,CAACa,KAAd,CAAoBC,mBAApB,CACIL,OAAO,CAACM,SAAR,CAAkBZ,sBAAsB,CAACa,MAAvB,GAAgC,CAAlD,CADJ;AAGH,KAJD,MAIO;AACHV,MAAAA,oBAAoB,SAApB,IAAAA,oBAAoB,WAApB,YAAAA,oBAAoB,CAAGE,KAAH,CAApB;AACH;AACJ,GAVwB,EAWzB,CAACF,oBAAD,CAXyB,CAA7B;AAaA,sBACI,oBAAC,SAAD,eACQD,KADR;AAEI,IAAA,SAAS,EAAEE,SAFf;AAGI,IAAA,qCAAqC,EAAEH,wCAAwC,CAC3EC,KAAK,CAACY,YADqE,EAE3EZ,KAAK,CAACa,qCAFqE;AAHnF,KADJ;AAUH,CAzBM;AA2BP,eAAepB,OAAf","sourcesContent":["/*\n * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.\n * This product includes software developed at Datadog (https://www.datadoghq.com/).\n * Copyright 2016-Present Datadog, Inc.\n */\nimport type { WebViewMessageEvent, WebViewProps } from 'react-native-webview';\nimport { WebView as RNWebView } from 'react-native-webview';\nimport { NativeModules } from 'react-native';\nimport React, { useCallback } from 'react';\n\nimport {\n    DATADOG_MESSAGE_PREFIX,\n    getInjectedJavaScriptBeforeContentLoaded\n} from './__utils__/getInjectedJavaScriptBeforeContentLoaded';\n\ntype Props = WebViewProps & {\n    allowedHosts?: string[];\n    injectedJavaScriptBeforeContentLoaded?: string;\n};\n\nexport const WebView = (props: Props) => {\n    const userDefinedOnMessage = props.onMessage;\n    const onMessage = useCallback(\n        (event: WebViewMessageEvent) => {\n            const message = event.nativeEvent.data;\n            if (message.startsWith(DATADOG_MESSAGE_PREFIX)) {\n                NativeModules.DdSdk.consumeWebviewEvent(\n                    message.substring(DATADOG_MESSAGE_PREFIX.length + 1)\n                );\n            } else {\n                userDefinedOnMessage?.(event);\n            }\n        },\n        [userDefinedOnMessage]\n    );\n    return (\n        <RNWebView\n            {...props}\n            onMessage={onMessage}\n            injectedJavaScriptBeforeContentLoaded={getInjectedJavaScriptBeforeContentLoaded(\n                props.allowedHosts,\n                props.injectedJavaScriptBeforeContentLoaded\n            )}\n        />\n    );\n};\n\nexport default WebView;\n"]}

package/lib/typescript/__utils__/formatAllowedHosts.d.ts

@@ -0,0 +1 @@
+export declare function formatAllowedHosts(allowedHosts?: string[]): string;

package/lib/typescript/__utils__/getInjectedJavaScriptBeforeContentLoaded.d.ts

@@ -0,0 +1,2 @@
+export declare const DATADOG_MESSAGE_PREFIX = "[DATADOG]";
+export declare const getInjectedJavaScriptBeforeContentLoaded: (allowedHosts?: string[], injectedJavaScriptBeforeContentLoaded?: string) => string;

package/lib/typescript/index.d.ts

@@ -0,0 +1,7 @@
+import type { WebViewProps } from 'react-native-webview';
+declare type Props = WebViewProps & {
+    allowedHosts?: string[];
+    injectedJavaScriptBeforeContentLoaded?: string;
+};
+export declare const WebView: (props: Props) => JSX.Element;
+export default WebView;

package/package.json

@@ -0,0 +1,74 @@
+{
+    "name": "@datadog/mobile-react-native-webview",
+    "version": "1.5.0",
+    "description": "A client-side React Native module to interact with react-native-webview and Datadog",
+    "keywords": [
+        "datadog",
+        "react-native",
+        "ios",
+        "android",
+        "react-native-webview",
+        "webview"
+    ],
+    "author": "Datadog (https://github.com/DataDog)",
+    "homepage": "https://github.com/DataDog/dd-sdk-reactnative/packages/react-native-webview#readme",
+    "repository": {
+        "url": "https://github.com/DataDog/dd-sdk-reactnative",
+        "directory": "packages/react-native-webview"
+    },
+    "bugs": {
+        "url": "https://github.com/DataDog/dd-sdk-reactnative/issues"
+    },
+    "license": "Apache-2.0",
+    "main": "lib/commonjs/index",
+    "files": [
+        "src",
+        "lib"
+    ],
+    "types": "lib/typescript/index.d.ts",
+    "react-native": "src/index",
+    "source": "src/index",
+    "module": "lib/module/index",
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "test": "jest",
+        "lint": "eslint .",
+        "prepare": "rm -rf lib && yarn bob build"
+    },
+    "devDependencies": {
+        "@testing-library/react-native": "7.0.2"
+    },
+    "peerDependencies": {
+        "@datadog/mobile-react-native": ">=1.5.0",
+        "react": ">=16.13.1",
+        "react-native": ">=0.63.4 <1.0",
+        "react-native-webview": "11.x.x"
+    },
+    "jest": {
+        "preset": "react-native",
+        "modulePathIgnorePatterns": [
+            "<rootDir>/lib/"
+        ],
+        "testPathIgnorePatterns": [
+            "/__utils__/"
+        ],
+        "transformIgnorePatterns": []
+    },
+    "react-native-builder-bob": {
+        "source": "src",
+        "output": "lib",
+        "targets": [
+            "commonjs",
+            "module",
+            [
+                "typescript",
+                {
+                    "tsc": "./../../node_modules/.bin/tsc"
+                }
+            ]
+        ]
+    },
+    "gitHead": "04d48f34c3fe6f2d793cf4157eff5314253afd87"
+}

package/src/__tests__/WebviewDatadog.test.tsx

@@ -0,0 +1,54 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import { fireEvent, render } from '@testing-library/react-native';
+import { NativeModules } from 'react-native';
+import React from 'react';
+
+import { DATADOG_MESSAGE_PREFIX } from '../__utils__/getInjectedJavaScriptBeforeContentLoaded';
+import { WebView } from '../index';
+
+describe('WebView', () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    const DdMessage = 'custom datadog event';
+    const datadogEvent = {
+        nativeEvent: {
+            data: `${DATADOG_MESSAGE_PREFIX} ${DdMessage}`
+        }
+    };
+    const userDefinedEvent = {
+        nativeEvent: {
+            data: 'custom user-defined message'
+        }
+    };
+    it('calls provided onMessage props', async () => {
+        const onMessage = jest.fn();
+        const { findByTestId } = render(
+            <WebView onMessage={onMessage} testID="webView" allowedHosts={[]} />
+        );
+
+        const webView = await findByTestId('webView');
+
+        fireEvent(webView, 'message', userDefinedEvent);
+        expect(onMessage).toHaveBeenCalledWith(userDefinedEvent);
+
+        fireEvent(webView, 'message', datadogEvent);
+        expect(onMessage).toHaveBeenCalledTimes(1);
+        expect(onMessage).not.toHaveBeenCalledWith(datadogEvent);
+    });
+    it('calls consumeWebviewEvent with Datadog logs', async () => {
+        const { findByTestId } = render(
+            <WebView testID="webView" allowedHosts={[]} />
+        );
+        const webView = await findByTestId('webView');
+        fireEvent(webView, 'message', datadogEvent);
+
+        expect(NativeModules.DdSdk.consumeWebviewEvent).toHaveBeenCalledWith(
+            DdMessage
+        );
+    });
+});

package/src/__tests__/WebviewDatadogInjectedJS.test.tsx

@@ -0,0 +1,36 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import { render } from '@testing-library/react-native';
+import React from 'react';
+
+import { WebView } from '../index';
+
+jest.mock('react-native-webview', () => {
+    return {
+        WebView: jest.fn(props => {
+            // eslint-disable-next-line no-eval
+            eval(props.injectedJavaScriptBeforeContentLoaded);
+            return null;
+        })
+    };
+});
+const callfunction = jest.fn();
+
+describe('Webview', () => {
+    it('should pass injectedJavaScriptBeforeContentLoaded prop to WebView component', () => {
+        const injectedJavaScriptBeforeContentLoaded = 'callfunction()';
+        const allowedHosts = ['example.com', 'localhost'];
+        render(
+            <WebView
+                allowedHosts={allowedHosts}
+                injectedJavaScriptBeforeContentLoaded={
+                    injectedJavaScriptBeforeContentLoaded
+                }
+            />
+        );
+        expect(callfunction).toHaveBeenCalled();
+    });
+});

package/src/__tests__/WebviewDatadogPerformance.test.tsx

@@ -0,0 +1,46 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import { render } from '@testing-library/react-native';
+import { WebView as RNWebView } from 'react-native-webview';
+import React from 'react';
+
+import { WebView } from '../index';
+
+jest.mock('react-native-webview', () => {
+    return {
+        WebView: jest.fn()
+    };
+});
+
+describe('WebView performance', () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    it('should update the onMessage prop of the RNWebView component', () => {
+        const onMessage = jest.fn();
+        const allowedHosts = ['localhost', 'example.com'];
+        const { rerender } = render(
+            <WebView onMessage={onMessage} allowedHosts={allowedHosts} />
+        );
+
+        // Render the component with a new onMessage prop
+        rerender(<WebView onMessage={onMessage} allowedHosts={allowedHosts} />);
+
+        // Render the component with a new onMessage prop
+        const newOnMessage = jest.fn();
+        rerender(
+            <WebView onMessage={newOnMessage} allowedHosts={allowedHosts} />
+        );
+        const mockedWebView = jest.mocked(RNWebView);
+        // Verify that the onMessage prop of the RNWebView component has changed
+        expect(mockedWebView.mock.calls[0][0].onMessage).toBe(
+            mockedWebView.mock.calls[1][0].onMessage
+        );
+        expect(mockedWebView.mock.calls[0][0].onMessage).not.toBe(
+            mockedWebView.mock.calls[2][0].onMessage
+        );
+    });
+});

package/src/__tests__/formatAllowedHosts.test.ts

@@ -0,0 +1,40 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { NativeModules } from 'react-native';
+
+import { formatAllowedHosts } from '../__utils__/formatAllowedHosts';
+
+describe('Format allowed hosts', () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    it('returns the host in expected format', () => {
+        const allowedHosts = ['host1.com', 'example.fr', 'api.com'];
+        expect(formatAllowedHosts(allowedHosts)).toBe(
+            '\'["host1.com","example.fr","api.com"]\''
+        );
+    });
+    it('returns an empty arrary when the host is a BigInt', () => {
+        const allowedHosts = BigInt(1240);
+        // @ts-ignore
+        const result = formatAllowedHosts(allowedHosts);
+        expect(NativeModules.DdSdk.telemetryError).toHaveBeenCalled();
+        expect(result).toBe("'[]'");
+    });
+    it('returns an empty array when the host is a circular reference', () => {
+        type circularReference = {
+            host: string;
+            name?: circularReference | string;
+        };
+        const allowedHosts: circularReference = { host: 'value', name: '' };
+        allowedHosts.name = allowedHosts;
+        // @ts-ignore
+        const result = formatAllowedHosts(allowedHosts);
+        expect(NativeModules.DdSdk.telemetryError).toHaveBeenCalled();
+        expect(result).toBe("'[]'");
+    });
+});

package/src/__tests__/getInjectedJavaScriptBeforeContentLoaded.test.ts

@@ -0,0 +1,86 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+/* eslint-disable no-eval */
+import {
+    getInjectedJavaScriptBeforeContentLoaded,
+    DATADOG_MESSAGE_PREFIX
+} from '../__utils__/getInjectedJavaScriptBeforeContentLoaded';
+
+describe('getInjectedJavaScriptBeforeContentLoaded', () => {
+    const DdMessage = 'custom datadog event';
+    let allowedHosts: string[];
+    let script: string;
+    beforeEach(() => {
+        jest.clearAllMocks();
+        Object.defineProperty(window, 'ReactNativeWebView', {
+            value: {
+                postMessage: jest.fn()
+            },
+            writable: true
+        });
+        delete (window as any).DatadogEventBridge;
+    });
+    it('posts the message and returns allowed webview hosts', () => {
+        allowedHosts = ['example.com', 'localhost'];
+        script = getInjectedJavaScriptBeforeContentLoaded(allowedHosts);
+        eval(script);
+
+        // Posting the message
+        (window as any).DatadogEventBridge.send(DdMessage);
+        expect((window as any).ReactNativeWebView.postMessage).toBeCalledWith(
+            `${DATADOG_MESSAGE_PREFIX} ${DdMessage}`
+        );
+
+        // Getting the allowed hosts
+        expect(
+            (window as any).DatadogEventBridge.getAllowedWebViewHosts()
+        ).toBe('["example.com","localhost"]');
+    });
+    it('should return an empty array for getAllowedWebViewHosts if no hosts are given', () => {
+        allowedHosts = [];
+        script = getInjectedJavaScriptBeforeContentLoaded(allowedHosts);
+        eval(script);
+
+        expect(
+            (window as any).DatadogEventBridge.getAllowedWebViewHosts()
+        ).toBe('[]');
+    });
+    it('uses our injected javascript and the user provided implementation', () => {
+        allowedHosts = ['example.com', 'localhost'];
+        const callfunction = jest.fn();
+        const injectedJavaScriptBeforeContentLoaded = 'callfunction()';
+        script = getInjectedJavaScriptBeforeContentLoaded(
+            allowedHosts,
+            injectedJavaScriptBeforeContentLoaded
+        );
+        eval(script);
+        expect(callfunction).toHaveBeenCalled();
+        // Posting the message
+        (window as any).DatadogEventBridge.send(DdMessage);
+        expect((window as any).ReactNativeWebView.postMessage).toBeCalledWith(
+            `${DATADOG_MESSAGE_PREFIX} ${DdMessage}`
+        );
+    });
+    it('executes our injected javascript when the user provided implementation throws an error', () => {
+        allowedHosts = ['example.com', 'localhost'];
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const callfunction = jest.fn().mockImplementation(() => {
+            throw new Error('The user functions throws an error');
+        });
+        const injectedJavaScriptBeforeContentLoaded = 'callfunction()';
+        script = getInjectedJavaScriptBeforeContentLoaded(
+            allowedHosts,
+            injectedJavaScriptBeforeContentLoaded
+        );
+        eval(script);
+        expect(() => eval(injectedJavaScriptBeforeContentLoaded)).toThrow();
+        // Posting the message
+        (window as any).DatadogEventBridge.send(DdMessage);
+        expect((window as any).ReactNativeWebView.postMessage).toBeCalledWith(
+            `${DATADOG_MESSAGE_PREFIX} ${DdMessage}`
+        );
+    });
+});

package/src/__utils__/formatAllowedHosts.ts

@@ -0,0 +1,70 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import { NativeModules } from 'react-native';
+
+export function formatAllowedHosts(allowedHosts?: string[]): string {
+    try {
+        return `'${JSON.stringify(allowedHosts)}'`;
+    } catch (e: any) {
+        if (NativeModules.DdSdk && NativeModules.DdSdk.telemetryError) {
+            NativeModules.DdSdk.telemetryError(
+                getErrorMessage(e),
+                getErrorStackTrace(e),
+                'AllowedHostsError'
+            );
+        }
+        return "'[]'";
+    }
+}
+
+/**
+ * The next section is copied from packages/core/src/errorUtils
+ */
+
+const EMPTY_MESSAGE = 'Unknown Error';
+const EMPTY_STACK_TRACE = '';
+
+const getErrorMessage = (error: any | undefined): string => {
+    let message = EMPTY_MESSAGE;
+    if (error === undefined || error === null) {
+        message = EMPTY_MESSAGE;
+    } else if (typeof error === 'object' && 'message' in error) {
+        message = String(error.message);
+    } else {
+        message = String(error);
+    }
+
+    return message;
+};
+
+const getErrorStackTrace = (error: any | undefined): string => {
+    let stack = EMPTY_STACK_TRACE;
+
+    try {
+        if (error === undefined || error === null) {
+            stack = EMPTY_STACK_TRACE;
+        } else if (typeof error === 'string') {
+            stack = EMPTY_STACK_TRACE;
+        } else if (typeof error === 'object') {
+            if ('stacktrace' in error) {
+                stack = String(error.stacktrace);
+            } else if ('stack' in error) {
+                stack = String(error.stack);
+            } else if ('componentStack' in error) {
+                stack = String(error.componentStack);
+            } else if (
+                'sourceURL' in error &&
+                'line' in error &&
+                'column' in error
+            ) {
+                stack = `at ${error.sourceURL}:${error.line}:${error.column}`;
+            }
+        }
+    } catch (e) {
+        // Do nothing
+    }
+    return stack;
+};

package/src/__utils__/getInjectedJavaScriptBeforeContentLoaded.ts

@@ -0,0 +1,29 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import { formatAllowedHosts } from './formatAllowedHosts';
+
+export const DATADOG_MESSAGE_PREFIX = '[DATADOG]';
+
+export const getInjectedJavaScriptBeforeContentLoaded = (
+    allowedHosts?: string[],
+    injectedJavaScriptBeforeContentLoaded?: string
+): string =>
+    `
+    window.DatadogEventBridge = {
+      send(msg) {
+        window.ReactNativeWebView.postMessage("${DATADOG_MESSAGE_PREFIX} " + msg)
+      },
+      getAllowedWebViewHosts() {
+        return ${formatAllowedHosts(allowedHosts)}
+      }
+    };
+    try{      
+      ${injectedJavaScriptBeforeContentLoaded}
+    }
+    catch (error) {
+      // The user defined code has crashed
+    }
+  `;

package/src/index.tsx

@@ -0,0 +1,48 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import type { WebViewMessageEvent, WebViewProps } from 'react-native-webview';
+import { WebView as RNWebView } from 'react-native-webview';
+import { NativeModules } from 'react-native';
+import React, { useCallback } from 'react';
+
+import {
+    DATADOG_MESSAGE_PREFIX,
+    getInjectedJavaScriptBeforeContentLoaded
+} from './__utils__/getInjectedJavaScriptBeforeContentLoaded';
+
+type Props = WebViewProps & {
+    allowedHosts?: string[];
+    injectedJavaScriptBeforeContentLoaded?: string;
+};
+
+export const WebView = (props: Props) => {
+    const userDefinedOnMessage = props.onMessage;
+    const onMessage = useCallback(
+        (event: WebViewMessageEvent) => {
+            const message = event.nativeEvent.data;
+            if (message.startsWith(DATADOG_MESSAGE_PREFIX)) {
+                NativeModules.DdSdk.consumeWebviewEvent(
+                    message.substring(DATADOG_MESSAGE_PREFIX.length + 1)
+                );
+            } else {
+                userDefinedOnMessage?.(event);
+            }
+        },
+        [userDefinedOnMessage]
+    );
+    return (
+        <RNWebView
+            {...props}
+            onMessage={onMessage}
+            injectedJavaScriptBeforeContentLoaded={getInjectedJavaScriptBeforeContentLoaded(
+                props.allowedHosts,
+                props.injectedJavaScriptBeforeContentLoaded
+            )}
+        />
+    );
+};
+
+export default WebView;