From f57537216da582c84a5fe3d2650f141110c194ef Mon Sep 17 00:00:00 2001
From: kolaworld <kolaawe@pm.me>
Date: Sun, 16 Aug 2026 12:00:13 -0400
Subject: [PATCH 1/7] fix(svelte-devtools): publish compatible adapter exports

Closes #501
---
 .changeset/quiet-tools-build.md                            | 5 +++++
 packages/svelte-devtools/package.json                      | 7 +++----
 packages/svelte-devtools/src/TanStackDevtools.svelte       | 2 +-
 .../src/{devtools.svelte.ts => devtools.ts}                | 0
 4 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/quiet-tools-build.md
 rename packages/svelte-devtools/src/{devtools.svelte.ts => devtools.ts} (100%)

diff --git a/.changeset/quiet-tools-build.md b/.changeset/quiet-tools-build.md
new file mode 100644
index 000000000..155feb30e
--- /dev/null
+++ b/.changeset/quiet-tools-build.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/svelte-devtools': patch
+---
+
+Publish the Svelte adapter without recompiling generated code and expose the Svelte export condition.
diff --git a/packages/svelte-devtools/package.json b/packages/svelte-devtools/package.json
index ad48c3787..df7bccb24 100644
--- a/packages/svelte-devtools/package.json
+++ b/packages/svelte-devtools/package.json
@@ -24,10 +24,9 @@
   "svelte": "dist/esm/index.js",
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/esm/index.d.ts",
-        "default": "./dist/esm/index.js"
-      }
+      "types": "./dist/esm/index.d.ts",
+      "svelte": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js"
     },
     "./package.json": "./package.json"
   },
diff --git a/packages/svelte-devtools/src/TanStackDevtools.svelte b/packages/svelte-devtools/src/TanStackDevtools.svelte
index f45f2ece2..e2410ae66 100644
--- a/packages/svelte-devtools/src/TanStackDevtools.svelte
+++ b/packages/svelte-devtools/src/TanStackDevtools.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { untrack } from 'svelte'
-  import { TanStackDevtoolsSvelteAdapter } from './devtools.svelte.js'
+  import { TanStackDevtoolsSvelteAdapter } from './devtools.js'
   import type { TanStackDevtoolsSvelteInit } from './types'
 
   let { plugins, config, eventBusConfig }: TanStackDevtoolsSvelteInit = $props()
diff --git a/packages/svelte-devtools/src/devtools.svelte.ts b/packages/svelte-devtools/src/devtools.ts
similarity index 100%
rename from packages/svelte-devtools/src/devtools.svelte.ts
rename to packages/svelte-devtools/src/devtools.ts

From 596ebbc7e64f8ade31389d652346542db05b4681 Mon Sep 17 00:00:00 2001
From: kolaworld <kolaawe@pm.me>
Date: Sun, 16 Aug 2026 14:47:34 -0400
Subject: [PATCH 2/7] fix(svelte-devtools): publish Svelte 5 component types

---
 .changeset/quiet-tools-build.md                           | 2 +-
 packages/svelte-devtools/src/TanStackDevtools.svelte.d.ts | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 packages/svelte-devtools/src/TanStackDevtools.svelte.d.ts

diff --git a/.changeset/quiet-tools-build.md b/.changeset/quiet-tools-build.md
index 155feb30e..e989f58c2 100644
--- a/.changeset/quiet-tools-build.md
+++ b/.changeset/quiet-tools-build.md
@@ -2,4 +2,4 @@
 '@tanstack/svelte-devtools': patch
 ---
 
-Publish the Svelte adapter without recompiling generated code and expose the Svelte export condition.
+Publish the Svelte adapter without recompiling generated code, expose the Svelte export condition, and declare the exported component with its Svelte 5 props.
diff --git a/packages/svelte-devtools/src/TanStackDevtools.svelte.d.ts b/packages/svelte-devtools/src/TanStackDevtools.svelte.d.ts
new file mode 100644
index 000000000..6a8728156
--- /dev/null
+++ b/packages/svelte-devtools/src/TanStackDevtools.svelte.d.ts
@@ -0,0 +1,6 @@
+import type { Component } from 'svelte'
+import type { TanStackDevtoolsSvelteInit } from './types'
+
+declare const TanStackDevtools: Component<TanStackDevtoolsSvelteInit>
+
+export default TanStackDevtools

