create-crossbind 2.0.0-beta.50

package/templates/web-svelte-vite/src/app.css

@@ -0,0 +1,79 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/templates/web-svelte-vite/src/main.js

@@ -0,0 +1,9 @@
+import { mount } from 'svelte'
+import './app.css'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('app'),
+})
+
+export default app

package/templates/web-svelte-vite/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/web-svelte-vite/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/web-svelte-vite/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />

package/templates/web-svelte-vite/svelte.config.js

@@ -0,0 +1,7 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
+  // for more information about preprocessors
+  preprocess: vitePreprocess(),
+}

package/templates/web-svelte-vite/vite.config.js

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import viteCrossbindPlugin from '@crossbind/plugin-vite';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [svelte(), viteCrossbindPlugin()],
+});

package/templates/web-vanilla/CHANGELOG.md

@@ -0,0 +1,34 @@
+# @crossbind/example-web-vanilla
+
+## 2.0.0-beta.50
+
+### Patch Changes
+
+- Aligned on the 2.0.0-beta.50 baseline. No source change; the version exists so every package in
+  the workspace names the same release.
+
+## 1.0.1
+
+### Patch Changes
+
+- Updated dependencies
+  - crossbind@1.0.4
+
+## 1.0.0
+
+### Major Changes
+
+- 🚀 first stable release
+
+### Patch Changes
+
+- Updated dependencies
+  - @crossbind/example-lib-prebuilt-matrix@1.0.0
+
+## 1.0.0-beta.13
+
+### Patch Changes
+
+- chore: add initial version of CHANGELOGS files
+- Updated dependencies
+  - @crossbind/example-lib-prebuilt-matrix@1.0.0-beta.32

package/templates/web-vanilla/README.md

@@ -0,0 +1,32 @@
+# @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>
+<a href="https://crossbind.dev/docs/guide/integrate-into-existing-project/standalone">
+    <img alt="Docs - Standalone" src="https://img.shields.io/badge/Docs_-_Standalone-20B2AA?style=for-the-badge" />
+</a>
+
+# Getting Started
+
+>**Note**: Make sure you have completed the [crossbind - Prerequisites](https://crossbind.dev/docs/guide/getting-started/prerequisites) instructions.
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get Started
+
+Build native code to webassembly:
+
+```bash
+pnpm run build
+```

package/templates/web-vanilla/crossbind.config.mjs

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

package/templates/web-vanilla/e2e/crossbind.spec.cjs

@@ -0,0 +1,7 @@
+// @ts-check
+const { test, expect } = require('@playwright/test');
+
+test('check string receiving from c++', async ({ page }) => {
+    await page.goto('/')
+    await expect(page.getByText('Matrix multiplier with c++   =>   J₃ * (2*J₃) = 6*J₃')).toBeVisible()
+});

package/templates/web-vanilla/index.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>crossbind Vanilla sample</title>
+  <script src="./dist/crossbind-example-web-vanilla-wasm-wasm32-st-release.browser.js"></script>
+  <script>
+    initNative({ path: './dist' }).then(async ({ Native }) => {
+      document.querySelector('#cppMessage').innerHTML = await Native.sample();
+    });
+  </script>
+  <style>
+    body {
+      padding: 50px;
+    }
+
+    table,
+    th,
+    td {
+      border: 1px solid red;
+      border-collapse: collapse;
+    }
+
+    table {
+      width: 400px;
+      margin-top: 20px;
+    }
+  </style>
+</head>
+
+<body>
+  <p>Matrix multiplier with c++ &nbsp;&nbsp;=&gt;&nbsp;&nbsp; <span id="cppMessage">compiling ...</span></p>
+</body>
+
+</html>

package/templates/web-vanilla/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@crossbind/example-web-vanilla",
+  "private": true,
+  "version": "0.0.0",
+  "description": "crossbind Web Vanilla sample",
+  "homepage": "https://github.com/crossbind/crossbind/tree/main/examples/web-vanilla#readme",
+  "repository": "https://github.com/crossbind/crossbind.git",
+  "license": "MIT",
+  "scripts": {
+    "build": "crossbind build -p wasm -a wasm32 -r st -e browser -b release",
+    "preview": "serve -c ./serve.json",
+    "e2e:prod": "playwright test --config playwright.prod.config.cjs"
+  },
+  "dependencies": {
+    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.50"
+  },
+  "devDependencies": {
+    "crossbind": "^2.0.0-beta.51",
+    "serve": "^14.2.6",
+    "@playwright/test": "^1.62.1"
+  },
+  "keywords": [
+    "crossbind-sample",
+    "webassembly",
+    "bind",
+    "c++",
+    "vanilla"
+  ]
+}

package/templates/web-vanilla/playwright.prod.config.cjs

@@ -0,0 +1,52 @@
+// @ts-check
+const { defineConfig, devices } = require('@playwright/test');
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+// CROSSBIND_E2E_PORT lets sequential/parallel e2e runs give each project a unique free
+// port (avoids teardown races on the shared default).
+const port = process.env.CROSSBIND_E2E_PORT || '3000';
+
+module.exports = defineConfig({
+  testDir: './e2e',
+  timeout: 30 * 1000,
+  expect: {
+    timeout: 50000,
+  },
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+
+  reporter: 'html',
+
+  use: {
+    baseURL: `http://localhost:${port}`,
+    trace: 'on-first-retry',
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: `npx serve -c ./serve.json -l ${port}`,
+    url: `http://localhost:${port}`,
+    reuseExistingServer: !process.env.CI,
+  },
+});

package/templates/web-vanilla/serve.json

@@ -0,0 +1,17 @@
+{
+  "headers": [
+    {
+      "source": "**/*",
+      "headers": [
+        {
+          "key": "Cross-Origin-Opener-Policy",
+          "value": "same-origin"
+        },
+        {
+          "key": "Cross-Origin-Embedder-Policy",
+          "value": "require-corp"
+        }
+      ]
+    }
+  ]
+}

