@tailwind-styled/rspack 2.0.0

package/dist/chunk-HMX3D6IV.js

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __require
+};

package/dist/index.cjs

@@ -0,0 +1,82 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  TailwindStyledRspackPlugin: () => TailwindStyledRspackPlugin,
+  default: () => index_default,
+  tailwindStyledRspackPlugin: () => tailwindStyledRspackPlugin
+});
+module.exports = __toCommonJS(index_exports);
+var import_node_path = __toESM(require("path"), 1);
+var LOADER_PATH = import_node_path.default.resolve(__dirname, "loader.js");
+var TailwindStyledRspackPlugin = class {
+  constructor(opts = {}) {
+    this.opts = opts;
+  }
+  apply(compiler) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    const isDev = compiler.options.mode !== "production";
+    const loaderOpts = {
+      addDataAttr: (_a = this.opts.addDataAttr) != null ? _a : isDev,
+      routeCss: (_b = this.opts.routeCss) != null ? _b : false,
+      incremental: (_c = this.opts.incremental) != null ? _c : true,
+      verbose: (_d = this.opts.verbose) != null ? _d : false,
+      atomic: (_e = this.opts.atomic) != null ? _e : false,
+      hoist: (_f = this.opts.hoist) != null ? _f : true
+    };
+    const include = (_g = this.opts.include) != null ? _g : /\.[jt]sx?$/;
+    const exclude = (_h = this.opts.exclude) != null ? _h : /node_modules/;
+    const existing = (_j = (_i = compiler.options.module) == null ? void 0 : _i.rules) != null ? _j : [];
+    const alreadyRegistered = existing.some((r) => r._tailwindStyledRspackMarker === true);
+    if (alreadyRegistered) return;
+    const rule = {
+      _tailwindStyledRspackMarker: true,
+      test: include,
+      exclude,
+      use: [
+        {
+          loader: LOADER_PATH,
+          options: loaderOpts
+        }
+      ]
+    };
+    compiler.options.module.rules = [rule, ...existing];
+  }
+};
+function tailwindStyledRspackPlugin(opts = {}) {
+  return new TailwindStyledRspackPlugin(opts);
+}
+var index_default = tailwindStyledRspackPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TailwindStyledRspackPlugin,
+  tailwindStyledRspackPlugin
+});

package/dist/index.d.cts

@@ -0,0 +1,58 @@
+/**
+ * tailwind-styled-v4 — Rspack Plugin
+ *
+ * Rspack plugin yang menambahkan loader secara otomatis ke config.
+ * Mirip withTailwindStyled() untuk Next.js, tapi untuk Rspack/Webpack.
+ *
+ * Usage:
+ *   import { tailwindStyledRspackPlugin } from "@tailwind-styled/rspack"
+ *
+ *   export default defineConfig({
+ *     plugins: [tailwindStyledRspackPlugin()],
+ *   })
+ *
+ * Atau manual:
+ *   import loaderPath from "@tailwind-styled/rspack/loader"
+ *   // loader: loaderPath
+ */
+interface RspackPluginOptions {
+    /** File patterns to transform (default: /\.[jt]sx?$/) */
+    include?: RegExp;
+    /** File patterns to exclude (default: /node_modules/) */
+    exclude?: RegExp;
+    /** Collect per-route CSS (default: false) */
+    routeCss?: boolean;
+    /** Skip unchanged files via hash (default: true) */
+    incremental?: boolean;
+    /** Log per-file transform info (default: false) */
+    verbose?: boolean;
+    /** Atomic CSS mode (default: false) */
+    atomic?: boolean;
+    /** Auto-hoist tw() outside render (default: true) */
+    hoist?: boolean;
+    /** Add data-tw debug attributes in dev (default: NODE_ENV !== production) */
+    addDataAttr?: boolean;
+}
+/**
+ * Rspack plugin — auto-registers the tailwind-styled loader.
+ *
+ * @example
+ * // rspack.config.ts
+ * import { tailwindStyledRspackPlugin } from "@tailwind-styled/rspack"
+ *
+ * export default {
+ *   plugins: [tailwindStyledRspackPlugin()],
+ * }
+ */
+declare class TailwindStyledRspackPlugin {
+    private opts;
+    constructor(opts?: RspackPluginOptions);
+    apply(compiler: any): void;
+}
+/**
+ * Functional factory — same as `new TailwindStyledRspackPlugin(opts).apply(...)` but
+ * works wherever Rspack/webpack expects a plugin object.
+ */
+declare function tailwindStyledRspackPlugin(opts?: RspackPluginOptions): TailwindStyledRspackPlugin;
+
+export { type RspackPluginOptions, TailwindStyledRspackPlugin, tailwindStyledRspackPlugin as default, tailwindStyledRspackPlugin };

