From 80b2e2e5b2c04a0bb673a8f117e503a0ead8f4ea Mon Sep 17 00:00:00 2001
From: Pagwin <pgp2024@pagwin.xyz>
Date: Tue, 28 Oct 2025 11:45:21 -0400
Subject: [PATCH] view transition for javascript

---
 static/demos/light-dark-demo-4/index.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/static/demos/light-dark-demo-4/index.html b/static/demos/light-dark-demo-4/index.html
index 49c76db..e96865e 100644
--- a/static/demos/light-dark-demo-4/index.html
+++ b/static/demos/light-dark-demo-4/index.html
@@ -78,8 +78,7 @@
         }
     </style>
     <script type="module">
-        function toggleTheme(e) {
-            e.preventDefault();
+        function toggleTheme_() {
             fetch('./light-dark-toggle?ref=https%3A%2F%2Fpagwin.xyz%2Fstatic%2Fdemos%2Flight-dark-demo-4%2F')
             if (!document.body.classList.contains("toggled")) {
                 document.body.classList.add("toggled")
@@ -88,6 +87,15 @@
                 document.body.classList.remove("toggled")
             }
         }
+        function toggleTheme(e) {
+            e.preventDefault();
+            if (document.startViewTransition) {
+                document.startViewTransition(toggleTheme_);
+            }
+            else {
+                toggleTheme_();
+            }
+        }
         window.addEventListener("load", () => {
             document
                 .getElementById("full-demo")