unplugin-stylex 0.5.3 → 0.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-stylex",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Unplugin for stylex",
   "repository": "https://github.com/eryue0220/unplugin-stylex",
   "keywords": [
@@ -76,26 +76,26 @@
     "@stylexjs/stylex": "0.x"
   },
   "dependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/plugin-syntax-flow": "^7.26.0",
-    "@babel/plugin-syntax-jsx": "^7.25.9",
-    "@babel/plugin-syntax-typescript": "^7.25.9",
-    "@rollup/pluginutils": "^5.1.3",
+    "@babel/core": "^7.27.1",
+    "@babel/plugin-syntax-flow": "^7.27.1",
+    "@babel/plugin-syntax-jsx": "^7.27.1",
+    "@babel/plugin-syntax-typescript": "^7.27.1",
+    "@rollup/pluginutils": "^5.1.4",
     "@stylexjs/babel-plugin": "^0.12.0",
-    "unplugin": "^1.15.0"
+    "@types/node": "^24.0.15",
+    "@vitest/coverage-v8": "^3.2.4",
+    "unplugin": "^1.16.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@changesets/changelog-github": "^0.5.0",
-    "@changesets/cli": "^2.27.10",
-    "@types/node": "^20.17.2",
-    "@vitest/coverage-v8": "^3.0.9",
+    "@changesets/changelog-github": "^0.5.1",
+    "@changesets/cli": "^2.29.2",
     "babel-plugin-syntax-hermes-parser": "^0.19.2",