package/templates/web-vanilla/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/web-vanilla/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/web-vue-vite/CHANGELOG.md

@@ -0,0 +1,34 @@
+# @crossbind/example-web-vue-vite
+
+## 2.0.0-beta.50
+
+### Patch Changes
+
+- Aligned on the 2.0.0-beta.50 baseline. No source change; the version exists so every package in
+  the workspace names the same release.
+
+## 1.0.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @crossbind/plugin-vite@1.0.2
+
+## 1.0.0
+
+### Major Changes
+
+- 🚀 first stable release
+
+### Patch Changes
+
+- Updated dependencies
+  - @crossbind/example-lib-prebuilt-matrix@1.0.0
+
+## 1.0.0-beta.12
+
+### Patch Changes
+
+- chore: add initial version of CHANGELOGS files
+- Updated dependencies
+  - @crossbind/example-lib-prebuilt-matrix@1.0.0-beta.32

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

@@ -0,0 +1,38 @@
+# @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>
+<a href="https://crossbind.dev/docs/guide/integrate-into-existing-project/vite">
+    <img alt="Docs - Vite" src="https://img.shields.io/badge/Docs_-_Vite-20B2AA?style=for-the-badge" />
+</a>
+
+# Getting Started
+
+>**Note**: Make sure you have completed the [crossbind - Prerequisites](https://crossbind.dev/docs/guide/getting-started/prerequisites) instructions.
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get Started
+
+Start the dev server:
+
+```bash
+pnpm run dev
+```
+
+Build the app for production:
+
+```bash
+pnpm run build
+```

package/templates/web-vue-vite/crossbind.config.js

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

package/templates/web-vue-vite/e2e/crossbind.spec.cjs

@@ -0,0 +1,7 @@
+// @ts-check
+const { test, expect } = require('@playwright/test');
+
+test('check string receiving from c++', async ({ page }) => {
+    await page.goto('/')
+    await expect(page.getByText('Matrix multiplier with c++   =>   J₃ * (2*J₃) = 6*J₃')).toBeVisible()
+});

package/templates/web-vue-vite/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>crossbind + Vite + Vue 3</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>

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

@@ -0,0 +1,35 @@
+{
+  "name": "@crossbind/example-web-vue-vite",
+  "private": true,
+  "version": "0.0.0",
+  "description": "crossbind Vue Vite sample",
+  "homepage": "https://github.com/crossbind/crossbind/tree/main/examples/web-vue-vite#readme",
+  "repository": "https://github.com/crossbind/crossbind.git",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "e2e:dev": "playwright test --config playwright.dev.config.cjs",
+    "e2e:prod": "playwright test --config playwright.prod.config.cjs"
+  },
+  "dependencies": {
+    "vue": "^3.5.41",
+    "@crossbind/example-lib-prebuilt-matrix": "^2.0.0-beta.50"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.8",
+    "vite": "^8.2.1",
+    "@playwright/test": "^1.62.1",
+    "@crossbind/plugin-vite": "^2.0.0-beta.50"
+  },
+  "keywords": [
+    "crossbind-sample",
+    "webassembly",
+    "bind",
+    "c++",
+    "vue",
+    "vite"
+  ]
+}

package/templates/web-vue-vite/playwright.dev.config.cjs

@@ -0,0 +1,48 @@
+// @ts-check
+const { defineConfig, devices } = require('@playwright/test');
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+module.exports = defineConfig({
+  testDir: './e2e',
+  timeout: 30 * 1000,
+  expect: {
+    timeout: 50000,
+  },
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+
+  reporter: 'html',
+
+  use: {
+    baseURL: 'http://localhost:5173',
+    trace: 'on-first-retry',
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'pnpm run dev',
+    url: 'http://localhost:5173',
+    reuseExistingServer: !process.env.CI,
+  },
+});

package/templates/web-vue-vite/playwright.prod.config.cjs

@@ -0,0 +1,52 @@
+// @ts-check
+const { defineConfig, devices } = require('@playwright/test');
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+// CROSSBIND_E2E_PORT lets sequential/parallel e2e runs give each project a unique free
+// port (avoids teardown races on the shared default).
+const port = process.env.CROSSBIND_E2E_PORT || '4173';
+
+module.exports = defineConfig({
+  testDir: './e2e',
+  timeout: 30 * 1000,
+  expect: {
+    timeout: 50000,
+  },
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+
+  reporter: 'html',
+
+  use: {
+    baseURL: `http://localhost:${port}`,
+    trace: 'on-first-retry',
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: `npx vite preview --port ${port} --strictPort`,
+    url: `http://localhost:${port}`,
+    reuseExistingServer: !process.env.CI,
+  },
+});

package/templates/web-vue-vite/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

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

@@ -0,0 +1,17 @@
+{
+    "headers": [
+      {
+        "source" : "*",
+        "headers" : [
+            {
+                "key" : "Cross-Origin-Opener-Policy",
+                "value" : "same-origin"
+            },
+            {
+                "key" : "Cross-Origin-Embedder-Policy",
+                "value" : "require-corp"
+            }
+        ]
+      }
+    ]
+}

package/templates/web-vue-vite/src/App.vue

@@ -0,0 +1,14 @@
+<script setup>
+import { ref } from 'vue'
+import { initNative, Native } from './native/native.h'
+
+const message = ref("compiling ...")
+
+initNative().then(async () => {
+  message.value = await Native.sample();
+});
+</script>
+
+<template>
+  <p>Matrix multiplier with c++ &nbsp;&nbsp;=&gt;&nbsp;&nbsp;  {{message}}</p>
+</template>