@wavemaker/rn-codegen 11.7.5-1.5782 → 11.7.5-1.5784

rn-codegen/src/templates/package.web.json

@@ -0,0 +1,94 @@
+{
+    "main": "index.js",
+    "scripts": {
+        "start": "expo start",
+        "android": "expo start --android",
+        "ios": "expo start --ios",
+        "web": "expo start --web",
+        "eject": "expo eject",
+        "postinstall": "echo \"\""
+    },
+    "dependencies": {
+        "@unimodules/react-native-adapter": "6.3.9",
+        "@wavemaker/app-rn-runtime": "11.7.5-1.5784",
+        "@wavemaker/variables": "11.7.5-1.5784",
+        "@wavemaker/rn-codegen": "11.7.5-1.5784",
+        "axios": "^1.4.0",
+        "css-mediaquery": "^0.1.2",
+        "deprecated-react-native-prop-types": "~4.1.0",
+        "expo": "49.0.7",
+        "@expo/vector-icons": "13.0.0",
+        "expo-font": "11.4.0",
+        "expo-file-system": "15.4.3",
+        "expo-camera": "13.4.2",
+        "expo-av": "13.4.1",
+        "expo-barcode-scanner": "12.5.3",
+        "expo-web-browser": "12.3.2",
+        "expo-device": "5.4.0",
+        "expo-network": "5.4.0",
+        "expo-location": "16.1.0",
+        "expo-localization": "14.3.0",
+        "expo-contacts": "12.2.0",
+        "expo-calendar": "11.3.0",
+        "expo-splash-screen": "0.20.5",
+        "expo-document-picker": "11.5.4",
+        "expo-constants": "14.4.2",
+        "@react-native/assets": "1.0.0",
+        "hermes-engine": "0.11.0",
+        "imask": "^7.5.0",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "react-native": "0.72.4",
+        "react-native-web": "0.18.12",
+        "@react-native-async-storage/async-storage": "1.18.2",
+        "@react-native-community/netinfo": "9.3.10",
+        "react-native-gesture-handler": "2.12.1",
+        "react-native-reanimated": "^1.13.2",
+        "react-native-bundle-splitter": "2.2.3",
+        "react-native-safe-area-context": "4.6.3",
+        "@react-native-community/datetimepicker": "7.2.0",
+        "@react-native-community/slider": "4.4.2",
+        "react-native-circular-progress": "1.3.9",
+        "@react-native-masked-view/masked-view": "0.2.9",
+        "react-native-snap-carousel": "3.9.1",
+        "react-native-svg": "13.4.0",
+        "react-native-ssl-public-key-pinning": "1.1.1",
+        "victory-native": "36.6.11",
+        "@react-navigation/native": "6.1.7",
+        "react-native-pager-view": "6.2.0",
+        "react-native-webview": "13.2.2",
+        "react-native-vector-icons": "10.0.0",
+        "@react-navigation/drawer": "6.6.3",
+        "react-native-screens": "3.22.0",
+        "react-native-svg-transformer": "1.0.0",
+        "lottie-react-native": "5.1.6",
+        "react-lottie-player": "1.5.4",
+        "expo-linear-gradient": "12.3.0",
+        "setimmediate": "1.0.5",
+        "react-native-restart": "0.0.27",
+        "@expo/webpack-config": "18.0.1",
+        "@babel/core": "7.20.2",
+        "@babel/standalone": "^7.23.10",
+        "@babel/plugin-syntax-jsx": "7.21.4",
+        "victory": "^36.5.3"
+    },
+    "devDependencies": {
+        "webpack-dev-middleware": "6.1.1",
+        "react-devtools-core": "4.28.0",
+        "@babel/cli": "7.14.5",
+        "esbuild": "0.15.15",
+        "esbuild-plugin-resolve": "1.0.3",
+        "fs-extra": "10.0.0",
+        "expo-modules-autolinking": "1.5.0",
+        "babel-plugin-transform-remove-console": "6.9.4",
+        "@babel/plugin-proposal-optional-chaining": "7.21.0",
+        "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
+        "@types/babel__standalone": "^7.1.7",
+        "@expo/metro-config": "^0.7.1"
+    },
+    "resolutions": {
+        "react-error-overlay": "6.0.9",
+        "react-native-reanimated": "3.4.1"
+    },
+    "private": true
+}

{package → rn-codegen}/src/templates/project/app.json

@@ -34,16 +34,6 @@
     "web": {
       "bundler": "metro",
       "favicon": "./assets/favicon.png"
-    },
-    "plugins": [
-      [
-        "expo-build-properties",
-        {
-          "android": {
-            "useLegacyPackaging": true
-          }
-        }
-      ]
-    ]
+    }
   }
 }

{package → rn-codegen}/src/templates/project/esbuild/esbuild.script.js

