fix: Workaround Svelte 5.52+ regression (Parse failure: Expected '{', got '(')

Author: techniq

.changeset/major-rats-raise.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix: Workaround Svelte 5.52+ regression (Parse failure: Expected '{', got '(')

docs/package.json

@@ -101,7 +101,7 @@
 		"sharp": "^0.34.5",
 		"shiki": "^3.22.0",
 		"solar-calculator": "^0.3.0",
-		"svelte": "5.51.5",
+		"svelte": "5.53.0",
 		"svelte-check": "^4.4.1",
 		"svelte-ux": "2.0.0-next.20",
 		"tailwindcss": "^4.2.0",

examples/daisyui-5/package.json

@@ -24,7 +24,7 @@
 		"prettier": "^3.8.1",
 		"prettier-plugin-svelte": "^3.5.0",
 		"prettier-plugin-tailwindcss": "^0.7.2",
-		"svelte": "5.51.5",
+		"svelte": "5.53.0",
 		"svelte-check": "^4.4.1",
 		"tailwindcss": "^4.2.0",
 		"typescript": "^5.9.3",

examples/shadcn-svelte-1/package.json

@@ -27,7 +27,7 @@
 		"prettier": "^3.8.1",
 		"prettier-plugin-svelte": "^3.5.0",
 		"prettier-plugin-tailwindcss": "^0.7.2",
-		"svelte": "5.51.5",
+		"svelte": "5.53.0",
 		"svelte-check": "^4.4.1",
 		"tailwind-merge": "^3.5.0",
 		"tailwind-variants": "^3.2.2",

examples/skeleton-3/package.json

@@ -25,7 +25,7 @@
 		"prettier": "^3.8.1",
 		"prettier-plugin-svelte": "^3.5.0",
 		"prettier-plugin-tailwindcss": "^0.7.2",
-		"svelte": "5.51.5",
+		"svelte": "5.53.0",
 		"svelte-check": "^4.4.1",
 		"tailwindcss": "^4.2.0",
 		"typescript": "^5.9.3",

examples/standalone/package.json

@@ -21,7 +21,7 @@
 		"mode-watcher": "^1.1.0",
 		"prettier": "^3.8.1",
 		"prettier-plugin-svelte": "^3.5.0",
-		"svelte": "5.51.5",
+		"svelte": "5.53.0",
 		"svelte-check": "^4.4.1",
 		"typescript": "^5.9.3",
 		"vite": "^7.3.1",

examples/svelte-ux-2/package.json

@@ -23,7 +23,7 @@
 		"prettier": "^3.8.1",
 		"prettier-plugin-svelte": "^3.5.0",
 		"prettier-plugin-tailwindcss": "^0.7.2",
-		"svelte": "5.51.5",
+		"svelte": "5.53.0",
 		"svelte-check": "^4.4.1",
 		"svelte-ux": "2.0.0-next.19",
 		"tailwindcss": "^4.2.0",

examples/unocss-1/package.json

@@ -23,7 +23,7 @@
 		"mode-watcher": "^1.1.0",
 		"prettier": "^3.8.1",
 		"prettier-plugin-svelte": "^3.5.0",
-		"svelte": "5.51.5",
+		"svelte": "5.53.0",
 		"svelte-check": "^4.4.1",
 		"typescript": "^5.9.3",
 		"unocss": "^66.6.0",

packages/layerchart/package.json

@@ -49,7 +49,7 @@
     "playwright": "^1.58.2",
     "prettier": "^3.8.1",
     "prettier-plugin-svelte": "^3.5.0",
-    "svelte": "5.51.5",
+    "svelte": "5.53.0",
     "svelte-check": "^4.4.1",
     "svelte2tsx": "^0.7.49",
     "tslib": "^2.8.1",

packages/layerchart/src/lib/utils/scales.svelte.ts

@@ -234,7 +234,7 @@ export function tweenedScale<Domain, Range>(scale: any, tweenedOptions: TweenOpt
   const tweenedDomain = new Tween<Domain>(undefined as Domain, tweenedOptions);
   const tweenedRange = new Tween<Range>(undefined as Range, tweenedOptions);
 
-  const tweenedScale = $derived.by(() => {
+  const _tweenedScale = $derived.by(() => {
     const scaledInstance = scale.domain ? scale : scale();
     if (tweenedDomain.current) {
       scaledInstance.domain(tweenedDomain.current);
@@ -247,7 +247,7 @@ export function tweenedScale<Domain, Range>(scale: any, tweenedOptions: TweenOpt
 
   return {
     get current() {
-      return tweenedScale;
+      return _tweenedScale;
     },
     domain: (values: Domain) => tweenedDomain.set(values),
     range: (values: Range) => tweenedRange.set(values),