Update vite plugin for [email protected] (#530)

Author: Ben Jervis

.changeset/metal-cobras-beg.md

@@ -0,0 +1,8 @@
+---
+'@vanilla-extract/vite-plugin': patch
+---
+
+Fix compatibility issues with [email protected]
+
+Vite 2.7 introduced some [breaking changes](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#270-2021-12-07) around the way SSR was indicated in plugins.
+The plugin has been updated to handle both the old and new formats, so it should support both 2.7 forward, as well as previous versions.

packages/vite-plugin/package.json

@@ -21,7 +21,7 @@
     "postcss-load-config": "^3.1.0"
   },
   "devDependencies": {
-    "vite": "^2.6.0"
+    "vite": "^2.7.0"
   },
   "peerDependencies": {
     "vite": "^2.2.3"

packages/vite-plugin/src/index.ts

@@ -105,11 +105,19 @@ export function vanillaExtractPlugin({ identifiers }: Options = {}): Plugin {
 
       return null;
     },
-    async transform(code, id, ssr) {
+    async transform(code, id, ssrParam) {
       if (!cssFileFilter.test(id)) {
         return null;
       }
 
+      let ssr: boolean | undefined;
+
+      if (typeof ssrParam === 'boolean') {
+        ssr = ssrParam;
+      } else {
+        ssr = ssrParam?.ssr;
+      }
+
       const index = id.indexOf('?');
       const validId = index === -1 ? id : id.substring(0, index);
 

pnpm-lock.yaml

@@ -33,7 +33,7 @@
     "prettier": "^2.3.2",
     "serve-handler": "^6.1.3",
     "style-loader": "^2.0.0",
-    "vite": "^2.6.0",
+    "vite": "^2.7.0",
     "webpack": "^5.36.1",
     "webpack-dev-server": "^3.11.2",
     "webpack-merge": "^5.7.3"