@@ -136,10 +136,6 @@ class EsBuilder {
           );
         }`;
     });
-    const target = `${__dirname}/../node_modules/react-native-web/dist/cjs/exports/BackHandler/index.js`;
-    await readAndReplaceFileContent(target, content => {
-      return content.replace('console.error', '// console.error');
-    });
     console.log('Patched react-native-web');
   }
 
@@ -151,101 +147,6 @@ class EsBuilder {
     }
   }
 
-  async patchReactNativeAssetRegistry() {
-    const content = `
-    /**
-     * Copyright (c) Meta Platforms, Inc. and affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     *
-     * @flow strict
-     * @format
-     */
-    
-    'use strict';
-    
-    const assets = [];
-    
-    function registerAsset(asset) {
-      // push returns new array length, so the first asset will
-      // get id 1 (not 0) to make the value truthy
-      return assets.push(asset);
-    }
-    
-    function getAssetByID(assetId) {
-      return assets[assetId - 1];
-    }
-    
-    module.exports = {registerAsset, getAssetByID};
-    
-    `;
-    fs.writeFileSync(`${__dirname}/../node_modules/@react-native/assets-registry/registry.js`, content);
-    const expoAssetRegistry = `${__dirname}/../node_modules/expo-asset/node_modules/@react-native/assets-registry/registry.js`;
-    readAndReplaceFileContent(expoAssetRegistry, () => content);
-    console.log('Patched @react-native/assets-registry');
-  }
-
-  async patchBabelExpoPreset() {
-    const target = `${__dirname}/../node_modules/babel-preset-expo/build/index.js`;
-    await readAndReplaceFileContent(target, content => {
-      return content.replace(
-        `(0, common_1.hasModule)('react-native-reanimated') &&`,
-        `//(0, common_1.hasModule)('react-native-reanimated') &&`)
-        .replace(
-          `platformOptions.reanimated !== false && [require.resolve('react-native-reanimated/plugin')],`,
-          `//platformOptions.reanimated !== false && [require.resolve('react-native-reanimated/plugin')],`
-        )
-    });
-    console.log('Patched babel-expo-preset');
-  }
-
-  async patchUUID() {
-    const target = `${__dirname}/../node_modules/expo-modules-core/build/uuid/uuid.web.js`;
-    await readAndReplaceFileContent(target, content => {
-      return content.replace(`require('crypto')`, 'crypto');
-    });
-    console.log('Patched UUID.');
-  }
-
-  async patchExpoRootComponent() {
-    const target = `${__dirname}/../node_modules/expo/build/launch/registerRootComponent.js`;
-    await readAndReplaceFileContent(target, content => {
-      return content.replace(`export default`, 
-      `
-      const process = {env: {
-        NODE_ENV: 'development',
-        EXPO_PUBLIC_USE_STATIC: '0'
-      }};
-      export default `);
-    });
-    console.log('Patched Expo Root Component.');
-  }
-
-  async patchReactNavigation() {
-    // https://github.com/react-navigation/react-navigation/pull/11496/files
-    fs.copyFileSync(
-      `${__dirname}/@react-navigation/drawer/6.6.3/lib/module/views/modern/Drawer.js`,
-      `${__dirname}/../node_modules/@react-navigation/drawer/lib/module/views/modern/Drawer.js`
-    );
-    fs.copyFileSync(
-      `${__dirname}/@react-navigation/drawer/6.6.3/lib/module/views/modern/Overlay.js`,
-      `${__dirname}/../node_modules/@react-navigation/drawer/lib/module/views/modern/Overlay.js`
-    );
-    console.log('Patched React Navigation.');
-  }
-
-  async patchReactNativeReanimated() {
-    await readAndReplaceFileContent(`${__dirname}/../node_modules/react-native-reanimated/lib/module/reanimated2/PlatformChecker.js`, (c) => {
-      return c.replace(
-        '!!process.env.JEST_WORKER_ID',
-        'false; // !!process.env.JEST_WORKER_ID'
-      )
-    });
-    console.log('Patched React Native Reanimated.');
-  }
-
-
   buildLibraries() {
     const promises = [{
       name: 'expo-web-browser',
@@ -281,12 +182,6 @@ class EsBuilder {
         .then(() => this.patchReactNativeWeb())
         .then(() => this.patchReactNativeAssets())
         .then(() => this.patchCamera())
-        .then(() => this.patchReactNativeAssetRegistry())
-        .then(() => this.patchBabelExpoPreset())
-        .then(() => this.patchUUID())
-        .then(() => this.patchExpoRootComponent())
-        .then(() => this.patchReactNavigation())
-        .then(() => this.patchReactNativeReanimated())
         .then(() => {
           console.log('*********** LIBRARIES ARE BUILT FOR ESBUILD **************');
         }, (e) => {
@@ -317,11 +212,7 @@ class EsBuilder {
             esmodules: true
           },
           sourceMaps: 'inline',
-          plugins: [
-            __dirname + '/../scripts/wm-babel.transform.plugin.js', 
-            '@babel/plugin-proposal-export-namespace-from',
-            'react-native-reanimated/plugin',
-          ]
+          plugins: [__dirname + '/../scripts/wm-babel.transform.plugin.js']
         }
       }), resolve({
         'victory-native': 'victory'
@@ -338,9 +229,7 @@ class EsBuilder {
     .then(() => {
       console.timeEnd('react native with esbuild');
       console.log('*********** REACT NATIVE ESBUILD SUCCESSFUL **************');
-    }).catch((error) => {
-      console.log('*********** REACT PROJECT ESBUILD ERROR **************');
-      console.error(error);
+    }).catch(() => {
       console.timeEnd('react native with esbuild');
       console.log('*********** REACT PROJECT ESBUILD FAILED **************');
     });

{package → rn-codegen}/src/templates/project/metro.config.js

@@ -11,7 +11,6 @@ module.exports = (async () => {
         ];
         config.resolver.disableHierarchicalLookup = true;
         config.transformer = {
-            ...config.transformer,
             babelTransformerPath: require.resolve('react-native-svg-transformer'),
             getTransformOptions: async () => ({
                 transform: {
@@ -21,7 +20,6 @@ module.exports = (async () => {
             })
         }
         config.resolver = {
-            ...config.resolver,
             assetExts: config.resolver.assetExts.filter(ext => ext !== 'svg'),
             sourceExts: [...config.resolver.sourceExts, 'svg']
         }