-    "jsr": "^0.13.2",
-    "tsup": "^8.3.5",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.14",
-    "vitest": "^3.0.9"
+    "jsr": "^0.13.4",
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.5",
+    "vitest": "^3.2.4"
   },
   "scripts": {
     "dev": "tsup src/*ts --watch src",

package/dist/chunk-3YYDUMQW.cjs

@@ -1,196 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/index.ts
-var _path = require('path'); var path = _interopRequireWildcard(_path);
-var _unplugin = require('unplugin');
-
-// src/core/build.ts
-var _babelplugin = require('@stylexjs/babel-plugin'); var _babelplugin2 = _interopRequireDefault(_babelplugin);
-function buildStylexRules(stylexRules, useCSSLayers) {
-  const rules = Object.values(stylexRules).flat();
-  if (rules.length === 0) return "";
-  return _babelplugin2.default.processStylexRules(rules, useCSSLayers);
-}
-
-// src/core/constants.ts
-var PLUGIN_NAME = "unplugin-stylex";
-var isDevelopment = process.env.NODE_ENV !== "production" || process.env.BABEL_ENV !== "production";
-
-// src/core/options.ts
-function getOptions(options) {
-  var _a, _b, _c;
-  const stylex2 = options.stylex || {};
-  const isDev = options.dev || isDevelopment;
-  return {
-    ...options,
-    dev: isDev,
-    // .js, .jsx, .mjs, .cjs, .ts, .tsx, .mts, .cts
-    validExts: _nullishCoalesce(options.validExts, () => ( /\.[mc]?[jt]sx?$/)),
-    stylex: {
-      filename: stylex2.filename || "stylex.css",
-      stylexImports: stylex2.stylexImports || ["@stylexjs/stylex"],
-      runtimeInjection: _nullishCoalesce(stylex2.runtimeInjection, () => ( isDev)),
-      aliases: stylex2.aliases,
-      useCSSLayers: stylex2.useCSSLayers || false,
-      unstable_moduleResolution: stylex2.unstable_moduleResolution || { type: "commonJS", rootDir: process.cwd() },
-      babelConfig: {
-        babelrc: _nullishCoalesce(((_a = stylex2.babelConfig) == null ? void 0 : _a.babelrc), () => ( false)),
-        plugins: _nullishCoalesce(((_b = stylex2.babelConfig) == null ? void 0 : _b.plugins), () => ( [])),
-        presets: _nullishCoalesce(((_c = stylex2.babelConfig) == null ? void 0 : _c.presets), () => ( []))
-      },
-      ...stylex2
-    }
-  };
-}
-
-// src/core/transformer.ts
-
-var _core = require('@babel/core');
-var _pluginsyntaxjsx = require('@babel/plugin-syntax-jsx'); var _pluginsyntaxjsx2 = _interopRequireDefault(_pluginsyntaxjsx);
-
-
-// src/core/plugins.ts
-var _pluginsyntaxflow = require('@babel/plugin-syntax-flow'); var _pluginsyntaxflow2 = _interopRequireDefault(_pluginsyntaxflow);
-var _pluginsyntaxtypescript = require('@babel/plugin-syntax-typescript'); var _pluginsyntaxtypescript2 = _interopRequireDefault(_pluginsyntaxtypescript);
-function getSyntaxPlugins(extname2) {
-  const TSPlugin = extname2 === ".tsx" ? [[_pluginsyntaxtypescript2.default, { isTSX: true }]] : [_pluginsyntaxtypescript2.default];
-  return [".js", ".jsx"].includes(extname2) ? [_pluginsyntaxflow2.default] : TSPlugin;
-}
-
-// src/core/transformer.ts
-async function transformer(context) {
-  var _a, _b, _c, _d;
-  const { id, inputCode, options } = context;
-  const stylex2 = options.stylex;
-  const extname2 = _path.extname.call(void 0, id);
-  const stylexRules = {};
-  const stylexBabelPluginOptions = {
-    dev: options.dev,
-    importSources: stylex2.stylexImports,
-    ...stylex2
-  };
-  const plugins = [
-    ...((_a = stylex2.babelConfig) == null ? void 0 : _a.plugins) || [],
-    ...getSyntaxPlugins(extname2),
-    _pluginsyntaxjsx2.default,
-    _babelplugin2.default.withOptions(stylexBabelPluginOptions)
-  ];
-  const { code, map, metadata } = await _core.transformAsync.call(void 0, inputCode, {
-    babelrc: (_b = stylex2.babelConfig) == null ? void 0 : _b.babelrc,
-    filename: id,
-    presets: (_c = stylex2.babelConfig) == null ? void 0 : _c.presets,
-    plugins
-  });
-  if (metadata.stylex && metadata.stylex.length > 0) {
-    stylexRules[id] = metadata.stylex;
-  }
-  if (!((_d = stylex2.babelConfig) == null ? void 0 : _d.babelrc)) {
-    return {
-      code,
-      // compatible for farm, null will occur an error
-      map: map || void 0,
-      stylexRules
-    };
-  }
-  return { code, stylexRules };
-}
-
-// src/index.ts
-var unpluginFactory = (rawOptions = {}) => {
-  const options = getOptions(rawOptions);
-  const stylexRules = {};
-  let viteConfig = null;
-  return {
-    name: PLUGIN_NAME,
-    transformInclude(id) {
-      const validExts = options.validExts;
-      const extname2 = path.extname(id);
-      const questionMarkIndex = extname2.indexOf("?");
-      const validExtName = questionMarkIndex > -1 ? extname2.slice(0, questionMarkIndex) : extname2;
-      return validExts instanceof RegExp ? validExts.test(validExtName) : validExts.includes(validExtName);
-    },
-    async transform(code, id) {
-      var _a;
-      const dir = path.dirname(id);
-      const basename2 = path.basename(id);
-      const file = path.join(dir, basename2.includes("?") ? basename2.split("?")[0] : basename2);
-      if (!options.stylex.stylexImports.some((importName) => code.includes(importName))) {
-        return;
-      }
-      const context = {
-        id: file,
-        inputCode: code,
-        pluginContext: this,
-        options
-      };
-      try {
-        const result = await transformer(context);
-        if ((_a = result.stylexRules) == null ? void 0 : _a[id]) {
-          stylexRules[id] = result.stylexRules[id];
-        }
-        return result;
-      } catch (error) {
-        console.error("transform::error::", error);
-        this.error(error);
-      }
-    },
-    buildEnd() {
-      const fileName = options.stylex.filename;
-      const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
-      if (!collectedCSS) return;
-      this.emitFile({
-        fileName,
-        source: collectedCSS,
-        type: "asset"
-      });
-    },
-    vite: {
-      config(config) {
-        viteConfig = {
-          build: config.build,
-          base: config.base
-        };
-      },
-      configResolved(config) {
-        config.optimizeDeps.exclude = config.optimizeDeps.exclude || [];
-        config.optimizeDeps.exclude.push("@stylexjs/open-props");
-      },
-      buildEnd() {
-        var _a;
-        const fileName = `${_nullishCoalesce(((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets"))}/${options.stylex.filename}`;
-        const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
-        if (!collectedCSS) return;
-        this.emitFile({
-          fileName,
-          source: collectedCSS,
-          type: "asset"
-        });
-      },
-      transformIndexHtml(html, ctx) {
-        var _a, _b;
-        const fileName = `${_nullishCoalesce(((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets"))}/${options.stylex.filename}`;
-        const css = (_b = ctx.bundle) == null ? void 0 : _b[fileName];
-        if (!css) {
-          return html;
-        }
-        const publicPath = path.posix.join(_nullishCoalesce((viteConfig == null ? void 0 : viteConfig.base), () => ( "/")), fileName.replace(/\\/g, "/"));
-        return [
-          {
-            tag: "link",
-            attrs: {
-              rel: "stylesheet",
-              href: publicPath
-            },
-            injectTo: "head"
-          }
-        ];
-      }
-    }
-  };
-};
-var unplugin = _unplugin.createUnplugin.call(void 0, unpluginFactory);
-var index_default = unplugin;
-
-
-
-
-
-exports.unpluginFactory = unpluginFactory; exports.unplugin = unplugin; exports.index_default = index_default;

package/dist/chunk-MOKLFQZU.js

@@ -1,196 +0,0 @@
-// src/index.ts
-import * as path from "node:path";
-import { createUnplugin } from "unplugin";
-
-// src/core/build.ts
-import stylex from "@stylexjs/babel-plugin";
-function buildStylexRules(stylexRules, useCSSLayers) {
-  const rules = Object.values(stylexRules).flat();
-  if (rules.length === 0) return "";
-  return stylex.processStylexRules(rules, useCSSLayers);
-}
-
-// src/core/constants.ts
-var PLUGIN_NAME = "unplugin-stylex";
-var isDevelopment = process.env.NODE_ENV !== "production" || process.env.BABEL_ENV !== "production";
-
-// src/core/options.ts
-function getOptions(options) {
-  var _a, _b, _c;
-  const stylex2 = options.stylex || {};
-  const isDev = options.dev || isDevelopment;
-  return {
-    ...options,
-    dev: isDev,
-    // .js, .jsx, .mjs, .cjs, .ts, .tsx, .mts, .cts
-    validExts: options.validExts ?? /\.[mc]?[jt]sx?$/,
-    stylex: {
-      filename: stylex2.filename || "stylex.css",
-      stylexImports: stylex2.stylexImports || ["@stylexjs/stylex"],
-      runtimeInjection: stylex2.runtimeInjection ?? isDev,
-      aliases: stylex2.aliases,
-      useCSSLayers: stylex2.useCSSLayers || false,
-      unstable_moduleResolution: stylex2.unstable_moduleResolution || { type: "commonJS", rootDir: process.cwd() },
-      babelConfig: {
-        babelrc: ((_a = stylex2.babelConfig) == null ? void 0 : _a.babelrc) ?? false,
-        plugins: ((_b = stylex2.babelConfig) == null ? void 0 : _b.plugins) ?? [],
-        presets: ((_c = stylex2.babelConfig) == null ? void 0 : _c.presets) ?? []
-      },
-      ...stylex2
-    }
-  };
-}
-
-// src/core/transformer.ts
-import { extname as pathExtname } from "node:path";
-import { transformAsync } from "@babel/core";
-import jsxSyntaxPlugin from "@babel/plugin-syntax-jsx";
-import stylexBabelPlugin from "@stylexjs/babel-plugin";
-
-// src/core/plugins.ts
-import flowSyntaxPlugin from "@babel/plugin-syntax-flow";
-import typescriptSyntaxPlugin from "@babel/plugin-syntax-typescript";
-function getSyntaxPlugins(extname2) {
-  const TSPlugin = extname2 === ".tsx" ? [[typescriptSyntaxPlugin, { isTSX: true }]] : [typescriptSyntaxPlugin];
-  return [".js", ".jsx"].includes(extname2) ? [flowSyntaxPlugin] : TSPlugin;
-}
-
-// src/core/transformer.ts
-async function transformer(context) {
-  var _a, _b, _c, _d;
-  const { id, inputCode, options } = context;
-  const stylex2 = options.stylex;
-  const extname2 = pathExtname(id);
-  const stylexRules = {};
-  const stylexBabelPluginOptions = {
-    dev: options.dev,
-    importSources: stylex2.stylexImports,
-    ...stylex2
-  };
-  const plugins = [
-    ...((_a = stylex2.babelConfig) == null ? void 0 : _a.plugins) || [],
-    ...getSyntaxPlugins(extname2),
-    jsxSyntaxPlugin,
-    stylexBabelPlugin.withOptions(stylexBabelPluginOptions)
-  ];
-  const { code, map, metadata } = await transformAsync(inputCode, {
-    babelrc: (_b = stylex2.babelConfig) == null ? void 0 : _b.babelrc,
-    filename: id,
-    presets: (_c = stylex2.babelConfig) == null ? void 0 : _c.presets,
-    plugins
-  });
-  if (metadata.stylex && metadata.stylex.length > 0) {
-    stylexRules[id] = metadata.stylex;
-  }
-  if (!((_d = stylex2.babelConfig) == null ? void 0 : _d.babelrc)) {
-    return {
-      code,
-      // compatible for farm, null will occur an error
-      map: map || void 0,
-      stylexRules
-    };
-  }
-  return { code, stylexRules };
-}
-
-// src/index.ts
-var unpluginFactory = (rawOptions = {}) => {
-  const options = getOptions(rawOptions);
-  const stylexRules = {};
-  let viteConfig = null;
-  return {
-    name: PLUGIN_NAME,
-    transformInclude(id) {
-      const validExts = options.validExts;
-      const extname2 = path.extname(id);
-      const questionMarkIndex = extname2.indexOf("?");
-      const validExtName = questionMarkIndex > -1 ? extname2.slice(0, questionMarkIndex) : extname2;
-      return validExts instanceof RegExp ? validExts.test(validExtName) : validExts.includes(validExtName);
-    },
-    async transform(code, id) {
-      var _a;
-      const dir = path.dirname(id);
-      const basename2 = path.basename(id);
-      const file = path.join(dir, basename2.includes("?") ? basename2.split("?")[0] : basename2);
-      if (!options.stylex.stylexImports.some((importName) => code.includes(importName))) {
-        return;
-      }
-      const context = {
-        id: file,
-        inputCode: code,
-        pluginContext: this,
-        options
-      };
-      try {
-        const result = await transformer(context);
-        if ((_a = result.stylexRules) == null ? void 0 : _a[id]) {
-          stylexRules[id] = result.stylexRules[id];
-        }
-        return result;
-      } catch (error) {
-        console.error("transform::error::", error);
-        this.error(error);
-      }
-    },
-    buildEnd() {
-      const fileName = options.stylex.filename;
-      const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
-      if (!collectedCSS) return;
-      this.emitFile({
-        fileName,
-        source: collectedCSS,
-        type: "asset"
-      });
-    },
-    vite: {
-      config(config) {
-        viteConfig = {
-          build: config.build,
-          base: config.base
-        };
-      },
-      configResolved(config) {
-        config.optimizeDeps.exclude = config.optimizeDeps.exclude || [];
-        config.optimizeDeps.exclude.push("@stylexjs/open-props");
-      },
-      buildEnd() {
-        var _a;
-        const fileName = `${((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir) ?? "assets"}/${options.stylex.filename}`;
-        const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
-        if (!collectedCSS) return;
-        this.emitFile({
-          fileName,
-          source: collectedCSS,
-          type: "asset"
-        });
-      },
-      transformIndexHtml(html, ctx) {
-        var _a, _b;
-        const fileName = `${((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir) ?? "assets"}/${options.stylex.filename}`;
-        const css = (_b = ctx.bundle) == null ? void 0 : _b[fileName];
-        if (!css) {
-          return html;
-        }
-        const publicPath = path.posix.join((viteConfig == null ? void 0 : viteConfig.base) ?? "/", fileName.replace(/\\/g, "/"));
-        return [
-          {
-            tag: "link",
-            attrs: {
-              rel: "stylesheet",
-              href: publicPath
-            },
-            injectTo: "head"
-          }
-        ];
-      }
-    }
-  };
-};
-var unplugin = createUnplugin(unpluginFactory);
-var index_default = unplugin;
-
-export {
-  unpluginFactory,
-  unplugin,
-  index_default
-};