package/dist/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * tailwind-styled-v4 — Rspack Plugin
+ *
+ * Rspack plugin yang menambahkan loader secara otomatis ke config.
+ * Mirip withTailwindStyled() untuk Next.js, tapi untuk Rspack/Webpack.
+ *
+ * Usage:
+ *   import { tailwindStyledRspackPlugin } from "@tailwind-styled/rspack"
+ *
+ *   export default defineConfig({
+ *     plugins: [tailwindStyledRspackPlugin()],
+ *   })
+ *
+ * Atau manual:
+ *   import loaderPath from "@tailwind-styled/rspack/loader"
+ *   // loader: loaderPath
+ */
+interface RspackPluginOptions {
+    /** File patterns to transform (default: /\.[jt]sx?$/) */
+    include?: RegExp;
+    /** File patterns to exclude (default: /node_modules/) */
+    exclude?: RegExp;
+    /** Collect per-route CSS (default: false) */
+    routeCss?: boolean;
+    /** Skip unchanged files via hash (default: true) */
+    incremental?: boolean;
+    /** Log per-file transform info (default: false) */
+    verbose?: boolean;
+    /** Atomic CSS mode (default: false) */
+    atomic?: boolean;
+    /** Auto-hoist tw() outside render (default: true) */
+    hoist?: boolean;
+    /** Add data-tw debug attributes in dev (default: NODE_ENV !== production) */
+    addDataAttr?: boolean;
+}
+/**
+ * Rspack plugin — auto-registers the tailwind-styled loader.
+ *
+ * @example
+ * // rspack.config.ts
+ * import { tailwindStyledRspackPlugin } from "@tailwind-styled/rspack"
+ *
+ * export default {
+ *   plugins: [tailwindStyledRspackPlugin()],
+ * }
+ */
+declare class TailwindStyledRspackPlugin {
+    private opts;
+    constructor(opts?: RspackPluginOptions);
+    apply(compiler: any): void;
+}
+/**
+ * Functional factory — same as `new TailwindStyledRspackPlugin(opts).apply(...)` but
+ * works wherever Rspack/webpack expects a plugin object.
+ */
+declare function tailwindStyledRspackPlugin(opts?: RspackPluginOptions): TailwindStyledRspackPlugin;
+
+export { type RspackPluginOptions, TailwindStyledRspackPlugin, tailwindStyledRspackPlugin as default, tailwindStyledRspackPlugin };

package/dist/index.js

