@wavemaker-ai/rn-codegen 1.0.0-rc.647469

package/src/templates/project/metro.config.js

@@ -0,0 +1,40 @@
+const { getDefaultConfig } = require('expo/metro-config');
+const path = require('path');
+const WM_NPM_SCOPE = process.env.WM_NPM_SCOPE || '@wavemaker-ai';
+
+module.exports = (async () => {
+    try {
+        const projectRoot = __dirname;
+        const config = getDefaultConfig(projectRoot);
+        config.watchFolders = [projectRoot];
+        config.resolver.nodeModulesPaths = [
+            path.resolve(projectRoot, 'node_modules')
+        ];
+        config.resolver.extraNodeModules = {
+            [`${WM_NPM_SCOPE}/wmx-component`]: path.join(projectRoot, 'wmx-components', 'src')
+        };
+        config.resolver.watchFolders = [
+             path.join(projectRoot, 'wmx-components')
+        ];
+        config.transformer = {
+            ...config.transformer,
+            minifierPath: 'metro-minify-terser',
+            minifierConfig: {
+                compress:{
+                    drop_debugger: false
+                }
+            },
+            babelTransformerPath: require.resolve('react-native-svg-transformer'),
+            getTransformOptions: async () => ({
+                transform: {
+                    experimentalImportSupport: false,
+                    inlineRequires: false
+                }
+            })
+        }
+        return config;
+    }
+    catch (e) {
+        console.log('error in metro config file');
+    }
+})();

package/src/templates/project/package.json

@@ -0,0 +1,108 @@
+{
+    "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-ai/app-rn-runtime": "1.0.0-rc.647469",
+        "@wavemaker-ai/variables": "1.0.0-rc.647469",
+        "@wavemaker-ai/rn-codegen": "1.0.0-rc.647469",
+        "@wavemaker/wavepulse-agent": "1.0.11",
+        "expo": "54.0.12",
+        "expo-build-properties": "1.0.9",
+        "@expo/vector-icons": "15.0.2",
+        "@expo/metro-runtime": "6.1.2",
+        "expo-font": "14.0.8",
+        "expo-file-system": "19.0.14",
+        "expo-camera": "17.0.8",
+        "expo-av": "16.0.7",
+        "expo-web-browser": "15.0.8",
+        "expo-device": "8.0.9",
+        "expo-network": "8.0.7",
+        "expo-location": "19.0.7",
+        "expo-localization": "17.0.7",
+        "expo-contacts": "15.0.8",
+        "expo-calendar": "15.0.7",
+        "expo-splash-screen": "31.0.10",
+        "expo-document-picker": "14.0.7",
+        "expo-constants": "18.0.9",
+        "expo-video": "3.0.11",
+        "expo-application": "7.0.7",
+        "@react-native/assets": "1.0.0",
+        "hermes-engine": "0.11.0",
+        "imask": "7.6.1",
+        "punycode": "2.3.1",
+        "react": "19.1.0",
+        "react-dom": "19.1.0",
+        "react-native": "0.81.4",
+        "react-native-web": "0.21.0",
+        "@react-native/assets-registry": "0.76.3",
+        "@react-native-async-storage/async-storage": "2.2.0",
+        "@react-native-community/netinfo": "11.4.1",
+        "react-native-gesture-handler": "2.28.0",
+        "react-native-reanimated": "4.1.1",
+        "react-native-bundle-splitter": "3.0.1",
+        "react-native-safe-area-context": "5.6.0",
+        "@react-native-community/datetimepicker": "8.4.4",
+        "@react-native-community/slider": "5.0.1",
+        "react-native-circular-progress": "1.4.1",
+        "@react-native-masked-view/masked-view": "0.3.2",
+        "react-native-svg": "15.12.1",
+        "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": "7.1.18",
+        "react-native-pager-view": "6.9.1",
+        "react-native-webview": "13.15.0",
+        "react-native-vector-icons": "10.2.0",
+        "@react-navigation/drawer": "7.5.8",
+        "react-native-screens": "4.16.0",
+        "react-native-svg-transformer": "1.5.0",
+        "lottie-react-native": "7.3.4",
+        "react-lottie-player": "2.1.0",
+        "react-native-mime-types": "2.5.0",
+        "expo-linear-gradient": "15.0.7",
+        "setimmediate": "1.0.5",
+        "react-native-restart": "0.0.27",
+        "@babel/core": "7.26.0",
+        "@babel/standalone": "7.26.3",
+        "@babel/plugin-syntax-jsx": "7.25.9",
+        "expo-image": "3.0.8",
+        "expo-blur": "15.0.7",
+        "expo-navigation-bar": "5.0.8",
+        "expo-sharing": "14.0.7",
+        "expo-clipboard": "8.0.7",
+        "expo-screen-capture": "8.0.8",
+        "expo-secure-store": "15.0.7",
+        "@react-native/metro-babel-transformer": "0.81.4",
+        "react-native-worklets": "0.5.1"
+    },
+    "devDependencies": {
+        "metro-minify-terser": "0.80.10",
+        "webpack-dev-middleware": "6.1.2",
+        "react-devtools-core": "4.28.5",
+        "esbuild": "0.15.15",
+        "esbuild-plugin-resolve": "1.0.3",
+        "fs-extra": "10.0.0",
+        "@react-native/metro-config": "0.82.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",
+        "@expo/config-plugins": "54.0.1"
+    },
+    "overrides": {
+        "@react-navigation/core": "7.16.1"
+    },
+    "private": true
+}

