feat(extension): migrate from webpack/rspack to WXT build framework by lcomplete · Pull Request #131 · lcomplete/huntly

lcomplete · 2026-04-16T13:34:46Z

Summary

Migrated browser extension build system from webpack/rspack to WXT framework
Introduced modern entrypoints directory structure (popup, options, background, content scripts, sidepanel)
Added sidepanel feature with React components and routing for enhanced UX
Created ai-elements UI component library for consistent styling across AI features
Added qwen compatibility test for AI providers
Updated build scripts: yarn dev, yarn build, yarn zip for WXT workflow

Key Changes

Build system: Replaced webpack/rspack configs with wxt.config.ts supporting Chrome and Firefox
Structure: New entrypoints/ directory following WXT conventions
Features: Added sidepanel with agent commands, model bridge, session storage
Components: New ai-elements/ components (conversation, message, reasoning, sources, suggestion, tool)
Tests: Added qwenCompatibility.test.ts for AI provider testing
Cleanup: Removed deprecated webpack configs and public manifest files

Test plan

Run yarn dev to verify WXT dev server starts correctly
Run yarn build to verify production build succeeds
Run yarn test to verify all tests pass
Run yarn typecheck to verify TypeScript compilation
Load extension in Chrome and Firefox to verify functionality
Test popup, options, sidepanel, and content scripts work as expected

🤖 Generated with Claude Code

… styles

…ponse handling; add unit tests for McpServerController

…GENTS.md

… practices and execution criteria

- Replace webpack/rspack with WXT for modern browser extension development - Add WXT config with Chrome and Firefox target support - Introduce entrypoints directory structure (popup, options, background, content scripts) - Add sidepanel feature with React components and routing - Create ai-elements UI component library for consistent styling - Update build scripts: dev, build, zip for WXT workflow - Add qwen compatibility test for AI providers - Update all source files to adapt to WXT module system and APIs - Remove deprecated webpack configs and public manifest files Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

augmentcode · 2026-04-16T13:34:55Z

This pull request is abnormally large and would use a significant amount of tokens to review. If you still wish to review it, comment augment review and we will review it.

lcomplete · 2026-04-16T13:39:22Z

augment review

augmentcode · 2026-04-16T13:41:24Z

🤖 Augment PR Summary

Summary: This PR migrates the browser extension build system from webpack/rspack to the WXT framework, restructures entrypoints, and adds significant new features.

Changes:

Replaced webpack/rspack configs with wxt.config.ts supporting Chrome and Firefox builds
Introduced WXT-style entrypoints/ directory for popup, options, background, content scripts, and sidepanel
Added a new AI chat sidepanel feature with React components, tool-loop agent, session storage (IndexedDB), model selection, and slash commands
Created ai-elements/ UI component library (conversation, message, reasoning, sources, suggestion, tool) adapted from Vercel's ai-elements
Added Qwen compatibility layer for reasoning/thinking mode with tests
Updated providers.ts to use provider.chat(model) instead of provider(model)
Added context menu items for opening the sidepanel chat
Added a Sponsor settings page with QR code payment methods
Fixed MCP server controller to return empty 202 responses for content negotiation compatibility
Refactored background.ts and content scripts to use init*() wrapper functions for WXT compatibility

Technical Notes: The sidepanel uses AI SDK's ToolLoopAgent for multi-step tool execution. The sidePanel permission and scripting permission are missing from the WXT manifest config, which will prevent the sidepanel and dev-mode content script registration from working correctly.

_{🤖 Was this summary useful? React with 👍 or 👎}

augmentcode

Review completed. 5 suggestions posted.

Comment augment review to trigger a new review at any time.

augmentcode · 2026-04-16T13:41:25Z

+    action: {
+      default_icon: icons,
+    },
+    permissions: ["storage", "tabs", "contextMenus"],


The sidePanel permission is missing from the manifest permissions array. The sidepanel entrypoint exists at entrypoints/sidepanel/, and the background script calls chrome.sidePanel.open(), but without the "sidePanel" permission the API will be unavailable and the sidepanel won't register. Similarly, the "scripting" permission is needed for chrome.scripting.registerContentScripts() in entrypoints/background.ts.

Severity: high

_{🤖 Was this useful? React with 👍 or 👎, or 🚀 if it prevented an incident/outage.}

augmentcode · 2026-04-16T13:41:25Z

+      {}
+    );
+
+    Promise.resolve(run(stores))


Race condition: the transaction.oncomplete/onerror handlers are set after the run(stores) promise resolves, but IndexedDB transactions auto-commit when all their requests finish and the microtask queue is empty. If run() only fires synchronous IDB requests (which requestToPromise wraps), the transaction may already have completed or errored by the time these handlers are attached, causing the outer promise to never resolve.

Severity: medium

