fix: run example app on fresh clone in emulator

Author: ovitrif

.gitignore

@@ -1,3 +1,4 @@
+.vscode/
 .idea/
 **/.DS_Store
 example/.watchman*

example/babel.config.js

@@ -1,3 +1,8 @@
 module.exports = {
 	presets: ['module:metro-react-native-babel-preset'],
+	plugins: [
+		['@babel/plugin-transform-class-properties', { loose: false }],
+		['@babel/plugin-proposal-private-methods', { loose: false }],
+		['@babel/plugin-transform-private-property-in-object', { loose: false }],
+	],
 };

example/metro.config.js

@@ -1,11 +1,26 @@
-const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+const path = require('path');
 
 /**
  * Metro configuration
  * https://facebook.github.io/metro/docs/configuration
  *
  * @type {import('metro-config').MetroConfig}
  */
-const config = {};
+const defaultConfig = getDefaultConfig(__dirname);
 
-module.exports = mergeConfig(getDefaultConfig(__dirname), config);
+const config = {
+	resolver: {
+		extraNodeModules: {
+			stream: path.resolve(__dirname, 'node_modules/stream-browserify'),
+			buffer: path.resolve(__dirname, 'node_modules/buffer/'),
+			assert: path.resolve(__dirname, 'node_modules/assert/'),
+			events: path.resolve(__dirname, 'node_modules/events/'),
+			crypto: path.resolve(__dirname, 'node_modules/crypto-browserify/'),
+			vm: path.resolve(__dirname, 'node_modules/vm-browserify/'),
+			process: path.resolve(__dirname, 'node_modules/process/'),
+		},
+	},
+};
+
+module.exports = mergeConfig(defaultConfig, config);

example/package.json

@@ -31,16 +31,17 @@
     "@react-native-async-storage/async-storage": "1.19.4",
     "@react-native-clipboard/clipboard": "1.12.1",
     "@synonymdev/react-native-ldk": "../lib",
-    "assert": "1.5.0",
+    "assert": "^2.1.0",
     "b4a": "^1.6.4",
     "bip32": "2.0.6",
     "bip39": "3.0.4",
     "bitcoinjs-lib": "6.0.2",
-    "buffer": "4.9.2",
+    "buffer": "^6.0.3",
     "chai": "^4.3.7",
-    "events": "1.1.1",
+    "crypto-browserify": "^3.12.0",
+    "events": "^3.3.0",
     "mocha-remote-client": "^1.6.1",
-    "process": "0.11.10",
+    "process": "^0.11.10",
     "query-string": "^8.1.0",
     "react": "18.2.0",
     "react-native": "0.72.4",
@@ -52,10 +53,13 @@
     "readable-stream": "4.4.2",
     "rn-electrum-client": "github:synonymdev/react-native-electrum-client#dfbe9ebba4e4cf0d16e3ccea3dc49e05285d860f",
     "stream-browserify": "^3.0.0",
-    "vm-browserify": "0.0.4"
+    "vm-browserify": "^1.1.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/plugin-transform-private-property-in-object": "^7.24.7",
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
     "@react-native/eslint-config": "^0.72.2",