- API delay per request + API delay per request
{text} diff --git a/src/content/index.ts b/src/content/index.ts index 8a67dd9..c07053f 100644 --- a/src/content/index.ts +++ b/src/content/index.ts @@ -1,4 +1,5 @@ import Overlay from "../components/Content.svelte"; +import { mount } from "svelte"; // Some svelte component on the page -new Overlay({ target: document.body }); +mount(Overlay, { target: document.body }); diff --git a/src/manifest.config.ts b/src/manifest.config.ts index 760f973..6f83c68 100644 --- a/src/manifest.config.ts +++ b/src/manifest.config.ts @@ -15,7 +15,6 @@ export default defineManifest({ name: "Youtube Subscriptions Transfer", description: "Transferring subscriptions from one YouTube account to another", version: `${major}.${minor}.${patch}`, - version_name: version, author: { email: "biplobsd11@gmail.com", }, @@ -34,6 +33,7 @@ export default defineManifest({ ], background: { service_worker: "src/background/index.ts", + scripts: ["src/background/index.ts"] }, options_ui: { page: "src/options/options.html", diff --git a/src/options/index.ts b/src/options/index.ts index f229d53..a7737a4 100644 --- a/src/options/index.ts +++ b/src/options/index.ts @@ -1,13 +1,12 @@ import Options from "src/components/Options.svelte"; import log from "src/utils/logger"; +import { mount } from "svelte"; const target = document.getElementById("app"); function render() { if (target) { - new Options({ - target, - }); + mount(Options, { target }); } else { log.error("Unable to find app element"); } diff --git a/src/popup/index.ts b/src/popup/index.ts index 572b635..ec58970 100644 --- a/src/popup/index.ts +++ b/src/popup/index.ts @@ -1,12 +1,11 @@ import Options from "src/components/Options.svelte"; import log from "src/utils/logger"; +import { mount } from "svelte"; const target = document.getElementById("app"); function render() { if (target) { - new Options({ - target, - }); + mount(Options, { target }); } else { log.error("Unable to find app element"); } diff --git a/svelte.config.js b/svelte.config.js index d27a546..33766db 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,4 +1,4 @@ -import sveltePreprocess from "svelte-preprocess"; +import { sveltePreprocess } from "svelte-preprocess"; export default { // Consult https://github.com/sveltejs/svelte-preprocess diff --git a/vite.config.ts b/vite.config.ts index d3a6a6f..cb9d125 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,14 +1,63 @@ import { crx } from "@crxjs/vite-plugin"; import { svelte } from "@sveltejs/vite-plugin-svelte"; -import { resolve } from "path"; -import { defineConfig } from "vite"; +import { join, resolve } from "path"; +import { defineConfig, loadEnv } from "vite"; import manifest from "./src/manifest.config"; +import * as fs from "node:fs"; +const env = loadEnv("all", process.cwd()); + +type Browser = "firefox" | "chrome"; const srcDir = resolve(__dirname, "src"); +const browserName = env.VITE_BROWSER_NAME || "chrome"; + +function updateManifest() { + try { + const rootDir = process.cwd(); + const manifestPath = join(rootDir, "dist", "manifest.json"); + + if (!fs.existsSync(manifestPath)) { + console.error(`manifest.json not found at ${manifestPath}`); + return; + } + + const manifestData = fs.readFileSync(manifestPath, "utf-8"); + const manifest = JSON.parse(manifestData); + + if (browserName === "firefox") { + const geckoId = manifest.author?.email || manifest.author; + + manifest.browser_specific_settings = { + gecko: { + id: geckoId + }, + }; + + console.log("Using gecko ID:", geckoId); + } + + if (typeof manifest.author === "object" && "email" in manifest.author) { + manifest.author = manifest.author.email; + } + + fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2), "utf-8"); + console.log("manifest updated successfully!"); + } catch (error) { + console.error("Error updating manifest:", error); + throw error; + } +} // https://vitejs.dev/config/ export default defineConfig({ - plugins: [svelte(), crx({ manifest })], + plugins: [ + svelte(), + crx({ manifest, browser: browserName as Browser }), + { + name: "update-manifest", + closeBundle: updateManifest, + }, + ], resolve: { alias: { src: srcDir,
{:else}
-
+
{/if}
@@ -55,7 +59,7 @@
{#if user?.given_name}