Browser Extension

import { defineConfig } from "wxt";

export default defineConfig({
  modules: ["@wxt-dev/module-react"],
  manifest: {
    name: "Teak",
    description: "Your personal knowledge hub",
    permissions: [
      "storage",
      "activeTab",
      "tabs",
      "contextMenus",
      "scripting",
      "cookies",
    ],
    host_permissions: ["<all_urls>"],
  },
});

export default defineContentScript({
  matches: [
    "*://www.instagram.com/*",
    "*://www.x.com/*",
    "*://twitter.com/*",
    "*://www.pinterest.com/*",
  ],
  main() {
    // Inject save buttons
    injectSaveButtons();
  },
});

import { saveToTeak } from "../lib/saveToTeak";

export default defineBackground(() => {
  // Create context menus
  chrome.contextMenus.create({
    id: "save-page",
    title: "Save Page to Teak",
    contexts: ["page"],
  });
  
  // Handle clicks
  chrome.contextMenus.onClicked.addListener(async (info, tab) => {
    const result = await saveToTeak({
      content: tab.url,
      source: "context-menu",
    });
  });
});

import { useWebAppSession } from "@/hooks/useWebAppSession";
import { useContextMenuSave } from "@/hooks/useContextMenuSave";

function PopupApp() {
  const { authenticated } = useWebAppSession();
  const { state, error } = useContextMenuSave();
  
  return (
    <div>
      {authenticated ? <SaveStatus /> : <LoginPrompt />}
    </div>
  );
}

├── instagram.ts     # Instagram post extractor
├── x.ts             # X/Twitter tweet extractor
└── pinterest.ts     # Pinterest pin extractor

export function useAutoSaveUrl() {
  useEffect(() => {
    chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
      if (changeInfo.url && isValidUrl(changeInfo.url)) {
        void saveToTeak({ content: changeInfo.url, source: "auto-save" });
      }
    });
  }, []);
}

export async function hasValidSession(): Promise<boolean> {
  const cookies = await chrome.cookies.getAll({
    domain: "teakvault.com",
  });
  
  // Check for valid session token
  return cookies.some(c => c.name === "better-auth.session_token");
}