@stylexjs/rollup-plugin 0.7.2 → 0.7.3

package/lib/es/index.mjs

@@ -0,0 +1,115 @@
+import { transformAsync } from '@babel/core';
+import stylexBabelPlugin from '@stylexjs/babel-plugin';
+import flowSyntaxPlugin from '@babel/plugin-syntax-flow';
+import jsxSyntaxPlugin from '@babel/plugin-syntax-jsx';
+import typescriptSyntaxPlugin from '@babel/plugin-syntax-typescript';
+import path from 'path';
+const IS_DEV_ENV = process.env.NODE_ENV === 'development' || process.env.BABEL_ENV === 'development';
+export default function stylexPlugin() {
+  let {
+    dev = IS_DEV_ENV,
+    unstable_moduleResolution = {
+      type: 'commonJS',
+      rootDir: process.cwd()
+    },
+    fileName = 'stylex.css',
+    babelConfig: {
+      plugins = [],
+      presets = []
+    } = {},
+    importSources = ['stylex', '@stylexjs/stylex'],
+    useCSSLayers = false,
+    ...options
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let stylexRules = {};
+  return {
+    name: 'rollup-plugin-stylex',
+    buildStart() {
+      stylexRules = {};
+    },
+    generateBundle() {
+      const rules = Object.values(stylexRules).flat();
+      if (rules.length > 0) {
+        const collectedCSS = stylexBabelPlugin.processStylexRules(rules, useCSSLayers);
+        this.emitFile({
+          fileName,
+          source: collectedCSS,
+          type: 'asset'
+        });
+      }
+    },
+    shouldTransformCachedModule(_ref) {
+      let {
+        code: _code,
+        id,
+        meta
+      } = _ref;
+      stylexRules[id] = meta.stylex;
+      return false;
+    },
+    async transform(inputCode, id) {
+      if (!importSources.some(importName => typeof importName === 'string' ? inputCode.includes(importName) : inputCode.includes(importName.from))) {
+        return null;
+      }
+      const result = await transformAsync(inputCode, {
+        babelrc: false,
+        filename: id,
+        presets,
+        plugins: [...plugins, /\.jsx?/.test(path.extname(id)) ? flowSyntaxPlugin : [typescriptSyntaxPlugin, {
+          isTSX: true
+        }], jsxSyntaxPlugin, stylexBabelPlugin.withOptions({
+          ...options,
+          dev,
+          unstable_moduleResolution
+        })],
+        caller: {
+          name: '@stylexjs/rollup-plugin',
+          supportsStaticESM: true,
+          supportsDynamicImport: true,
+          supportsTopLevelAwait: !inputCode.includes('require('),
+          supportsExportNamespaceFrom: true
+        }
+      });
+      if (result == null) {
+        console.warn('stylex: transformAsync returned null');
+        return {
+          code: inputCode
+        };
+      }
+      const {
+        code,
+        map,
+        metadata
+      } = result;
+      if (code == null) {
+        console.warn('stylex: transformAsync returned null code');
+        return {
+          code: inputCode
+        };
+      }
+      const self = this;
+      if (self.meta.watchMode) {
+        const ast = self.parse(code);
+        for (const stmt of ast.body) {
+          if (stmt.type === 'ImportDeclaration') {
+            const resolved = await self.resolve(stmt.source.value, id);
+            if (resolved && !resolved.external) {
+              const result = await self.load(resolved);
+              if (result && result.meta && 'stylex' in result.meta) {
+                stylexRules[resolved.id] = result.meta.stylex;
+              }
+            }
+          }
+        }
+      }
+      if (!dev && metadata.stylex != null && metadata.stylex.length > 0) {
+        stylexRules[id] = metadata.stylex;
+      }
+      return {
+        code,
+        map: map,
+        meta: metadata
+      };
+    }
+  };
+}

package/lib/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+import { type PluginItem } from '@babel/core';
+import type { Options } from '@stylexjs/babel-plugin';
+import type { Plugin } from 'rollup';
+export type PluginOptions = Readonly<
+  Omit<
+    Partial<Options>,
+    keyof ({
+      fileName?: string;
+      babelConfig?: Readonly<{
+        plugins?: ReadonlyArray<PluginItem>;
+        presets?: ReadonlyArray<PluginItem>;
+      }>;
+      useCSSLayers?: boolean;
+    })
+  > & {
+    fileName?: string;
+    babelConfig?: Readonly<{
+      plugins?: ReadonlyArray<PluginItem>;
+      presets?: ReadonlyArray<PluginItem>;
+    }>;
+    useCSSLayers?: boolean;
+  }
+>;
+declare function stylexPlugin($$PARAM_0$$: PluginOptions): Plugin;
+export default stylexPlugin;

package/lib/index.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = stylexPlugin;
+var _core = require("@babel/core");
+var _babelPlugin = _interopRequireDefault(require("@stylexjs/babel-plugin"));
+var _pluginSyntaxFlow = _interopRequireDefault(require("@babel/plugin-syntax-flow"));
+var _pluginSyntaxJsx = _interopRequireDefault(require("@babel/plugin-syntax-jsx"));
+var _pluginSyntaxTypescript = _interopRequireDefault(require("@babel/plugin-syntax-typescript"));
+var _path = _interopRequireDefault(require("path"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const IS_DEV_ENV = process.env.NODE_ENV === 'development' || process.env.BABEL_ENV === 'development';
+function stylexPlugin() {
+  let {
+    dev = IS_DEV_ENV,
+    unstable_moduleResolution = {
+      type: 'commonJS',
+      rootDir: process.cwd()
+    },
+    fileName = 'stylex.css',
+    babelConfig: {
+      plugins = [],
+      presets = []
+    } = {},
+    importSources = ['stylex', '@stylexjs/stylex'],
+    useCSSLayers = false,
+    ...options
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let stylexRules = {};
+  return {
+    name: 'rollup-plugin-stylex',
+    buildStart() {
+      stylexRules = {};
+    },
+    generateBundle() {
+      const rules = Object.values(stylexRules).flat();
+      if (rules.length > 0) {
+        const collectedCSS = _babelPlugin.default.processStylexRules(rules, useCSSLayers);
+        this.emitFile({
+          fileName,
+          source: collectedCSS,
+          type: 'asset'
+        });
+      }
+    },
+    shouldTransformCachedModule(_ref) {
+      let {
+        code: _code,
+        id,
+        meta
+      } = _ref;
+      stylexRules[id] = meta.stylex;
+      return false;
+    },
+    async transform(inputCode, id) {
+      if (!importSources.some(importName => typeof importName === 'string' ? inputCode.includes(importName) : inputCode.includes(importName.from))) {
+        return null;
+      }
+      const result = await (0, _core.transformAsync)(inputCode, {
+        babelrc: false,
+        filename: id,
+        presets,
+        plugins: [...plugins, /\.jsx?/.test(_path.default.extname(id)) ? _pluginSyntaxFlow.default : [_pluginSyntaxTypescript.default, {
+          isTSX: true
+        }], _pluginSyntaxJsx.default, _babelPlugin.default.withOptions({
+          ...options,
+          dev,
+          unstable_moduleResolution
+        })],
+        caller: {
+          name: '@stylexjs/rollup-plugin',
+          supportsStaticESM: true,
+          supportsDynamicImport: true,
+          supportsTopLevelAwait: !inputCode.includes('require('),
+          supportsExportNamespaceFrom: true
+        }
+      });
+      if (result == null) {
+        console.warn('stylex: transformAsync returned null');
+        return {
+          code: inputCode
+        };
+      }
+      const {
+        code,
+        map,
+        metadata
+      } = result;
+      if (code == null) {
+        console.warn('stylex: transformAsync returned null code');
+        return {
+          code: inputCode
+        };
+      }
+      const self = this;
+      if (self.meta.watchMode) {
+        const ast = self.parse(code);
+        for (const stmt of ast.body) {
+          if (stmt.type === 'ImportDeclaration') {
+            const resolved = await self.resolve(stmt.source.value, id);
+            if (resolved && !resolved.external) {
+              const result = await self.load(resolved);
+              if (result && result.meta && 'stylex' in result.meta) {
+                stylexRules[resolved.id] = result.meta.stylex;
+              }
+            }
+          }
+        }
+      }
+      if (!dev && metadata.stylex != null && metadata.stylex.length > 0) {
+        stylexRules[id] = metadata.stylex;
+      }
+      return {
+        code,
+        map: map,
+        meta: metadata
+      };
+    }
+  };
+}

package/lib/index.js.flow

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import { type PluginItem } from '../flow_modules/@babel/core';
+import type { Options } from '@stylexjs/babel-plugin';
+import type { Plugin } from '../flow_modules/rollup';
+
+export type PluginOptions = $ReadOnly<{
+  ...Partial<Options>,
+  fileName?: string,
+  babelConfig?: $ReadOnly<{
+    plugins?: $ReadOnlyArray<PluginItem>,
+    presets?: $ReadOnlyArray<PluginItem>,
+  }>,
+  useCSSLayers?: boolean,
+  ...
+}>;
+
+declare export default function stylexPlugin(PluginOptions): Plugin<>;

package/package.json

@@ -1,16 +1,14 @@
 {
   "name": "@stylexjs/rollup-plugin",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "Rollup plugin for StyleX",
   "main": "./lib/index.js",
   "module": "./lib/es/index.mjs",
   "types": "./lib/index.d.ts",
   "exports": {
-    ".": {
-      "import": "./lib/es/index.mjs",
-      "require": "./lib/index.js",
-      "types": "./lib/index.d.ts"
-    }
+    "import": "./lib/es/index.mjs",
+    "require": "./lib/index.js",
+    "types": "./lib/index.d.ts"
   },
   "repository": {
     "type": "git",
@@ -34,9 +32,13 @@
   },
   "dependencies": {
     "@babel/core": "^7.23.9",
-    "@stylexjs/babel-plugin": "0.7.2",
+    "@stylexjs/babel-plugin": "0.7.3",
     "@babel/plugin-syntax-flow": "^7.23.3",
     "@babel/plugin-syntax-jsx": "^7.23.3",
     "@babel/plugin-syntax-typescript": "^7.23.3"
-  }
+  },
+  "files": [
+    "flow_modules/*",
+    "lib/*"
+  ]
 }

package/.babelrc.cjs

@@ -1,20 +0,0 @@
-module.exports = {
-  assumptions: {
-    iterableIsArray: true,
-  },
-  presets: [
-    [
-      '@babel/preset-env',
-      {
-        exclude: ['@babel/plugin-transform-typeof-symbol'],
-        targets: 'defaults',
-        modules:
-          process.env.NODE_ENV === 'test' || process.env.BABEL_ENV === 'cjs'
-            ? 'commonjs'
-            : false,
-      },
-    ],
-    '@babel/preset-flow',
-  ],
-  plugins: [['babel-plugin-syntax-hermes-parser', { flow: 'detect' }]],
-};

package/__tests__/__fixtures__/.babelrc.json

@@ -1,12 +0,0 @@
-{
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "ie": 11
-        }
-      }
-    ]
-  ]
-}

