fix: refine host permission

.env.chromium

@@ -1,2 +1 @@
 TARGET_BROWSER=chrome
-VITE_METADATA_BRANCH=chrome-ext

.env.gecko

@@ -1,2 +1 @@
 TARGET_BROWSER=firefox
-VITE_METADATA_BRANCH=moz

docs/changelog.md

@@ -6,6 +6,12 @@ Consider giving a star ⭐ on [Github](https://github.com/pnd280/complexity).
 
 💖 Support the development via [Ko-fi](https://ko-fi.com/pnd280) or [Paypal](https://paypal.me/pnd280).
 
+## v0.0.3.14
+
+_Release date: 16th Oct, 2024_
+
+-   **FIX**: Fixed UI glitch on Collection preview boxes (in Library).
+
 ## v0.0.3.13
 
 _Release date: 11th Oct, 2024_
@@ -14,7 +20,6 @@ _Release date: 11th Oct, 2024_
 -   **FIX**: Fixed the store url on the Firefox addon.
 -   **REMOVE**: **Temporarily** removed **Auto-generate thread title** setting.
 
-
 ## v0.0.3.11
 
 _Release date: 8th Oct, 2024_

src/app.config.ts

@@ -12,16 +12,14 @@ const envSchema = z.object({
 const parsedEnv = envSchema.parse(env);
 
 const appConfig = {
-  browser: parsedEnv.TARGET_BROWSER,
-  isDev: Boolean(parsedEnv.DEV) || parsedEnv.NODE_ENV === "development",
+  BROWSER: parsedEnv.TARGET_BROWSER,
+  IS_DEV: Boolean(parsedEnv.DEV) || parsedEnv.NODE_ENV === "development",
   METADATA_BRANCH: parsedEnv.VITE_METADATA_BRANCH,
   "perplexity-ai": {
-    globalMatches: ["https://*.perplexity.ai/*"],
+    globalMatches: ["https://www.perplexity.ai/*", "https://perplexity.ai/*"],
     globalExcludeMatches: [
       "https://*.perplexity.ai/p/api/*",
       "https://*.perplexity.ai/hub/*",
-      "https://*.labs.perplexity.ai/*",
-      "https://*.docs.perplexity.ai/*",
     ],
   },
 };

src/content-script/ReactRoot.tsx

@@ -60,7 +60,7 @@ function Root() {
   return (
     <>
       <QueryBox />
-      {appConfig.isDev && <Commander />}
+      {appConfig.IS_DEV && <Commander />}
 
       {location === "home" && <MainPage />}
 

src/manifest.ts

@@ -24,10 +24,10 @@ const defineMozManifest = defineChromeManifest as unknown as (
   manifest: MozManifest,
 ) => MozManifest;
 
-const browser = appConfig.browser;
+const browser = appConfig.BROWSER;
 
 const baseManifest: ManifestV3Export = {
-  name: `${appConfig.isDev ? "[🟡 Dev] " : ""}${packageData.displayName || packageData.name}`,
+  name: `${appConfig.IS_DEV ? "[🟡 Dev] " : ""}${packageData.displayName || packageData.name}`,
   description: packageData.description,
   version: packageData.version,
   manifest_version: 3,
@@ -67,7 +67,7 @@ const baseManifest: ManifestV3Export = {
       matches: appConfig["perplexity-ai"].globalMatches,
     },
   ],
-  permissions: ["storage", "scripting"],
+  permissions: ["storage"],
 };
 
 function createManifest(): ManifestV3Export | MozManifest {

src/services/CplxApi.ts

@@ -6,14 +6,14 @@ export default class CplxApi {
   static async fetchVersions() {
     return jsonUtils.safeParse(
       await fetchResource(
-        `https://raw.githubusercontent.com/pnd280/complexity/${appConfig.METADATA_BRANCH ?? "alpha"}/package.json`,
+        `https://raw.githubusercontent.com/pnd280/complexity/release-notes/versions.json`,
       ),
     ) as CplxVersionsApiResponse;
   }
 
   static async fetchChangelog() {
     return await fetchResource(
-      `https://raw.githubusercontent.com/pnd280/complexity/${appConfig.METADATA_BRANCH ?? "alpha"}/docs/changelog.md`,
+      `https://raw.githubusercontent.com/pnd280/complexity/release-notes/changelog-${appConfig.BROWSER}.md`,
     );
   }
 }

src/shared/hooks/useExtensionUpdate.ts

@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 
+import appConfig from "@/app.config";
 import CplxApi from "@/services/CplxApi";
 import { compareVersions } from "@/utils/utils";
 import packageData from "~/package.json";
@@ -17,7 +18,10 @@ export default function useExtensionUpdate({
 
   const newVersionAvailable =
     data &&
-    compareVersions(data?.version || "0.0.0.0", packageData.version) === 1;
+    compareVersions(
+      data?.[appConfig.BROWSER] || "0.0.0.0",
+      packageData.version,
+    ) === 1;
 
   const { data: changelog, isLoading: isChangelogFetching } = useQuery({
     queryKey: ["changelog"],
@@ -27,7 +31,7 @@ export default function useExtensionUpdate({
 
   return {
     newVersionAvailable,
-    newVersion: data?.version,
+    newVersion: data?.[appConfig.BROWSER],
     changelog,
     isChangelogFetching,
   };

src/types/update.types.ts

@@ -1,3 +1,4 @@
-import packageData from "~/package.json";
-
-export type CplxVersionsApiResponse = typeof packageData;
+export type CplxVersionsApiResponse = {
+  chrome: string;
+  firefox: string;
+};

src/utils/BackgroundScript.ts

@@ -22,7 +22,7 @@ export default class BackgroundScript {
   }
 
   static getOptionsPageUrl() {
-    const prefix = appConfig.isDev ? "src/options-page/" : "";
+    const prefix = appConfig.IS_DEV ? "src/options-page/" : "";
 
     return browser.runtime.getURL(`${prefix}options.html`);
   }