https://cucina-dexter-click.replit.app/

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6
7    <link rel="preconnect" href="https://fonts.googleapis.com" />
8    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9    <link
10      href="https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Fjalla+One&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"
11      rel="stylesheet"
12    />
13
14    <meta
15      name="viewport"
16      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
17    />
18    <title>Dexter</title>
19    <style>
20      html,
21      body,
22      #root {
23        /* Remove any scrolling from the iframe content */
24        overflow: visible;
25        width: 100%;
26        margin: 0;
27        padding: 0;
28      }
29
30      /* iOS-specific fixes */
31      @supports (-webkit-touch-callout: none) {
32        html,
33        body {
34          /* Use fill-available for iOS */
35          min-height: -webkit-fill-available;
36        }
37      }
38    </style>
39    

39<script>
40      let lastHeight = 0;
41      let originalWindowHeight = window.innerHeight;
42      let resizeTimeout = null;
43
44      function getHeight() {
45        return Math.max(
46          document.documentElement?.scrollHeight || 0,
47          document.body?.scrollHeight || 0,
48          document.documentElement?.offsetHeight || 0,
49          document.body?.offsetHeight || 0,
50          window.innerHeight || 0,
51        );
52      }
53
54      function sendHeight() {
55        try {
56          const rootElement = document.getElementById("root");
57          if (!rootElement) return;
58
59          const heightToSend = rootElement.scrollHeight;
60
61          if (heightToSend !== lastHeight) {
62            console.log("Sending height:", heightToSend);
63            window.parent.postMessage(
64              {
65                type: "setHeight",
66                height: heightToSend,
67              },
68              "*",
69            );
70            lastHeight = heightToSend;
71          }
72        } catch (error) {
73          console.error("Error in sendHeight:", error);
74        }
75      }
76
77      function debouncedSendHeight() {
78        clearTimeout(resizeTimeout);
79        resizeTimeout = setTimeout(sendHeight, 100);
80      }
81
82      // Wait for window load
83      window.addEventListener("load", function () {
84        // Initial height send
85        sendHeight();
86
87        // Regular height check
88        setInterval(sendHeight, 500);
89
90        // Handle resize events
91        window.addEventListener("resize", debouncedSendHeight);
92        window.addEventListener("orientationchange", () => {
93          setTimeout(debouncedSendHeight, 200);
94        });
95
96        // Monitor for DOM changes that might affect height
97        const observer = new MutationObserver(debouncedSendHeight);
98        observer.observe(document.body, {
99          childList: true,
100          subtree: true,
101          attributes: true,
102        });
103      });
104
105      // Backup height check
106      document.addEventListener("DOMContentLoaded", sendHeight);
107    </script>

107
108    

108<script type="module" crossorigin src="/assets/index-D3YzS8Kf.js"></script>

108
109    <link rel="stylesheet" crossorigin href="/assets/index-CzdeHWT0.css">
110  </head>
111  <body>
112    <div id="root"></div>
113  </body>
114</html>