breaking: update to vite-4 (#521)

dominikg · web-flow · commit e8371dfc4c5f · 2022-12-06T12:00:44.000+01:00
* feat: update to vite4

* fix: update test expectations to new default vite asset name format

* wip: pump to alpha.5, remove 3.0 from peerDepenendencies range and add changeset

* chore: bump to vite-4.0.0-alpha.6

* chore: bump vite to 4.0.0-beta.0

* fix: use correct vite version
diff --git a/.changeset/thick-elephants-smell.md b/.changeset/thick-elephants-smell.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/vite-plugin-svelte': major
+---
+
+update vite peerDependency to vite-4
diff --git a/package.json b/package.json
@@ -46,7 +46,7 @@
     "rimraf": "^3.0.2",
     "svelte": "^3.53.1",
     "typescript": "^4.9.3",
-    "vite": "^3.2.5",
+    "vite": "^4.0.0-beta.0",
     "vitest": "^0.25.4"
   },
   "lint-staged": {
@@ -64,13 +64,14 @@
   },
   "pnpm": {
     "overrides": {
-      "@sveltejs/vite-plugin-svelte": "workspace:*"
+      "@sveltejs/vite-plugin-svelte": "workspace:*",
+      "vite": "^4.0.0-beta.0"
     },
     "peerDependencyRules": {
       "allowedVersions": {
         "stylus": "^0.58.0",
         "postcss-load-config": "^4.0.0",
-        "vite": "^3.2.0"
+        "vite": "^4.0.0-beta.0"
       }
     }
   }
diff --git a/packages/e2e-tests/autoprefixer-browerslist/package.json b/packages/e2e-tests/autoprefixer-browerslist/package.json
@@ -17,7 +17,7 @@
     "postcss-load-config": "^4.0.1",
     "svelte": "^3.53.1",
     "svelte-preprocess": "^4.10.7",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/configfile-custom/package.json b/packages/e2e-tests/configfile-custom/package.json
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/configfile-esm/package.json b/packages/e2e-tests/configfile-esm/package.json
@@ -14,7 +14,7 @@
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "^3.53.1",
     "svelte-preprocess": "^4.10.7",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/css-none/package.json b/packages/e2e-tests/css-none/package.json
@@ -11,6 +11,6 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/e2e-tests/custom-extensions/package.json b/packages/e2e-tests/custom-extensions/package.json
@@ -10,7 +10,7 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/env/package.json b/packages/e2e-tests/env/package.json
@@ -10,7 +10,7 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/hmr/package.json b/packages/e2e-tests/hmr/package.json
@@ -15,7 +15,7 @@
     "e2e-test-dep-vite-plugins": "file:../_test_dependencies/vite-plugins",
     "node-fetch": "^3.3.0",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/import-queries/package.json b/packages/e2e-tests/import-queries/package.json
@@ -12,6 +12,6 @@
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "sass": "^1.56.1",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/e2e-tests/inspector-kit/package.json b/packages/e2e-tests/inspector-kit/package.json
@@ -11,7 +11,7 @@
   "devDependencies": {
     "@sveltejs/kit": "^1.0.0-next.572",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/inspector-vite/package.json b/packages/e2e-tests/inspector-vite/package.json
@@ -11,6 +11,6 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/e2e-tests/kit-node/package.json b/packages/e2e-tests/kit-node/package.json
@@ -20,7 +20,7 @@
     "svelte-i18n": "^3.6.0",
     "tiny-glob": "^0.2.9",
     "typescript": "^4.9.3",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/package-json-svelte-field/package.json b/packages/e2e-tests/package-json-svelte-field/package.json
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/prebundle-svelte-deps/package.json b/packages/e2e-tests/prebundle-svelte-deps/package.json
@@ -10,16 +10,16 @@
   },
   "dependencies": {
     "e2e-test-dep-svelte-api-only": "file:../_test_dependencies/svelte-api-only",
+    "e2e-test-dep-svelte-exports-simple": "file:../_test_dependencies/svelte-exports-simple",
     "e2e-test-dep-svelte-hybrid": "file:../_test_dependencies/svelte-hybrid",
     "e2e-test-dep-svelte-nested": "file:../_test_dependencies/svelte-nested",
-    "e2e-test-dep-svelte-simple": "file:../_test_dependencies/svelte-simple",
-    "e2e-test-dep-svelte-exports-simple": "file:../_test_dependencies/svelte-exports-simple"
+    "e2e-test-dep-svelte-simple": "file:../_test_dependencies/svelte-simple"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "sass": "^1.56.1",
     "svelte": "^3.53.1",
     "svelte-preprocess": "^4.10.7",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/e2e-tests/preprocess-with-vite/package.json b/packages/e2e-tests/preprocess-with-vite/package.json
@@ -12,7 +12,7 @@
     "sass": "^1.56.1",
     "stylus": "^0.59.0",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/resolve-exports-svelte/package.json b/packages/e2e-tests/resolve-exports-svelte/package.json
@@ -14,6 +14,6 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/e2e-tests/svelte-preprocess/package.json b/packages/e2e-tests/svelte-preprocess/package.json
@@ -13,7 +13,7 @@
     "svelte": "^3.53.1",
     "svelte-preprocess": "^4.10.7",
     "typescript": "^4.9.3",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/ts-type-import/package.json b/packages/e2e-tests/ts-type-import/package.json
@@ -13,7 +13,7 @@
     "@types/node": "^18.11.11",
     "svelte": "^3.53.1",
     "svelte-preprocess": "^4.10.7",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "type": "module"
 }
