create-crossbind 2.0.0-beta.50

package/templates/mobile-reactnative-cli/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@crossbind/example-mobile-reactnative-cli",
+  "private": true,
+  "version": "0.0.0",
+  "description": "crossbind React Native sample",
+  "homepage": "https://github.com/crossbind/crossbind/tree/main/examples/mobile-reactnative-cli#readme",
+  "repository": "https://github.com/crossbind/crossbind.git",
+  "license": "MIT",
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint .",
+    "start": "react-native start",
+    "test": "jest",
+    "run:android": "react-native run-android --no-packager --mode Release",
+    "run:ios": "react-native run-ios --no-packager --mode Release",
+    "maestro:ios": "maestro --device \"$(xcrun simctl list devices booted | sed -n 's/.*(\\([0-9A-F-]\\{36\\}\\)) (Booted).*/\\1/p' | head -1)\" test ./maestro.yaml",
+    "maestro:android": "maestro --device \"$(adb devices | sed -n '2p' | cut -f1)\" test ./maestro.yaml",
+    "e2e:ios": "pnpm run run:ios && pnpm run maestro:ios",
+    "e2e:android": "pnpm run run:android && pnpm run maestro:android"
+  },
+  "dependencies": {
+    "@crossbind/core-embind-jsi": "^2.0.0-beta.50",
+    "@crossbind/plugin-react-native": "^2.0.0-beta.50",
+    "@crossbind/plugin-react-native-ios-helper": "^2.0.0-beta.50",
+    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.50",
+    "react": "19.2.3",
+    "react-native": "0.85.3",
+    "react-native-safe-area-context": "^5.8.0",
+    "hermes-compiler": "*"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/runtime": "^7.29.7",
+    "@react-native-community/cli": "20.1.3",
+    "@react-native-community/cli-platform-android": "20.1.3",
+    "@react-native-community/cli-platform-ios": "20.1.3",
+    "@react-native/babel-preset": "0.85.3",
+    "@react-native/codegen": "0.85.3",
+    "@react-native/eslint-config": "0.85.3",
+    "@react-native/jest-preset": "0.85.3",
+    "@react-native/gradle-plugin": "0.85.3",
+    "@react-native/metro-config": "0.85.3",
+    "@react-native/typescript-config": "0.85.3",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^19.2.18",
+    "@types/react-test-renderer": "^19.1.0",
+    "eslint": "^8.19.0",
+    "jest": "^29.6.3",
+    "prettier": "3.9.6",
+    "react-test-renderer": "19.2.3",
+    "typescript": "^5.8.3",
+    "@crossbind/plugin-metro": "^2.0.0-beta.50"
+  },
+  "engines": {
+    "node": ">= 22.11.0"
+  },
+  "keywords": [
+    "crossbind-sample",
+    "react-native",
+    "bind",
+    "c++",
+    "android",
+    "ios",
+    "mobile"
+  ]
+}

package/templates/mobile-reactnative-cli/src/App.tsx

@@ -0,0 +1,53 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+import { useEffect, useState } from 'react';
+import { StatusBar, StyleSheet, useColorScheme, View, Text } from 'react-native';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { initNative, Native } from './native/native.h';
+
+function App() {
+  const isDarkMode = useColorScheme() === 'dark';
+
+  return (
+    <SafeAreaProvider>
+      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
+      <AppContent />
+    </SafeAreaProvider>
+  );
+}
+
+function AppContent() {
+  const [message, setMessage] = useState('compiling ...');
+
+  useEffect(() => {
+    initNative().then(() => {
+      setMessage(Native.sample());
+    });
+  }, []);
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Matrix multiplier with c++ &nbsp;&nbsp;=&gt;&nbsp;&nbsp; {message}</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#242424'
+  },
+  text: {
+    color: '#FFFFFF',
+    fontWeight: 'bold',
+    fontSize: 30,
+  },
+});
+
+export default App;

package/templates/mobile-reactnative-cli/src/native/native.cpp

@@ -0,0 +1,9 @@
+#include "native.h"
+#include <Matrix.h>
+
+std::string Native::sample() {
+  auto firstMatrix = std::make_shared<Matrix>(9, 1);
+  auto secondMatrix = std::make_shared<Matrix>(9, 2);
+  auto resultStr = std::to_string(firstMatrix->multiple(secondMatrix)->get(0));
+  return "J₃ * (2*J₃) = " + resultStr + "*J₃";
+}

package/templates/mobile-reactnative-cli/src/native/native.h

@@ -0,0 +1,12 @@
+#ifndef _NATIVE_H
+#define _NATIVE_H
+
+#include <string>
+#include <memory>
+
+class Native {
+public:
+    static std::string sample();
+};
+
+#endif

package/templates/mobile-reactnative-cli/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@react-native/typescript-config",
+  "compilerOptions": {
+    "types": [
+      "jest"
+    ]
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "**/node_modules",
+    "**/Pods"
+  ]
+}

package/templates/mobile-reactnative-expo/README.md

