chore: safeguard in webext against running in upend

2023-05-27 23:30:54 +02:00 · 2023-05-27 23:30:54 +02:00 · 1f6d7fe090
parent 7af13e7d5f
commit 1f6d7fe090
2 changed files with 88 additions and 73 deletions
--- a/webext/src/App.svelte
+++ b/webext/src/App.svelte
@ -7,6 +7,8 @@

  const api = new UpEndApi("http://localhost:8093");

+  let visitngUpEnd = false;
+
  let opening = false;
  let openError: string | undefined;

@ -44,6 +46,14 @@
  let currentUrl: string | undefined;
  let contentType: string | undefined;
  onMount(async () => {
+    browser.tabs
+      .executeScript(undefined, {
+        code: `document.querySelector('meta[name="application-name"]')?.content`,
+      })
+      .then((result) => {
+        visitngUpEnd = (result[0] as string | undefined) === "UpEnd";
+      });
+
    currentUrl = await getCurrentUrl();

    browser.tabs.onUpdated.addListener(async () => {
@ -211,6 +221,7 @@
 </script>

 <main>
+  {#if !visitngUpEnd}
    <div class="primary-controls">
      <button
        class="button"
@ -291,6 +302,9 @@
        <div class="error">{instanceVersionError}</div>
      {/if}
    </div>
+  {:else}
+    <div class="visitingUpEnd">You rock :)</div>
+  {/if}
 </main>

 <style lang="scss">
--- a/webui/index.html
+++ b/webui/index.html
@ -3,6 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="application-name" content="UpEnd" />

    <title>UpEnd</title>