@wavemaker/rn-codegen 12.0.0-next.45752 → 12.0.0-next.47810

package/src/templates/project/component/dynamic/component-generator.js

@@ -0,0 +1,82 @@
+import WmText from "@wavemaker/app-rn-runtime/components/input/text/text.component";
+import WmTextarea from '@wavemaker/app-rn-runtime/components/input/textarea/textarea.component';
+import WmNumber from "@wavemaker/app-rn-runtime/components/input/number/number.component";
+import WmCurrency from '@wavemaker/app-rn-runtime/components/input/currency/currency.component';
+import WmSelect from '@wavemaker/app-rn-runtime/components/input/select/select.component';
+import WmSearch from '@wavemaker/app-rn-runtime/components/basic/search/search.component';
+import WmChips from '@wavemaker/app-rn-runtime/components/input/chips/chips.component';
+import WmCheckbox from '@wavemaker/app-rn-runtime/components/input/checkbox/checkbox.component';
+import WmCheckboxset from '@wavemaker/app-rn-runtime/components/input/checkboxset/checkboxset.component';
+import WmToggle from '@wavemaker/app-rn-runtime/components/input/toggle/toggle.component';
+import WmSwitch from '@wavemaker/app-rn-runtime/components/input/switch/switch.component';
+import WmRadioset from '@wavemaker/app-rn-runtime/components/input/radioset/radioset.component';
+import WmDate from '@wavemaker/app-rn-runtime/components/input/epoch/date/date.component';
+import WmDatetime from '@wavemaker/app-rn-runtime/components/input/epoch/datetime/datetime.component';
+import WmTime from '@wavemaker/app-rn-runtime/components/input/epoch/time/time.component';
+import WmSlider from '@wavemaker/app-rn-runtime/components/input/slider/slider.component';
+import WmRating from '@wavemaker/app-rn-runtime/components/input/rating/rating.component';
+import WmLayoutgrid from '@wavemaker/app-rn-runtime/components/container/layoutgrid/layoutgrid.component';
+import WmGridrow from '@wavemaker/app-rn-runtime/components/container/layoutgrid/gridrow/gridrow.component';
+import WmGridcolumn from '@wavemaker/app-rn-runtime/components/container/layoutgrid/gridcolumn/gridcolumn.component';
+import registerTransformers from '@wavemaker/rn-codegen/src/transpile/components/transform-register';
+import WmFormField from '@wavemaker/app-rn-runtime/components/data/form/form-field/form-field.component';
+import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
+
+import {transpileMarkup}  from '@wavemaker/rn-codegen/src/transpile/transpile';
+import {transform} from '@babel/standalone';
+import React from "react";
+
+// this is to avoid tree shaking
+export const components = {WmText};
+
+registerTransformers();
+
+export const generate = (wavemakerMarkup, fragment) => {
+    // transpile wavemaker markup into react markup
+    const transpileArgs = {
+                markup : wavemakerMarkup,
+                isPartOfPrefab : false,
+                splitCode : false
+            }
+    const transpiledComponents = transpileMarkup(transpileArgs);
+    try {
+        // use babel library convert it into React.creatElement
+        const transformedCode = transform(transpiledComponents.markup, {
+            presets: ['react']
+        }).code;
+
+        const importedComponents = {
+            'WmText': WmText,
+            'WmTextarea': WmTextarea,
+            'WmNumber': WmNumber,
+            'WmCurrency': WmCurrency,
+            'WmSelect': WmSelect,
+            'WmSearch': WmSearch,
+            'WmChips': WmChips,
+            'WmCheckbox': WmCheckbox,
+            'WmCheckboxset': WmCheckboxset,
+            'WmToggle': WmToggle,
+            'WmSwitch': WmSwitch,
+            'WmRadioset': WmRadioset,
+            'WmDate': WmDate,
+            'WmDatetime': WmDatetime,
+            'WmTime': WmTime,
+            'WmSlider': WmSlider,
+            'WmRating': WmRating,
+            'WmLayoutgrid': WmLayoutgrid,
+            'WmGridrow': WmGridrow,
+            'WmGridcolumn': WmGridcolumn,
+            'WmFormField': WmFormField,
+            'WmLabel': WmLabel
+        }
+
+        // Evaluate the transformed code synchronously
+        const dynamicComponentFunction = new Function(['React, fragment', ...Object.keys(importedComponents)].join(', '), `return ${transformedCode}`);
+        const dynamicComponent = dynamicComponentFunction(React, fragment, ...Object.values(importedComponents));
+        return dynamicComponent;
+    } catch (error) {
+        console.error('Error generating component:', error);
+        return null;
+    }
+
+}

