@wavemaker-ai/wm-reactnative-cli 1.0.0

package/templates/embed/android/ReactNativeAppFragment.java

@@ -0,0 +1,78 @@
+package com.wavemaker.reactnative;
+
+import android.os.Bundle;
+
+import androidx.fragment.app.Fragment;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import com.facebook.react.ReactFragment;
+import ${packageName}.R;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link ReactNativeAppFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+public class ReactNativeAppFragment extends Fragment {
+
+    // TODO: Rename parameter arguments, choose names that match
+    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
+    private static final String PAGE_NAME = "pageName";
+
+    // TODO: Rename and change types of parameters
+    private String pageName;
+
+    public ReactNativeAppFragment() {
+        // Required empty public constructor
+    }
+
+    /**
+     * Use this factory method to create a new instance of
+     * this fragment using the provided parameters.
+     *
+     * @param pageName Parameter 2.
+     * @return A new instance of fragment ReactNativeAppFragment.
+     */
+    // TODO: Rename and change types and number of parameters
+    public static ReactNativeAppFragment newInstance(String pageName) {
+        ReactNativeAppFragment fragment = new ReactNativeAppFragment();
+        Bundle args = new Bundle();
+        args.putString(PAGE_NAME, pageName);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(null);
+        if (getArguments() != null) {
+            pageName = getArguments().getString(PAGE_NAME);
+        }
+        Fragment reactNativeFragment = new ReactFragment.Builder()
+                .setComponentName("main")
+                .setLaunchOptions(getLaunchOptions(pageName))
+                .setFabricEnabled(false)
+                .build();
+
+        this.getChildFragmentManager().beginTransaction()
+                .add(R.id.reactNativeFragment, reactNativeFragment)
+                .commit();
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        setHasOptionsMenu(true);
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_react_native_app, container, false);
+    }
+
+    private Bundle getLaunchOptions(String pageName) {
+        Bundle initialProperties = new Bundle();
+        initialProperties.putString("pageName", pageName);
+        return initialProperties;
+    }
+}

package/templates/embed/android/SplashScreenReactActivityLifecycleListener.kt

@@ -0,0 +1,41 @@
+package expo.modules.splashscreen
+
+import android.app.Activity
+import android.content.Context
+import android.os.Bundle
+import android.os.Handler
+import com.facebook.react.ReactRootView
+import expo.modules.core.interfaces.ReactActivityLifecycleListener
+import expo.modules.splashscreen.singletons.SplashScreen
+
+// this needs to stay for versioning to work
+/* ktlint-disable no-unused-imports */
+import expo.modules.splashscreen.SplashScreenImageResizeMode
+// EXPO_VERSIONING_NEEDS_EXPOVIEW_R
+/* ktlint-enable no-unused-imports */
+
+class SplashScreenReactActivityLifecycleListener(activityContext: Context) : ReactActivityLifecycleListener {
+  override fun onCreate(activity: Activity, savedInstanceState: Bundle?) {
+    // To support backward compatible or SplashScreenImageResizeMode customization
+    // that calling `SplashScreen.show()` in MainActivity,
+    // we postpone the in-module call to the end of main loop.
+    // If MainActivity.onCreate has `SplashScreen.show()`, it will override the call here.
+    Handler(activity.mainLooper).post {
+      /*SplashScreen.show(
+        activity,
+        getResizeMode(activity),
+        ReactRootView::class.java,
+        getStatusBarTranslucent(activity)
+      )*/
+    }
+  }
+
+  private fun getResizeMode(context: Context): SplashScreenImageResizeMode =
+    SplashScreenImageResizeMode.fromString(
+      context.getString(R.string.expo_splash_screen_resize_mode).toLowerCase()
+    )
+      ?: SplashScreenImageResizeMode.CONTAIN
+
+  private fun getStatusBarTranslucent(context: Context): Boolean =
+    context.getString(R.string.expo_splash_screen_status_bar_translucent).toBoolean()
+}

package/templates/embed/android/fragment_react_native_app.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".ui.ReactNativeAppFragment">
+
+    <!-- TODO: Update blank fragment layout -->
+    <FrameLayout
+        android:id="@+id/reactNativeFragment"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+</FrameLayout>

package/templates/embed/ios/ReactNativeView.h

@@ -0,0 +1,12 @@
+#import <Foundation/Foundation.h>
+#import <React/RCTBridgeDelegate.h>
+#import <UIKit/UIKit.h>
+
+#import <Expo/Expo.h>
+
+@interface ReactNativeView : EXAppDelegateWrapper <RCTBridgeDelegate>
+@property (nonatomic, strong) UIView *view;
+
+- (ReactNativeView*) initWithPageName:(NSString *)aPageName;
+
+@end

package/templates/embed/ios/ReactNativeView.m

