fix: options page (#131)

* fix: options page * chore: rename title of options page --------- Co-authored-by: Razboy20 <razboy20@gmail.com>
Longhorn-Developers · Mar 9, 2024 · dc100b5 · dc100b5
1 parent 10eb9e4
commit dc100b5
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 3 deletions.
diff --git a/options.html b/options.html
@@ -0,0 +1 @@
+src/pages/options/index.html
diff --git a/src/manifest.ts b/src/manifest.ts
@@ -25,7 +25,7 @@ const manifest = defineManifest(async () => ({
     name: `${packageJson.displayName ?? packageJson.name}${mode === 'development' ? ' (dev)' : ''}`,
     version: `${major}.${minor}.${patch}.${label}`,
     description: packageJson.description,
-    options_page: 'src/pages/options/index.html',
+    options_page: 'options.html',
     background: { service_worker: 'src/pages/background/background.ts' },
     permissions: ['storage', 'unlimitedStorage', 'background', 'scripting'],
     host_permissions: process.env.MODE === 'development' ? [...HOST_PERMISSIONS, '<all_urls>'] : HOST_PERMISSIONS,

diff --git a/src/pages/options/index.html b/src/pages/options/index.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#000000" />
-        <title>Popup</title>
+        <title>UTRP Options</title>
     </head>
 
     <body>

diff --git a/src/views/components/PopupMain.tsx b/src/views/components/PopupMain.tsx
@@ -57,7 +57,7 @@ export default function PopupMain(): JSX.Element {
     ));
 
     const handleOpenOptions = async () => {
-        const url = chrome.runtime.getURL('/src/pages/options/index.html');
+        const url = chrome.runtime.getURL('/options.html');
         await openTabFromContentScript(url);
     };
 

diff --git a/vite.config.ts b/vite.config.ts
@@ -136,13 +136,18 @@ export default defineConfig({
                 target: 'http://localhost:5173',
                 rewrite: path => path.replace('calendar', 'src/pages/calendar/index'),
             },
+            '/options.html': {
+                target: 'http://localhost:5173',
+                rewrite: path => path.replace('options', 'src/pages/options/index'),
+            },
         },
     },
     build: {
         rollupOptions: {
             input: {
                 debug: 'src/pages/debug/index.html',
                 calendar: 'src/pages/calendar/index.html',
+                options: 'src/pages/options/index.html',
             },
             // output: {
             //     entryFileNames: `[name].js`, // otherwise it will add the hash