From c677b03de96497fdf2ea87ec3e26f1dee3400854 Mon Sep 17 00:00:00 2001
From: Mykola Zahorulko <mykola.zahorulko@brandsmanago.pl>
Date: Wed, 13 Aug 2025 14:04:00 +0200
Subject: [PATCH] Add device view handler

---
 device-view-handler.js | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 device-view-handler.js

diff --git a/device-view-handler.js b/device-view-handler.js
new file mode 100644
index 0000000..6860680
--- /dev/null
+++ b/device-view-handler.js
@@ -0,0 +1,35 @@
+(() => {
+  let resizeTimeout;
+  let prevView = app_shop.vars.view;
+  const container = document.querySelector("#container");
+
+  const VIEW_PHONE = [1, 2];
+  const VIEW_TABLET_DESKTOP = [3, 4];
+
+  const handleResize = () => {
+    if (!container?.classList.contains("projector_page")) return;
+
+    clearTimeout(resizeTimeout);
+    resizeTimeout = setTimeout(() => {
+      const currentView = app_shop.vars.view;
+
+      // From desktop to phone
+      if (VIEW_TABLET_DESKTOP.includes(prevView) && VIEW_PHONE.includes(currentView)) {
+				// Call a function 1
+        console.log("From desktop to phone");
+      }
+
+      // From phone to desktop
+      else if (VIEW_PHONE.includes(prevView) && VIEW_TABLET_DESKTOP.includes(currentView)) {
+				// Call a function 2
+        console.log("From phone to desktop");
+      }
+
+      prevView = currentView;
+    }, 200);
+  };
+
+  window.addEventListener("resize", handleResize);
+
+  return () => window.removeEventListener("resize", handleResize);
+})();