@crossbind/plugin-webpack-loader 2.0.0-beta.50

package/CHANGELOG.md

@@ -0,0 +1,34 @@
+# @crossbind/plugin-webpack-loader
+
+## 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.2
+
+### Patch Changes
+
+- Updated dependencies
+  - crossbind@1.0.4
+
+## 1.0.0
+
+### Major Changes
+
+- 🚀 first stable release
+
+### Patch Changes
+
+- Updated dependencies
+  - crossbind@1.0.0
+
+## 1.0.0-beta.10
+
+### Patch Changes
+
+- chore: add initial version of CHANGELOGS files
+- Updated dependencies
+  - crossbind@1.0.0-beta.33

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Buğra Sarı and crossbind contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,145 @@
+# @crossbind/plugin-webpack-loader
+**crossbind Webpack loader**  
+A tool for seamless C++ integration with the Webpack bundler.
+
+<a href="https://www.npmjs.com/package/@crossbind/plugin-webpack-loader">
+    <img alt="NPM version" src="https://img.shields.io/npm/v/@crossbind/plugin-webpack-loader?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.js.org/docs/guide/integrate-into-existing-project/webpack">
+    <img alt="Docs - React Native" src="https://img.shields.io/badge/Docs_-_Webpack-20B2AA?style=for-the-badge" />
+</a>
+
+## Integration
+To integrate crossbind into your project using Webpack as a bundler, you can utilize the @crossbind/plugin-webpack-loader plugin. Start by installing these package with the following command:
+
+```sh
+npm install @crossbind/plugin-webpack @crossbind/plugin-webpack-loader --save-dev
+```
+
+**Webpack**  
+To enable the plugin, modify the `webpack.config.js` file as shown below.
+
+```diff
++ const CrossbindWebpackPlugin = require('@crossbind/plugin-webpack');
++ const crossbindWebpackPlugin = new CrossbindWebpackPlugin();
++ const compiler = crossbindWebpackPlugin.getCompiler();
+
+module.exports = {
+  //...
+  plugins: [
++   crossbindWebpackPlugin,
+  ],
+  module: {
+    rules: [
++     {
++       test: /\.h$/,
++       loader: '@crossbind/plugin-webpack-loader',
++       options: { compiler },
++     }
+    ],
+  },
+};
+```
+
+**Rspack**  
+To enable the plugin, modify the `rspack.config.mjs` file as shown below.
+
+```diff
++ import CrossbindWebpackPlugin from '@crossbind/plugin-webpack';
+
++ const crossbindWebpackPlugin = new CrossbindWebpackPlugin();
++ const compiler = crossbindWebpackPlugin.getCompiler();
+
+export default defineConfig({
+	module: {
+		rules: [
++            {
++                test: /\.h$/,
++                loader: '@crossbind/plugin-webpack-loader',
++                options: { compiler },
++            }
+		]
+	},
+	plugins: [
++         crossbindWebpackPlugin,
+	].filter(Boolean),
++     devServer: {
++         watchFiles: compiler.config.paths.native,
++         setupMiddlewares: (middlewares, devServer) => {
++             if (!devServer) {
++                 throw new Error('@rspack/dev-server is not defined');
++             }
++ 
++             middlewares.unshift({
++                 name: '/crossbind.js',
++                 path: '/crossbind.js',
++                 middleware: (req, res) => {
++                     res.sendFile(`${compiler.config.paths.temp}/${compiler.config.general.name}.browser.js`);
++                 },
++             });
++             middlewares.unshift({
++                 name: '/crossbind.wasm',
++                 path: '/crossbind.wasm',
++                 middleware: (req, res) => {
++                     res.send(fs.readFileSync(`${compiler.config.paths.temp}/${compiler.config.general.name}.wasm`));
++                 },
++             });
++ 
++             return middlewares;
++         },
++     },
+});
+```
+
+**Craco**  
+To enable the plugin, create the `craco.config.js` file as shown below.
+
+```js
+const fs = require('fs');
+
+module.exports = async function () {
+    const { default: CrossbindWebpackPlugin } = await import('@crossbind/plugin-webpack');
+    const crossbindWebpackPlugin = new CrossbindWebpackPlugin();
+    const compiler = crossbindWebpackPlugin.getCompiler();
+
+    return {
+        webpack: {
+            plugins: {
+                add: [crossbindWebpackPlugin],
+            },
+            configure: (config) => {
+                config.module.rules[1].oneOf = [
+                    {
+                        test: /\.h$/,
+                        loader: '@crossbind/plugin-webpack-loader',
+                        options: { compiler },
+                    },
+                    ...config.module.rules[1].oneOf,
+                ];
+                return config;
+            },
+        },
+        devServer: (devServerConfig) => {
+            devServerConfig.watchFiles = compiler.config.paths.native;
+            devServerConfig.onBeforeSetupMiddleware = (devServer) => {
+                if (!devServer) {
+                  throw new Error('webpack-dev-server is not defined');
+                }
+
+                devServer.app.get('/crossbind.js', function (req, res) {
+                  res.sendFile(`${compiler.config.paths.temp}/${compiler.config.general.name}.browser.js`);
+                });
+
+                devServer.app.get('/crossbind.wasm', function (req, res) {
+                    res.send(fs.readFileSync(`${compiler.config.paths.temp}/${compiler.config.general.name}.wasm`));
+                });
+            };
+
+            return devServerConfig;
+        },
+    };
+};
+```

package/index.js

@@ -0,0 +1,19 @@
+async function crossbindLoader() {
+    const {
+        bridges, createBridgeFile, getCrossbindScript, getRustJsScript, state,
+    } = this.getOptions();
+    const target = state.targets.find((t) => t.platform === 'wasm');
+
+    // Rust surfaces need no C++ bridge file: the native bridge is the generated companion
+    // crate; this only emits the JS proxy module - the same shape as the .h flow.
+    if (this.resourcePath.endsWith('.rs')) {
+        return getRustJsScript(target, this.resourcePath);
+    }
+
+    const bridgeFile = createBridgeFile(this.resourcePath);
+    bridges.push(bridgeFile);
+
+    return getCrossbindScript(target, bridgeFile);
+}
+
+module.exports = crossbindLoader;

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@crossbind/plugin-webpack-loader",
+  "version": "2.0.0-beta.50",
+  "description": "crossbind Webpack loader: A tool for seamless C++ integration with the Webpack bundler.",
+  "homepage": "https://github.com/crossbind/crossbind/tree/main/plugins/webpack-loader#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/crossbind/crossbind.git"
+  },
+  "license": "MIT",
+  "main": "index.js",
+  "dependencies": {
+    "crossbind": "^2.0.0-beta.50"
+  },
+  "peerDependencies": {
+    "webpack": ">=5.109.2"
+  },
+  "keywords": [
+    "crossbind-plugin",
+    "webpack",
+    "loader",
+    "bind",
+    "c++"
+  ]
+}