Initial commit

Groceries/wwwroot/js/main.js

@@ -0,0 +1,37 @@
+import { Application } from "/lib/hotwired/stimulus/dist/stimulus.js";
+
+import ListFilterController from "./controllers/list-filter.js";
+import ModalController from "./controllers/modal.js";
+import SearchFormController from "./controllers/search-form.js";
+
+const app = Application.start();
+app.register("list-filter", ListFilterController);
+app.register("modal", ModalController);
+app.register("search-form", SearchFormController);
+
+let timeout;
+document.addEventListener("turbo:visit", () => {
+    clearTimeout(timeout);
+});
+document.addEventListener("turbo:render", () => {
+    clearTimeout(timeout);
+    if (document.getElementById("sidebarToggle").checked) {
+        timeout = setTimeout(() => document.getElementById("sidebarToggle").checked = false, 500);
+    }
+});
+
+let transition;
+document.addEventListener("turbo:before-render", async event => {
+    if (document.startViewTransition) {
+        event.preventDefault();
+
+        if (transition == undefined) {
+            transition = document.startViewTransition(() => event.detail.resume());
+            await transition.finished;
+            transition = undefined;
+        } else {
+            await transition.finished;
+            event.detail.resume();
+        }
+    }
+});