From 6cef0238c1c8433d6a40a3596426dbbabcf5452d Mon Sep 17 00:00:00 2001
From: kolaworld <kolaawe@pm.me>
Date: Sun, 16 Aug 2026 15:32:33 -0400
Subject: [PATCH 3/7] fix(svelte-devtools): package with Svelte tooling

---
 .changeset/quiet-tools-build.md               |  2 +-
 packages/svelte-devtools/package.json         | 10 +--
 .../src/TanStackDevtools.svelte.d.ts          |  6 --
 packages/svelte-devtools/svelte.config.js     | 11 +++
 packages/svelte-devtools/tsconfig.json        |  9 ++-
 packages/svelte-devtools/vite.config.ts       |  8 ++-
 pnpm-lock.yaml                                | 69 +++++++++++++++++++
 pnpm-workspace.yaml                           |  2 +
 8 files changed, 104 insertions(+), 13 deletions(-)
 delete mode 100644 packages/svelte-devtools/src/TanStackDevtools.svelte.d.ts
 create mode 100644 packages/svelte-devtools/svelte.config.js

diff --git a/.changeset/quiet-tools-build.md b/.changeset/quiet-tools-build.md
index e989f58c2..180de2292 100644
--- a/.changeset/quiet-tools-build.md
+++ b/.changeset/quiet-tools-build.md
@@ -2,4 +2,4 @@
 '@tanstack/svelte-devtools': patch
 ---
 
-Publish the Svelte adapter without recompiling generated code, expose the Svelte export condition, and declare the exported component with its Svelte 5 props.
+Package the Svelte adapter as Svelte source, expose the Svelte export condition, and generate Svelte 5 component prop types without recompiling generated runtime code.
diff --git a/packages/svelte-devtools/package.json b/packages/svelte-devtools/package.json
index df7bccb24..f5cd74156 100644
--- a/packages/svelte-devtools/package.json
+++ b/packages/svelte-devtools/package.json
@@ -21,7 +21,7 @@
   "type": "module",
   "types": "dist/esm/index.d.ts",
   "module": "dist/esm/index.js",