package/__tests__/__fixtures__/index.js

@@ -1,42 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- */
-
-// index.js
-
-'use strict';
-
-import stylex from 'stylex';
-import otherStyles from './otherStyles';
-import npmStyles from './npmStyles';
-
-const fadeAnimation = stylex.keyframes({
-  '0%': {
-    opacity: 0.25,
-  },
-  '100%': {
-    opacity: 1,
-  },
-});
-
-const styles = stylex.create({
-  foo: {
-    animationName: fadeAnimation,
-    display: 'flex',
-    marginStart: 10,
-    marginBlockStart: 99,
-    height: 500,
-    ':hover': {
-      background: 'red',
-    },
-  },
-});
-
-export default function App() {
-  return stylex(otherStyles.bar, styles.foo, npmStyles.baz);
-}

package/__tests__/__fixtures__/npmStyles.js

@@ -1,24 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- */
-
-// npmStyles.js
-
-'use strict';
-
-import stylex from 'stylex';
-
-const styles = stylex.create({
-  baz: {
-    display: 'inline',
-    height: 500,
-    width: '50%',
-  },
-});
-
-export default styles;

package/__tests__/__fixtures__/otherStyles.js

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- */
-
-// otherStyles.js
-
-'use strict';
-
-import stylex from 'stylex';
-
-const styles = stylex.create({
-  bar: {
-    display: 'block',
-    width: '100%',
-  },
-});
-
-export default styles;