@@ -0,0 +1,34 @@
+# @crossbind/example-mobile-reactnative-expo
+**crossbind Expo sample**  
+
+<a href="https://www.npmjs.com/package/@crossbind/example-mobile-reactnative-expo">
+    <img alt="NPM version" src="https://img.shields.io/npm/v/@crossbind/example-mobile-reactnative-expo?style=for-the-badge" />
+</a>
+<a href="https://github.com/crossbind/crossbind/blob/main/LICENSE">
+    <img alt="License" src="https://img.shields.io/github/license/crossbind/crossbind?style=for-the-badge" />
+</a>
+<a href="https://crossbind.dev/docs/guide/integrate-into-existing-project/expo">
+    <img alt="Docs - Expo" src="https://img.shields.io/badge/Docs_-_Expo-20B2AA?style=for-the-badge" />
+</a>
+
+## Get started
+
+>**Note**: Make sure you have completed the [crossbind - Prerequisites](https://crossbind.dev/docs/guide/getting-started/prerequisites) instructions.
+
+1. Install dependencies
+
+   ```bash
+   npm install
+   ```
+
+2. Start the ios app
+
+   ```bash
+    npm run ios
+   ```
+
+3. Start the android app
+
+   ```bash
+    npm run android
+   ```

package/templates/mobile-reactnative-expo/app.json

@@ -0,0 +1,51 @@
+{
+  "expo": {
+    "name": "crossbind-example-mobile-reactnative-expo",
+    "slug": "crossbind-example-mobile-reactnative-expo",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "crossbindsamplereactnativeexpo",
+    "userInterfaceStyle": "automatic",
+    "ios": {
+      "icon": "./assets/expo.icon",
+      "bundleIdentifier": "dev.crossbind.sampleReactNativeExpo"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "backgroundColor": "#E6F4FE",
+        "foregroundImage": "./assets/images/android-icon-foreground.png",
+        "backgroundImage": "./assets/images/android-icon-background.png",
+        "monochromeImage": "./assets/images/android-icon-monochrome.png"
+      },
+      "predictiveBackGestureEnabled": false,
+      "package": "dev.crossbind.sampleReactNativeExpo"
+    },
+    "web": {
+      "output": "static",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-splash-screen",
+        {
+          "backgroundColor": "#208AEF",
+          "android": {
+            "image": "./assets/images/splash-icon.png",
+            "imageWidth": 76
+          }
+        }
+      ],
+      "expo-font",
+      "expo-image",
+      "expo-status-bar",
+      "expo-web-browser",
+      "@crossbind/plugin-react-native"
+    ],
+    "experiments": {
+      "typedRoutes": true,
+      "reactCompiler": true
+    }
+  }
+}

package/templates/mobile-reactnative-expo/assets/expo.icon/Assets/expo-symbol 2.svg

@@ -0,0 +1,3 @@
+<svg width="652" height="606" viewBox="0 0 652 606" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M353.554 0H298.446C273.006 0 249.684 14.6347 237.962 37.9539L4.37994 502.646C-1.04325 513.435 -1.45067 526.178 3.2716 537.313L22.6123 582.918C34.6475 611.297 72.5404 614.156 88.4414 587.885L309.863 222.063C313.34 216.317 319.439 212.826 326 212.826C332.561 212.826 338.659 216.317 342.137 222.063L563.559 587.885C579.46 614.156 617.352 611.297 629.388 582.918L648.728 537.313C653.451 526.178 653.043 513.435 647.62 502.646L414.038 37.9539C402.316 14.6347 378.994 0 353.554 0Z" fill="white"/>
+</svg>

package/templates/mobile-reactnative-expo/assets/expo.icon/icon.json

@@ -0,0 +1,40 @@
+{
+  "fill" : {
+    "automatic-gradient" : "extended-srgb:0.00000,0.47843,1.00000,1.00000"
+  },
+  "groups" : [
+    {
+      "layers" : [
+        {
+          "image-name" : "expo-symbol 2.svg",
+          "name" : "expo-symbol 2",
+          "position" : {
+            "scale" : 1,
+            "translation-in-points" : [
+              1.1008400065293245e-05,
+              -16.046875
+            ]
+          }
+        },
+        {
+          "image-name" : "grid.png",
+          "name" : "grid"
+        }
+      ],
+      "shadow" : {
+        "kind" : "neutral",
+        "opacity" : 0.5
+      },
+      "translucency" : {
+        "enabled" : true,
+        "value" : 0.5
+      }
+    }
+  ],
+  "supported-platforms" : {
+    "circles" : [
+      "watchOS"
+    ],
+    "squares" : "shared"
+  }
+}

package/templates/mobile-reactnative-expo/crossbind.config.mjs

@@ -0,0 +1,10 @@
+import Matrix from '@crossbind/example-lib-prebuilt-matrix/crossbind.config.js';
+
+export default {
+    dependencies: [
+        Matrix,
+    ],
+    paths: {
+        config: import.meta.url,
+    },
+};

package/templates/mobile-reactnative-expo/maestro.yaml

@@ -0,0 +1,4 @@
+appId: dev.crossbind.sampleReactNativeExpo
+---
+- launchApp
+- assertVisible: 'Matrix multiplier with c++.*=>.*J₃ \* \(2\*J₃\) = 6\*J₃'

package/templates/mobile-reactnative-expo/metro.config.js

@@ -0,0 +1,13 @@
+// Learn more https://docs.expo.io/guides/customizing-metro
+const { getDefaultConfig } = require('expo/metro-config');
+const { mergeConfig } = require('metro-config');
+const CrossbindMetroPlugin = require('@crossbind/plugin-metro');
+
+/** @type {import('expo/metro-config').MetroConfig} */
+const defaultConfig = getDefaultConfig(__dirname);
+
+const config = {
+    ...CrossbindMetroPlugin(defaultConfig),
+};
+
+module.exports = mergeConfig(defaultConfig, config);