Implement ads in desktop app (#2318)

* Implement ads in desktop app * Finish ads * use git dep instead * attempt to fix linux build (temp) * bump version + lint * comment more * fix build * try to fix linux build * Fix crashing on windows * Fix icons not showing * Remove useless env vars * Actual linux build fix * Run fmt * Fix scrolling * fix clippy * bump version + fix localhost * rev linux build patch * update version num * update csp * update csp * update csp * Switch to mousewheel event
2024-08-28 21:44:08 -07:00
parent 4bafae881f
commit acf26940d6
29 changed files with 663 additions and 56 deletions
--- a/apps/frontend/src/public/promo-frame.html
+++ b/apps/frontend/src/public/promo-frame.html
@@ -0,0 +1,94 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Modrinth App Ad</title>
+    <script
+      src="https://dn0qt3r0xannq.cloudfront.net/modrinth-7JfmkEIXEp/modrinth-longform/prebid-load.js"
+      async
+    ></script>
+    <link rel="preload" href="https://www.googletagservices.com/tag/js/gpt.js" as="script" />
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        cursor: pointer;
+      }
+
+      .ads-container {
+        width: 100vw;
+        height: 100vh;
+        overflow: hidden;
+        position: relative;
+      }
+
+      #plus-link {
+        width: 100vw;
+        height: 100vh;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 0;
+      }
+
+      #modrinth-rail-1 {
+        border-radius: 1rem;
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        z-index: 2;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="ads-container">
+      <a id="plus-link" href="https://modrinth.com/plus" target="_blank"></a>
+      <div id="modrinth-rail-1" />
+    </div>
+    <script>
+      window.tude = window.tude || { cmd: [] };
+      tude.cmd.push(function () {
+        tude.refreshAdsViaDivMappings([
+          {
+            divId: "modrinth-rail-1",
+            baseDivId: "pb-slot-square-2",
+          },
+        ]);
+      });
+
+      window.addEventListener(
+        "message",
+        (event) => {
+          if (event.data.modrinthOpenUrl && window.__TAURI_INTERNALS__) {
+            window.__TAURI_INTERNALS__.invoke("plugin:shell|open", {
+              path: event.data.modrinthOpenUrl,
+            });
+          }
+        },
+        false,
+      );
+
+      window.addEventListener("mousewheel", (event) => {
+        if (window.__TAURI_INTERNALS__) {
+          window.__TAURI_INTERNALS__.invoke("plugin:ads|scroll_ads_window", {
+            scroll: event.deltaY,
+          });
+        }
+      });
+
+      document.getElementById("plus-link").addEventListener("click", (event) => {
+        event.preventDefault();
+
+        if (event.data.modrinthOpenUrl && window.__TAURI_INTERNALS__) {
+          window.__TAURI_INTERNALS__.invoke("plugin:shell|open", {
+            path: this.href,
+          });
+        }
+      });
+
+      document.addEventListener("contextmenu", (event) => event.preventDefault());
+    </script>
+  </body>
+</html>