v1.3.1

.deepsource.toml

@@ -11,6 +11,7 @@ exclude_patterns = [
   "docs/**",
   "public/**",
   "web/public/**",
+  "web/src/phase-two/**",
   "yarn.lock",
   "src/components/motion/**",
 ]

.github/workflows/pr-preview.yml

@@ -0,0 +1,154 @@
+name: Deploy PR Preview
+
+on:
+  pull_request:
+    branches: [main]
+    types: [opened, reopened, synchronize, closed]
+    paths:
+      - "web/**"
+      - "package.json"
+      - "yarn.lock"
+      - ".yarnrc.yml"
+      - ".github/workflows/pr-preview.yml"
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+  pull-requests: write
+
+jobs:
+  build:
+    name: Build preview site
+    if: github.event.pull_request.head.repo.full_name == github.repository
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout production site
+        uses: actions/checkout@v7
+        with:
+          ref: main
+          path: main-site
+
+      - name: Checkout pull request
+        if: github.event.action != 'closed'
+        uses: actions/checkout@v7
+        with:
+          ref: ${{ github.event.pull_request.head.sha }}
+          path: preview-site
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v7
+        with:
+          node-version: 24.x
+          cache: yarn
+          cache-dependency-path: main-site/yarn.lock
+
+      - name: Build production site
+        working-directory: main-site
+        run: |
+          yarn install --immutable --mode=skip-build
+          yarn exec wxt prepare
+          yarn workspace gmail-alias-toolkit-web build
+
+      - name: Build pull request preview
+        if: github.event.action != 'closed'
+        working-directory: preview-site
+        env:
+          VITE_BASE_PATH: /gmail-alias-toolkit/pr-preview/pr-${{ github.event.number }}/
+        run: |
+          yarn install --immutable --mode=skip-build
+          yarn exec wxt prepare
+          yarn workspace gmail-alias-toolkit-web build
+
+      - name: Assemble Pages artifact
+        shell: bash
+        run: |
+          set -euo pipefail
+          rm -rf site
+          mkdir -p site
+          cp -R main-site/web/dist/. site/
+
+          if [[ "${{ github.event.action }}" != "closed" ]]; then
+            preview_dir="site/pr-preview/pr-${{ github.event.number }}"
+            mkdir -p "$preview_dir"
+            cp -R preview-site/web/dist/. "$preview_dir/"
+          fi
+
+          touch site/.nojekyll
+
+      - name: Configure GitHub Pages
+        uses: actions/configure-pages@v6
+
+      - name: Upload Pages artifact
+        uses: actions/upload-pages-artifact@v5
+        with:
+          path: site
+
+  deploy:
+    name: Deploy PR preview
+    runs-on: ubuntu-latest
+    needs: build
+    environment:
+      name: pr-preview
+      url: https://eplus-dev.github.io/gmail-alias-toolkit/pr-preview/pr-${{ github.event.number }}/
+    outputs:
+      page_url: ${{ steps.deployment.outputs.page_url }}
+
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v5
+
+  comment:
+    name: Update preview link
+    runs-on: ubuntu-latest
+    needs: deploy
+
+    steps:
+      - name: Comment preview URL
+        uses: actions/github-script@v8
+        env:
+          PAGE_URL: ${{ needs.deploy.outputs.page_url }}
+        with:
+          script: |
+            const marker = "<!-- gmail-alias-toolkit-pr-preview -->";
+            const rootUrl = process.env.PAGE_URL.replace(/\/?$/, "/");
+            const previewUrl = `${rootUrl}pr-preview/pr-${context.issue.number}/`;
+            const isClosed = context.payload.action === "closed";
+            const body = isClosed
+              ? `${marker}\n## Preview removed\n\nThe temporary website preview for this pull request has been removed.`
+              : `${marker}\n## Website preview ready\n\n[Open PR preview ↗](${previewUrl})\n\nThis preview is rebuilt automatically whenever the pull request changes.`;
+
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+              per_page: 100,
+            });
+            const existing = comments.find((comment) =>
+              comment.body?.includes(marker),
+            );
+
+            if (existing) {
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: existing.id,
+                body,
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: context.issue.number,
+                body,
+              });
+            }

entrypoints/background.ts

@@ -31,6 +31,23 @@ interface AppSettings {
   badgeDisplay?: "none" | "total" | "all-time" | "today" | "week";
 }
 
