remove: devtools-json add-on (#1047)

jycouet · web-flow · commit e128b264ab08 · 2026-04-08T07:21:29.000+02:00
diff --git a/.changeset/remove-devtools-json.md b/.changeset/remove-devtools-json.md
@@ -0,0 +1,5 @@
+---
+'sv': minor
+---
+
+remove: `devtools-json` add-on as SvelteKit will [silently 404 Chrome DevTools workspaces request](https://github.com/sveltejs/kit/pull/15656). You can still add `vite-plugin-devtools-json` manually if needed.
diff --git a/documentation/docs/20-commands/20-sv-add.md b/documentation/docs/20-commands/20-sv-add.md
@@ -50,7 +50,6 @@ Prevents installing dependencies
 ## Official add-ons
 
 - [`better-auth`](better-auth)
-- [`devtools-json`](devtools-json)
 - [`drizzle`](drizzle)
 - [`eslint`](eslint)
 - [`mcp`](mcp)
diff --git a/documentation/docs/30-add-ons/03-devtools-json.md b/documentation/docs/30-add-ons/03-devtools-json.md
diff --git a/packages/sv/src/addons/devtools-json.ts b/packages/sv/src/addons/devtools-json.ts
diff --git a/packages/sv/src/addons/index.ts b/packages/sv/src/addons/index.ts
@@ -1,6 +1,5 @@
 import type { Addon, AddonDefinition } from '../core/config.ts';
 import betterAuth from './better-auth.ts';
-import devtoolsJson from './devtools-json.ts';
 import drizzle from './drizzle.ts';
 import eslint from './eslint.ts';
 import mcp from './mcp.ts';
@@ -20,7 +19,6 @@ type OfficialAddons = {
 	playwright: Addon<any>;
 	tailwindcss: Addon<any>;
 	sveltekitAdapter: Addon<any>;
-	devtoolsJson: Addon<any>;
 	drizzle: Addon<any>;
 	betterAuth: Addon<any>;
 	mdsvex: Addon<any>;
@@ -38,7 +36,6 @@ export const officialAddons: OfficialAddons = {
 	playwright,
 	tailwindcss,
 	sveltekitAdapter,
-	devtoolsJson,
 	drizzle,
 	betterAuth,
 	mdsvex,
diff --git a/packages/sv/src/addons/tests/devtools-json/test.ts b/packages/sv/src/addons/tests/devtools-json/test.ts
diff --git a/packages/sv/src/cli/tests/cli.ts b/packages/sv/src/cli/tests/cli.ts
@@ -27,7 +27,6 @@ describe('cli', () => {
 				'playwright',
 				'tailwindcss=plugins:typography,forms',
 				'sveltekit-adapter=adapter:node',
-				'devtools-json',
 				'drizzle=database:sqlite+sqlite:libsql',
 				'better-auth=demo:password,github',
 				'mdsvex',
diff --git a/packages/sv/src/cli/tests/snapshots/create-with-all-addons/AGENTS.md b/packages/sv/src/cli/tests/snapshots/create-with-all-addons/AGENTS.md
@@ -2,7 +2,7 @@
 
 - **Language**: TypeScript
 - **Package Manager**: npm
-- **Add-ons**: prettier, eslint, vitest, playwright, tailwindcss, sveltekit-adapter, devtools-json, drizzle, better-auth, mdsvex, paraglide, mcp
+- **Add-ons**: prettier, eslint, vitest, playwright, tailwindcss, sveltekit-adapter, drizzle, better-auth, mdsvex, paraglide, mcp
 
 ---
 
diff --git a/packages/sv/src/cli/tests/snapshots/create-with-all-addons/CLAUDE.md b/packages/sv/src/cli/tests/snapshots/create-with-all-addons/CLAUDE.md
@@ -2,7 +2,7 @@
 
 - **Language**: TypeScript
 - **Package Manager**: npm
-- **Add-ons**: prettier, eslint, vitest, playwright, tailwindcss, sveltekit-adapter, devtools-json, drizzle, better-auth, mdsvex, paraglide, mcp
+- **Add-ons**: prettier, eslint, vitest, playwright, tailwindcss, sveltekit-adapter, drizzle, better-auth, mdsvex, paraglide, mcp
 
 ---
 
diff --git a/packages/sv/src/cli/tests/snapshots/create-with-all-addons/GEMINI.md b/packages/sv/src/cli/tests/snapshots/create-with-all-addons/GEMINI.md
@@ -2,7 +2,7 @@
 
 - **Language**: TypeScript
 - **Package Manager**: npm
-- **Add-ons**: prettier, eslint, vitest, playwright, tailwindcss, sveltekit-adapter, devtools-json, drizzle, better-auth, mdsvex, paraglide, mcp
+- **Add-ons**: prettier, eslint, vitest, playwright, tailwindcss, sveltekit-adapter, drizzle, better-auth, mdsvex, paraglide, mcp
 
 ---
 
diff --git a/packages/sv/src/cli/tests/snapshots/create-with-all-addons/README.md b/packages/sv/src/cli/tests/snapshots/create-with-all-addons/README.md
@@ -15,7 +15,7 @@ To recreate this project with the same configuration:
 
 ```sh
 # recreate this project
-npx sv@0.0.0 create --template minimal --types ts --add prettier eslint vitest="usages:unit,component" playwright tailwindcss="plugins:typography,forms" sveltekit-adapter="adapter:node" devtools-json drizzle="database:sqlite+sqlite:libsql" better-auth="demo:password,github" mdsvex paraglide="languageTags:en,es+demo:yes" mcp="ide:claude-code,cursor,gemini,opencode,vscode,other+setup:local" --no-install packages/sv/.test-output/cli/create-with-all-addons
+npx sv@0.0.0 create --template minimal --types ts --add prettier eslint vitest="usages:unit,component" playwright tailwindcss="plugins:typography,forms" sveltekit-adapter="adapter:node" drizzle="database:sqlite+sqlite:libsql" better-auth="demo:password,github" mdsvex paraglide="languageTags:en,es+demo:yes" mcp="ide:claude-code,cursor,gemini,opencode,vscode,other+setup:local" --no-install packages/sv/.test-output/cli/create-with-all-addons
 ```
 
 ## Developing
diff --git a/packages/sv/src/cli/tests/snapshots/create-with-all-addons/package.json b/packages/sv/src/cli/tests/snapshots/create-with-all-addons/package.json
@@ -53,7 +53,6 @@
 		"typescript": "^5.9.3",
 		"typescript-eslint": "^8.57.0",
 		"vite": "^7.3.1",
-		"vite-plugin-devtools-json": "^1.0.0",
 		"vitest": "^4.1.0",
 		"vitest-browser-svelte": "^2.0.2"
 	}
diff --git a/packages/sv/src/cli/tests/snapshots/create-with-all-addons/vite.config.ts b/packages/sv/src/cli/tests/snapshots/create-with-all-addons/vite.config.ts
@@ -1,5 +1,4 @@
 import { paraglideVitePlugin } from '@inlang/paraglide-js';
-import devtoolsJson from 'vite-plugin-devtools-json';
 import tailwindcss from '@tailwindcss/vite';
 import { defineConfig } from 'vitest/config';
 import { playwright } from '@vitest/browser-playwright';
@@ -9,7 +8,6 @@ export default defineConfig({
 	plugins: [
 		tailwindcss(),
 		sveltekit(),
-		devtoolsJson(),
 		paraglideVitePlugin({ project: './project.inlang', outdir: './src/lib/paraglide' })
 	],
 	test: {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'sv': minor
 +---
++
 +remove: `devtools-json` add-on as SvelteKit will [silently 404 Chrome DevTools workspaces request](https://github.com/sveltejs/kit/pull/15656). You can still add `vite-plugin-devtools-json` manually if needed.