feat: add Svelte support

.changeset/khaki-ties-shout.md

@@ -0,0 +1,24 @@
+---
+"@tanstack/svelte-db": patch
+---
+
+Add Svelte support
+
+Usage example:
+
+```svelte
+<script lang="ts">
+import { useLiveQuery } from "@tanstack/svelte-db"
+import { eq } from "@tanstack/db"
+import { todoCollection } from "$lib/collections"
+
+const todosQuery = useLiveQuery((query) =>
+  query
+    .from({ todos: todoCollection })
+    .where(({ todos }) => eq(todos.completed, false))
+)
+</script>
+
+
+<List items={todosQuery.data} />
+```

packages/svelte-db/.gitignore

@@ -0,0 +1,24 @@
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
+/.svelte-kit
+/build
+/dist
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

packages/svelte-db/README.md

@@ -0,0 +1,3 @@
+# @tanstack/svelte-db
+
+Svelte helpers for TanStack DB. See [TanStack/db](https://github.com/TanStack/db) for more details.

packages/svelte-db/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@tanstack/svelte-db",
+  "description": "Svelte integration for @tanstack/db",
+  "version": "0.0.0",
+  "scripts": {
+    "build": "svelte-package --input ./src --output ./dist --tsconfig ./tsconfig.build.json",
+    "test": "npx vitest --run",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint . --fix"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@tanstack/db": "workspace:*"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.4.0",
+    "@vitest/coverage-istanbul": "^3.0.9",
+    "@sveltejs/vite-plugin-svelte": "^6.1.0",
+    "publint": "^0.3.2",
+    "svelte": "^5.28.6",
+    "svelte-check": "^4.3.0"
+  },
+  "keywords": [
+    "optimistic",
+    "svelte",
+    "typescript"
+  ]
+}

packages/svelte-db/src/index.ts

@@ -0,0 +1,9 @@
+// Re-export all public APIs
+export * from "./useLiveQuery.svelte.js"
+
+// Re-export everything from @tanstack/db
+export * from "@tanstack/db"
+
+// Re-export some stuff explicitly to ensure the type & value is exported
+export type { Collection } from "@tanstack/db"
+export { createTransaction } from "@tanstack/db"