@vanilla-extract/vite-plugin 4.0.12 → 4.0.13

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

@@ -64,17 +64,6 @@ function vanillaExtractPlugin({
       }
     }
   }
-  function addWatchFiles(fromId, files) {
-    // We don't need to watch files in build mode
-    if (config.command === 'build' && !config.build.watch) {
-      return;
-    }
-    for (const file of files) {
-      if (!file.includes('node_modules') && integration.normalizePath(file) !== fromId) {
-        this.addWatchFile(file);
-      }
-    }
-  }
   return {
     name: 'vanilla-extract',
     configureServer(_server) {
@@ -161,16 +150,30 @@ function vanillaExtractPlugin({
         } = await compiler.processVanillaFile(absoluteId, {
           outputCss: true
         });
-        addWatchFiles.call(this, absoluteId, watchFiles);
-
-        // We have to invalidate the virtual module, not the real one we just transformed
-        invalidateModule(fileIdToVirtualId(absoluteId));
-        return {
+        const result = {
           code: source,
           map: {
             mappings: ''
           }
         };
+
+        // We don't need to watch files in build mode
+        if (config.command === 'build' && !config.build.watch) {
+          return result;
+        }
+        for (const file of watchFiles) {
+          if (!file.includes('node_modules') && integration.normalizePath(file) !== absoluteId) {
+            this.addWatchFile(file);
+          }
+
+          // We have to invalidate the virtual module & deps, not the real one we just transformed
+          // The deps have to be invalidated in case one of them changing was the trigger causing
+          // the current transformation
+          if (file.endsWith('.css.ts')) {
+            invalidateModule(fileIdToVirtualId(file));
+          }
+        }
+        return result;
       }
     },
     resolveId(source) {

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

@@ -64,17 +64,6 @@ function vanillaExtractPlugin({
       }
     }
   }
-  function addWatchFiles(fromId, files) {
-    // We don't need to watch files in build mode
-    if (config.command === 'build' && !config.build.watch) {
-      return;
-    }
-    for (const file of files) {
-      if (!file.includes('node_modules') && integration.normalizePath(file) !== fromId) {
-        this.addWatchFile(file);
-      }
-    }
-  }
   return {
     name: 'vanilla-extract',
     configureServer(_server) {
@@ -161,16 +150,30 @@ function vanillaExtractPlugin({
         } = await compiler.processVanillaFile(absoluteId, {
           outputCss: true
         });
-        addWatchFiles.call(this, absoluteId, watchFiles);
-
-        // We have to invalidate the virtual module, not the real one we just transformed
-        invalidateModule(fileIdToVirtualId(absoluteId));
-        return {
+        const result = {
           code: source,
           map: {
             mappings: ''
           }
         };
+
+        // We don't need to watch files in build mode
+        if (config.command === 'build' && !config.build.watch) {
+          return result;
+        }
+        for (const file of watchFiles) {
+          if (!file.includes('node_modules') && integration.normalizePath(file) !== absoluteId) {
+            this.addWatchFile(file);
+          }
+
+          // We have to invalidate the virtual module & deps, not the real one we just transformed
+          // The deps have to be invalidated in case one of them changing was the trigger causing
+          // the current transformation
+          if (file.endsWith('.css.ts')) {
+            invalidateModule(fileIdToVirtualId(file));
+          }
+        }
+        return result;
       }
     },
     resolveId(source) {

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

@@ -56,17 +56,6 @@ function vanillaExtractPlugin({
       }
     }
   }
-  function addWatchFiles(fromId, files) {
-    // We don't need to watch files in build mode
-    if (config.command === 'build' && !config.build.watch) {
-      return;
-    }
-    for (const file of files) {
-      if (!file.includes('node_modules') && normalizePath(file) !== fromId) {
-        this.addWatchFile(file);
-      }
-    }
-  }
   return {
     name: 'vanilla-extract',
     configureServer(_server) {
@@ -153,16 +142,30 @@ function vanillaExtractPlugin({
         } = await compiler.processVanillaFile(absoluteId, {
           outputCss: true
         });
-        addWatchFiles.call(this, absoluteId, watchFiles);
-
-        // We have to invalidate the virtual module, not the real one we just transformed
-        invalidateModule(fileIdToVirtualId(absoluteId));
-        return {
+        const result = {
           code: source,
           map: {
             mappings: ''
           }
         };
+
+        // We don't need to watch files in build mode
+        if (config.command === 'build' && !config.build.watch) {
+          return result;
+        }
+        for (const file of watchFiles) {
+          if (!file.includes('node_modules') && normalizePath(file) !== absoluteId) {
+            this.addWatchFile(file);
+          }
+
+          // We have to invalidate the virtual module & deps, not the real one we just transformed
+          // The deps have to be invalidated in case one of them changing was the trigger causing
+          // the current transformation
+          if (file.endsWith('.css.ts')) {
+            invalidateModule(fileIdToVirtualId(file));
+          }
+        }
+        return result;
       }
     },
     resolveId(source) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/vite-plugin",
-  "version": "4.0.12",
+  "version": "4.0.13",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-vite-plugin.cjs.js",
   "module": "dist/vanilla-extract-vite-plugin.esm.js",