-  "svelte": "dist/esm/index.js",
+  "svelte": "./dist/esm/index.js",
   "exports": {
     ".": {
       "types": "./dist/esm/index.d.ts",
@@ -43,16 +43,18 @@
     "test:eslint": "eslint ./src",
     "test:lib": "vitest --passWithNoTests",
     "test:lib:dev": "pnpm test:lib --watch",
-    "test:types": "tsc",
+    "test:types": "svelte-check",
     "test:build": "publint --strict",
-    "build": "vite build"
+    "build": "svelte-package -i src -o dist/esm"
   },
   "dependencies": {
     "@tanstack/devtools": "workspace:*"
   },
   "devDependencies": {
+    "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^6.0.0",
-    "svelte": "^5.0.0"
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.2.0"
   },
   "peerDependencies": {
     "svelte": ">=5.0.0"
diff --git a/packages/svelte-devtools/src/TanStackDevtools.svelte.d.ts b/packages/svelte-devtools/src/TanStackDevtools.svelte.d.ts
deleted file mode 100644
index 6a8728156..000000000
--- a/packages/svelte-devtools/src/TanStackDevtools.svelte.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { Component } from 'svelte'
-import type { TanStackDevtoolsSvelteInit } from './types'
-
-declare const TanStackDevtools: Component<TanStackDevtoolsSvelteInit>
-
-export default TanStackDevtools
diff --git a/packages/svelte-devtools/svelte.config.js b/packages/svelte-devtools/svelte.config.js
new file mode 100644
index 000000000..bfa43e59d
--- /dev/null
+++ b/packages/svelte-devtools/svelte.config.js
@@ -0,0 +1,11 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+/** @type {import('@sveltejs/package').Config} */
+const config = {
+  preprocess: vitePreprocess(),
+  compilerOptions: {
+    runes: true,
+  },
+}
+
+export default config
diff --git a/packages/svelte-devtools/tsconfig.json b/packages/svelte-devtools/tsconfig.json
index 3acd44a0c..b958fa556 100644
--- a/packages/svelte-devtools/tsconfig.json
+++ b/packages/svelte-devtools/tsconfig.json
@@ -1,5 +1,12 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {},
-  "include": ["src", "eslint.config.js", "vite.config.ts", "tests"]
+  "include": [
+    "src",
+    "tests",
+    "eslint.config.js",
+    "vite.config.ts",
+    "**/*.svelte"
+  ],
+  "exclude": ["node_modules", "dist"]
 }
diff --git a/packages/svelte-devtools/vite.config.ts b/packages/svelte-devtools/vite.config.ts
index 790c4104c..2bbc27082 100644
--- a/packages/svelte-devtools/vite.config.ts
+++ b/packages/svelte-devtools/vite.config.ts
@@ -4,7 +4,13 @@ import { svelte } from '@sveltejs/vite-plugin-svelte'
 import packageJson from './package.json'
 
 const config = defineConfig({
-  plugins: [svelte() as any],
+  plugins: [
+    svelte({
+      compilerOptions: {
+        runes: true,
+      },
+    }) as any,
+  ],
   test: {
     name: packageJson.name,
     dir: './tests',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0709ba0f7..85e7fa5fd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1820,12 +1820,18 @@ importers:
         specifier: workspace:*
         version: link:../devtools
     devDependencies:
+      '@sveltejs/package':
+        specifier: ^2.5.8
+        version: 2.5.8(svelte@5.55.1(@typescript-eslint/types@8.58.0))(typescript@5.9.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^6.0.0
         version: 6.2.4(svelte@5.55.1(@typescript-eslint/types@8.58.0))(vite@8.0.12(@types/node@22.19.15)(esbuild@0.27.4)(jiti@2.7.0)(less@4.6.4)(sass@1.99.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))
       svelte:
         specifier: ^5.0.0
         version: 5.55.1(@typescript-eslint/types@8.58.0)
+      svelte-check:
+        specifier: ^4.2.0
+        version: 4.7.6(picomatch@4.0.4)(svelte@5.55.1(@typescript-eslint/types@8.58.0))(typescript@5.9.3)
 
   packages/vue-devtools:
     dependencies:
@@ -5333,6 +5339,17 @@ packages:
     peerDependencies:
       acorn: ^8.9.0
 
+  '@sveltejs/load-config@0.2.3':
+    resolution: {integrity: sha512-VT3qmUb8pRV2QrZjd8iAmtg8lf4W0TIjZbvXtz5MKei/q96teWZgGJyyidJzOjzZzvdq616eSRVeMYIQChUTAQ==}
+    engines: {node: '>= 18.0.0'}
+
+  '@sveltejs/package@2.5.8':
+    resolution: {integrity: sha512-zeBbsXYvHiBu56v4gJaGQoEHzg96w0E1j3dOMX8vo56s6vI5eQ57ZEZhudjwjnegnVitRRu5MrmhO0eNvaonIw==}
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
+
   '@sveltejs/vite-plugin-svelte-inspector@5.0.2':
     resolution: {integrity: sha512-TZzRTcEtZffICSAoZGkPSl6Etsj2torOVrx6Uw0KpXxrec9Gg6jFWQ60Q3+LmNGfZSxHRCZL7vXVZIWmuV50Ig==}
     engines: {node: ^20.19 || ^22.12 || >=24}
@@ -7446,6 +7463,9 @@ packages:
   decode-named-character-reference@1.3.0:
     resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
 
+  dedent-js@1.0.1:
+    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -11161,6 +11181,20 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  svelte-check@4.7.6:
+    resolution: {integrity: sha512-t2scM//ZuVbSY/T2w6FSBw1v9s2NEmh/g+sy1lqtosW5ylBV5AF4wFb1Ts9Kf3MbfPDUDJDZ9L436YT0SPTdvw==}
+    engines: {node: '>= 18.0.0'}
+    hasBin: true
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      typescript: ^5.0.0 || ^6.0.0
+
+  svelte2tsx@0.7.61:
+    resolution: {integrity: sha512-EpQ/+UHITBULeUojx/LLD3uTYasZXcX1BrqlrzfLUnT9vdUhaOWK59a3ryWcFU8L0sY1SP+gRhJ2Beiis98+qw==}
+    peerDependencies:
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
+      typescript: ^4.9.4 || ^5.0.0 || ^6.0.0
+
   svelte@5.55.1:
     resolution: {integrity: sha512-QjvU7EFemf6mRzdMGlAFttMWtAAVXrax61SZYHdkD6yoVGQ89VeyKfZD4H1JrV1WLmJBxWhFch9H6ig/87VGjw==}
     engines: {node: '>=18'}
@@ -15635,6 +15669,19 @@ snapshots:
     dependencies:
       acorn: 8.16.0
 
+  '@sveltejs/load-config@0.2.3': {}
+
+  '@sveltejs/package@2.5.8(svelte@5.55.1(@typescript-eslint/types@8.58.0))(typescript@5.9.3)':
+    dependencies:
+      chokidar: 5.0.0
+      kleur: 4.1.5
+      sade: 1.8.1
+      semver: 7.7.4
+      svelte: 5.55.1(@typescript-eslint/types@8.58.0)
+      svelte2tsx: 0.7.61(svelte@5.55.1(@typescript-eslint/types@8.58.0))(typescript@5.9.3)
+    transitivePeerDependencies:
+      - typescript
+
   '@sveltejs/vite-plugin-svelte-inspector@5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.55.1(@typescript-eslint/types@8.58.0))(vite@8.0.12(@types/node@22.19.15)(esbuild@0.27.4)(jiti@2.7.0)(less@4.6.4)(sass@1.99.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3)))(svelte@5.55.1(@typescript-eslint/types@8.58.0))(vite@8.0.12(@types/node@22.19.15)(esbuild@0.27.4)(jiti@2.7.0)(less@4.6.4)(sass@1.99.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.55.1(@typescript-eslint/types@8.58.0))(vite@8.0.12(@types/node@22.19.15)(esbuild@0.27.4)(jiti@2.7.0)(less@4.6.4)(sass@1.99.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))
@@ -18118,6 +18165,8 @@ snapshots:
     dependencies:
       character-entities: 2.0.2
 
+  dedent-js@1.0.1: {}
+
   deep-is@0.1.4: {}
 
   deepmerge@4.3.1: {}
@@ -22777,6 +22826,26 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  svelte-check@4.7.6(picomatch@4.0.4)(svelte@5.55.1(@typescript-eslint/types@8.58.0))(typescript@5.9.3):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      '@sveltejs/load-config': 0.2.3
+      chokidar: 4.0.3
+      fdir: 6.5.0(picomatch@4.0.4)
+      picocolors: 1.1.1
+      sade: 1.8.1
+      svelte: 5.55.1(@typescript-eslint/types@8.58.0)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - picomatch
+
+  svelte2tsx@0.7.61(svelte@5.55.1(@typescript-eslint/types@8.58.0))(typescript@5.9.3):
+    dependencies:
+      dedent-js: 1.0.1
+      scule: 1.3.0
+      svelte: 5.55.1(@typescript-eslint/types@8.58.0)
+      typescript: 5.9.3
+
   svelte@5.55.1(@typescript-eslint/types@8.58.0):
     dependencies:
       '@jridgewell/remapping': 2.3.5
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index b351162d0..ac5bcd86f 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -3,6 +3,8 @@ linkWorkspacePackages: true
 preferWorkspacePackages: true
 blockExoticSubdeps: true
 trustPolicy: 'no-downgrade'
+trustPolicyExclude:
+  - 'chokidar@4.0.3' # transitive dependency of svelte-check; latest v4 with v5 available
 
 packages:
   - examples/**/*

From 337a3606f0afe58661b730efa094d51492fe7447 Mon Sep 17 00:00:00 2001
From: kolaworld <kolaawe@pm.me>
Date: Sun, 16 Aug 2026 17:57:01 -0400
Subject: [PATCH 4/7] refactor(svelte-devtools): reuse package compiler config

---
 packages/svelte-devtools/vite.config.ts | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/packages/svelte-devtools/vite.config.ts b/packages/svelte-devtools/vite.config.ts
index 2bbc27082..790c4104c 100644
--- a/packages/svelte-devtools/vite.config.ts
+++ b/packages/svelte-devtools/vite.config.ts
@@ -4,13 +4,7 @@ import { svelte } from '@sveltejs/vite-plugin-svelte'
 import packageJson from './package.json'
 
 const config = defineConfig({
-  plugins: [
-    svelte({
-      compilerOptions: {
-        runes: true,
-      },
-    }) as any,
-  ],
+  plugins: [svelte() as any],
   test: {
     name: packageJson.name,
     dir: './tests',

From b5c7865ac77df31519d0d13042d87014ae22c281 Mon Sep 17 00:00:00 2001
From: kolaworld <kolaawe@pm.me>
Date: Thu, 20 Aug 2026 09:29:35 -0400
Subject: [PATCH 5/7] dummy commit

---
 packages/svelte-devtools/src/{devtools.ts => devtools.svelte.ts} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/svelte-devtools/src/{devtools.ts => devtools.svelte.ts} (100%)

diff --git a/packages/svelte-devtools/src/devtools.ts b/packages/svelte-devtools/src/devtools.svelte.ts
similarity index 100%
rename from packages/svelte-devtools/src/devtools.ts
rename to packages/svelte-devtools/src/devtools.svelte.ts

From 0c166f6d57f86eb01869a03a8c3bed292221b440 Mon Sep 17 00:00:00 2001
From: kolaworld <kolaawe@pm.me>
Date: Thu, 20 Aug 2026 09:30:31 -0400
Subject: [PATCH 6/7] undo dummy commit

---
 packages/svelte-devtools/src/{devtools.svelte.ts => devtools.ts} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/svelte-devtools/src/{devtools.svelte.ts => devtools.ts} (100%)

diff --git a/packages/svelte-devtools/src/devtools.svelte.ts b/packages/svelte-devtools/src/devtools.ts
similarity index 100%
rename from packages/svelte-devtools/src/devtools.svelte.ts
rename to packages/svelte-devtools/src/devtools.ts

From ffe5e44a2c45df78c52b8b4c11cf7f7047f38000 Mon Sep 17 00:00:00 2001
From: kolaworld <kolaawe@pm.me>
Date: Thu, 20 Aug 2026 15:00:02 -0400
Subject: [PATCH 7/7] test: fix timezone-sensitive date assertion and svelte
 adapter import

Use a local Date so YYYY-MM-DD is stable west of UTC, and import the adapter from its extracted .ts module.
---
 packages/devtools-ui/tests/tree.tsx             | 2 +-
 packages/svelte-devtools/tests/devtools.test.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/devtools-ui/tests/tree.tsx b/packages/devtools-ui/tests/tree.tsx
index 528cbe2f6..e90f0e973 100644
--- a/packages/devtools-ui/tests/tree.tsx
+++ b/packages/devtools-ui/tests/tree.tsx
@@ -245,7 +245,7 @@ describe('JsonTree', () => {
     })
 
     it('renders a Date with a custom dateFormat', () => {
-      const date = new Date('2024-06-20T00:00:00Z')
+      const date = new Date(2024, 5, 20)
       const el = renderTree(date, { config: { dateFormat: 'YYYY-MM-DD' } })
       expect(el.textContent).toContain('2024-06-20')
     })
diff --git a/packages/svelte-devtools/tests/devtools.test.ts b/packages/svelte-devtools/tests/devtools.test.ts
index 682e15429..3fb2bb289 100644
--- a/packages/svelte-devtools/tests/devtools.test.ts
+++ b/packages/svelte-devtools/tests/devtools.test.ts
@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { TanStackDevtoolsSvelteAdapter } from '../src/devtools.svelte'
+import { TanStackDevtoolsSvelteAdapter } from '../src/devtools'
 import LifecyclePanel from './LifecyclePanel.svelte'
 import type { TanStackDevtoolsPlugin } from '@tanstack/devtools'