Manifest V3 Browser Extensions

Manifest V3 Architecture#

The LaterBox browser extension is built with TypeScript and Vite, complying with the latest Manifest V3 standards:

• Background Service Worker: Handles token verification, context menu creation, keyboard shortcut listeners, and background network requests to the Supabase ingestion endpoint.
• Popup UI: Lightweight React popup providing 1-click save, collection picker, tag selector, and immediate confirmation feedback.
• Sidepanel Mode: Allows reading saved articles and taking notes in a side-by-side browser panel while browsing the web.

Token Key Authentication#

Users can pair their browser extension to their LaterBox account without entering passwords in the extension:

1. Open [laterbox.dev/extension/connect](https://laterbox.dev/extension/connect).
2. Sign in to your LaterBox account.
3. Click Generate Connection Key.
4. The extension automatically exchanges the temporary handshake token for an authenticated API session.

Building & Packaging#

To compile and package the extensions locally:

cd extension
npm install

# Build for all targets (Chromium, Firefox, Safari)
npm run package

Generated packages in extension/dist/:

• laterbox-chrome-extension.zip
• laterbox-firefox-extension.zip
• laterbox-safari-extension.zip