@@ -0,0 +1,48 @@
+import "./chunk-HMX3D6IV.js";
+
+// src/index.ts
+import path from "path";
+var LOADER_PATH = path.resolve(__dirname, "loader.js");
+var TailwindStyledRspackPlugin = class {
+  constructor(opts = {}) {
+    this.opts = opts;
+  }
+  apply(compiler) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    const isDev = compiler.options.mode !== "production";
+    const loaderOpts = {
+      addDataAttr: (_a = this.opts.addDataAttr) != null ? _a : isDev,
+      routeCss: (_b = this.opts.routeCss) != null ? _b : false,
+      incremental: (_c = this.opts.incremental) != null ? _c : true,
+      verbose: (_d = this.opts.verbose) != null ? _d : false,
+      atomic: (_e = this.opts.atomic) != null ? _e : false,
+      hoist: (_f = this.opts.hoist) != null ? _f : true
+    };
+    const include = (_g = this.opts.include) != null ? _g : /\.[jt]sx?$/;
+    const exclude = (_h = this.opts.exclude) != null ? _h : /node_modules/;
+    const existing = (_j = (_i = compiler.options.module) == null ? void 0 : _i.rules) != null ? _j : [];
+    const alreadyRegistered = existing.some((r) => r._tailwindStyledRspackMarker === true);
+    if (alreadyRegistered) return;
+    const rule = {
+      _tailwindStyledRspackMarker: true,
+      test: include,
+      exclude,
+      use: [
+        {
+          loader: LOADER_PATH,
+          options: loaderOpts
+        }
+      ]
+    };
+    compiler.options.module.rules = [rule, ...existing];
+  }
+};
+function tailwindStyledRspackPlugin(opts = {}) {
+  return new TailwindStyledRspackPlugin(opts);
+}
+var index_default = tailwindStyledRspackPlugin;
+export {
+  TailwindStyledRspackPlugin,
+  index_default as default,
+  tailwindStyledRspackPlugin
+};

package/dist/loader.cjs

@@ -0,0 +1,102 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/loader.ts
+var loader_exports = {};
+__export(loader_exports, {
+  default: () => rspackLoader
+});
+module.exports = __toCommonJS(loader_exports);
+var import_compiler = require("@tailwind-styled/compiler");
+function rspackLoader(source) {
+  var _a;
+  const callback = this.async();
+  const filepath = this.resourcePath;
+  if (filepath.includes("node_modules") || filepath.includes(".rspack-dist") || !/\.[jt]sx?$/.test(filepath)) {
+    callback(null, source);
+    return;
+  }
+  try {
+    const options = this.getOptions();
+    if (options.incremental !== false) {
+      try {
+        const { getIncrementalEngine, parseClassesToNodes } = require("@tailwind-styled/compiler");
+        if (typeof getIncrementalEngine === "function") {
+          const engine = getIncrementalEngine({ verbose: options.verbose });
+          const quickResult = engine.processFile(filepath, source, []);
+          if (!quickResult.changed) {
+            callback(null, source);
+            return;
+          }
+          const result2 = (0, import_compiler.transformSource)(source, __spreadProps(__spreadValues({}, options), { filename: filepath }));
+          if (options.routeCss && result2.changed && result2.classes.length > 0) {
+            const { registerFileClasses } = require("@tailwind-styled/compiler");
+            if (typeof registerFileClasses === "function") {
+              registerFileClasses(filepath, result2.classes);
+            }
+          }
+          const nodes = parseClassesToNodes(result2.classes);
+          engine.processFile(filepath, source, nodes);
+          if (options.verbose && result2.changed) {
+            const env = ((_a = result2.rsc) == null ? void 0 : _a.isServer) ? "server" : "client";
+            console.log(
+              `[tailwind-styled/rspack] ${filepath.split(/[\\/]/).pop()} \u2192 ${result2.classes.length} classes, ${env} component`
+            );
+          }
+          callback(null, result2.code);
+          return;
+        }
+      } catch (e) {
+      }
+    }
+    const result = (0, import_compiler.transformSource)(source, __spreadProps(__spreadValues({}, options), { filename: filepath }));
+    if (options.routeCss && result.changed && result.classes.length > 0) {
+      try {
+        const { registerFileClasses } = require("@tailwind-styled/compiler");
+        if (typeof registerFileClasses === "function") {
+          registerFileClasses(filepath, result.classes);
+        }
+      } catch (e) {
+      }
+    }
+    callback(null, result.code);
+  } catch (err) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`[tailwind-styled/rspack] Transform failed for ${filepath}:`, err);
+    }
+    callback(null, source);
+  }
+}

