trying to port web app starter from PHP

site/examples/uce-starter/js/site.js

@@ -0,0 +1,65 @@
+var enable_debug = true;
+
+var UI = {
+
+    smoothScrollToNamedAnchors: function() {
+        $('a[href^="#"]').each(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                const target = document.querySelector(this.getAttribute('href'));
+                if (target) {
+                    target.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start'
+                    });
+                }
+            });
+        });
+    },
+
+	enablePageTransitions: function() {
+		$(document.body).append(`<style>
+			::view-transition-old(root),
+			::view-transition-new(root) {
+			animation-duration: 0.25s;
+			}
+
+			::view-transition-old(root) {
+			animation-name: fade-out;
+			}
+
+			::view-transition-new(root) {
+			animation-name: fade-in;
+			}
+
+			@keyframes fade-out {
+			from { opacity: 1; }
+			to { opacity: 0; }
+			}
+
+			@keyframes fade-in {
+			from { opacity: 0; }
+			to { opacity: 1; }
+			}</style>`);
+
+		document.addEventListener('click', e => {
+			const link = e.target.closest('a[href]');
+			if (!link) return;
+
+			e.preventDefault();
+
+			document.startViewTransition(() => {
+				window.location.href = link.href;
+			});
+		});
+	},
+
+    init: function() {
+		//UI.enablePageTransitions();
+        UI.smoothScrollToNamedAnchors();
+        document.body.classList.add('loaded');
+    },
+
+}
+
+$.ready(UI.init);