_{🤖 Was this useful? React with 👍 or 👎, or 🚀 if it prevented an incident/outage.}

augmentcode · 2026-04-16T13:41:25Z

-// Setup RSS feed detection listener
-setupRssDetectionListener();
+  window.addEventListener("message", function (event: MessageEvent<Message>) {
+    if (event.data && typeof event.data.type === 'string' && !event.data.type.includes('wxt:')) {


The filter !event.data.type.includes('wxt:') uses includes which is a substring match — any message type containing wxt: anywhere in the string will be silently dropped. Consider using startsWith('wxt:') for a more precise check, since WXT internal messages use the wxt: prefix.

Severity: low

_{🤖 Was this useful? React with 👍 or 👎, or 🚀 if it prevented an incident/outage.}

augmentcode · 2026-04-16T13:41:25Z

+        status: "complete",
+      };
+
+      const allMessages = [...messages, userMsg];


The sendMessage callback captures messages from state in its closure (dependency array line 581). If runAgent triggers state updates that change messages before the next render, a rapid second sendMessage call could use a stale messages snapshot, potentially losing the first message. Consider using a ref or functional state updater to always read the latest messages.

Severity: medium

_{🤖 Was this useful? React with 👍 or 👎, or 🚀 if it prevented an incident/outage.}

augmentcode · 2026-04-16T13:41:25Z

+  info: chrome.contextMenus.OnClickData,
+  tab?: chrome.tabs.Tab
+): Promise<void> {
+  const targetTab = await resolveContextMenuTab(tab);


chrome.tabs.sendMessage to targetTab.id will fail here because targetTab.id is typed as number | undefined — the targetTab?.id guard on line 953 only checked that targetTab had an id, but the inner callback references targetTab.id without the ! assertion while TypeScript would flag it. More importantly, if the content script hasn't loaded, this sendMessage will silently fail with no user feedback.

Severity: low

_{🤖 Was this useful? React with 👍 or 👎, or 🚀 if it prevented an incident/outage.}

…oving 'wxt:' check

… with updated parsing and handling

lcomplete and others added 6 commits April 12, 2026 19:06

feat(sponsor): add SponsorSettings component with payment options and…

599cc00

… styles

feat(mcp): update handleMessage method to return void and improve res…

584159a

…ponse handling; add unit tests for McpServerController

fix(i18n): update 'feeds' label from '订阅' to 'RSS' for clarity

f1c4066

chore(docs): update .gitignore to include .codex and add spacing in A…

13a0f83

…GENTS.md

feat(docs): expand repository guidelines to improve clarity on coding…

52690b2

… practices and execution criteria

augmentcode Bot reviewed Apr 16, 2026

View reviewed changes

lcomplete added 2 commits April 16, 2026 21:49

fix(content_script): simplify message event listener condition by rem…

394bf70

…oving 'wxt:' check

feat(sidepanel): refactor slash command system to slash prompt system…

f3d761b

… with updated parsing and handling

lcomplete merged commit d79c64a into main Apr 16, 2026
1 check passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(extension): migrate from webpack/rspack to WXT build framework#131

feat(extension): migrate from webpack/rspack to WXT build framework#131
lcomplete merged 8 commits into
mainfrom
dev

lcomplete commented Apr 16, 2026

Uh oh!

augmentcode Bot commented Apr 16, 2026

Uh oh!

lcomplete commented Apr 16, 2026

Uh oh!

augmentcode Bot commented Apr 16, 2026

Uh oh!

augmentcode Bot left a comment

Uh oh!

augmentcode Bot Apr 16, 2026 •

edited

Loading

Uh oh!

augmentcode Bot Apr 16, 2026 •

edited

Loading

Uh oh!

augmentcode Bot Apr 16, 2026 •

edited

Loading

Uh oh!

augmentcode Bot Apr 16, 2026 •

edited

Loading

Uh oh!

augmentcode Bot Apr 16, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

lcomplete commented Apr 16, 2026

Summary

Key Changes

Test plan

Uh oh!

augmentcode Bot commented Apr 16, 2026

Uh oh!

lcomplete commented Apr 16, 2026

Uh oh!

augmentcode Bot commented Apr 16, 2026

Uh oh!

augmentcode Bot left a comment

Choose a reason for hiding this comment

Uh oh!

augmentcode Bot Apr 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

augmentcode Bot Apr 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

augmentcode Bot Apr 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

augmentcode Bot Apr 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

augmentcode Bot Apr 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

augmentcode Bot Apr 16, 2026 •

edited

Loading

augmentcode Bot Apr 16, 2026 •

edited

Loading

augmentcode Bot Apr 16, 2026 •

edited

Loading

augmentcode Bot Apr 16, 2026 •

edited

Loading

augmentcode Bot Apr 16, 2026 •

edited

Loading