@@ -0,0 +1,59 @@
+#import "ReactNativeView.h"
+
+#import <React/RCTBridge.h>
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTRootView.h>
+#import <React/RCTLinkingManager.h>
+#import <React/RCTConvert.h>
+
+#import <RCTAppSetupUtils.h>
+
+#if RCT_NEW_ARCH_ENABLED
+#import <React/CoreModulesPlugins.h>
+#import <React/RCTCxxBridgeDelegate.h>
+#import <React/RCTFabricSurfaceHostingProxyRootView.h>
+#import <React/RCTSurfacePresenter.h>
+#import <React/RCTSurfacePresenterBridgeAdapter.h>
+#import <ReactCommon/RCTTurboModuleManager.h>
+
+#import <react/config/ReactNativeConfig.h>
+
+#endif
+
+@implementation ReactNativeView
+
+static RCTBridge *bridge;
+
+UIView *_view;
+
+NSString* pageName = nil;
+
+- (ReactNativeView*) initWithPageName:(NSString *)aPageName {
+    if (self = [super init]) {
+        pageName = aPageName;
+    }
+    if (!bridge) {
+        bridge = [self.reactDelegate createBridgeWithDelegate:self launchOptions: nil];
+    }
+    _view = [self.reactDelegate createRootViewWithBridge:bridge moduleName:@"main" initialProperties:@{@"pageName": pageName}];
+    return self;
+}
+
+- (UIView *)view {
+    return _view;
+}
+
+- (NSArray<id<RCTBridgeModule>> *)extraModulesForBridge:(RCTBridge *)bridge
+{
+  // If you'd like to export some custom RCTBridgeModules, add them here!
+  return @[];
+}
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
+}
+
+
+
+@end

package/templates/embed/ios/ReactNativeView.swift

@@ -0,0 +1,53 @@
+import SwiftUI
+import UIKit
+import EmbedCommModule
+
+struct ReactNativeSwiftView: UIViewRepresentable {
+    var pageName = ""
+    
+    init(pageName: String) {
+        self.pageName = pageName;
+    }
+    
+    typealias UIViewType = UIView
+    
+    typealias UIViewControllerType = UIViewController
+    
+    func makeUIView(context: Context) -> UIView {
+        return ReactNativeView(pageName: self.pageName).view;
+    }
+    func updateUIView(_ uiView: UIView, context: Context) {
+        //
+    }
+}
+
+@available(iOS 13.0, *)
+struct ReactNativePageView: View {
+    var pageName = ""
+    
+    @available(iOS 13.0, *)
+    var body: some View {
+        ReactNativeSwiftView(pageName: self.pageName)
+    }
+}
+
+@available(iOS 13.0, *)
+class ReactNativeHostingController: UIHostingController<ReactNativePageView> {
+    required init?(coder aDecoder: NSCoder) {
+        super.init(coder: aDecoder, rootView: ReactNativePageView(pageName: ""))
+        CommunicationService.INSTANCE.process(
+            messageType: "close",
+            processor: {(message: NSDictionary?, promise: Promise?) in
+                DispatchQueue.main.async(execute: {
+                    self.navigationController?.popViewController(animated: true);
+                    self.dismiss(animated: true);
+                });
+        });
+    }
+    
+    override func viewWillDisappear(_ animated: Bool) {
+        super.viewDidDisappear(animated);
+        CommunicationService.INSTANCE.removeProcessor(messageType: "close");
+    }
+    
+}

package/templates/expo-camera-patch/useWebQRScanner.js