package/__tests__/index-test.js

@@ -1,273 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- */
-
-'use strict';
-
-import path from 'path';
-import rollup from 'rollup';
-import { babel } from '@rollup/plugin-babel';
-import commonjs from '@rollup/plugin-commonjs';
-import { nodeResolve } from '@rollup/plugin-node-resolve';
-import stylexPlugin from '../src/index';
-
-describe('rollup-plugin-stylex', () => {
-  async function runStylex(options) {
-    // Configure a rollup bundle
-    const bundle = await rollup.rollup({
-      // Remove stylex runtime from bundle
-      external: [
-        'stylex',
-        '@stylexjs/stylex',
-        '@stylexjs/stylex/lib/stylex-inject',
-      ],
-      input: path.resolve(__dirname, '__fixtures__/index.js'),
-      plugins: [
-        nodeResolve(),
-        commonjs(),
-        babel({
-          babelHelpers: 'bundled',
-          configFile: path.resolve(__dirname, '__fixtures__/.babelrc.json'),
-          exclude: [/npmStyles\.js/],
-        }),
-        stylexPlugin({ useCSSLayers: true, ...options }),
-      ],
-    });
-
-    // Generate output specific code in-memory
-    // You can call this function multiple times on the same bundle object
-    const { output } = await bundle.generate({
-      file: path.resolve(__dirname, '/__builds__/bundle.js'),
-    });
-
-    let css, js;
-
-    for (const chunkOrAsset of output) {
-      if (chunkOrAsset.fileName === 'stylex.css') {
-        css = chunkOrAsset.source;
-      } else if (chunkOrAsset.fileName === 'bundle.js') {
-        js = chunkOrAsset.code;
-      }
-    }
-
-    return { css, js };
-  }
-
-  it('extracts CSS and removes stylex.inject calls', async () => {
-    const { css, js } = await runStylex({ fileName: 'stylex.css' });
-
-    expect(css).toMatchInlineSnapshot(`
-      "
-      @layer priority1, priority2, priority3, priority4;
-      @layer priority1{
-      @keyframes xgnty7z-B{0%{opacity:.25;}100%{opacity:1;}}
-      }
-      @layer priority2{
-      .x1oz5o6v:hover{background:red}
-      }
-      @layer priority3{
-      .xeuoslp{animation-name:xgnty7z-B}
-      .x1lliihq{display:block}
-      .x78zum5{display:flex}
-      .xt0psk2{display:inline}
-      .x1hm9lzh{margin-inline-start:10px}
-      }
-      @layer priority4{
-      .x1egiwwb{height:500px}
-      .xlrshdv{margin-top:99px}
-      .xh8yej3{width:100%}
-      .x3hqpx7{width:50%}
-      }"
-    `);
-
-    expect(js).toMatchInlineSnapshot(`
-      "import stylex from 'stylex';
-
-      /**
-       * Copyright (c) Meta Platforms, Inc. and affiliates.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       *
-       *
-       */
-
-      var styles$2 = {
-        bar: {
-          display: "x1lliihq",
-          width: "xh8yej3",
-          $$css: true
-        }
-      };
-
-      /**
-       * Copyright (c) Meta Platforms, Inc. and affiliates.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       *
-       *
-       */
-
-      const styles$1 = {
-        baz: {
-          display: "xt0psk2",
-          height: "x1egiwwb",
-          width: "x3hqpx7",
-          $$css: true
-        }
-      };
-
-      /**
-       * Copyright (c) Meta Platforms, Inc. and affiliates.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       *
-       *
-       */
-
-      var styles = {
-        foo: {
-          animationName: "xeuoslp",
-          display: "x78zum5",
-          marginInlineStart: "x1hm9lzh",
-          marginLeft: null,
-          marginRight: null,
-          marginTop: "xlrshdv",
-          height: "x1egiwwb",
-          ":hover_background": "x1oz5o6v",
-          ":hover_backgroundAttachment": null,
-          ":hover_backgroundClip": null,
-          ":hover_backgroundColor": null,
-          ":hover_backgroundImage": null,
-          ":hover_backgroundOrigin": null,
-          ":hover_backgroundPosition": null,
-          ":hover_backgroundPositionX": null,
-          ":hover_backgroundPositionY": null,
-          ":hover_backgroundRepeat": null,
-          ":hover_backgroundSize": null,
-          $$css: true
-        }
-      };
-      function App() {
-        return stylex(styles$2.bar, styles.foo, styles$1.baz);
-      }
-
-      export { App as default };
-      "
-    `);
-  });
-
-  describe('when in dev mode', () => {
-    it('preserves stylex.inject calls and does not extract CSS', async () => {
-      const { css, js } = await runStylex({
-        dev: true,
-      });
-
-      expect(css).toBeUndefined();
-
-      expect(js).toMatchInlineSnapshot(`
-        "import _inject from '@stylexjs/stylex/lib/stylex-inject';
-        import stylex from 'stylex';
-
-        /**
-         * Copyright (c) Meta Platforms, Inc. and affiliates.
-         *
-         * This source code is licensed under the MIT license found in the
-         * LICENSE file in the root directory of this source tree.
-         *
-         *
-         */
-
-        var _inject2$2 = _inject;
-        _inject2$2(".x1lliihq{display:block}", 3000);
-        _inject2$2(".xh8yej3{width:100%}", 4000);
-        var styles$2 = {
-          bar: {
-            "otherStyles__styles.bar": "otherStyles__styles.bar",
-            display: "x1lliihq",
-            width: "xh8yej3",
-            $$css: true
-          }
-        };
-
-        /**
-         * Copyright (c) Meta Platforms, Inc. and affiliates.
-         *
-         * This source code is licensed under the MIT license found in the
-         * LICENSE file in the root directory of this source tree.
-         *
-         *
-         */
-
-        var _inject2$1 = _inject;
-        _inject2$1(".xt0psk2{display:inline}", 3000);
-        _inject2$1(".x1egiwwb{height:500px}", 4000);
-        _inject2$1(".x3hqpx7{width:50%}", 4000);
-        const styles$1 = {
-          baz: {
-            "npmStyles__styles.baz": "npmStyles__styles.baz",
-            display: "xt0psk2",
-            height: "x1egiwwb",
-            width: "x3hqpx7",
-            $$css: true
-          }
-        };
-
-        /**
-         * Copyright (c) Meta Platforms, Inc. and affiliates.
-         *
-         * This source code is licensed under the MIT license found in the
-         * LICENSE file in the root directory of this source tree.
-         *
-         *
-         */
-
-        var _inject2 = _inject;
-        _inject2("@keyframes xgnty7z-B{0%{opacity:.25;}100%{opacity:1;}}", 1);
-        _inject2(".xeuoslp{animation-name:xgnty7z-B}", 3000);
-        _inject2(".x78zum5{display:flex}", 3000);
-        _inject2(".x1hm9lzh{margin-inline-start:10px}", 3000);
-        _inject2(".xlrshdv{margin-top:99px}", 4000);
-        _inject2(".x1egiwwb{height:500px}", 4000);
-        _inject2(".x1oz5o6v:hover{background:red}", 1130);
-        var styles = {
-          foo: {
-            "index__styles.foo": "index__styles.foo",
-            animationName: "xeuoslp",
-            display: "x78zum5",
-            marginInlineStart: "x1hm9lzh",
-            marginLeft: null,
-            marginRight: null,
-            marginTop: "xlrshdv",
-            height: "x1egiwwb",
-            ":hover_background": "x1oz5o6v",
-            ":hover_backgroundAttachment": null,
-            ":hover_backgroundClip": null,
-            ":hover_backgroundColor": null,
-            ":hover_backgroundImage": null,
-            ":hover_backgroundOrigin": null,
-            ":hover_backgroundPosition": null,
-            ":hover_backgroundPositionX": null,
-            ":hover_backgroundPositionY": null,
-            ":hover_backgroundRepeat": null,
-            ":hover_backgroundSize": null,
-            $$css: true
-          }
-        };
-        function App() {
-          return stylex(styles$2.bar, styles.foo, styles$1.baz);
-        }
-
-        export { App as default };
-        "
-      `);
-    });
-  });
-});

