Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/svelte-runes-migration.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@lottiefiles/dotlottie-svelte": major
---

Migrate to Svelte 5 runes API and drop Svelte 4 support. The component now uses `$props()`, `$effect()`, and `$state` instead of `export let`, `$:`, and `on:event`. The `svelte` peer dependency is narrowed from `^4.0.0 || ^5.0.0` to `^5.0.0`.
28 changes: 18 additions & 10 deletions packages/svelte/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -41,26 +41,34 @@
"lint": "biome check .",
"format": "biome check --write .",
"stats:ts": "tsc -p tsconfig.build.json --extendedDiagnostics",
"test": "vitest run --browser.headless",
"test:coverage": "vitest run --browser.headless --coverage",
"test:watch": "vitest",
"type-check": "tsc --noEmit"
},
"peerDependencies": {
"svelte": "^4.0.0 || ^5.0.0"
"svelte": "^5.0.0"
},
Comment on lines 49 to 51
Copy link

Copilot AI Mar 1, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR changes the published API surface (peer dependency narrowed to Svelte v5-only, plus behavior changes) and is marked as breaking in the PR description. The repo’s contributing guidelines require committing a Changeset for user-facing changes; please add a .changeset/*.md entry for @lottiefiles/dotlottie-svelte so releases/versioning are handled correctly.

Copilot uses AI. Check for mistakes.
"dependencies": {
"@lottiefiles/dotlottie-web": "workspace:*"
},
"devDependencies": {
"@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/kit": "^2.0.0",
"@sveltejs/package": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^4.0.0",
"publint": "^0.1.9",
"svelte": "^5.0.0",
"svelte-check": "^3.6.0",
"@sveltejs/adapter-auto": "^7.0.1",
"@sveltejs/kit": "^2.53.4",
"@sveltejs/package": "^2.5.7",
"@sveltejs/vite-plugin-svelte": "^6.2.4",
"@testing-library/user-event": "^14.5.2",
"@vitest/browser": "^4.0.18",
"@vitest/browser-playwright": "^4.0.18",
"@vitest/coverage-istanbul": "^4.0.18",
"publint": "^0.3.17",
"svelte": "^5.53.6",
"svelte-check": "^4.4.4",
"tslib": "^2.4.1",
"typescript": "5.9.3",
"vite": "^5.0.13",
"vitest": "^4.0.18"
"vite": "^7.3.1",
"vitest": "^4.0.18",
"vitest-browser-svelte": "^2.0.2"
},
"sideEffects": false,
"publishConfig": {
Expand Down
7 changes: 7 additions & 0 deletions packages/svelte/setup-file.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
import 'vitest-browser-svelte';
import { setWasmUrl } from './src/lib/index.js';

// eslint-disable-next-line node/no-unsupported-features/node-builtins
const wasmUrl = new URL('../web/src/core/dotlottie-player.wasm?url', import.meta.url).href;

setWasmUrl(wasmUrl);
7 changes: 0 additions & 7 deletions packages/svelte/src/index.test.ts

This file was deleted.

Loading
Loading