@wavemaker/rn-codegen 11.8.0-next.44258 → 11.8.0-next.44701

rn-codegen/src/templates/project/esbuild/esbuild.script.js

@@ -136,6 +136,10 @@ 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');
   }
 
@@ -147,6 +151,101 @@ 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',
@@ -182,6 +281,12 @@ 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) => {
@@ -212,7 +317,11 @@ class EsBuilder {
             esmodules: true
           },
           sourceMaps: 'inline',
-          plugins: [__dirname + '/../scripts/wm-babel.transform.plugin.js']
+          plugins: [
+            __dirname + '/../scripts/wm-babel.transform.plugin.js', 
+            '@babel/plugin-proposal-export-namespace-from',
+            'react-native-reanimated/plugin',
+          ]
         }
       }), resolve({
         'victory-native': 'victory'
@@ -229,7 +338,9 @@ class EsBuilder {
     .then(() => {
       console.timeEnd('react native with esbuild');
       console.log('*********** REACT NATIVE ESBUILD SUCCESSFUL **************');
-    }).catch(() => {
+    }).catch((error) => {
+      console.log('*********** REACT PROJECT ESBUILD ERROR **************');
+      console.error(error);
       console.timeEnd('react native with esbuild');
       console.log('*********** REACT PROJECT ESBUILD FAILED **************');
     });

rn-codegen/src/templates/project/metro.config.js

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