package/dist/loader.d.cts

@@ -0,0 +1,60 @@
+import { TransformOptions } from '@tailwind-styled/compiler';
+
+/**
+ * tailwind-styled-v4 — Rspack Loader
+ *
+ * Rspack is 100% webpack-loader-compatible. This loader follows the same
+ * contract as webpackLoader.ts — async callback, getOptions(), resourcePath.
+ *
+ * Usage in rspack.config.js / rspack.config.ts:
+ *
+ *   import { defineConfig } from "@rspack/cli"
+ *   import { rspackLoader }  from "@tailwind-styled/rspack/loader"
+ *
+ *   export default defineConfig({
+ *     module: {
+ *       rules: [
+ *         {
+ *           test: /\.[jt]sx?$/,
+ *           exclude: /node_modules/,
+ *           use: [
+ *             {
+ *               loader: "@tailwind-styled/rspack/loader",
+ *               options: {
+ *                 routeCss:    false,
+ *                 incremental: true,
+ *                 verbose:     false,
+ *               },
+ *             },
+ *           ],
+ *         },
+ *       ],
+ *     },
+ *   })
+ *
+ * Options:
+ *   routeCss    — collect per-route CSS (default: false in dev)
+ *   incremental — skip unchanged files via hash (default: true)
+ *   verbose     — log transform info per file (default: false)
+ *   atomic      — use atomic CSS mode (default: false)
+ *   hoist       — auto-hoist tw() outside render (default: true)
+ *   addDataAttr — add data-tw debug attrs in dev (default: true in dev)
+ */
+
+interface RspackLoaderOptions extends TransformOptions {
+    routeCss?: boolean;
+    incremental?: boolean;
+    verbose?: boolean;
+}
+interface RspackLoaderContext {
+    resourcePath: string;
+    getOptions(): RspackLoaderOptions;
+    async(): (err: Error | null, result?: string) => void;
+}
+/**
+ * Rspack webpack-compatible loader.
+ * Export as default for `loader: require.resolve(...)` usage.
+ */
+declare function rspackLoader(this: RspackLoaderContext, source: string): void;
+
+export { rspackLoader as default };

package/dist/loader.d.ts

@@ -0,0 +1,60 @@
+import { TransformOptions } from '@tailwind-styled/compiler';
+
+/**
+ * tailwind-styled-v4 — Rspack Loader
+ *
+ * Rspack is 100% webpack-loader-compatible. This loader follows the same
+ * contract as webpackLoader.ts — async callback, getOptions(), resourcePath.
+ *
+ * Usage in rspack.config.js / rspack.config.ts:
+ *
+ *   import { defineConfig } from "@rspack/cli"
+ *   import { rspackLoader }  from "@tailwind-styled/rspack/loader"
+ *
+ *   export default defineConfig({
+ *     module: {
+ *       rules: [
+ *         {
+ *           test: /\.[jt]sx?$/,
+ *           exclude: /node_modules/,
+ *           use: [
+ *             {
+ *               loader: "@tailwind-styled/rspack/loader",
+ *               options: {
+ *                 routeCss:    false,
+ *                 incremental: true,
+ *                 verbose:     false,
+ *               },
+ *             },
+ *           ],
+ *         },
+ *       ],
+ *     },
+ *   })
+ *
+ * Options:
+ *   routeCss    — collect per-route CSS (default: false in dev)
+ *   incremental — skip unchanged files via hash (default: true)
+ *   verbose     — log transform info per file (default: false)
+ *   atomic      — use atomic CSS mode (default: false)
+ *   hoist       — auto-hoist tw() outside render (default: true)
+ *   addDataAttr — add data-tw debug attrs in dev (default: true in dev)
+ */
+
+interface RspackLoaderOptions extends TransformOptions {
+    routeCss?: boolean;
+    incremental?: boolean;
+    verbose?: boolean;
+}
+interface RspackLoaderContext {
+    resourcePath: string;
+    getOptions(): RspackLoaderOptions;
+    async(): (err: Error | null, result?: string) => void;
+}
+/**
+ * Rspack webpack-compatible loader.
+ * Export as default for `loader: require.resolve(...)` usage.
+ */
+declare function rspackLoader(this: RspackLoaderContext, source: string): void;
+
+export { rspackLoader as default };