package/src/index.js

@@ -1,155 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- */
-
-import { transformAsync, type PluginItem } from '@babel/core';
-import stylexBabelPlugin from '@stylexjs/babel-plugin';
-import flowSyntaxPlugin from '@babel/plugin-syntax-flow';
-import jsxSyntaxPlugin from '@babel/plugin-syntax-jsx';
-import typescriptSyntaxPlugin from '@babel/plugin-syntax-typescript';
-import path from 'path';
-import type { Options, Rule } from '@stylexjs/babel-plugin';
-import type {
-  Plugin,
-  PluginContext,
-  TransformResult,
-  TransformPluginContext,
-} from 'rollup';
-
-const IS_DEV_ENV =
-  process.env.NODE_ENV === 'development' ||
-  process.env.BABEL_ENV === 'development';
-
-export type PluginOptions = $ReadOnly<{
-  ...Partial<Options>,
-  fileName?: string,
-  babelConfig?: $ReadOnly<{
-    plugins?: $ReadOnlyArray<PluginItem>,
-    presets?: $ReadOnlyArray<PluginItem>,
-  }>,
-  useCSSLayers?: boolean,
-  ...
-}>;
-
-export default function stylexPlugin({
-  dev = IS_DEV_ENV,
-  unstable_moduleResolution = { type: 'commonJS', rootDir: process.cwd() },
-  fileName = 'stylex.css',
-  babelConfig: { plugins = [], presets = [] } = {},
-  importSources = ['stylex', '@stylexjs/stylex'],
-  useCSSLayers = false,
-  ...options
-}: PluginOptions = {}): Plugin<> {
-  let stylexRules: { [string]: $ReadOnlyArray<Rule> } = {};
-  return {
-    name: 'rollup-plugin-stylex',
-    buildStart() {
-      stylexRules = {};
-    },
-    generateBundle(this: PluginContext) {
-      const rules: Array<Rule> = Object.values(stylexRules).flat();
-      if (rules.length > 0) {
-        const collectedCSS = stylexBabelPlugin.processStylexRules(
-          rules,
-          useCSSLayers,
-        );
-
-        // This is the intended API, but Flow doesn't support this pattern.
-        // $FlowExpectedError[object-this-reference]
-        this.emitFile({
-          fileName,
-          source: collectedCSS,
-          type: 'asset',
-        });
-      }
-    },
-    shouldTransformCachedModule({ code: _code, id, meta }) {
-      stylexRules[id] = meta.stylex;
-      return false;
-    },
-    async transform(
-      this: TransformPluginContext,
-      inputCode: string,
-      id: string,
-    ): Promise<null | TransformResult> {
-      if (
-        !importSources.some((importName) =>
-          typeof importName === 'string'
-            ? inputCode.includes(importName)
-            : inputCode.includes(importName.from),
-        )
-      ) {
-        // In rollup, returning null from any plugin phase means
-        // "no changes made".
-        return null;
-      }
-
-      const result = await transformAsync(inputCode, {
-        babelrc: false,
-        filename: id,
-        presets,
-        plugins: [
-          ...plugins,
-          /\.jsx?/.test(path.extname(id))
-            ? flowSyntaxPlugin
-            : [typescriptSyntaxPlugin, { isTSX: true }],
-          jsxSyntaxPlugin,
-          stylexBabelPlugin.withOptions({
-            ...options,
-            dev,
-            unstable_moduleResolution,
-          }),
-        ],
-        caller: {
-          name: '@stylexjs/rollup-plugin',
-          supportsStaticESM: true,
-          supportsDynamicImport: true,
-          supportsTopLevelAwait: !inputCode.includes('require('),
-          supportsExportNamespaceFrom: true,
-        },
-      });
-      if (result == null) {
-        console.warn('stylex: transformAsync returned null');
-        return { code: inputCode };
-      }
-      const { code, map, metadata } = result;
-      if (code == null) {
-        console.warn('stylex: transformAsync returned null code');
-        return { code: inputCode };
-      }
-
-      // $FlowExpectedError[object-this-reference]
-      const self = this;
-
-      if (self.meta.watchMode) {
-        const ast = self.parse(code);
-        for (const stmt of ast.body) {
-          if (stmt.type === 'ImportDeclaration') {
-            const resolved = await self.resolve(stmt.source.value, id);
-            if (resolved && !resolved.external) {
-              const result = await self.load(resolved);
-              if (result && result.meta && 'stylex' in result.meta) {
-                stylexRules[resolved.id] = result.meta.stylex;
-              }
-            }
-          }
-        }
-      }
-
-      if (
-        !dev &&
-        (metadata as $FlowFixMe).stylex != null &&
-        (metadata as $FlowFixMe).stylex.length > 0
-      ) {
-        stylexRules[id] = (metadata as $FlowFixMe).stylex;
-      }
-
-      return { code, map: map as $FlowFixMe, meta: metadata as $FlowFixMe };
-    },
-  };
-}