diff --git a/packages/e2e-tests/vite-ssr-esm/__tests__/vite-ssr-esm.spec.ts b/packages/e2e-tests/vite-ssr-esm/__tests__/vite-ssr-esm.spec.ts
@@ -48,7 +48,7 @@ test('asset', async () => {
 	});
 	const img = await page.$('img');
 	expect(await img.getAttribute('src')).toMatch(
-		isBuild ? /\/assets\/logo\.\w{8}\.png/ : '/src/assets/logo.png'
+		isBuild ? /\/assets\/logo-\w{8}\.png/ : '/src/assets/logo.png'
 	);
 });
 
diff --git a/packages/e2e-tests/vite-ssr-esm/package.json b/packages/e2e-tests/vite-ssr-esm/package.json
@@ -21,6 +21,6 @@
     "npm-run-all": "^4.1.5",
     "serve-static": "^1.15.0",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/e2e-tests/vite-ssr/__tests__/vite-ssr.spec.ts b/packages/e2e-tests/vite-ssr/__tests__/vite-ssr.spec.ts
@@ -44,7 +44,7 @@ test('asset', async () => {
 	});
 	const img = await page.$('img');
 	expect(await img.getAttribute('src')).toMatch(
-		isBuild ? /\/assets\/logo\.\w{8}\.png/ : '/src/assets/logo.png'
+		isBuild ? /\/assets\/logo-\w{8}\.png/ : '/src/assets/logo.png'
 	);
 });
 
diff --git a/packages/e2e-tests/vite-ssr/package.json b/packages/e2e-tests/vite-ssr/package.json
@@ -18,6 +18,6 @@
     "express": "^4.18.2",
     "serve-static": "^1.15.0",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/playground/big-component-library-kit/package.json b/packages/playground/big-component-library-kit/package.json
@@ -20,7 +20,7 @@
 		"svelte-check": "^2.10.1",
 		"svelte-preprocess": "^4.10.7",
 		"typescript": "^4.9.3",
-		"vite": "^3.2.5"
+		"vite": "^4.0.0-beta.0"
 	},
 	"type": "module"
 }
diff --git a/packages/playground/big-component-library-vite-ssr/package.json b/packages/playground/big-component-library-vite-ssr/package.json
@@ -24,6 +24,6 @@
     "lodash-es": "^4.17.21",
     "svelte": "^3.53.1",
     "svelte-preprocess": "^4.10.7",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/playground/big-component-library/package.json b/packages/playground/big-component-library/package.json
@@ -15,7 +15,7 @@
     "carbon-preprocess-svelte": "^0.9.1",
     "svelte": "^3.53.1",
     "svelte-preprocess": "^4.10.7",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   },
   "dependencies": {
     "lodash-es": "^4.17.21"
diff --git a/packages/playground/big/package.json b/packages/playground/big/package.json
@@ -10,6 +10,6 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/playground/kit-demo-app/package.json b/packages/playground/kit-demo-app/package.json
@@ -18,7 +18,7 @@
 		"svelte": "^3.53.1",
 		"svelte-check": "^2.10.1",
 		"typescript": "^4.9.3",
-		"vite": "^3.2.5"
+		"vite": "^4.0.0-beta.0"
 	},
 	"type": "module"
 }
