create-crossbind 2.0.0-beta.62 → 2.0.0-beta.64

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

@@ -12,7 +12,8 @@
     "reset-project": "node ./scripts/reset-project.js",
     "android": "expo run:android",
     "ios": "expo run:ios",
-    "web": "expo start --web",
+    "web": "crossbind-metro prepare-web && expo start --web",
+    "export:web": "crossbind-metro prepare-web && expo export -p web --clear && crossbind-metro export-web dist",
     "lint": "expo lint",
     "run:ios": "expo run:ios --no-bundler --configuration Release",
     "run:android": "expo run:android --no-bundler --variant release",
@@ -22,47 +23,47 @@
     "e2e:android": "npm run run:android && npm run maestro:android"
   },
   "dependencies": {
-    "@crossbind/core-embind-jsi": "2.0.0-beta.62",
-    "@crossbind/plugin-react-native": "2.0.0-beta.62",
-    "@crossbind/plugin-react-native-ios-helper": "2.0.0-beta.62",
-    "@crossbind/example-lib-prebuilt-matrix": "2.0.0-beta.62",
-    "hermes-compiler": "*",
-    "expo": "~57.0.24",
-    "expo-constants": "~57.0.19",
-    "expo-device": "~57.0.2",
-    "expo-font": "~57.0.4",
-    "expo-glass-effect": "~57.0.3",
-    "expo-image": "~57.0.5",
-    "expo-linking": "~57.0.10",
-    "expo-router": "~57.0.22",
-    "expo-splash-screen": "~57.0.9",
-    "expo-status-bar": "~57.0.1",
-    "expo-symbols": "~57.0.3",
-    "expo-system-ui": "~57.0.4",
-    "expo-web-browser": "~57.0.3",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "react-native": "0.86.3",
-    "react-native-gesture-handler": "~2.32.0",
-    "react-native-reanimated": "4.5.1",
-    "react-native-safe-area-context": "~5.7.0",
-    "react-native-screens": "~4.26.0",
-    "react-native-web": "~0.21.0",
-    "react-native-worklets": "0.10.1"
+    "@crossbind/core-embind-jsi": "2.0.0-beta.64",
+    "@crossbind/plugin-react-native": "2.0.0-beta.64",
+    "@crossbind/plugin-react-native-ios-helper": "2.0.0-beta.64",
+    "@crossbind/example-lib-prebuilt-matrix": "2.0.0-beta.64",
+    "hermes-compiler": "260318099.0.4",
+    "expo": "~58.0.14",
+    "expo-constants": "~58.0.12",
+    "expo-device": "~58.0.5",
+    "expo-font": "~58.0.8",
+    "expo-glass-effect": "~58.0.4",
+    "expo-image": "~58.0.15",
+    "expo-linking": "~58.0.13",
+    "expo-router": "~58.0.23",
+    "expo-splash-screen": "~58.0.10",
+    "expo-status-bar": "~58.0.3",
+    "expo-symbols": "~58.0.4",
+    "expo-system-ui": "~58.0.6",
+    "expo-web-browser": "~58.0.6",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "react-native": "0.88.0",
+    "react-native-gesture-handler": "~3.3.0",
+    "react-native-reanimated": "4.7.1",
+    "react-native-safe-area-context": "~5.10.1",
+    "react-native-screens": "~4.30.0",
+    "react-native-web": "~0.21.4",
+    "react-native-worklets": "0.13.0"
   },
   "devDependencies": {
-    "@types/react": "~19.2.18",
+    "@types/react": "~19.3.0",
     "typescript": "~6.0.3",
-    "@crossbind/typescript-config": "2.0.0-beta.62",
-    "@crossbind/plugin-metro": "2.0.0-beta.62"
+    "@crossbind/typescript-config": "2.0.0-beta.64",
+    "@crossbind/plugin-metro": "2.0.0-beta.64"
   },
   "overrides": {
     "uuid": "11.1.1",
     "replace": {
       "minimatch": "3.1.4"
     },
-    "brace-expansion@5": "^5.0.9",
-    "shell-quote": "^1.10.0",
+    "brace-expansion@5": "^5.0.12",
+    "shell-quote": "^1.12.0",
     "js-yaml@4": "^4.3.1",
     "nanoid@3": "^3.3.18",
     "postcss": "^8.5.26",

package/templates/mobile-reactnative-expo/src/app/index.tsx

@@ -35,8 +35,7 @@ export default function HomeScreen() {
   const [message, setMessage] = useState('compiling ...');
 
   useEffect(() => {
-    initNative().then((a) => {
-      console.log(a, a.Crossbind);
+    initNative().then(() => {
       setMessage(Native.sample());
     });
   }, []);

package/templates/mobile-reactnative-expo/src/components/animated-icon.tsx

@@ -125,7 +125,7 @@ const styles = StyleSheet.create({
     position: 'absolute',
   },
   backgroundSolidColor: {
-    ...StyleSheet.absoluteFillObject,
+    ...StyleSheet.absoluteFill,
     backgroundColor: '#208AEF',
     zIndex: 1000,
   },

package/templates/mobile-reactnative-expo/src/components/app-tabs.tsx

@@ -1,4 +1,4 @@
-import { NativeTabs } from 'expo-router/unstable-native-tabs';
+import { NativeTabs } from 'expo-router/native-tabs';
 import React from 'react';
 import { useColorScheme } from 'react-native';
 
@@ -6,7 +6,7 @@ import { Colors } from '@/constants/theme';
 
 export default function AppTabs() {
   const scheme = useColorScheme();
-  const colors = Colors[scheme === 'unspecified' ? 'light' : scheme];
+  const colors = Colors[scheme === 'dark' ? 'dark' : 'light'];
 
   return (
     <NativeTabs

package/templates/mobile-reactnative-expo/src/components/app-tabs.web.tsx

@@ -50,7 +50,7 @@ export function TabButton({ children, isFocused, ...props }: TabTriggerSlotProps
 
 export function CustomTabList(props: TabListProps) {
   const scheme = useColorScheme();
-  const colors = Colors[scheme === 'unspecified' ? 'light' : scheme];
+  const colors = Colors[scheme === 'dark' ? 'dark' : 'light'];
 
   return (
     <View {...props} style={styles.tabListContainer}>

package/templates/mobile-reactnative-expo/src/hooks/use-theme.ts

@@ -8,7 +8,7 @@ import { useColorScheme } from '@/hooks/use-color-scheme';
 
 export function useTheme() {
   const scheme = useColorScheme();
-  const theme = scheme === 'unspecified' ? 'light' : scheme;
+  const theme = scheme === 'dark' ? 'dark' : 'light';
 
   return Colors[theme];
 }

package/templates/native-executable/README.md

@@ -0,0 +1,50 @@
+# @crossbind/example-native-executable
+**crossbind native executable sample**
+
+A C++ `main()` and the matrix library linked into one executable per platform: Linux (glibc and
+musl), macOS and Windows, each for arm64 and x64. Nothing else ships beside it: the library is
+linked in, and the musl build is fully static, so it runs on any Linux.
+
+| Platform | Output | Runs on |
+|---|---|---|
+| `linux` | `dist/crossbind-example-native-executable.linux-<arch>` | glibc 2.28 or later |
+| `linuxmusl` | `dist/crossbind-example-native-executable.linuxmusl-<arch>` | any Linux |
+| `darwin` | `dist/crossbind-example-native-executable.darwin-<arch>` | macOS 11 or later |
+| `win32` | `dist/crossbind-example-native-executable.win32-<arch>.exe` | Windows 10 or later |
+
+# Getting Started
+
+>**Note**: Make sure you have completed the [crossbind - Prerequisites](https://crossbind.dev/docs/guide/getting-started/prerequisites) instructions.
+The Linux and Windows executables build in Docker; the macOS ones build on a macOS host with
+Xcode's command line tools, without Docker, and are skipped elsewhere.
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+Inside the crossbind repository, build the library's archives for the desktop platforms first:
+`pnpm --filter @crossbind/example-lib-prebuilt-matrix run build:desktop`.
+
+## Get Started
+
+Build the executables of this machine's platform, for arm64 and x64:
+
+```bash
+pnpm run build
+```
+
+`pnpm run build:desktop` builds them for every desktop platform instead.
+
+Run it:
+
+```bash
+./dist/crossbind-example-native-executable.linux-x64
+```
+
+Put your own code in `src/native`: the file with `main()` and any other sources there are compiled
+into the executable, and the libraries in `crossbind.config.mjs` are linked in. See
+[native executables](https://github.com/crossbind/crossbind/blob/main/docs/api/native.md).

package/templates/native-executable/_gitignore

@@ -0,0 +1,3 @@
+node_modules
+.crossbind
+dist

package/templates/native-executable/crossbind.config.mjs

@@ -0,0 +1,14 @@
+import Matrix from '@crossbind/example-lib-prebuilt-matrix/crossbind.config.js';
+
+export default {
+    general: {
+        name: 'crossbind-example-native-executable',
+    },
+    dependencies: [
+        Matrix,
+    ],
+    paths: {
+        config: import.meta.url,
+        output: 'dist',
+    },
+};

package/templates/native-executable/e2e/run.mjs

@@ -0,0 +1,27 @@
+import { execFileSync } from 'node:child_process';
+import { existsSync } from 'node:fs';
+import { join, resolve } from 'node:path';
+
+// Runs the built executables this machine runs: `pnpm build` makes the ones of its own platform,
+// `pnpm build:desktop` every one. The musl one is fully static, so Linux runs it whatever its C library.
+const EXPECTED = '= 6*J₃';
+const RUNNABLE = { linux: ['linux', 'linuxmusl'], darwin: ['darwin'], win32: ['win32'] }[process.platform] ?? [];
+
+const dist = resolve(import.meta.dirname, '../dist');
+const arch = process.arch === 'arm64' ? 'arm64' : 'x64';
+const executables = RUNNABLE
+    .map((platform) => `crossbind-example-native-executable.${platform}-${arch}${platform === 'win32' ? '.exe' : ''}`)
+    .filter((file) => existsSync(join(dist, file)));
+
+if (executables.length === 0) {
+    console.error(`FAIL: no executable for ${process.platform}-${arch} in dist - run \`pnpm build\` first.`);
+    process.exit(1);
+}
+for (const file of executables) {
+    const out = execFileSync(join(dist, file), { encoding: 'utf8' });
+    process.stdout.write(out);
+    if (!out.includes(EXPECTED)) {
+        console.error(`FAIL: ${file} did not print "${EXPECTED}"`);
+        process.exit(1);
+    }
+}

package/templates/native-executable/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@crossbind/example-native-executable",
+  "private": true,
+  "version": "0.0.0",
+  "description": "crossbind - native executable sample",
+  "homepage": "https://github.com/crossbind/crossbind/tree/main/examples/native-executable#readme",
+  "repository": "https://github.com/crossbind/crossbind.git",
+  "license": "MIT",
+  "scripts": {
+    "build": "crossbind build -p host -e native -b release",
+    "build:desktop": "crossbind build -p darwin,linux,linuxmusl,win32 -e native -b release",
+    "e2e:prod": "node e2e/run.mjs"
+  },
+  "dependencies": {
+    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.64"
+  },
+  "devDependencies": {
+    "crossbind": "^2.0.0-beta.64"
+  },
+  "keywords": [
+    "crossbind-sample",
+    "native",
+    "executable",
+    "c++"
+  ]
+}

package/templates/native-executable/src/native/main.cpp

@@ -0,0 +1,10 @@
+#include <Matrix.h>
+#include <cstdio>
+#include <memory>
+
+int main() {
+    auto firstMatrix = std::make_shared<Matrix>(9, 1);
+    auto secondMatrix = std::make_shared<Matrix>(9, 2);
+    printf("Matrix multiplier with c++ => J₃ * (2*J₃) = %d*J₃\n", firstMatrix->multiple(secondMatrix)->get(0));
+    return 0;
+}

package/templates/web-react-rspack/README.md

@@ -1,9 +1,6 @@
 # @crossbind/example-web-react-rspack
 **crossbind React Rspack sample**  
 
-<a href="https://www.npmjs.com/package/@crossbind/example-web-react-rspack">
-    <img alt="NPM version" src="https://img.shields.io/npm/v/@crossbind/example-web-react-rspack?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>

package/templates/web-react-rspack/package.json

@@ -16,7 +16,7 @@
   "dependencies": {
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
-    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.62"
+    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.64"
   },
   "devDependencies": {
     "@rspack/plugin-react-refresh": "^2.0.2",
@@ -29,8 +29,8 @@
     "react-refresh": "^0.19.0",
     "@playwright/test": "^1.63.0",
     "serve": "^14.2.6",
-    "@crossbind/plugin-webpack": "^2.0.0-beta.62",
-    "@crossbind/plugin-webpack-loader": "^2.0.0-beta.62"
+    "@crossbind/plugin-webpack": "^2.0.0-beta.64",
+    "@crossbind/plugin-webpack-loader": "^2.0.0-beta.64"
   },
   "keywords": [
     "crossbind-sample",

package/templates/web-react-vite/README.md

@@ -1,9 +1,6 @@
 # @crossbind/example-web-react-vite
 **crossbind React Vite sample**  
 
-<a href="https://www.npmjs.com/package/@crossbind/example-web-react-vite">
-    <img alt="NPM version" src="https://img.shields.io/npm/v/@crossbind/example-web-react-vite?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>

package/templates/web-react-vite/package.json

@@ -18,7 +18,7 @@
   "dependencies": {
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
-    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.62"
+    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.64"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
@@ -31,7 +31,7 @@
     "globals": "^17.12.0",
     "vite": "^8.2.1",
     "@playwright/test": "^1.63.0",
-    "@crossbind/plugin-vite": "^2.0.0-beta.62"
+    "@crossbind/plugin-vite": "^2.0.0-beta.64"
   },
   "keywords": [
     "crossbind-sample",

package/templates/web-svelte-vite/README.md

@@ -1,9 +1,6 @@
 # @crossbind/example-web-svelte-vite
 **crossbind Svelte Vite sample**  
 
-<a href="https://www.npmjs.com/package/@crossbind/example-web-svelte-vite">
-    <img alt="NPM version" src="https://img.shields.io/npm/v/@crossbind/example-web-svelte-vite?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>

package/templates/web-svelte-vite/package.json

@@ -15,14 +15,14 @@
     "e2e:prod": "playwright test --config playwright.prod.config.cjs"
   },
   "dependencies": {
-    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.62"
+    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.64"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "svelte": "^5.57.1",
     "vite": "^8.2.1",
     "@playwright/test": "^1.63.0",
-    "@crossbind/plugin-vite": "^2.0.0-beta.62"
+    "@crossbind/plugin-vite": "^2.0.0-beta.64"
   },
   "keywords": [
     "crossbind-sample",

package/templates/web-vanilla/README.md

@@ -1,9 +1,6 @@
 # @crossbind/example-web-vanilla
 **crossbind Web Vanilla sample**  
 
-<a href="https://www.npmjs.com/package/@crossbind/example-web-vanilla">
-    <img alt="NPM version" src="https://img.shields.io/npm/v/@crossbind/example-web-vanilla?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>

package/templates/web-vanilla/package.json

@@ -12,10 +12,10 @@
     "e2e:prod": "playwright test --config playwright.prod.config.cjs"
   },
   "dependencies": {
-    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.62"
+    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.64"
   },
   "devDependencies": {
-    "crossbind": "^2.0.0-beta.62",
+    "crossbind": "^2.0.0-beta.64",
     "serve": "^14.2.6",
     "@playwright/test": "^1.63.0"
   },

package/templates/web-vue-vite/README.md

@@ -1,9 +1,6 @@
 # @crossbind/example-web-vue-vite
 **crossbind Vue Vite sample**  
 
-<a href="https://www.npmjs.com/package/@crossbind/example-web-vue-vite">
-    <img alt="NPM version" src="https://img.shields.io/npm/v/@crossbind/example-web-vue-vite?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>

package/templates/web-vue-vite/package.json

@@ -16,13 +16,13 @@
   },
   "dependencies": {
     "vue": "^3.5.43",
-    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.62"
+    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.64"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.9",
     "vite": "^8.2.1",
     "@playwright/test": "^1.63.0",
-    "@crossbind/plugin-vite": "^2.0.0-beta.62"
+    "@crossbind/plugin-vite": "^2.0.0-beta.64"
   },
   "keywords": [
     "crossbind-sample",