@vanilla-extract/vite-plugin 5.0.5 → 5.1.0-vite-ssr-20250611005022

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

@@ -13,8 +13,8 @@ type PluginFilter = (filterProps: {
 interface Options {
     identifiers?: IdentifierOption;
     unstable_pluginFilter?: PluginFilter;
-    unstable_mode?: 'transform' | 'emitCss';
+    unstable_mode?: 'transform' | 'emitCss' | 'inlineCssInSsrDev';
 }
-declare function vanillaExtractPlugin({ identifiers, unstable_pluginFilter: pluginFilter, unstable_mode, }?: Options): Plugin;
+declare function vanillaExtractPlugin({ identifiers, unstable_pluginFilter: pluginFilter, unstable_mode, }?: Options): Plugin[];
 
 export { vanillaExtractPlugin };

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

@@ -10,7 +10,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 
 var path__default = /*#__PURE__*/_interopDefault(path);
 
-const PLUGIN_NAME = 'vite-plugin-vanilla-extract';
+const PLUGIN_NAMESPACE = 'vite-plugin-vanilla-extract';
 const virtualExtCss = '.vanilla.css';
 const isVirtualId = id => id.endsWith(virtualExtCss);
 const fileIdToVirtualId = id => `${id}${virtualExtCss}`;
@@ -70,8 +70,33 @@ function vanillaExtractPlugin({
       }
     }
   }
-  return {
-    name: PLUGIN_NAME,
+  return [{
+    name: `${PLUGIN_NAMESPACE}-inline-css-in-ssr-dev`,
+    apply: (config, {
+      command
+    }) => {
+      var _config$build;
+      console.log({
+        command,
+        c: config.build
+      });
+      return command === 'serve' && Boolean((_config$build = config.build) === null || _config$build === void 0 ? void 0 : _config$build.ssr) && unstable_mode === 'inlineCssInSsrDev';
+    },
+    transformIndexHtml: async () => {
+      var _compiler;
+      const allCss = (_compiler = compiler$1) === null || _compiler === void 0 ? void 0 : _compiler.getAllCss();
+      console.log('doing the thing');
+      return [{
+        tag: 'style',
+        children: allCss,
+        attrs: {
+          type: 'text/css'
+        },
+        injectTo: 'head-prepend'
+      }];
+    }
+  }, {
+    name: PLUGIN_NAMESPACE,
     configureServer(_server) {
       server = _server;
     },
@@ -130,13 +155,13 @@ function vanillaExtractPlugin({
       // When using the rollup watcher, we don't want to close the compiler after every build.
       // Instead, we close it when the watcher is closed via the closeWatcher hook.
       if (!config.build.watch) {
-        var _compiler;
-        (_compiler = compiler$1) === null || _compiler === void 0 || _compiler.close();
+        var _compiler2;
+        (_compiler2 = compiler$1) === null || _compiler2 === void 0 || _compiler2.close();
       }
     },
     closeWatcher() {
-      var _compiler2;
-      return (_compiler2 = compiler$1) === null || _compiler2 === void 0 ? void 0 : _compiler2.close();
+      var _compiler3;
+      return (_compiler3 = compiler$1) === null || _compiler3 === void 0 ? void 0 : _compiler3.close();
     },
     async transform(code, id) {
       const [validId] = id.split('?');
@@ -188,14 +213,14 @@ function vanillaExtractPlugin({
       }
     },
     resolveId(source) {
-      var _compiler3;
+      var _compiler4;
       const [validId, query] = source.split('?');
       if (!isVirtualId(validId)) return;
       const absoluteId = getAbsoluteId(validId);
       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$1) !== null && _compiler3 !== void 0 && _compiler3.getCssForFile(virtualIdToFileId(absoluteId))) {
+      (_compiler4 = compiler$1) !== null && _compiler4 !== void 0 && _compiler4.getCssForFile(virtualIdToFileId(absoluteId))) {
         // Keep the original query string for HMR.
         return absoluteId + (query ? `?${query}` : '');
       }
@@ -209,7 +234,7 @@ function vanillaExtractPlugin({
       } = compiler$1.getCssForFile(virtualIdToFileId(absoluteId));
       return css;
     }
-  };
+  }];
 }
 
 exports.vanillaExtractPlugin = vanillaExtractPlugin;

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

@@ -10,7 +10,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 
 var path__default = /*#__PURE__*/_interopDefault(path);
 
-const PLUGIN_NAME = 'vite-plugin-vanilla-extract';
+const PLUGIN_NAMESPACE = 'vite-plugin-vanilla-extract';
 const virtualExtCss = '.vanilla.css';
 const isVirtualId = id => id.endsWith(virtualExtCss);
 const fileIdToVirtualId = id => `${id}${virtualExtCss}`;
@@ -70,8 +70,33 @@ function vanillaExtractPlugin({
       }
     }
   }