+/** Get active email account from storage result. */
+function getActiveEmail(
+  accountResult: { email_accounts?: EmailAccount[]; base_email?: string },
+  fallback = "your.email@gmail.com",
+): string {
+  if (
+    accountResult.email_accounts &&
+    Array.isArray(accountResult.email_accounts)
+  ) {
+    const activeAccount = accountResult.email_accounts.find(
+      (acc) => acc.isActive,
+    );
+    if (activeAccount) return activeAccount.email;
+  }
+  return accountResult.base_email || fallback;
+}
+
 export default defineBackground(() => {
   // Create context menu on install
   browser.runtime.onInstalled.addListener(async () => {
@@ -314,16 +331,7 @@ export default defineBackground(() => {
       base_email?: string;
       app_settings?: AppSettings;
     };
-    let baseEmail = "your.email@gmail.com";
-
-    if (result.email_accounts && Array.isArray(result.email_accounts)) {
-      const activeAccount = result.email_accounts.find((acc) => acc.isActive);
-      if (activeAccount) {
-        baseEmail = activeAccount.email;
-      }
-    } else if (result.base_email) {
-      baseEmail = result.base_email;
-    }
+    const baseEmail = getActiveEmail(result);
 
     const [username, domain] = baseEmail.split("@");
     let emailToFill = "";
@@ -355,8 +363,8 @@ export default defineBackground(() => {
               await saveWebsiteAlias(baseEmail, normalized, emailToFill);
             }
           }
-        } catch (error) {
-          console.debug("Error saving website alias:", error);
+        } catch {
+          // Silently fail
         }
       }
 
@@ -387,21 +395,7 @@ export default defineBackground(() => {
         "email_accounts",
         "base_email",
       ])) as { email_accounts?: EmailAccount[]; base_email?: string };
-      let activeEmail = "your.email@gmail.com";
-
-      if (
-        accountResult.email_accounts &&
-        Array.isArray(accountResult.email_accounts)
-      ) {
-        const activeAccount = accountResult.email_accounts.find(
-          (acc) => acc.isActive,
-        );
-        if (activeAccount) {
-          activeEmail = activeAccount.email;
-        }
-      } else if (accountResult.base_email) {
-        activeEmail = accountResult.base_email;
-      }
+      const activeEmail = getActiveEmail(accountResult);
 
       // Get history for active account
       const historyKey = getAccountStorageKey(
@@ -457,8 +451,8 @@ export default defineBackground(() => {
       } else {
         await browser.action.setBadgeText({ text: "" });
       }
-    } catch (error) {
-      console.error("Error updating badge:", error);
+    } catch {
+      // Silently fail
     }
   }
 
@@ -485,22 +479,7 @@ export default defineBackground(() => {
       "email_accounts",
       "base_email",
     ])) as { email_accounts?: EmailAccount[]; base_email?: string };
-    let activeEmail = accountEmail?.trim() || "your.email@gmail.com";
-
-    if (
-      !accountEmail &&
-      accountResult.email_accounts &&
-      Array.isArray(accountResult.email_accounts)
-    ) {
-      const activeAccount = accountResult.email_accounts.find(
-        (acc) => acc.isActive,
-      );
-      if (activeAccount) {
-        activeEmail = activeAccount.email;
-      }
-    } else if (!accountEmail && accountResult.base_email) {
-      activeEmail = accountResult.base_email;
-    }
+    const activeEmail = accountEmail?.trim() || getActiveEmail(accountResult);
 
     // Use account-specific storage keys
     const historyKey = getAccountStorageKey(activeEmail, "gmail_alias_recent");
@@ -581,27 +560,42 @@ export default defineBackground(() => {
         "email_accounts",
         "base_email",
       ])) as { email_accounts?: EmailAccount[]; base_email?: string };
-      let activeEmail = "your.email@gmail.com";
-
-      if (
-        accountResult.email_accounts &&
-        Array.isArray(accountResult.email_accounts)
-      ) {
-        const activeAccount = accountResult.email_accounts.find(
-          (acc) => acc.isActive,
+      const activeEmail = getActiveEmail(accountResult);
+
+      // Check cache: use cached suggestions only if both URL and email match
+      const cacheResult = (await browser.storage.session?.get?.(
+        "contextMenuWebsiteCache",
+      )) as
+        | {
+            contextMenuWebsiteCache?: {
+              url: string;
+              activeEmail: string;
+              suggestions: string[];
+            };
+          }
+        | undefined;
+      const cached = cacheResult?.contextMenuWebsiteCache;
+
+      let suggestions: string[];
+      if (cached?.url === info.pageUrl && cached?.activeEmail === activeEmail) {
+        suggestions = cached.suggestions;
+      } else {
+        // Generate suggestions and update cache
+        suggestions = await generateSuggestionsForWebsite(
+          activeEmail,
+          info.pageUrl,
         );
-        if (activeAccount) {
-          activeEmail = activeAccount.email;
+        if (browser.storage.session) {
+          await browser.storage.session.set({
+            contextMenuWebsiteCache: {
+              url: info.pageUrl,
+              activeEmail,
+              suggestions,
+            },
+          });
         }
-      } else if (accountResult.base_email) {
-        activeEmail = accountResult.base_email;
       }
 
-      // Generate suggestions
-      const suggestions = await generateSuggestionsForWebsite(
-        activeEmail,
-        info.pageUrl,
-      );
       if (suggestions.length === 0) return;
 
       // Store suggestions in session storage for retrieval in click handler
@@ -629,17 +623,18 @@ export default defineBackground(() => {
       );
 
       for (const [index, suggestion] of suggestions.slice(0, 3).entries()) {
+        const [username, domain] = suggestion.split("@");
         browser.contextMenus.create({
           id: `website-suggestion-${index}`,
           parentId: "website-alias-parent",
-          title: suggestion.split("@")[0],
+          title: `${username}@${domain}`,
           contexts: ["editable"],
         });
       }
 
       await dynamicContextMenus.refresh?.();
-    } catch (error) {
-      console.debug("Error updating website suggestions:", error);
+    } catch {
+      // Silently fail
     }
   });
 
@@ -679,7 +674,6 @@ export default defineBackground(() => {
           sendResponse({ success: true });
         }
       } catch (error) {
-        console.error("Message handler error:", error);
         sendResponse({ error: String(error) });
       }
     },

entrypoints/content/email-helper.css

@@ -123,6 +123,15 @@ input.gmail-alias-input-preview {
   box-shadow: inset 0 0 0 1px #10b981 !important;
 }
 
+/* Input error effect */
+input.gmail-alias-input-error {
+  background-color: #fee2e2 !important;
+  border-color: #dc2626 !important;
+  color: #7f1d1d !important;
+  -webkit-text-fill-color: #7f1d1d !important;
+  box-shadow: inset 0 0 0 1px #dc2626 !important;
+}
+
 input.gmail-alias-input-highlight::placeholder,
 input.gmail-alias-input-preview::placeholder {
   color: #6b7280 !important;