Notes and tags when saving screenshots in a Shadow DOM overlay
Notes and tags are entered directly in the capture overlay, persisted in Qdrant and included in the embedding. How types, Shadow DOM and a chip input make this work.
Power Pages in detail.
Architecture, React and enterprise practice on Microsoft Power Pages.
Technical deep dives, security boundaries and proven implementation patterns from real client projects.
Capture a complete Instagram carousel with MutationObserver
Instagram lazy-loads carousel slides. Only the first two are in the DOM when a post opens. A MutationObserver and a while loop automatically extract every slide without touching a single class name.
Extract Instagram PostId correctly from the feed and profile grid
Instagram uses article tags in the feed, but not in the profile grid. Ancestor traversal fixes incorrect PostIds, while a promise map prevents duplicate backend requests.
Debugging and preventing race conditions in Chrome Extensions
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.
Chrome Extension with Shadow DOM preview and Tailwind CSS v4
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.
Chrome Extension foundation with a health indicator and retry queue
Phase 1 establishes the foundation: a health indicator, retry queue and capture history make the Chrome Extension reliable and transparent in everyday use.
What should your portal do?
Describe your workflow. Together, we will identify the right next step.
Discuss your workflow