package/src/templates/project/component/dynamic/form.generator.js

@@ -0,0 +1,50 @@
+import {generate} from './component-generator';
+import {forEach, isArray} from "lodash";
+
+// Generate the form field with given field definition. Add a grid column wrapper around the form field.
+const setMarkupForFormField = (field, columnWidth, isHorizontal) =>  {
+    let propsTmpl = '';
+    forEach(field, (value, key) => {
+        propsTmpl = `${propsTmpl} ${key}="${value}"`;
+    });
+
+    if(isHorizontal) {
+        propsTmpl = `${propsTmpl} layoutposition="horizontal"`
+    }
+
+    return `<wm-gridcolumn columnwidth="${columnWidth}"><wm-form-field ${propsTmpl}></wm-form-field></wm-gridcolumn>`;
+};
+
+// Function to generate and compile the form fields from the metadata
+const generateFormFields = (metadata, formName, isHorizontal) => {
+    let noOfColumns = 1;
+    const columnWidth = 12 / noOfColumns;
+    let fieldTemplate = '';
+    let colCount = 0;
+    let fields = metadata;
+
+    if (!isArray(fields)) {
+        return;
+    }
+
+    while (fields[colCount]) {
+        let colTmpl = '';
+        if (fields[colCount]) {
+            colTmpl += setMarkupForFormField(fields[colCount], columnWidth, isHorizontal);
+        }
+        colCount++;
+        fieldTemplate += `<wm-gridrow>${colTmpl}</wm-gridrow>`;
+    }
+    fieldTemplate = `<wm-layoutgrid type="dynamic" dynamicForm = "${formName}">${fieldTemplate}</wm-layoutgrid>`;
+
+    return fieldTemplate;
+}
+
+
+export const dynamicForm = (metadata, formName, fragment, isHorizontal) => {
+    // convert metadata into wavemaker markup
+    const wmMarkup = generateFormFields(metadata, formName, isHorizontal);
+
+   // using component generator transform wavemaker markup into react elements
+    return generate(wmMarkup, fragment);
+}

package/src/templates/project/esbuild/esbuild.script.js

