@vanilla-extract/vite-plugin 5.0.0-update-vite-20250122231739 → 5.0.0-vite-plugin-filter-20250130020334

package/dist/vanilla-extract-vite-plugin.cjs.d.ts

@@ -1,10 +1,20 @@
 import { Plugin } from 'vite';
 import { IdentifierOption } from '@vanilla-extract/integration';
 
+type PluginFilter = (filterProps: {
+    /** The name of the plugin */
+    name: string;
+    /**
+     * The `mode` vite is running in.
+     * @see https://vite.dev/guide/env-and-mode.html#modes
+     */
+    mode: string;
+}) => boolean;
 interface Options {
     identifiers?: IdentifierOption;
+    unstable_pluginFilter?: PluginFilter;
     unstable_mode?: 'transform' | 'emitCss';
 }
-declare function vanillaExtractPlugin({ identifiers, unstable_mode: mode, }?: Options): Plugin;
+declare function vanillaExtractPlugin({ identifiers, unstable_pluginFilter: pluginFilter, unstable_mode: mode, }?: Options): Plugin;
 
 export { vanillaExtractPlugin };

package/dist/vanilla-extract-vite-plugin.cjs.dev.js

@@ -3,39 +3,42 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var path = require('path');
+var compiler = require('@vanilla-extract/compiler');
 var integration = require('@vanilla-extract/integration');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var path__default = /*#__PURE__*/_interopDefault(path);
 
+const PLUGIN_NAME = 'vite-plugin-vanilla-extract';
 const virtualExtCss = '.vanilla.css';
 const isVirtualId = id => id.endsWith(virtualExtCss);
 const fileIdToVirtualId = id => `${id}${virtualExtCss}`;
 const virtualIdToFileId = virtualId => virtualId.slice(0, -virtualExtCss.length);
