@vanilla-extract/vite-plugin 5.0.0-update-vite-20250122230431 → 5.0.0-vite-plugin-filter-20250129023708

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

@@ -9,26 +9,28 @@ 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;
@@ -67,7 +69,7 @@ function vanillaExtractPlugin({
     }
   }
   return {
-    name: 'vanilla-extract',
+    name: PLUGIN_NAME,
     configureServer(_server) {
       server = _server;
     },
@@ -107,7 +109,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 = integration.createCompiler({
           root: config.root,

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

@@ -9,26 +9,28 @@ 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;
@@ -67,7 +69,7 @@ function vanillaExtractPlugin({
     }
   }
   return {
-    name: 'vanilla-extract',
+    name: PLUGIN_NAME,
     configureServer(_server) {
       server = _server;
     },
@@ -107,7 +109,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 = integration.createCompiler({
           root: config.root,

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

@@ -1,26 +1,28 @@
 import path from 'path';
 import { getPackageInfo, createCompiler, 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 +61,7 @@ function vanillaExtractPlugin({
     }
   }
   return {
-    name: 'vanilla-extract',
+    name: PLUGIN_NAME,
     configureServer(_server) {
       server = _server;
     },
@@ -99,7 +101,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-20250122230431",
+  "version": "5.0.0-vite-plugin-filter-20250129023708",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-vite-plugin.cjs.js",
   "module": "dist/vanilla-extract-vite-plugin.esm.js",
@@ -16,12 +16,12 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
-    "@vanilla-extract/integration": "^7.1.13-update-vite-20250122230431"
+    "@vanilla-extract/integration": "^7.1.13-vite-plugin-filter-20250129023708"
   },
   "devDependencies": {
-    "vite": "^6.0.10"
+    "vite": "^5.0.11"
   },
   "peerDependencies": {
-    "vite": "^5.0.0 || ^6.0.0"
+    "vite": "^4.0.3 || ^5.0.0"
   }
 }