@@ -0,0 +1,376 @@
+const esbuild = require('esbuild');
+const resolve = require('esbuild-plugin-resolve');
+const fs = require('fs-extra');
+const { exec } = require('child_process');
+const babel = require('./esbuild-plugin-babel');
+const path = require('path')
+
+const BUILD_DIR = './web-build';
+
+async function readAndReplaceFileContent(path, writeFn) {
+  const content = fs.readFileSync(path, 'utf-8');
+  return Promise.resolve().then(() => {    
+      return writeFn && writeFn(content);
+  }).then((modifiedContent) => {
+      if (modifiedContent !== undefined && modifiedContent !== null) {
+          fs.writeFileSync(path, modifiedContent);
+          return modifiedContent;
+      }
+      return content;
+  });
+}
+
+class EsBuilder {
+  cleanBuildDir() {
+    if (fs.existsSync(BUILD_DIR)) {
+      fs.removeSync(BUILD_DIR);
+    }
+  }
+
+  prepareIndexHtml(result) {
+    console.log('build success');
+    try {
+    const bundleName = fs.readdirSync('./web-build').find(n => /^bundle.*js$/.test(n));
+    let content = fs.readFileSync(__dirname + '/index.html', 'utf-8');
+    content = content.replace(/".\/bundle.js"/, `"./${bundleName}"`);
+    fs.writeFileSync('./web-build/index.html', content);
+
+    const metafilePath = path.join(__dirname, './', 'metafile.json');
+    fs.writeFileSync(metafilePath, JSON.stringify(result.metafile));
+    } catch (err) {
+      console.error(err);
+    }
+  }
+
+  patchPackageLib(paths) {
+    paths.forEach((path) => {
+      const packageFile = `${__dirname}/../node_modules/${path}/package.json`;
+      if (fs.existsSync(packageFile)) {
+        const _package = fs.readJSONSync(packageFile);
+        console.log('patch applied on package at.. ', packageFile);
+        delete _package['module'];
+        delete _package['type'];
+        fs.writeFileSync(packageFile, JSON.stringify(_package, null, 4));
+      }
+    });
+  }
+
+  async patchCamera() {
+    return readAndReplaceFileContent(`${__dirname}/../node_modules/expo-camera/build/useWebQRScanner.js`, (c) => {
+      if (c.indexOf('@koale/useworker') > 0) {
+          return fs.readFileSync(`${__dirname}/expo-camera-patch/useWebQRScanner.js`, {
+              encoding: 'utf-8'
+          })
+      }
+      return c;
+    });
+  }
+
+  async patchReactNativeAssets() {
+    const path = `${__dirname}/../node_modules/@react-native/assets-registry/`
+    fs.removeSync(path+'registry.js');
+    const registry_content = `
+    'use strict';
+
+    export type PackagerAsset = {
+      __packager_asset: boolean,
+      fileSystemLocation: string,
+      httpServerLocation: string,
+      width?: number,
+      height?: number,
+      scales: Array<number>,
+      hash: string,
+      name: string,
+      type: string,
+    };
+    
+    const assets: Array<PackagerAsset> = [];
+    
+    export function registerAsset(asset: PackagerAsset): number {
+      // push returns new array length, so the first asset will
+      // get id 1 (not 0) to make the value truthy
+      return assets.push(asset);
+    }
+    
+    export function getAssetByID(assetId: number): PackagerAsset {
+      return assets[assetId - 1];
+    }
+    `;
+    fs.writeFileSync(path+'registry.ts', registry_content);
+    const content = fs.readFileSync(path+'path-support.js', 'utf-8');
+    fs.removeSync(path+'path-support.js')
+    fs.writeFileSync(path+'path-support.ts', content);
+    await readAndReplaceFileContent(path+'path-support.ts', (content)=>{
+      return content.replace(`import type {PackagerAsset} from './registry.js';`,`import type {PackagerAsset} from './registry.ts';`)
+      .replace(` | $TEMPORARY$string<'raw'> `, '');
+    });
+  }
+
+  async patchReactNativeWeb() {
+    const path = `${__dirname}/../node_modules/react-native-web/dist/cjs/exports/render/index.js`;
+    await readAndReplaceFileContent(path, (content) => {
+        return content.replace(
+            'var _reactDom = require("react-dom");',
+            `var React = require("react");
+            var _reactDom = require("react-dom");
+            var _reactDomClient = require("react-dom/client");`
+        ).replace('hydrate(element', 'hydrateOld(element')
+        .replace('render(element', 'renderOld(element') + 
+        `
+        function hydrate(element, root, callback) {
+          (0, _dom.createSheet)(root);
+          return (0, _reactDomClient.hydrateRoot)(element, root, callback);
+        }
+        
+        function AppWithCallbackAfterRender(props) {
+          React.useEffect(() => {props.callback && props.callback()});
+          return props.element;
+        }
+        
+        function render(element, root, callback) {
+          (0, _dom.createSheet)(root);
+          return (0, _reactDomClient.createRoot)(root).render(
+            React.createElement(AppWithCallbackAfterRender, 
+              {
+                "callback": callback,
+                element: element
+              }
+            )
+          );
+        }`;
+    });
+    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');
+  }
+
+  patchWithDevTools(path) {
+    const packageFile = `${__dirname}/../node_modules/${path}`;
+    if (fs.existsSync(packageFile)) {
+      const _package = "import * as React from 'react';export function withDevTools(AppRootComponent) {return (props) => React.createElement(AppRootComponent, { ...props });}"
+      fs.writeFileSync(packageFile, _package);
+    }
+  }
+
+  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'
+      )
+    });
+    await readAndReplaceFileContent(`${__dirname}/../node_modules/react-native-reanimated/src/reanimated2/hook/useSharedValue.ts`, (c) => {
+      return c.replace(
+        'useRef<SharedValue<Value>>',
+        'useRef'
+      )
+    });
+    console.log('Patched React Native Reanimated.');
+  }
+
+  async patchExpoVideo() {
+    await readAndReplaceFileContent(`${__dirname}/../node_modules/expo-video/build/index.js`, (c) => {
+      return c.replace(
+        '{ VideoThumbnail }',
+        '{ default as VideoThumbnail }'
+      )
+    });
+    console.log('Patched Expo video.')
+  }
+
+
+  buildLibraries() {
+    const promises = [{
+      name: 'expo-web-browser',
+      build: (path) => {
+        fs.writeFileSync(`${path}/build/WebBrowser.js`, `
+        export const openBrowserAsync = (url) => {
+          window.open(url, '_blank');
+        };`);
+      }
+    }].map(p => {
+      let libPath = `${__dirname}/../node_modules/${p.name}`;
+      if (!fs.existsSync(libPath)) {
+        libPath = `${__dirname}/../node_modules/@wavemaker/app-rn-runtime/node_modules/${p.name}`;
+      }
+      if (!fs.existsSync(libPath)) {
+        const msg = `${p.name} library is not found`;
+        console.error(msg);
+        return Promise.reject(msg);
+      }
+      const destPath = `${__dirname}/node_modules/${p.name}`;
+      if (fs.existsSync(destPath)) {
+        fs.removeSync(destPath);
+      }
+      fs.copySync(libPath, destPath);
+      return p.build && p.build(destPath);
+    });
+    return Promise.all(promises)
+        .then(() => this.patchPackageLib(['@koale/useworker', 'victory',
+          'd3-array', 'd3-color', 'd3-ease', 'd3-format', 'd3-interpolate', 
+          'd3-path', 'd3-scale', 'd3-shape', 'd3-time', 'd3-time-format',
+          'd3-timer', 'd3-voronoi']))
+        .then(() => this.patchWithDevTools('expo/build/launch/withDevTools.js'))
+        .then(() => this.patchReactNativeWeb())
+        .then(() => this.patchReactNativeAssets())
+        .then(() => this.patchBabelExpoPreset())
+        .then(() => this.patchReactNavigation())
+        .then(() => this.patchReactNativeReanimated())
+        .then(() => this.patchExpoVideo())
+        .then(() => {
+          console.log('*********** LIBRARIES ARE BUILT FOR ESBUILD **************');
+        }, (e) => {
+          console.error(e);
+          console.log('*********** FAILED TO BUILD LIBRARIES FOR ESBUILD **************');
+        });
+  }
+
+  build() {
+    console.log('excluded react-native-vector-icons module in esbuild');
+    const appJsonPath = path.resolve('app.json');
+     //static process.env.APP_MANIFEST data for (process is not defined expo-constants esbuild web preview issue)
+    const appJson = JSON.parse(fs.readFileSync(appJsonPath, 'utf8'));
+    return esbuild.build({
+      entryPoints: ['./node_modules/expo/AppEntry.js'],
+      external:['./node_modules/react-native-vector-icons'],
+      bundle: true,
+      entryNames: 'bundle-[hash]',
+      outdir: 'web-build',
+      jsxFragment: 'React.Fragment',
+      tsconfig: './esbuild/jsconfig.json',
+      define: {'process.env.NODE_ENV': '"development"', '__DEV__': false, global:'window', 'process.env.EXPO_OS': '"web"', 'process.env.APP_MANIFEST': JSON.stringify(appJson.expo)},
+      resolveExtensions: ['.web.tsx','.web.ts','.web.jsx','.web.js','.tsx','.ts','.jsx','.js',],
+      loader: {".png": "file", ".jpeg": "file", ".ttf": "file", ".js": "jsx", ".gif": "file", ".svg": "file" },
+      minifyWhitespace: true,
+      minifySyntax: true,
+      metafile: true,
+      sourcemap: true,
+      plugins: [babel({
+        filter: /\/src\/.*jsx?/,
+        config : {
+          targets: {
+            browsers: 'last 2 versions',
+            esmodules: true
+          },
+          sourceMaps: 'inline',
+          plugins: [
+            __dirname + '/../scripts/wm-babel.transform.plugin.js', 
+            '@babel/plugin-proposal-export-namespace-from',
+            'react-native-reanimated/plugin',
+          ]
+        }
+      }), resolve({
+        'victory-native': 'victory'
+      })]
+    })
+  }
+
+  triggerBuild() {
+    console.log('*********** REACT NATIVE ESBUILD STARTED **************');
+    console.time('react native with esbuild');
+    this.cleanBuildDir();
+    this.build()
+    .then((result) => this.prepareIndexHtml(result))
+    .then(() => {
+      console.timeEnd('react native with esbuild');
+      console.log('*********** REACT NATIVE ESBUILD SUCCESSFUL **************');
+    }).catch((error) => {
+      console.log('*********** REACT PROJECT ESBUILD ERROR **************');
+      console.error(error);
+      console.timeEnd('react native with esbuild');
+      console.log('*********** REACT PROJECT ESBUILD FAILED **************');
+    });
+  }
+}
+
+if (process.argv[2] === '--prepare-lib') {
+  (new EsBuilder()).buildLibraries();
+} else {
+  (new EsBuilder()).triggerBuild();
+}

