Firefox support

biplobsd · Jan 11, 2025 · ea72c2d · ea72c2d
1 parent 0417f17
commit ea72c2d
Show file tree

Hide file tree

Showing 12 changed files with 299 additions and 68 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Main.svelte b/src/components/Main.svelte
@@ -9,24 +9,26 @@
   import FeatureUnavailable from "src/components/Feature_Unavailable.svelte";
 
   let tabName: TabName = "Home";
+  let isFirefox = import.meta.env.VITE_BROWSER_NAME === "firefox";
+
 </script>
 
 <main>
   <div class="tabs tabs-lifted w-full flex items-stretch">
     <button
-      on:click={() => (tabName = "Home")}
       class="tab tab-lifted w-full flex-1 {tabName === 'Home' && 'tab-active'}"
+      on:click={() => (tabName = "Home")}
     >Home
     </button>
     <button
-      on:click={() => (tabName = "Settings")}
       class="tab tab-lifted w-full flex-1 {tabName === 'Settings' &&
         'tab-active'}"
+      on:click={() => (tabName = "Settings")}
     >Settings
     </button>
     <button
-      on:click={() => (tabName = "About")}
       class="tab tab-lifted w-full flex-1 {tabName === 'About' && 'tab-active'}"
+      on:click={() => (tabName = "About")}
     >About
     </button>
   </div>
@@ -43,10 +45,10 @@
               <FeatureUnavailable featureName="XPath" />
             {/if}
           {:else}
-            {#if $xpathsWritable.API_ENABLE}
+            {#if $xpathsWritable.API_ENABLE && !isFirefox}
               <Api />
             {:else}
-              <FeatureUnavailable featureName="API" />
+              <FeatureUnavailable featureName={isFirefox ? "" : "API"} />
             {/if}
           {/if}
         {/if}

diff --git a/src/components/data/Zip_Reader.svelte b/src/components/data/Zip_Reader.svelte
@@ -134,7 +134,7 @@
 </script>
 
 <div class="space-y-2 my-2 form-control">
-  <div class="font-bold text-sm flex items-center gap-1">
+  <div class="font-bold flex items-center gap-1 text-sm">
     Takeout import <DocsLink href={docs.googleTakeout} />
   </div>
   <div class="relative w-full h-full">

diff --git a/src/components/pages/About.svelte b/src/components/pages/About.svelte
@@ -7,46 +7,48 @@
   const extensionID = chrome.runtime.id;
 </script>
 
-<div><span class="font-bold">App name :</span> {name}</div>
-<div><span class="font-bold">ID:</span> {extensionID}</div>
-<div><span class="font-bold">Version:</span> v{version}</div>
-<div>
-  <span class="font-bold">Email:</span>
-  <a
-    class="link link-hover"
-    target="_blank"
-    rel="noreferrer"
-    href={`mailto:${author?.email}`}>{author?.email}</a
-  >
-</div>
-<div>
-  <span class="font-bold">Source code:</span>
-  <a class="link link-hover" href={`https://${REPO_URL}`} rel="noreferrer" target="_blank"
+<div class="text-xs">
+  <div><span class="font-bold">App name :</span> {name}</div>
+  <div><span class="font-bold">ID:</span> {extensionID}</div>
+  <div><span class="font-bold">Version:</span> v{version}</div>
+  <div>
+    <span class="font-bold">Email:</span>
+    <a
+      class="link link-hover"
+      href={`mailto:${author}`}
+      rel="noreferrer"
+      target="_blank">{author}</a
+    >
+  </div>
+  <div>
+    <span class="font-bold">Source code:</span>
+    <a class="link link-hover" href={`https://${REPO_URL}`} rel="noreferrer" target="_blank"
     >{REPO_URL}</a
-  >
-</div>
-<div>
-  <span class="font-bold">Blogs :</span>
-  <a
-    class="link link-hover"
-    target="_blank"
-    rel="noreferrer"
-    href="https://biplobsd.github.io">biplobsd.github.io</a
-  >
-</div>
-<div>
-  <span class="font-bold">Developer name :</span>
-  <a
-    class="link link-hover"
-    target="_blank"
-    rel="noreferrer"
-    href="https://github.com/biplobsd">Biplob Kumar Sutradhar</a
-  >
-</div>
-<divider class="divider !my-1"></divider>
-<div class="pb-2">
-  <TutorialCard closingProgress={100} />
-</div>
-<div class="w-64">
-  <SliderTips />
-</div>
+    >
+  </div>
+  <div>
+    <span class="font-bold">Blogs :</span>
+    <a
+      class="link link-hover"
+      href="https://biplobsd.github.io"
+      rel="noreferrer"
+      target="_blank">biplobsd.github.io</a
+    >
+  </div>
+  <div>
+    <span class="font-bold">Developer name :</span>
+    <a
+      class="link link-hover"
+      href="https://github.com/biplobsd"
+      rel="noreferrer"
+      target="_blank">Biplob Kumar Sutradhar</a
+    >
+  </div>
+  <divider class="divider !my-1"></divider>
+  <div class="pb-2">
+    <TutorialCard closingProgress={100} />
+  </div>
+  <div class="w-64">
+    <SliderTips />
+  </div>
+</div>