From 9dd907164b79315670f4d597c35328b2d1f5e75d Mon Sep 17 00:00:00 2001
From: Sebastian Streich <streich.mobile@gmail.com>
Date: Fri, 1 Dec 2023 16:18:28 +0100
Subject: [PATCH 1/2] Mini embedd client

---
 wasm/embedded.html | 63 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 wasm/embedded.html
diff --git a/wasm/embedded.html b/wasm/embedded.html
new file mode 100644
index 0000000000..d1a295040e
--- /dev/null
+++ b/wasm/embedded.html
@@ -0,0 +1,63 @@
+<!doctype html>
+<html lang="en-us">
+    <script>
+
+
+
+    </script>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <title>Mozilla VPN - WebAssembly Viewer</title>
+    <link rel="icon" type="image/png" href="favicon.ico">
+  </head>
+  <body onload="mvpnWasm.init()" class="wasm-loading">
+    <canvas id="qmlcanvas" oncontextmenu="event.preventDefault()" contenteditable="false" tabindex="-1"></canvas>
+    <div id="qtstatus" style="display: none;"></div>
+    <div id="preset" style="display: none;"></div>
+    <button id="backButton" style="display: none;"></button>
+    <canvas id="controlcanvas" width="0" height="0" style="display: none;"></canvas>
+    <script type="text/javascript" src="fxa_endpoints.js"></script>
+    <script type="text/javascript" src="guardian_endpoints.js"></script>
+    <script type="text/javascript" src="controller.js"></script>
+    <script type="text/javascript" src="presets.js"></script>
+    <script type="text/javascript" src="main.js"></script>
+    <script type="text/javascript" src="qtloader.js"></script>
+  </body>
+  <style>
+    html,
+    body {
+        padding: 0;
+        margin : 0;
+        height: 100vh;
+        width: 100vw;
+        background-color: black;
+        overflow-y: hidden;
+        overflow-x: hidden;
+    }
+    canvas{
+        cursor: default !important;
+    }
+  </style>
+  <script>
+    let planned_resize = false;
+    
+    const resizeCanvas = ()=>{
+        if(planned_resize){return;}
+        planned_resize=true
+        const canvas = document.querySelector("#qmlcanvas")
+        requestAnimationFrame(()=>{
+    
+            canvas.height = window.innerHeight;
+            canvas.width = window.innerWidth;
+            planned_resize = false;
+        })
+    }
+
+    window.addEventListener("resize", resizeCanvas, {passive:true});
+    window.addEventListener("load", resizeCanvas, {passive:true});
+
+  </script>
+</html>
+

From 1dadfa68f76cf01f50485dd0c56b564a3ae47665 Mon Sep 17 00:00:00 2001
From: Sebastian Streich <streich.mobile@gmail.com>
Date: Fri, 1 Dec 2023 16:53:08 +0100
Subject: [PATCH 2/2] dpi is a thing...

---
 wasm/embedded.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/wasm/embedded.html b/wasm/embedded.html
index d1a295040e..3215f356cd 100644
--- a/wasm/embedded.html
+++ b/wasm/embedded.html
@@ -38,6 +38,8 @@
     }
     canvas{
         cursor: default !important;
+        height: 100vh;
+        width: 100vw;
     }
   </style>
   <script>
@@ -49,8 +51,8 @@
         const canvas = document.querySelector("#qmlcanvas")
         requestAnimationFrame(()=>{
     
-            canvas.height = window.innerHeight;
-            canvas.width = window.innerWidth;
+            canvas.height = window.innerHeight /window.devicePixelRatio;
+            canvas.width = window.innerWidth / window.devicePixelRatio;
             planned_resize = false;
         })
     }
