- Lint

- Bug fixes
- crypto polyfill fixes
- updates to bundling
- better global installation

Author: chaitanyapotti

demo/rn-bare-example/.prettierrc.js

@@ -1,7 +1,6 @@
 module.exports = {
-  arrowParens: 'avoid',
-  bracketSameLine: true,
-  bracketSpacing: false,
-  singleQuote: true,
-  trailingComma: 'all',
+  singleQuote: false,
+  semi: true,
+  trailingComma: 'es5',
+  printWidth: 150,
 };

demo/rn-bare-example/babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:@react-native/babel-preset'],
+  presets: ["module:@react-native/babel-preset"],
 };

demo/rn-bare-example/globals.js

@@ -0,0 +1,17 @@
+import { install } from "react-native-quick-crypto";
+
+install();
+
+// Needed so that 'stream-http' chooses the right default protocol.
+// @ts-ignore
+global.location = {
+  protocol: "file:",
+};
+// @ts-ignore
+global.process.version = "v16.0.0";
+if (!global.process.version) {
+  global.process = require("process");
+  console.log({ process: global.process });
+}
+// @ts-ignore
+process.browser = true;

demo/rn-bare-example/globals.ts

@@ -1,6 +1,5 @@
 import { AppRegistry } from "react-native";
-import "react-native-get-random-values";
 import "./globals";
 import App from "./App";
 import { name as appName } from "./app.json";
-AppRegistry.registerComponent(appName, () => App);
+AppRegistry.registerComponent(appName, () => App);

demo/rn-bare-example/index.js demo/rn-bare-example/index.tsdemo/rn-bare-example/index.js renamed to demo/rn-bare-example/index.ts

@@ -1,22 +1,29 @@
-const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+const { getDefaultConfig, mergeConfig } = require("@react-native/metro-config");
 
 const defaultConfig = getDefaultConfig(__dirname);
 
 const config = {
-    resolver: {
-        extraNodeModules: {
-            assert: require.resolve("empty-module"), // assert can be polyfilled here if needed
-            http: require.resolve("empty-module"), // stream-http can be polyfilled here if needed
-            https: require.resolve("empty-module"), // https-browserify can be polyfilled here if needed
-            os: require.resolve("empty-module"), // os-browserify can be polyfilled here if needed
-            url: require.resolve("empty-module"), // url can be polyfilled here if needed
-            zlib: require.resolve("empty-module"), // browserify-zlib can be polyfilled here if needed
-            path: require.resolve("empty-module"),
-            crypto: require.resolve("crypto-browserify"),
-            stream: require.resolve("readable-stream"),
-        },
-        sourceExts: [...defaultConfig.resolver.sourceExts, 'svg'],
+  resolver: {
+    extraNodeModules: {
+      assert: require.resolve("empty-module"), // assert can be polyfilled here if needed
+      http: require.resolve("empty-module"), // stream-http can be polyfilled here if needed
+      https: require.resolve("empty-module"), // https-browserify can be polyfilled here if needed
+      os: require.resolve("empty-module"), // os-browserify can be polyfilled here if needed
+      url: require.resolve("empty-module"), // url can be polyfilled here if needed
+      zlib: require.resolve("empty-module"), // browserify-zlib can be polyfilled here if needed
+      path: require.resolve("empty-module"),
+      stream: require.resolve("readable-stream"),
     },
+    sourceExts: [...defaultConfig.resolver.sourceExts, "svg"],
+    resolveRequest: (context, moduleName, platform) => {
+      if (moduleName === "crypto") {
+        // when importing crypto, resolve to react-native-quick-crypto
+        return context.resolveRequest(context, "react-native-quick-crypto", platform);
+      }
+      // otherwise chain to the standard Metro resolver.
+      return context.resolveRequest(context, moduleName, platform);
+    },
+  },
 };
 
 module.exports = mergeConfig(defaultConfig, config);