-  return {
-    name: PLUGIN_NAME,
+  return [{
+    name: `${PLUGIN_NAMESPACE}-inline-css-in-ssr-dev`,
+    apply: (config, {
+      command
+    }) => {
+      var _config$build;
+      console.log({
+        command,
+        c: config.build
+      });
+      return command === 'serve' && Boolean((_config$build = config.build) === null || _config$build === void 0 ? void 0 : _config$build.ssr) && unstable_mode === 'inlineCssInSsrDev';
+    },
+    transformIndexHtml: async () => {
+      var _compiler;
+      const allCss = (_compiler = compiler$1) === null || _compiler === void 0 ? void 0 : _compiler.getAllCss();
+      console.log('doing the thing');
+      return [{
+        tag: 'style',
+        children: allCss,
+        attrs: {
+          type: 'text/css'
+        },
+        injectTo: 'head-prepend'
+      }];
+    }
+  }, {
+    name: PLUGIN_NAMESPACE,
     configureServer(_server) {
       server = _server;
     },
@@ -130,13 +155,13 @@ function vanillaExtractPlugin({
       // When using the rollup watcher, we don't want to close the compiler after every build.
       // Instead, we close it when the watcher is closed via the closeWatcher hook.
       if (!config.build.watch) {
-        var _compiler;
-        (_compiler = compiler$1) === null || _compiler === void 0 || _compiler.close();
+        var _compiler2;
+        (_compiler2 = compiler$1) === null || _compiler2 === void 0 || _compiler2.close();
       }
     },
     closeWatcher() {
-      var _compiler2;
-      return (_compiler2 = compiler$1) === null || _compiler2 === void 0 ? void 0 : _compiler2.close();
+      var _compiler3;
+      return (_compiler3 = compiler$1) === null || _compiler3 === void 0 ? void 0 : _compiler3.close();
     },
     async transform(code, id) {
       const [validId] = id.split('?');
@@ -188,14 +213,14 @@ function vanillaExtractPlugin({
       }
     },
     resolveId(source) {
-      var _compiler3;
+      var _compiler4;
       const [validId, query] = source.split('?');
       if (!isVirtualId(validId)) return;
       const absoluteId = getAbsoluteId(validId);
       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$1) !== null && _compiler3 !== void 0 && _compiler3.getCssForFile(virtualIdToFileId(absoluteId))) {
+      (_compiler4 = compiler$1) !== null && _compiler4 !== void 0 && _compiler4.getCssForFile(virtualIdToFileId(absoluteId))) {
         // Keep the original query string for HMR.
         return absoluteId + (query ? `?${query}` : '');
       }
@@ -209,7 +234,7 @@ function vanillaExtractPlugin({
       } = compiler$1.getCssForFile(virtualIdToFileId(absoluteId));
       return css;
     }
-  };
+  }];
 }
 
 exports.vanillaExtractPlugin = vanillaExtractPlugin;

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

@@ -2,7 +2,7 @@ import path from 'path';
 import { createCompiler } from '@vanilla-extract/compiler';
 import { getPackageInfo, cssFileFilter, transform, normalizePath } from '@vanilla-extract/integration';
 
-const PLUGIN_NAME = 'vite-plugin-vanilla-extract';
+const PLUGIN_NAMESPACE = 'vite-plugin-vanilla-extract';
 const virtualExtCss = '.vanilla.css';
 const isVirtualId = id => id.endsWith(virtualExtCss);
 const fileIdToVirtualId = id => `${id}${virtualExtCss}`;
@@ -62,8 +62,33 @@ function vanillaExtractPlugin({
       }
     }
   }
-  return {
-    name: PLUGIN_NAME,
+  return [{
+    name: `${PLUGIN_NAMESPACE}-inline-css-in-ssr-dev`,
+    apply: (config, {
+      command
+    }) => {
+      var _config$build;
+      console.log({
+        command,
+        c: config.build
+      });
+      return command === 'serve' && Boolean((_config$build = config.build) === null || _config$build === void 0 ? void 0 : _config$build.ssr) && unstable_mode === 'inlineCssInSsrDev';
+    },
+    transformIndexHtml: async () => {
+      var _compiler;
+      const allCss = (_compiler = compiler) === null || _compiler === void 0 ? void 0 : _compiler.getAllCss();
+      console.log('doing the thing');
+      return [{
+        tag: 'style',
+        children: allCss,
+        attrs: {
+          type: 'text/css'
+        },
+        injectTo: 'head-prepend'
+      }];
+    }
+  }, {
+    name: PLUGIN_NAMESPACE,
     configureServer(_server) {
       server = _server;
     },
@@ -122,13 +147,13 @@ function vanillaExtractPlugin({
       // When using the rollup watcher, we don't want to close the compiler after every build.
       // 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();
+        var _compiler2;
+        (_compiler2 = compiler) === null || _compiler2 === void 0 || _compiler2.close();
       }
     },
     closeWatcher() {
-      var _compiler2;
-      return (_compiler2 = compiler) === null || _compiler2 === void 0 ? void 0 : _compiler2.close();
+      var _compiler3;
+      return (_compiler3 = compiler) === null || _compiler3 === void 0 ? void 0 : _compiler3.close();
     },
     async transform(code, id) {
       const [validId] = id.split('?');
@@ -180,14 +205,14 @@ function vanillaExtractPlugin({
       }
     },
     resolveId(source) {
-      var _compiler3;
+      var _compiler4;
       const [validId, query] = source.split('?');
       if (!isVirtualId(validId)) return;
       const absoluteId = getAbsoluteId(validId);
       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))) {
+      (_compiler4 = compiler) !== null && _compiler4 !== void 0 && _compiler4.getCssForFile(virtualIdToFileId(absoluteId))) {
         // Keep the original query string for HMR.
         return absoluteId + (query ? `?${query}` : '');
       }
@@ -201,7 +226,7 @@ function vanillaExtractPlugin({
       } = compiler.getCssForFile(virtualIdToFileId(absoluteId));
       return css;
     }
-  };
+  }];
 }
 
 export { vanillaExtractPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/vite-plugin",
-  "version": "5.0.5",
+  "version": "5.1.0-vite-ssr-20250611005022",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-vite-plugin.cjs.js",
   "module": "dist/vanilla-extract-vite-plugin.esm.js",
@@ -24,7 +24,7 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
-    "@vanilla-extract/compiler": "^0.2.2",
+    "@vanilla-extract/compiler": "^0.3.0-vite-ssr-20250611005022",
     "@vanilla-extract/integration": "^8.0.3"
   },
   "devDependencies": {