package/src/templates/project/esbuild/jsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "paths": {
+      "expo-web-browser": ["./node_modules/expo-web-browser"],
+      "react": ["../node_modules/react"],
+      "react-native": ["../node_modules/react-native-web"],
+      "react-native-web/src/*": ["../node_modules/react-native-web/dist/*"],
+      "@wavemaker/app-rn-runtime/*": ["../node_modules/@wavemaker/app-rn-runtime/*"],
+      "@wavemaker/variables/*": ["../node_modules/@wavemaker/variables/*"],
+      "@wavemaker/rn-codegen/*": ["../node_modules/@wavemaker/rn-codegen/*"]
+    }
+  }
+}

package/src/templates/project/package.json

@@ -0,0 +1,101 @@
+{
+    "name": "wm-rn-app-template",
+    "version": "1.0.0",
+    "main": "index.js",
+    "scripts": {
+        "start": "expo start",
+        "android": "expo start --android",
+        "ios": "expo start --ios",
+        "web": "expo start --web",
+        "eject": "expo eject",
+        "postinstall": "node ./scripts/post-build.js"
+    },
+    "dependencies": {
+        "@wavemaker/app-rn-runtime": "12.0.0-next.47810",
+        "@wavemaker/variables": "12.0.0-next.47810",
+        "@wavemaker/rn-codegen": "12.0.0-next.47810",
+        "@wavemaker/wavepulse-agent": "1.0.11",
+        "expo": "52.0.17",
+        "expo-build-properties": "0.13.1",
+        "@expo/vector-icons": "14.0.2",
+        "@expo/metro-runtime": "4.0.0",
+        "expo-font": "13.0.1",
+        "expo-file-system": "18.0.4",
+        "expo-camera": "16.0.9",
+        "expo-av": "15.0.1",
+        "expo-web-browser": "14.0.1",
+        "expo-device": "7.0.1",
+        "expo-network": "7.0.3",
+        "expo-location": "18.0.3",
+        "expo-localization": "16.0.0",
+        "expo-contacts": "14.0.2",
+        "expo-calendar": "14.0.4",
+        "expo-splash-screen": "0.29.16",
+        "expo-document-picker": "13.0.1",
+        "expo-constants": "17.0.3",
+        "expo-modules-core": "2.1.1",
+        "expo-video": "2.0.2",
+        "expo-application": "6.0.1",
+        "@react-native/assets": "1.0.0",
+        "hermes-engine": "0.11.0",
+        "imask": "7.6.1",
+        "punycode": "2.3.1",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
+        "react-native": "0.76.3",
+        "react-native-web": "0.19.13",
+        "@react-native/assets-registry": "0.76.3",
+        "@react-native-async-storage/async-storage": "1.23.1",
+        "@react-native-community/netinfo": "11.4.1",
+        "react-native-gesture-handler": "2.20.2",
+        "react-native-reanimated": "3.16.1",
+        "react-native-bundle-splitter": "3.0.1",
+        "react-native-safe-area-context": "4.12.0",
+        "@react-native-community/datetimepicker": "8.2.0",
+        "@react-native-community/slider": "4.5.5",
+        "react-native-circular-progress": "1.4.1",
+        "@react-native-masked-view/masked-view": "0.3.2",
+        "react-native-svg": "15.8.0",
+        "react-native-ssl-public-key-pinning": "1.2.3",
+        "@wavemaker/react-native-ssl-publickey": "1.0.2",
+        "victory-native": "37.3.2",
+        "@react-navigation/native": "6.1.7",
+        "react-native-pager-view": "6.5.1",
+        "react-native-webview": "13.12.5",
+        "react-native-vector-icons": "10.2.0",
+        "@react-navigation/drawer": "6.6.3",
+        "react-native-screens": "4.1.0",
+        "react-native-svg-transformer": "1.5.0",
+        "lottie-react-native": "7.1.0",
+        "react-lottie-player": "2.1.0",
+        "react-native-mime-types": "2.5.0",
+        "expo-linear-gradient": "13.0.2",
+        "setimmediate": "1.0.5",
+        "react-native-restart": "0.0.27",
+        "@babel/core": "7.25.2",
+        "@babel/standalone": "7.26.3",
+        "@babel/plugin-syntax-jsx": "7.25.9",
+        "expo-image": "2.0.3",
+        "expo-blur": "14.0.3",
+        "expo-navigation-bar": "4.0.8",
+        "expo-sharing": "13.0.1",
+        "expo-clipboard": "7.0.1"
+    },
+    "devDependencies": {
+        "metro-minify-terser": "0.80.10",
+        "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",
+        "@babel/plugin-transform-class-static-block": "7.26.0",
+        "@babel/plugin-proposal-export-namespace-from": "7.18.9",
+        "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",
+        "@react-native-community/cli": "16.0.0",
+        "@types/babel__standalone": "7.1.7"
+    },
+    "private": true
+}

package/src/templates/project/scripts/post-build.js

@@ -0,0 +1,20 @@
+const fs = require('fs');
+
+async function readAndReplaceFileContent(path, writeFn) {
+    const content = fs.readFileSync(path, 'utf-8');
+    return Promise.resolve().then(() => {    
+        return writeFn && writeFn(content);
+    }).then((modifiedContent) => {
+        if (modifiedContent !== undefined && modifiedContent !== null) {
+            fs.writeFileSync(path, modifiedContent);
+            return modifiedContent;
+        }
+        return content;
+    });
+}
+
+function patch() {
+    return null;
+}
+
+patch();