Test with rune syntax

sockmaster27 · Oct 31, 2024 · 22701fa · 22701fa
1 parent 2e61fc2
commit 22701fa
Show file tree

Hide file tree

Showing 20 changed files with 60 additions and 14 deletions.
diff --git a/README.md b/README.md
@@ -1 +1 @@
-./packages/svader/README.md
+./packages/svader/README.md
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/svader/package.json b/packages/svader/package.json
@@ -36,7 +36,7 @@
         "!dist/**/*.spec.*"
     ],
     "peerDependencies": {
-        "svelte": "^4.0.0"
+        "svelte": "^5.0.0||^4.0.0"
     },
     "devDependencies": {
         "@sveltejs/kit": "^2.0.0",

diff --git a/packages/svader/src/lib/WebGlShader.svelte b/packages/svader/src/lib/WebGlShader.svelte
@@ -76,10 +76,19 @@
 </script>
 
 <script>
-    import { onDestroy, onMount } from "svelte";
+    import { onMount } from "svelte";
 
     import BaseShader from "./BaseShader.svelte";
 
+    /**
+     * This prop is only here to satisfy compatibility with Svelte 5 projects.
+     * HAS NO EFFECT.
+     *
+     * @type {any}
+     */
+    export let children = null;
+    children;
+
     /**
      * The width of the canvas element.
      *

diff --git a/packages/svader/src/lib/WebGpuShader.svelte b/packages/svader/src/lib/WebGpuShader.svelte
@@ -102,6 +102,15 @@
     import BaseShader from "./BaseShader.svelte";
     import { onDestroy, onMount } from "svelte";
 
+    /**
+     * This prop is only here to satisfy compatibility with Svelte 5 projects.
+     * HAS NO EFFECT.
+     *
+     * @type {any}
+     */
+    export let children = null;
+    children;
+
     /**
      * The width of the canvas element.
      *

diff --git a/packages/tests-svelte5/package.json b/packages/tests-svelte5/package.json
@@ -10,12 +10,12 @@
     },
     "devDependencies": {
         "@sveltejs/adapter-auto": "^3.0.0",
-        "@sveltejs/kit": "^2.0.0",
+        "@sveltejs/kit": "^2.5.27",
         "@sveltejs/vite-plugin-svelte": "^4.0.0",
         "svelte": "^5.0.0",
         "svelte-check": "^4.0.0",
-        "typescript": "^5.0.0",
-        "vite": "^5.0.11"
+        "typescript": "^5.5.0",
+        "vite": "^5.4.4"
     },
     "svelte": "./dist/index.js",
     "types": "./dist/index.d.ts",

diff --git a/packages/tests-svelte5/src/routes/hello-world/webgl/+page.svelte b/packages/tests-svelte5/src/routes/hello-world/webgl/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGlShader } from "svader";
     import shaderCode from "./shader.frag?raw";

diff --git a/packages/tests-svelte5/src/routes/hello-world/webgpu/+page.svelte b/packages/tests-svelte5/src/routes/hello-world/webgpu/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGpuShader } from "svader";
     import shaderCode from "./shader.wgsl?raw";

diff --git a/packages/tests-svelte5/src/routes/landing-page-bubbles/webgl/+page.svelte b/packages/tests-svelte5/src/routes/landing-page-bubbles/webgl/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGlShader } from "svader";
     import shaderCode from "./shader.frag?raw";

diff --git a/packages/tests-svelte5/src/routes/landing-page-bubbles/webgpu/+page.svelte b/packages/tests-svelte5/src/routes/landing-page-bubbles/webgpu/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGpuShader } from "svader";
     import shaderCode from "./shader.wgsl?raw";

diff --git a/packages/tests-svelte5/src/routes/landing-page-halo/webgl/+page.svelte b/packages/tests-svelte5/src/routes/landing-page-halo/webgl/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGlShader } from "svader";
     import shaderCode from "./shader.frag?raw";

diff --git a/packages/tests-svelte5/src/routes/landing-page-halo/webgpu/+page.svelte b/packages/tests-svelte5/src/routes/landing-page-halo/webgpu/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGpuShader } from "svader";
     import shaderCode from "./shader.wgsl?raw";

diff --git a/packages/tests-svelte5/src/routes/logo/webgl/+page.svelte b/packages/tests-svelte5/src/routes/logo/webgl/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGlShader } from "svader";
     import shaderCode from "./shader.frag?raw";

diff --git a/packages/tests-svelte5/src/routes/logo/webgpu/+page.svelte b/packages/tests-svelte5/src/routes/logo/webgpu/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGpuShader } from "svader";
     import shaderCode from "./shader.wgsl?raw";

diff --git a/packages/tests-svelte5/src/routes/oversized-canvas/webgl/+page.svelte b/packages/tests-svelte5/src/routes/oversized-canvas/webgl/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGlShader } from "svader";
     import shaderCode from "./shader.frag?raw";

diff --git a/packages/tests-svelte5/src/routes/oversized-canvas/webgpu/+page.svelte b/packages/tests-svelte5/src/routes/oversized-canvas/webgpu/+page.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes />
+
 <script>
     import { WebGpuShader } from "svader";
     import shaderCode from "./shader.wgsl?raw";

diff --git a/packages/tests-svelte5/src/routes/remount/webgl/+page.svelte b/packages/tests-svelte5/src/routes/remount/webgl/+page.svelte
@@ -1,8 +1,10 @@
+<svelte:options runes />
+
 <script>
     import { WebGlShader } from "svader";
     import shaderCode from "./shader.frag?raw";
 
-    let show = true;
+    let show = $state(true);
 </script>
 
 <label for="show">Show</label>

diff --git a/packages/tests-svelte5/src/routes/remount/webgpu/+page.svelte b/packages/tests-svelte5/src/routes/remount/webgpu/+page.svelte
@@ -1,8 +1,10 @@
+<svelte:options runes />
+
 <script>
     import { WebGpuShader } from "svader";
     import shaderCode from "./shader.wgsl?raw";
 
-    let show = true;
+    let show = $state(true);
 </script>
 
 <label for="show">Show</label>

diff --git a/packages/tests-svelte5/src/routes/slider/webgl/+page.svelte b/packages/tests-svelte5/src/routes/slider/webgl/+page.svelte
@@ -1,8 +1,10 @@
+<svelte:options runes />
+
 <script>
     import { WebGlShader } from "svader";
     import shaderCode from "./shader.frag?raw";
 
-    let val = 0.75;
+    let val = $state(0.75);
 </script>
 
 <main>

diff --git a/packages/tests-svelte5/src/routes/slider/webgpu/+page.svelte b/packages/tests-svelte5/src/routes/slider/webgpu/+page.svelte
@@ -1,8 +1,10 @@
+<svelte:options runes />
+
 <script>
     import { WebGpuShader } from "svader";
     import shaderCode from "./shader.wgsl?raw";
 
-    let val = 0.75;
+    let val = $state(0.75);
 </script>
 
 <main>