Tag: Chrome Extension

The Shadow DOM overlay triggered a race condition. Instagram was detected as generic, and all metadata was missing. The cause and fix using capturedElement and a previewOpen flag.

Phase 2 adds three features: a Shadow DOM preview overlay before saving, color-coded duplicate detection on hover, and a popup styled with Tailwind CSS v4.

Phase 1 establishes the foundation: a health indicator, retry queue and capture history make the Chrome Extension reliable and transparent in everyday use.

Instagram truncates captions and changes class names with every deployment. Semantic DOM searches and a MutationObserver still load the full text reliably.

Nine TypeScript errors at once, all about missing .js extensions in imports. The cause is a tsconfig.json setting that is correct for Node.js but incompatible with Vite as a bundler. I explain why and show the right configuration.

A Chrome Extension has no "main.js". It has three completely isolated runtime contexts that must communicate through a strict message protocol. Understanding this distinction is what makes extensions robust rather than fragile.