diff --git a/packages/playground/optimizedeps-include/package.json b/packages/playground/optimizedeps-include/package.json
@@ -12,6 +12,6 @@
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "svelte": "^3.53.1",
     "tinro": "^0.6.12",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/packages/playground/windicss/package.json b/packages/playground/windicss/package.json
@@ -14,7 +14,7 @@
     "@sveltejs/vite-plugin-svelte": "workspace:*",
     "diff-match-patch": "^1.0.5",
     "svelte": "^3.53.1",
-    "vite": "^3.2.5",
+    "vite": "^4.0.0-beta.0",
     "vite-plugin-windicss": "^1.8.8"
   }
 }
diff --git a/packages/vite-plugin-svelte/package.json b/packages/vite-plugin-svelte/package.json
@@ -54,14 +54,14 @@
   },
   "peerDependencies": {
     "svelte": "^3.44.0",
-    "vite": "^3.0.0"
+    "vite": "^4.0.0-beta.0"
   },
   "devDependencies": {
     "@types/debug": "^4.1.7",
     "esbuild": "^0.15.18",
     "rollup": "^2.79.1",
     "svelte": "^3.53.1",
     "tsup": "^6.5.0",
-    "vite": "^3.2.5"
+    "vite": "^4.0.0-beta.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@sveltejs/vite-plugin-svelte': major
 +---
++
 +update vite peerDependency to vite-4
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`"postcss-load-config": "^4.0.1",`
`18`	`18`	`"svelte": "^3.53.1",`
`19`	`19`	`"svelte-preprocess": "^4.10.7",`
`20`		`- "vite": "^3.2.5"`
	`20`	`+ "vite": "^4.0.0-beta.0"`
`21`	`21`	`},`
`22`	`22`	`"type": "module"`
`23`	`23`	`}`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`"devDependencies": {`
`14`	`14`	`"@sveltejs/vite-plugin-svelte": "workspace:*",`
`15`	`15`	`"svelte": "^3.53.1",`
`16`		`- "vite": "^3.2.5"`
	`16`	`+ "vite": "^4.0.0-beta.0"`
`17`	`17`	`},`
`18`	`18`	`"type": "module"`
`19`	`19`	`}`
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@`
`14`	`14`	`"@sveltejs/vite-plugin-svelte": "workspace:*",`
`15`	`15`	`"svelte": "^3.53.1",`
`16`	`16`	`"svelte-preprocess": "^4.10.7",`
`17`		`- "vite": "^3.2.5"`
	`17`	`+ "vite": "^4.0.0-beta.0"`
`18`	`18`	`},`
`19`	`19`	`"type": "module"`
`20`	`20`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,6 @@`
`11`	`11`	`"devDependencies": {`
`12`	`12`	`"@sveltejs/vite-plugin-svelte": "workspace:*",`
`13`	`13`	`"svelte": "^3.53.1",`
`14`		`- "vite": "^3.2.5"`
	`14`	`+ "vite": "^4.0.0-beta.0"`
`15`	`15`	`}`
`16`	`16`	`}`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`"devDependencies": {`
`11`	`11`	`"@sveltejs/vite-plugin-svelte": "workspace:*",`
`12`	`12`	`"svelte": "^3.53.1",`
`13`		`- "vite": "^3.2.5"`
	`13`	`+ "vite": "^4.0.0-beta.0"`
`14`	`14`	`},`
`15`	`15`	`"type": "module"`
`16`	`16`	`}`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`	`"e2e-test-dep-vite-plugins": "file:../_test_dependencies/vite-plugins",`
`16`	`16`	`"node-fetch": "^3.3.0",`
`17`	`17`	`"svelte": "^3.53.1",`
`18`		`- "vite": "^3.2.5"`
	`18`	`+ "vite": "^4.0.0-beta.0"`
`19`	`19`	`},`
`20`	`20`	`"type": "module"`
`21`	`21`	`}`
Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,6 @@`
`12`	`12`	`"@sveltejs/vite-plugin-svelte": "workspace:*",`
`13`	`13`	`"sass": "^1.56.1",`
`14`	`14`	`"svelte": "^3.53.1",`
`15`		`- "vite": "^3.2.5"`
	`15`	`+ "vite": "^4.0.0-beta.0"`
`16`	`16`	`}`
`17`	`17`	`}`