From 22701fa8f9634ac1631b70f74c67f920fef52e17 Mon Sep 17 00:00:00 2001
From: sockmaster27 <61235930+sockmaster27@users.noreply.github.com>
Date: Thu, 31 Oct 2024 14:22:28 +0100
Subject: [PATCH] Test with rune syntax

---
 README.md                                             |  2 +-
 package-lock.json                                     |  8 ++++----
 packages/svader/package.json                          |  2 +-
 packages/svader/src/lib/WebGlShader.svelte            | 11 ++++++++++-
 packages/svader/src/lib/WebGpuShader.svelte           |  9 +++++++++
 packages/tests-svelte5/package.json                   |  6 +++---
 .../src/routes/hello-world/webgl/+page.svelte         |  2 ++
 .../src/routes/hello-world/webgpu/+page.svelte        |  2 ++
 .../routes/landing-page-bubbles/webgl/+page.svelte    |  2 ++
 .../routes/landing-page-bubbles/webgpu/+page.svelte   |  2 ++
 .../src/routes/landing-page-halo/webgl/+page.svelte   |  2 ++
 .../src/routes/landing-page-halo/webgpu/+page.svelte  |  2 ++
 .../tests-svelte5/src/routes/logo/webgl/+page.svelte  |  2 ++
 .../tests-svelte5/src/routes/logo/webgpu/+page.svelte |  2 ++
 .../src/routes/oversized-canvas/webgl/+page.svelte    |  2 ++
 .../src/routes/oversized-canvas/webgpu/+page.svelte   |  2 ++
 .../src/routes/remount/webgl/+page.svelte             |  4 +++-
 .../src/routes/remount/webgpu/+page.svelte            |  4 +++-
 .../src/routes/slider/webgl/+page.svelte              |  4 +++-
 .../src/routes/slider/webgpu/+page.svelte             |  4 +++-
 20 files changed, 60 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 42a4c2a..c223082 120000
--- a/README.md
+++ b/README.md
@@ -1 +1 @@
-./packages/svader/README.md
\ No newline at end of file
+./packages/svader/README.md
diff --git a/package-lock.json b/package-lock.json
index e5ab536..b009b1c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2319,7 +2319,7 @@
                 "vite": "^5.4.0"
             },
             "peerDependencies": {
-                "svelte": "^4.0.0"
+                "svelte": "^5.0.0||^4.0.0"
             }
         },
         "packages/tests-svelte4": {
@@ -2360,12 +2360,12 @@
         "packages/tests-svelte5": {
             "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"
             }
         },
         "packages/tests-svelte5/node_modules/@sveltejs/vite-plugin-svelte": {
diff --git a/packages/svader/package.json b/packages/svader/package.json
index 219edec..13cb3a3 100644
--- 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
index 8aeeff8..55bc8fc 100644
--- 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
index 9f072e0..3df38b7 100644
--- 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
index bb3cc0e..4987ad7 100644
--- 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
index 09cf622..d176b1b 100644
--- 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
index 9335e26..4c44cd0 100644
--- 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
index e3f0794..3f81473 100644
--- 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
index 8c37471..2dbd37e 100644
--- 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
index 99dd8ff..94ea134 100644
--- 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
index 2622c48..a1949fa 100644
--- 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
index 9203423..119b033 100644
--- 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
index 9cd727d..baa466e 100644
--- 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
index 7f87c49..9362e80 100644
--- 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
index 09f9d17..049f8f6 100644
--- 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
index e556fc8..9d1357a 100644
--- 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
index 087c5cc..a9a021e 100644
--- 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
index 8d9f743..569e4b6 100644
--- 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
index cf2aaf6..b55bb02 100644
--- 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>