package/dist/loader.js

@@ -0,0 +1,70 @@
+import {
+  __require,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-HMX3D6IV.js";
+
+// src/loader.ts
+import { transformSource } from "@tailwind-styled/compiler";
+function rspackLoader(source) {
+  var _a;
+  const callback = this.async();
+  const filepath = this.resourcePath;
+  if (filepath.includes("node_modules") || filepath.includes(".rspack-dist") || !/\.[jt]sx?$/.test(filepath)) {
+    callback(null, source);
+    return;
+  }
+  try {
+    const options = this.getOptions();
+    if (options.incremental !== false) {
+      try {
+        const { getIncrementalEngine, parseClassesToNodes } = __require("@tailwind-styled/compiler");
+        if (typeof getIncrementalEngine === "function") {
+          const engine = getIncrementalEngine({ verbose: options.verbose });
+          const quickResult = engine.processFile(filepath, source, []);
+          if (!quickResult.changed) {
+            callback(null, source);
+            return;
+          }
+          const result2 = transformSource(source, __spreadProps(__spreadValues({}, options), { filename: filepath }));
+          if (options.routeCss && result2.changed && result2.classes.length > 0) {
+            const { registerFileClasses } = __require("@tailwind-styled/compiler");
+            if (typeof registerFileClasses === "function") {
+              registerFileClasses(filepath, result2.classes);
+            }
+          }
+          const nodes = parseClassesToNodes(result2.classes);
+          engine.processFile(filepath, source, nodes);
+          if (options.verbose && result2.changed) {
+            const env = ((_a = result2.rsc) == null ? void 0 : _a.isServer) ? "server" : "client";
+            console.log(
+              `[tailwind-styled/rspack] ${filepath.split(/[\\/]/).pop()} \u2192 ${result2.classes.length} classes, ${env} component`
+            );
+          }
+          callback(null, result2.code);
+          return;
+        }
+      } catch (e) {
+      }
+    }
+    const result = transformSource(source, __spreadProps(__spreadValues({}, options), { filename: filepath }));
+    if (options.routeCss && result.changed && result.classes.length > 0) {
+      try {
+        const { registerFileClasses } = __require("@tailwind-styled/compiler");
+        if (typeof registerFileClasses === "function") {
+          registerFileClasses(filepath, result.classes);
+        }
+      } catch (e) {
+      }
+    }
+    callback(null, result.code);
+  } catch (err) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`[tailwind-styled/rspack] Transform failed for ${filepath}:`, err);
+    }
+    callback(null, source);
+  }
+}
+export {
+  rspackLoader as default
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@tailwind-styled/rspack",
+  "version": "2.0.0",
+  "description": "Rspack adapter for tailwind-styled-v4 — loader + plugin",
+  "author": "Dictionar32",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types":   "./dist/index.d.ts",
+      "import":  "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./loader": {
+      "types":   "./dist/loader.d.ts",
+      "import":  "./dist/loader.js",
+      "require": "./dist/loader.cjs"
+    }
+  },
+  "files": ["dist"],
+  "sideEffects": false,
+  "engines": { "node": ">=18" },
+  "peerDependencies": {
+    "@rspack/core": ">=1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@rspack/core": { "optional": true }
+  },
+  "dependencies": {
+    "@tailwind-styled/compiler": "*"
+  },
+  "devDependencies": {
+    "typescript": "^5",
+    "tsup": "^8"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/loader.ts --format cjs,esm --dts --out-dir dist --clean",
+    "dev":   "tsup src/index.ts src/loader.ts --format cjs,esm --dts --out-dir dist --watch",
+    "clean": "rm -rf dist"
+  }
+}