@@ -0,0 +1,100 @@
+// import { useWorker } from '@koale/useworker';
+import * as React from 'react';
+import { captureImageData } from './WebCameraUtils';
+const qrWorkerMethod = ({ data, width, height }) => {
+    // eslint-disable-next-line no-undef
+    const decoded = self.jsQR(data, width, height, {
+        inversionAttempts: 'attemptBoth',
+    });
+    let parsed;
+    try {
+        parsed = JSON.parse(decoded);
+    }
+    catch {
+        parsed = decoded;
+    }
+    if (parsed?.data) {
+        const nativeEvent = {
+            type: 'qr',
+            data: parsed.data,
+            cornerPoints: [],
+            bounds: { origin: { x: 0, y: 0 }, size: { width: 0, height: 0 } },
+        };
+        if (parsed.location) {
+            nativeEvent.cornerPoints = [
+                parsed.location.topLeftCorner,
+                parsed.location.bottomLeftCorner,
+                parsed.location.topRightCorner,
+                parsed.location.bottomRightCorner,
+            ];
+        }
+        return nativeEvent;
+    }
+    return parsed;
+};
+function useRemoteJsQR() {
+    /*return useWorker(qrWorkerMethod, {
+        remoteDependencies: ['https://cdn.jsdelivr.net/npm/jsqr@1.2.0/dist/jsQR.min.js'],
+        autoTerminate: false,
+    });*/
+}
+export function useWebQRScanner(video, { isEnabled, captureOptions, interval, onScanned, onError, }) {
+    const isRunning = React.useRef(false);
+    const timeout = React.useRef(undefined);
+    const [decode, clearWorker] = useRemoteJsQR();
+    async function scanAsync() {
+        // If interval is 0 then only scan once.
+        if (!isRunning.current || !onScanned) {
+            stop();
+            return;
+        }
+        try {
+            const data = captureImageData(video.current, captureOptions);
+            if (data) {
+                const nativeEvent = await decode(data);
+                if (nativeEvent?.data) {
+                    onScanned({
+                        nativeEvent,
+                    });
+                }
+            }
+        }
+        catch (error) {
+            if (onError) {
+                onError({ nativeEvent: error });
+            }
+        }
+        finally {
+            // If interval is 0 then only scan once.
+            if (interval === 0) {
+                stop();
+                return;
+            }
+            const intervalToUse = !interval || interval < 0 ? 16 : interval;
+            // @ts-ignore: Type 'Timeout' is not assignable to type 'number'
+            timeout.current = setTimeout(() => {
+                scanAsync();
+            }, intervalToUse);
+        }
+    }
+    function stop() {
+        isRunning.current = false;
+        clearTimeout(timeout.current);
+    }
+    React.useEffect(() => {
+        if (isEnabled) {
+            isRunning.current = true;
+            scanAsync();
+        }
+        else {
+            stop();
+        }
+    }, [isEnabled]);
+    React.useEffect(() => {
+        return () => {
+            stop();
+            clearWorker.kill();
+        };
+    }, []);
+}
+//# sourceMappingURL=useWebQRScanner.js.map

package/templates/ios-build-patch/podFIlePostInstall.js

@@ -0,0 +1,72 @@
+const newPostInstallBlock = 
+`post_install do |installer|
+  react_native_post_install(
+    installer,
+    config[:reactNativePath],
+    :mac_catalyst_enabled => false
+  )
+
+  # Set provisioning profile to "None" for all pod targets
+  installer.pods_project.targets.each do |target|
+    target.build_configurations.each do |config|
+      config.build_settings['PROVISIONING_PROFILE'] = 'None'
+      config.build_settings['CODE_SIGN_IDENTITY'] = ''
+      config.build_settings['CODE_SIGNING_ALLOWED'] = 'NO' 
+    end
+  end
+
+  # Disable code signing for resource bundle targets
+  installer.target_installation_results.pod_target_installation_results
+    .each do |pod_name, target_installation_result|
+    target_installation_result.resource_bundle_targets.each do |resource_bundle_target|
+      resource_bundle_target.build_configurations.each do |config|
+        config.build_settings['CODE_SIGNING_ALLOWED'] = 'NO'
+        config.build_settings['PROVISIONING_PROFILE'] = 'None' 
+        config.build_settings['CODE_SIGN_IDENTITY'] = '' 
+      end
+    end
+  end
+
+  # Fix for React Native Firebase when using static frameworks
+  # ROOT CAUSE: Static frameworks with modules enabled create strict module boundaries.
+  # When RNFBMessaging imports <RNFBApp/...>, the module system expects ALL types to be
+  # visible through RNFBApp's module exports. But RCTPromiseRejectBlock is in React-Core,
+  # and RNFBApp doesn't re-export it. The module system blocks access even if headers exist.
+  # 
+  # SOLUTION: Disable modules for RNFB targets entirely. This makes the compiler use
+  # traditional #import header inclusion instead of strict module boundaries.
+  installer.pods_project.targets.each do |target|
+    if target.name.start_with?('RNFB')
+      target.build_configurations.each do |config|
+        # DISABLE modules - this is the key fix
+        # Without modules, the compiler uses traditional header inclusion and can find
+        # React-Core types through the header search paths
+        config.build_settings['CLANG_ENABLE_MODULES'] = 'NO'
+        
+        # Ensure header maps are enabled so headers can be found
+        config.build_settings['USE_HEADERMAP'] = 'YES'
+        
+        # Add React-Core headers to search paths so they can be found via #import
+        header_search_paths = config.build_settings['HEADER_SEARCH_PATHS'] || '$(inherited)'
+        react_core_path = File.join(installer.sandbox.root, 'Headers', 'Public', 'React-Core')
+        react_core_path_quoted = '"' + react_core_path + '"'
+        if header_search_paths.is_a?(Array)
+          unless header_search_paths.any? { |path| path.include?('React-Core') }
+            header_search_paths << react_core_path_quoted
+          end
+        elsif header_search_paths.is_a?(String)
+          unless header_search_paths.include?('React-Core')
+            config.build_settings['HEADER_SEARCH_PATHS'] = [header_search_paths, react_core_path_quoted]
+          end
+        else
+          config.build_settings['HEADER_SEARCH_PATHS'] = ['$(inherited)', react_core_path_quoted]
+        end
+      end
+    end
+  end
+
+end`;
+
+module.exports = {
+  newPostInstallBlock
+}