package/src/templates/project/plugins/expo-screen-capture-plugin/activity_background_security.xml

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical"
+    android:gravity="center"
+    android:background="#FFFFFF">
+
+    <!-- Logo/Icon placeholder -->
+    <ImageView
+        android:id="@+id/security_logo"
+        android:layout_width="80dp"
+        android:layout_height="80dp"
+        android:layout_marginBottom="24dp"
+        android:src="@android:drawable/ic_lock_lock"
+        android:contentDescription="Security Lock Icon" />
+
+    <!-- Main title -->
+    <TextView
+        android:id="@+id/security_title"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="🔒 Application Secured"
+        android:textSize="24sp"
+        android:textStyle="bold"
+        android:textColor="#333333"
+        android:gravity="center"
+        android:layout_marginBottom="16dp" />
+
+    <!-- Subtitle -->
+    <TextView
+        android:id="@+id/security_subtitle"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Your data is protected"
+        android:textSize="16sp"
+        android:textColor="#666666"
+        android:gravity="center" />
+
+</LinearLayout>

package/src/templates/project/plugins/expo-screen-capture-plugin/index.js

@@ -0,0 +1,279 @@
+// plugins/wavemaker-screen-security/index.js
+const {  withMainActivity, withAppDelegate, withDangerousMod } = require('@expo/config-plugins');
+const fs = require('fs');
+const path = require('path');
+
+
+const ANDROID_KOTLIN_SECURITY_MOD_IMPORTS = `import com.facebook.react.ReactActivity\nimport android.view.WindowManager\nimport android.view.ViewGroup\nimport android.view.LayoutInflater`
+
+const ANDROID_KOTLIN_SECURITY_MOD_CLASS_DECLARATION = `class MainActivity : ReactActivity() {
+    private var securityView: ViewGroup? = null
+`
+
+const ANDROID_KOTLIN_SECURITY_MOD_CONSTRUCTOR = `
+        enableSecureFlag()
+`
+
+const ANDROID_KOTLIN_SECURITY_MOD_CONTENT = `
+
+    private fun enableSecureFlag() {
+        window.addFlags(WindowManager.LayoutParams.FLAG_SECURE)
+    }
+`
+
+const ANDROID_JAVA_SECURITY_MOD_CLASS_DECLARATION = `public class MainActivity extends ReactActivity {
+    private ViewGroup securityView = null;
+}`
+
+const ANDROID_JAVA_SECURITY_MOD_IMPORTS = `import com.facebook.react.ReactActivity;\nimport android.view.WindowManager;\nimport android.view.ViewGroup;\nimport android.view.LayoutInflater;`
+
+const ANDROID_JAVA_SECURITY_MOD_CONSTRUCTOR = `securityView = (ViewGroup) LayoutInflater.from(this).inflate(
+            R.layout.activity_background_security,
+            null,
+            false
+        );
+        enableSecureFlag();`
+
+const ANDROID_JAVA_SECURITY_MOD_CONTENT = `
+    @Override
+    protected void onPause() {
+        disableSecureFlag();
+        showSecurityView();
+        super.onPause();
+    }
+
+    @Override
+    protected void onResume() {
+        super.onResume();
+        hideSecurityView();
+        enableSecureFlag();
+    }
+
+    private void showSecurityView() {
+        if (securityView != null) {
+            securityView.setVisibility(ViewGroup.VISIBLE);
+            addContentView(securityView, new ViewGroup.LayoutParams(
+                ViewGroup.LayoutParams.MATCH_PARENT,
+                ViewGroup.LayoutParams.MATCH_PARENT
+            ));
+        }
+    }
+
+    private void hideSecurityView() {
+        if (securityView != null) {
+            securityView.setVisibility(ViewGroup.GONE);
+            ViewGroup rootView = (ViewGroup) getWindow().getDecorView();
+            rootView.removeView(securityView);
+        }
+    }
+
+    private void enableSecureFlag() {
+        getWindow().addFlags(WindowManager.LayoutParams.FLAG_SECURE);
+    }
+
+    private void disableSecureFlag() {
+        getWindow().clearFlags(WindowManager.LayoutParams.FLAG_SECURE);
+    }
+`
+
+const modifyKotlinMainActivity = (mainActivity) => {
+  // Import the required imports
+  if (!mainActivity.contents.includes('import android.view.WindowManager')) {
+    mainActivity.contents = mainActivity.contents.replace(
+      /import com.facebook.react.ReactActivity/,
+      `${ANDROID_KOTLIN_SECURITY_MOD_IMPORTS}`
+    );
+  }
+  
+  // Add security view property at class level if not exists
+  if (!mainActivity.contents.includes('private var securityView: ViewGroup?')) {
+    mainActivity.contents = mainActivity.contents.replace(
+      /class MainActivity : ReactActivity\(\) \{/,
+      `${ANDROID_KOTLIN_SECURITY_MOD_CLASS_DECLARATION}
+       `
+    );
+  }
+  
+  // Initialize the security view and enable the secure flag in the constructor.
+  if (!mainActivity.contents.includes('enableSecureFlag()')) {
+    mainActivity.contents = mainActivity.contents.replace(
+      /(override\s+fun\s+onCreate[\s\S]+?\{)([\s\S]*?)(\})/,
+      (match, sig, body, endBrace) => `${sig}${body}\n ${ANDROID_KOTLIN_SECURITY_MOD_CONSTRUCTOR}\n${endBrace}`
+    )
+  }
+  
+  // Add security methods after onCreate method
+  if (!mainActivity.contents.includes('private fun showSecurityView()')) {
+    // Find the end of onCreate method and add security methods after it
+    mainActivity.contents = mainActivity.contents.replace(
+      /(override\s+fun\s+onCreate\s*\([\s\S]*?\)\s*\{[\s\S]*?\})/,
+      (match) => `${match}\n${ANDROID_KOTLIN_SECURITY_MOD_CONTENT}`
+    );
+  }
+};
+
+const modifyJavaMainActivity = (mainActivity) => {
+  // Import the required imports
+  if (!mainActivity.contents.includes('import android.view.WindowManager;')) {
+    mainActivity.contents = mainActivity.contents.replace(
+      /import com.facebook.react.ReactActivity;/,
+      `${ANDROID_JAVA_SECURITY_MOD_IMPORTS}`
+    );
+  }
+  
+  // Add security view property at class level if not exists
+  if (!mainActivity.contents.includes('private ViewGroup securityView')) {
+    mainActivity.contents = mainActivity.contents.replace(
+      /public class MainActivity extends ReactActivity \{/,
+      `
+       ${ANDROID_JAVA_SECURITY_MOD_CLASS_DECLARATION}
+       `
+    );
+  }
+  
+  // Initialize the security view and enable the secure flag in the constructor.
+  if (!mainActivity.contents.includes('enableSecureFlag()')) {
+    mainActivity.contents = mainActivity.contents.replace(
+      /(protected\s+void\s+onCreate[\s\S]+?\{)([\s\S]*?)(\})/,
+      (match, sig, body, endBrace) => `${sig}${body}\n        ${ANDROID_JAVA_SECURITY_MOD_CONSTRUCTOR}\n    ${endBrace}`
+    )
+  }
+  
+  // Add security methods after onCreate method
+  if (!mainActivity.contents.includes('private void showSecurityView()')) {
+    // Find the end of onCreate method and add security methods after it
+    mainActivity.contents = mainActivity.contents.replace(
+      /(protected\s+void\s+onCreate\s*\([\s\S]*?\)\s*\{[\s\S]*?\})/,
+      (match) => `${match}\n${ANDROID_JAVA_SECURITY_MOD_CONTENT}`
+    );
+  }
+};
+
+const IOS_APP_DELEGATE_MODIFICATIONS = `
+
+- (void)applicationWillResignActive:(UIApplication *)application {
+    [self showWavemakerSecurityOverlay];
+}
+
+- (void)applicationDidBecomeActive:(UIApplication *)application {
+    [self hideWavemakerSecurityOverlay];
+}
+
+- (void)showWavemakerSecurityOverlay {
+    if (self.wavemakerSecurityOverlay) return;
+    
+    UIWindow *window = [UIApplication sharedApplication].keyWindow;
+    if (!window) window = [[[UIApplication sharedApplication] windows] firstObject];
+    
+    if (window) {
+        self.wavemakerSecurityOverlay = [[UIView alloc] initWithFrame:window.bounds];
+        self.wavemakerSecurityOverlay.backgroundColor = [UIColor whiteColor];
+        
+        // Add your WaveMaker branding or generic security message
+        UIImageView *logoView = [[UIImageView alloc] init];
+        // You can add WaveMaker logo here
+        
+        UILabel *label = [[UILabel alloc] init];
+        label.text = @"🔒 Application Secured";
+        label.textAlignment = NSTextAlignmentCenter;
+        label.font = [UIFont systemFontOfSize:20 weight:UIFontWeightMedium];
+        label.translatesAutoresizingMaskIntoConstraints = NO;
+        
+        [self.wavemakerSecurityOverlay addSubview:label];
+        [NSLayoutConstraint activateConstraints:@[
+            [label.centerXAnchor constraintEqualToAnchor:self.wavemakerSecurityOverlay.centerXAnchor],
+            [label.centerYAnchor constraintEqualToAnchor:self.wavemakerSecurityOverlay.centerYAnchor]
+        ]];
+        
+        [window addSubview:self.wavemakerSecurityOverlay];
+        [window bringSubviewToFront:self.wavemakerSecurityOverlay];
+    }
+}
+
+- (void)hideWavemakerSecurityOverlay {
+    [self.wavemakerSecurityOverlay removeFromSuperview];
+    self.wavemakerSecurityOverlay = nil;
+}
+`;
+
+const withWavemakerScreenSecurity = (config, options = {}) => {
+  const { 
+    enableAndroidFlagSecure = true,
+    enableiOSBackgroundOverlay = true,
+    overlayMessage = "Application Secured",
+    overlayBackgroundColor = "#FFFFFF"
+  } = options;
+
+if (enableAndroidFlagSecure) {
+  copyAndroidLayoutFile(config);
+  
+  config = withMainActivity(config, (config) => {
+    const mainActivity = config.modResults;
+    const isKotlin = mainActivity.path.endsWith('.kt');
+    
+    isKotlin ? modifyKotlinMainActivity(mainActivity) : modifyJavaMainActivity(mainActivity);
+    
+    return config;
+  });
+
+
+}
+
+  if (enableiOSBackgroundOverlay) {
+    config = withAppDelegate(config, (config) => {
+      const appDelegate = config.modResults;
+      
+      if (!appDelegate.contents.includes('#import <UIKit/UIKit.h>') && !appDelegate.contents.includes('@import UIKit;')) {
+        appDelegate.contents = appDelegate.contents.replace(
+          /#import "AppDelegate.h"/,
+          `#import "AppDelegate.h"\n#import <UIKit/UIKit.h>`
+        );
+      }
+      
+      if (!appDelegate.contents.includes('wavemakerSecurityOverlay')) {
+        appDelegate.contents = appDelegate.contents.replace(
+          /@implementation AppDelegate/,
+          `@interface AppDelegate ()\n@property (nonatomic, strong) UIView *wavemakerSecurityOverlay;\n@end\n\n@implementation AppDelegate`
+        );
+      }
+      
+      if (!appDelegate.contents.includes('showWavemakerSecurityOverlay')) {
+        // Find the last @end and add methods before it
+        const lastEndIndex = appDelegate.contents.lastIndexOf('@end');
+        if (lastEndIndex !== -1) {
+          appDelegate.contents = 
+            appDelegate.contents.substring(0, lastEndIndex) + 
+            IOS_APP_DELEGATE_MODIFICATIONS + 
+            '\n\n@end' + 
+            appDelegate.contents.substring(lastEndIndex + 4);
+        }
+      }
+            
+      return config;
+    });
+  }
+
+  return config;
+};
+
+const copyAndroidLayoutFile = (config) => {
+  config = withDangerousMod(config, ['android', async (config) => {
+    const projectRoot = config.modRequest.projectRoot;
+    const sourceLayoutPath = path.join(__dirname, 'activity_background_security.xml');
+    const targetLayoutDir = path.join(projectRoot, 'android', 'app', 'src', 'main', 'res', 'layout');
+    const targetLayoutPath = path.join(targetLayoutDir, 'activity_background_security.xml');
+
+    if (!fs.existsSync(targetLayoutDir)) {
+      fs.mkdirSync(targetLayoutDir, { recursive: true });
+    }
+
+    if (fs.existsSync(sourceLayoutPath)) {
+      fs.copyFileSync(sourceLayoutPath, targetLayoutPath);
+    } else {
+      console.warn('Source layout file not found:', sourceLayoutPath);
+    }
+    return config;
+  }])
+};
+
+module.exports = withWavemakerScreenSecurity;

package/src/templates/project/plugins/expo-screen-capture-plugin/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@wavemaker-ai/expo-screen-capture-plugin",
+  "version": "1.0.0",
+  "description": "WaveMaker screen security plugin for Expo apps",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "expo",
+    "plugin",
+    "screen-capture",
+    "protection",
+    "wavemaker"
+  ],
+  "author": "WaveMaker",
+  "license": "MIT",
+  "peerDependencies": {
+    "@expo/config-plugins": "*",
+    "expo": "*"
+  }
+}

package/src/templates/project/polyfills.js

@@ -0,0 +1 @@
+export default {};