oxc-webpack-loader 0.0.1

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2024-present VoidZero Inc. & Contributors
+Copyright (c) 2023 Boshen
+
+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,134 @@
+<p align="center">
+  <br>
+  <br>
+  <a href="https://oxc.rs" target="_blank" rel="noopener noreferrer">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://oxc.rs/oxc-light.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://oxc.rs/oxc-dark.svg">
+      <img alt="Oxc logo" src="https://oxc.rs/oxc-dark.svg" height="60">
+    </picture>
+  </a>
+  <br>
+  <br>
+  <br>
+</p>
+
+<div align="center">
+
+[![MIT licensed][license-badge]][license-url]
+[![Build Status][ci-badge]][ci-url]
+[![npm][npm-badge]][npm-url]
+
+[![Discord chat][discord-badge]][discord-url]
+[![Website][website-badge]][website-url]
+
+</div>
+
+## oxc-loader
+
+Webpack loader for [oxc-transform](https://npmx.dev/package/oxc-transform). A drop-in replacement for `swc-loader` and `babel-loader` that uses Oxc for fast JavaScript and TypeScript transformation.
+
+## Install
+
+```bash
+npm install -D oxc-webpack-loader oxc-transform
+```
+
+## Usage
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.[jt]sx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "oxc-webpack-loader",
+          options: {
+            // oxc-transform options
+            // https://npmx.dev/package/oxc-transform
+          },
+        },
+      },
+    ],
+  },
+};
+```
+
+### JSX
+
+```js
+{
+  loader: "oxc-webpack-loader",
+  options: {
+    jsx: {
+      runtime: "automatic", // or "classic"
+    },
+  },
+}
+```
+
+### TypeScript
+
+TypeScript is supported out of the box. No additional configuration is needed - just include `.ts` and `.tsx` in the `test` pattern.
+
+### Target
+
+```js
+{
+  loader: "oxc-webpack-loader",
+  options: {
+    target: "es2015",
+  },
+}
+```
+
+### Source Maps
+
+```js
+{
+  loader: "oxc-webpack-loader",
+  options: {
+    sourcemap: true,
+  },
+}
+```
+
+Source maps are also automatically enabled when webpack's `devtool` option is set.
+
+### Sync Mode
+
+```js
+{
+  loader: "oxc-webpack-loader",
+  options: {
+    sync: true,
+  },
+}
+```
+
+## Options
+
+All [oxc-transform `TransformOptions`](https://npmx.dev/package/oxc-transform) are supported, plus:
+
+| Option | Type      | Default | Description                                                                                                                                                                                           |
+| ------ | --------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `sync` | `boolean` | `false` | Use `transformSync` instead of `transform`. The async `transform` spawns a thread per call, which can be slower due to overhead. Sync mode runs on the main thread and may be faster for small files. |
+
+## License
+
+Oxc is free and open-source software licensed under the [MIT License](./LICENSE).
+
+[license-badge]: https://img.shields.io/badge/license-MIT-blue.svg
+[license-url]: https://github.com/oxc-project/oxc-webpack-loader/blob/main/LICENSE
+[ci-badge]: https://github.com/oxc-project/oxc-webpack-loader/actions/workflows/ci.yml/badge.svg?event=push&branch=main
+[ci-url]: https://github.com/oxc-project/oxc-webpack-loader/actions/workflows/ci.yml?query=event%3Apush+branch%3Amain
+[npm-badge]: https://img.shields.io/npm/v/oxc-loader
+[npm-url]: https://npmx.dev/package/oxc-webpack-loader
+[discord-badge]: https://img.shields.io/discord/1079625926024900739?logo=discord&label=Discord
+[discord-url]: https://discord.gg/9uXCAwqQZW
+[website-badge]: https://img.shields.io/badge/Website-blue
+[website-url]: https://oxc.rs

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "oxc-webpack-loader",
+  "version": "0.0.1",
+  "description": "Webpack loader for oxc",
+  "license": "MIT",
+  "author": "oxc-project",
+  "repository": "https://github.com/oxc-project/oxc-webpack-loader",
+  "files": [
+    "src"
+  ],
+  "main": "src/index.js",
+  "devDependencies": {
+    "oxc-transform": "^0.115.0",
+    "vitest": "^4.0.18",
+    "webpack": "^5.98.0"
+  },
+  "peerDependencies": {
+    "oxc-transform": "^0.115.0",
+    "webpack": ">=5"
+  },
+  "scripts": {
+    "test": "vitest run"
+  }
+}

package/src/index.js

@@ -0,0 +1,72 @@
+const { transform, transformSync } = require("oxc-transform");
+
+function makeLoader() {
+  return function (source, inputSourceMap) {
+    const callback = this.async();
+    const filename = this.resourcePath;
+
+    let loaderOptions = (typeof this.getOptions === "function" ? this.getOptions() : {}) || {};
+
+    const sourceMaps =
+      loaderOptions.sourcemap === undefined ? this.sourceMap : loaderOptions.sourcemap;
+
+    const transformOptions = Object.assign({}, loaderOptions, {
+      sourcemap: !!sourceMaps,
+    });
+
+    // Auto detect development mode for JSX
+    if (
+      this.mode &&
+      transformOptions.jsx &&
+      typeof transformOptions.jsx === "object" &&
+      !Object.prototype.hasOwnProperty.call(transformOptions.jsx, "development")
+    ) {
+      transformOptions.jsx = Object.assign({}, transformOptions.jsx, {
+        development: this.mode === "development",
+      });
+    }
+
+    // Auto detect lang when jsx options are provided but file has .js extension
+    if (!transformOptions.lang && transformOptions.jsx && transformOptions.jsx !== "preserve") {
+      const ext = filename.slice(filename.lastIndexOf("."));
+      if (ext === ".js") {
+        transformOptions.lang = "jsx";
+      } else if (ext === ".ts") {
+        transformOptions.lang = "tsx";
+      }
+    }
+
+    // Remove loader-specific options
+    const sync = transformOptions.sync;
+    delete transformOptions.sync;
+
+    try {
+      if (sync) {
+        const output = transformSync(filename, source, transformOptions);
+        if (output.errors.length > 0) {
+          callback(new Error(output.errors.map((e) => e.message).join("\n")));
+          return;
+        }
+        callback(null, output.code, output.map ?? undefined);
+      } else {
+        transform(filename, source, transformOptions).then(
+          (output) => {
+            if (output.errors.length > 0) {
+              callback(new Error(output.errors.map((e) => e.message).join("\n")));
+              return;
+            }
+            callback(null, output.code, output.map ?? undefined);
+          },
+          (err) => {
+            callback(err);
+          },
+        );
+      }
+    } catch (e) {
+      callback(e);
+    }
+  };
+}
+
+module.exports = makeLoader();
+module.exports.custom = makeLoader;