fix(deps): request consumers to install react-native polyfills (#2191)

Co-authored-by: Nicolas Perraut <[email protected]>
Co-authored-by: Felipe César <[email protected]>

Author: 3 people

README.md

@@ -71,6 +71,18 @@ If you use tree shaking to reduce bundle size, using non-modular interface will
 <!-- Uncomment when numbers are available for gamma clients
 In our workshop code, a lambda with DynamoDBClient and a command takes ~18kB while DynamoDB takes ~26 kB ([details](https://github.com/aws-samples/aws-sdk-js-v3-workshop/blob/dc3ad778b04dfe3f8f277dca67162da79c937eca/Exercise1/backend/README.md#reduce-bundle-size-by-just-importing-dynamodb)) -->
 
+If you are consuming modular AWS SDK for JavaScript on react-native environments, you will need
+to add and import following polyfills in your react-native application:
+
+- [react-native-get-random-values](https://www.npmjs.com/package/react-native-get-random-values)
+- [react-native-url-polyfill](https://www.npmjs.com/package/react-native-url-polyfill) <!-- Future support in #2138 --->
+
+```js
+import "react-native-get-random-values";
+import "react-native-url-polyfill/auto";
+import { DynamoDB } from "@aws-sdk/client-dynamodb";
+```
+
 ## New features
 
 ### Modularized packages

packages/middleware-retry/package.json

@@ -20,7 +20,6 @@
     "@aws-sdk/protocol-http": "3.10.0",
     "@aws-sdk/service-error-classification": "3.10.0",
     "@aws-sdk/types": "3.10.0",
-    "react-native-get-random-values": "^1.4.0",
     "tslib": "^1.8.0",
     "uuid": "^3.0.0"
   },

packages/middleware-retry/src/index.native.ts

@@ -24,7 +24,6 @@
     "@aws-sdk/signature-v4": "3.10.0",
     "@aws-sdk/types": "3.10.0",
     "@aws-sdk/util-format-url": "3.10.0",
-    "react-native-get-random-values": "^1.4.0",
     "tslib": "^1.8.0",
     "uuid": "^3.0.0"
   },

packages/middleware-sdk-transcribe-streaming/package.json

@@ -8,6 +8,7 @@
  * @format
  */
 
+import "react-native-get-random-values";
 import React, { Fragment, useState } from "react";
 import { SafeAreaView, StyleSheet, ScrollView, StatusBar, Button, Text } from "react-native";
 import { S3 } from "@aws-sdk/client-s3";

packages/middleware-sdk-transcribe-streaming/src/index.native.ts

@@ -13,7 +13,8 @@
     "detox": "^17.0.2",
     "jest-junit": "^11.0.1",
     "react": "16.8.6",
-    "react-native": "0.60.3"
+    "react-native": "0.60.3",
+    "react-native-get-random-values": "^1.6.0"
   },
   "devDependencies": {
     "@babel/core": "^7.5.0",

tests/react-native/End2End/App.tsx

@@ -4918,11 +4918,6 @@ extsprintf@^1.2.0:
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
   integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
 
-fast-base64-decode@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fast-base64-decode/-/fast-base64-decode-1.0.0.tgz#b434a0dd7d92b12b43f26819300d2dafb83ee418"
-  integrity sha512-qwaScUgUGBYeDNRnbc/KyllVU88Jk1pRHPStuF/lO7B0/RTRLj7U0lkdTAutlBblY08rwZDff6tNU9cjv6j//Q==
-
 fast-deep-equal@^3.1.1:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
@@ -9491,13 +9486,6 @@ react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.1.tgz#5b3531bd76a645a4c9fb6e693ed36419e3301339"
   integrity sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==
 
-react-native-get-random-values@^1.4.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/react-native-get-random-values/-/react-native-get-random-values-1.6.0.tgz#9035636b2dc2a6d574f2803205381fe1a7b5c864"
-  integrity sha512-sPTRTJk4bpuZeTBf6d7DldQGAOCi0GZh5NxzNI3eHXzxwHbNkV13Q22TehiSb3bsaVqwLC4UAa6QvYIucyyc+A==
-  dependencies:
-    fast-base64-decode "^1.0.0"
-
 read-cmd-shim@^1.0.1:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-1.0.5.tgz#87e43eba50098ba5a32d0ceb583ab8e43b961c16"