-const removeIncompatiblePlugins = plugin => typeof plugin === 'object' && plugin !== null && 'name' in plugin &&
-// Prevent an infinite loop where the compiler creates a new instance of the plugin,
-// which creates a new compiler, which creates a new instance of the plugin, etc.
-plugin.name !== 'vanilla-extract' &&
-// Skip Remix because it throws an error if it's not loaded with a config file.
-// If it _is_ loaded with a config file, it will create an infinite loop because it
-// also has a child compiler which uses the same mechanism to load the config file.
-// https://github.com/remix-run/remix/pull/7990#issuecomment-1809356626
-// Additionally, some internal Remix plugins rely on a `ctx` object to be initialized by
-// the main Remix plugin, and may not function correctly without it. To address this, we
-// filter out all Remix-related plugins.
-!plugin.name.startsWith('remix') &&
-// As React-Router plugin works the same as Remix plugin, also ignore it.
-!plugin.name.startsWith('react-router');
+const isPluginObject = plugin => typeof plugin === 'object' && plugin !== null && 'name' in plugin;
+// Plugins that we know are compatible with the `vite-node` compiler
+// and don't need to be filtered out.
+const COMPATIBLE_PLUGINS = ['vite-tsconfig-paths'];
+const defaultPluginFilter = ({
+  name
+}) => COMPATIBLE_PLUGINS.includes(name);
+const withUserPluginFilter = ({
+  mode,
+  pluginFilter
+}) => plugin => pluginFilter({
+  name: plugin.name,
+  mode
+});
 function vanillaExtractPlugin({
   identifiers,
+  unstable_pluginFilter: pluginFilter = defaultPluginFilter,
   unstable_mode: mode = 'emitCss'
 } = {}) {
   let config;
   let configEnv;
   let server;
   let packageName;
-  let compiler;
+  let compiler$1;
   const vitePromise = import('vite');
   const getIdentOption = () => identifiers ?? (config.mode === 'production' ? 'short' : 'debug');
   const getAbsoluteId = filePath => {
@@ -67,7 +70,7 @@ function vanillaExtractPlugin({
     }
   }
   return {
-    name: 'vanilla-extract',
+    name: PLUGIN_NAME,
     configureServer(_server) {
       server = _server;
     },
@@ -85,7 +88,7 @@ function vanillaExtractPlugin({
     },
     async buildStart() {
       // Ensure we re-use the compiler instance between builds, e.g. in watch mode
-      if (mode !== 'transform' && !compiler) {
+      if (mode !== 'transform' && !compiler$1) {
         var _configForViteCompile;
         const {
           loadConfigFromFile
@@ -107,9 +110,12 @@ function vanillaExtractPlugin({
         }
         const viteConfig = {
           ...configForViteCompiler,
-          plugins: (_configForViteCompile = configForViteCompiler) === null || _configForViteCompile === void 0 || (_configForViteCompile = _configForViteCompile.plugins) === null || _configForViteCompile === void 0 ? void 0 : _configForViteCompile.flat().filter(removeIncompatiblePlugins)
+          plugins: (_configForViteCompile = configForViteCompiler) === null || _configForViteCompile === void 0 || (_configForViteCompile = _configForViteCompile.plugins) === null || _configForViteCompile === void 0 ? void 0 : _configForViteCompile.flat().filter(isPluginObject).filter(withUserPluginFilter({
+            mode: config.mode,
+            pluginFilter
+          }))
         };
-        compiler = integration.createCompiler({
+        compiler$1 = compiler.createCompiler({
           root: config.root,
           identifiers: getIdentOption(),
           cssImportSpecifier: fileIdToVirtualId,
@@ -122,12 +128,12 @@ function vanillaExtractPlugin({
       // Instead, we close it when the watcher is closed via the closeWatcher hook.
       if (!config.build.watch) {
         var _compiler;
-        (_compiler = compiler) === null || _compiler === void 0 || _compiler.close();
+        (_compiler = compiler$1) === null || _compiler === void 0 || _compiler.close();
       }
     },
     closeWatcher() {
       var _compiler2;
-      return (_compiler2 = compiler) === null || _compiler2 === void 0 ? void 0 : _compiler2.close();
+      return (_compiler2 = compiler$1) === null || _compiler2 === void 0 ? void 0 : _compiler2.close();
     },
     async transform(code, id) {
       const [validId] = id.split('?');
@@ -144,12 +150,12 @@ function vanillaExtractPlugin({
           identOption
         });
       }
-      if (compiler) {
+      if (compiler$1) {
         const absoluteId = getAbsoluteId(validId);
         const {
           source,
           watchFiles
-        } = await compiler.processVanillaFile(absoluteId, {
+        } = await compiler$1.processVanillaFile(absoluteId, {
           outputCss: true
         });
         const result = {
@@ -186,18 +192,18 @@ function vanillaExtractPlugin({
       if ( // We should always have CSS for a file here.
       // The only valid scenario for a missing one is if someone had written
       // a file in their app using the .vanilla.js/.vanilla.css extension
-      (_compiler3 = compiler) !== null && _compiler3 !== void 0 && _compiler3.getCssForFile(virtualIdToFileId(absoluteId))) {
+      (_compiler3 = compiler$1) !== null && _compiler3 !== void 0 && _compiler3.getCssForFile(virtualIdToFileId(absoluteId))) {
         // Keep the original query string for HMR.
         return absoluteId + (query ? `?${query}` : '');
       }
     },
     load(id) {
       const [validId] = id.split('?');
-      if (!isVirtualId(validId) || !compiler) return;
+      if (!isVirtualId(validId) || !compiler$1) return;
       const absoluteId = getAbsoluteId(validId);
       const {
         css
-      } = compiler.getCssForFile(virtualIdToFileId(absoluteId));
+      } = compiler$1.getCssForFile(virtualIdToFileId(absoluteId));
       return css;
     }
   };

package/dist/vanilla-extract-vite-plugin.cjs.prod.js

@@ -3,39 +3,42 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var path = require('path');
+var compiler = require('@vanilla-extract/compiler');
 var integration = require('@vanilla-extract/integration');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var path__default = /*#__PURE__*/_interopDefault(path);
 
+const PLUGIN_NAME = 'vite-plugin-vanilla-extract';
 const virtualExtCss = '.vanilla.css';
 const isVirtualId = id => id.endsWith(virtualExtCss);
 const fileIdToVirtualId = id => `${id}${virtualExtCss}`;
 const virtualIdToFileId = virtualId => virtualId.slice(0, -virtualExtCss.length);
-const removeIncompatiblePlugins = plugin => typeof plugin === 'object' && plugin !== null && 'name' in plugin &&
-// Prevent an infinite loop where the compiler creates a new instance of the plugin,
-// which creates a new compiler, which creates a new instance of the plugin, etc.
-plugin.name !== 'vanilla-extract' &&
-// Skip Remix because it throws an error if it's not loaded with a config file.
-// If it _is_ loaded with a config file, it will create an infinite loop because it
-// also has a child compiler which uses the same mechanism to load the config file.
-// https://github.com/remix-run/remix/pull/7990#issuecomment-1809356626
-// Additionally, some internal Remix plugins rely on a `ctx` object to be initialized by
-// the main Remix plugin, and may not function correctly without it. To address this, we
-// filter out all Remix-related plugins.
-!plugin.name.startsWith('remix') &&
-// As React-Router plugin works the same as Remix plugin, also ignore it.
-!plugin.name.startsWith('react-router');
+const isPluginObject = plugin => typeof plugin === 'object' && plugin !== null && 'name' in plugin;
+// Plugins that we know are compatible with the `vite-node` compiler
+// and don't need to be filtered out.
+const COMPATIBLE_PLUGINS = ['vite-tsconfig-paths'];
+const defaultPluginFilter = ({
+  name
+}) => COMPATIBLE_PLUGINS.includes(name);
+const withUserPluginFilter = ({
+  mode,
+  pluginFilter
+}) => plugin => pluginFilter({
+  name: plugin.name,
+  mode
+});
 function vanillaExtractPlugin({
   identifiers,
+  unstable_pluginFilter: pluginFilter = defaultPluginFilter,
   unstable_mode: mode = 'emitCss'
 } = {}) {
   let config;
   let configEnv;
   let server;
   let packageName;
-  let compiler;
+  let compiler$1;
   const vitePromise = import('vite');
   const getIdentOption = () => identifiers ?? (config.mode === 'production' ? 'short' : 'debug');
   const getAbsoluteId = filePath => {
@@ -67,7 +70,7 @@ function vanillaExtractPlugin({
     }
   }
   return {
-    name: 'vanilla-extract',
+    name: PLUGIN_NAME,
     configureServer(_server) {
       server = _server;
     },
@@ -85,7 +88,7 @@ function vanillaExtractPlugin({
     },
     async buildStart() {
       // Ensure we re-use the compiler instance between builds, e.g. in watch mode
-      if (mode !== 'transform' && !compiler) {
+      if (mode !== 'transform' && !compiler$1) {
         var _configForViteCompile;
         const {
           loadConfigFromFile
@@ -107,9 +110,12 @@ function vanillaExtractPlugin({
         }
         const viteConfig = {
           ...configForViteCompiler,
-          plugins: (_configForViteCompile = configForViteCompiler) === null || _configForViteCompile === void 0 || (_configForViteCompile = _configForViteCompile.plugins) === null || _configForViteCompile === void 0 ? void 0 : _configForViteCompile.flat().filter(removeIncompatiblePlugins)
+          plugins: (_configForViteCompile = configForViteCompiler) === null || _configForViteCompile === void 0 || (_configForViteCompile = _configForViteCompile.plugins) === null || _configForViteCompile === void 0 ? void 0 : _configForViteCompile.flat().filter(isPluginObject).filter(withUserPluginFilter({
+            mode: config.mode,
+            pluginFilter
+          }))
         };
-        compiler = integration.createCompiler({
+        compiler$1 = compiler.createCompiler({
           root: config.root,
           identifiers: getIdentOption(),
           cssImportSpecifier: fileIdToVirtualId,
@@ -122,12 +128,12 @@ function vanillaExtractPlugin({
       // Instead, we close it when the watcher is closed via the closeWatcher hook.
       if (!config.build.watch) {
         var _compiler;
-        (_compiler = compiler) === null || _compiler === void 0 || _compiler.close();
+        (_compiler = compiler$1) === null || _compiler === void 0 || _compiler.close();
       }
     },
     closeWatcher() {
       var _compiler2;
-      return (_compiler2 = compiler) === null || _compiler2 === void 0 ? void 0 : _compiler2.close();
+      return (_compiler2 = compiler$1) === null || _compiler2 === void 0 ? void 0 : _compiler2.close();
     },
     async transform(code, id) {
       const [validId] = id.split('?');
@@ -144,12 +150,12 @@ function vanillaExtractPlugin({
           identOption
         });
       }
-      if (compiler) {
+      if (compiler$1) {
         const absoluteId = getAbsoluteId(validId);
         const {
           source,
           watchFiles
-        } = await compiler.processVanillaFile(absoluteId, {
+        } = await compiler$1.processVanillaFile(absoluteId, {
           outputCss: true
         });
         const result = {
@@ -186,18 +192,18 @@ function vanillaExtractPlugin({
       if ( // We should always have CSS for a file here.
       // The only valid scenario for a missing one is if someone had written
       // a file in their app using the .vanilla.js/.vanilla.css extension
-      (_compiler3 = compiler) !== null && _compiler3 !== void 0 && _compiler3.getCssForFile(virtualIdToFileId(absoluteId))) {
+      (_compiler3 = compiler$1) !== null && _compiler3 !== void 0 && _compiler3.getCssForFile(virtualIdToFileId(absoluteId))) {
         // Keep the original query string for HMR.
         return absoluteId + (query ? `?${query}` : '');
       }
     },
     load(id) {
       const [validId] = id.split('?');
-      if (!isVirtualId(validId) || !compiler) return;
+      if (!isVirtualId(validId) || !compiler$1) return;
       const absoluteId = getAbsoluteId(validId);
       const {
         css
-      } = compiler.getCssForFile(virtualIdToFileId(absoluteId));
+      } = compiler$1.getCssForFile(virtualIdToFileId(absoluteId));
       return css;
     }
   };

package/dist/vanilla-extract-vite-plugin.esm.js

@@ -1,26 +1,29 @@
 import path from 'path';
-import { getPackageInfo, createCompiler, cssFileFilter, transform, normalizePath } from '@vanilla-extract/integration';
+import { createCompiler } from '@vanilla-extract/compiler';
+import { getPackageInfo, cssFileFilter, transform, normalizePath } from '@vanilla-extract/integration';
 
+const PLUGIN_NAME = 'vite-plugin-vanilla-extract';
 const virtualExtCss = '.vanilla.css';
 const isVirtualId = id => id.endsWith(virtualExtCss);
 const fileIdToVirtualId = id => `${id}${virtualExtCss}`;
 const virtualIdToFileId = virtualId => virtualId.slice(0, -virtualExtCss.length);
-const removeIncompatiblePlugins = plugin => typeof plugin === 'object' && plugin !== null && 'name' in plugin &&
-// Prevent an infinite loop where the compiler creates a new instance of the plugin,
-// which creates a new compiler, which creates a new instance of the plugin, etc.
-plugin.name !== 'vanilla-extract' &&
-// Skip Remix because it throws an error if it's not loaded with a config file.
-// If it _is_ loaded with a config file, it will create an infinite loop because it
-// also has a child compiler which uses the same mechanism to load the config file.
-// https://github.com/remix-run/remix/pull/7990#issuecomment-1809356626
-// Additionally, some internal Remix plugins rely on a `ctx` object to be initialized by
-// the main Remix plugin, and may not function correctly without it. To address this, we
-// filter out all Remix-related plugins.
-!plugin.name.startsWith('remix') &&
-// As React-Router plugin works the same as Remix plugin, also ignore it.
-!plugin.name.startsWith('react-router');
+const isPluginObject = plugin => typeof plugin === 'object' && plugin !== null && 'name' in plugin;
+// Plugins that we know are compatible with the `vite-node` compiler
+// and don't need to be filtered out.
+const COMPATIBLE_PLUGINS = ['vite-tsconfig-paths'];
+const defaultPluginFilter = ({
+  name
+}) => COMPATIBLE_PLUGINS.includes(name);
+const withUserPluginFilter = ({
+  mode,
+  pluginFilter
+}) => plugin => pluginFilter({
+  name: plugin.name,
+  mode
+});
 function vanillaExtractPlugin({
   identifiers,
+  unstable_pluginFilter: pluginFilter = defaultPluginFilter,
   unstable_mode: mode = 'emitCss'
 } = {}) {
   let config;
@@ -59,7 +62,7 @@ function vanillaExtractPlugin({
     }
   }
   return {
-    name: 'vanilla-extract',
+    name: PLUGIN_NAME,
     configureServer(_server) {
       server = _server;
     },
@@ -99,7 +102,10 @@ function vanillaExtractPlugin({
         }
         const viteConfig = {
           ...configForViteCompiler,
-          plugins: (_configForViteCompile = configForViteCompiler) === null || _configForViteCompile === void 0 || (_configForViteCompile = _configForViteCompile.plugins) === null || _configForViteCompile === void 0 ? void 0 : _configForViteCompile.flat().filter(removeIncompatiblePlugins)
+          plugins: (_configForViteCompile = configForViteCompiler) === null || _configForViteCompile === void 0 || (_configForViteCompile = _configForViteCompile.plugins) === null || _configForViteCompile === void 0 ? void 0 : _configForViteCompile.flat().filter(isPluginObject).filter(withUserPluginFilter({
+            mode: config.mode,
+            pluginFilter
+          }))
         };
         compiler = createCompiler({
           root: config.root,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/vite-plugin",
-  "version": "5.0.0-update-vite-20250122231739",
+  "version": "5.0.0-vite-plugin-filter-20250130020334",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-vite-plugin.cjs.js",
   "module": "dist/vanilla-extract-vite-plugin.esm.js",
@@ -16,10 +16,11 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
-    "@vanilla-extract/integration": "^7.1.13-update-vite-20250122231739"
+    "@vanilla-extract/compiler": "^0.1.1-vite-plugin-filter-20250130020334",
+    "@vanilla-extract/integration": "^8.0.0"
   },
   "devDependencies": {
-    "vite": "^6.0.10"
+    "vite": "^5.0.0 || ^6.0.0"
   },
   "peerDependencies": {
     "vite": "^5.0.0 || ^6.0.0"