Skip to content

docs: add extension development workflow guide - #2677

Open
appdever01 wants to merge 1 commit into
wxt-dev:mainfrom
appdever01:feature/development-workflow
Open

appdever01 wants to merge 1 commit into
wxt-dev:mainfrom
appdever01:feature/development-workflow

Conversation

@appdever01

Copy link
Copy Markdown

Overview

I added a development guide covering automatic browser startup, manual loading in Chrome and Firefox, reload behavior, and testing a production build. The guide is linked from installation, browser startup, and the guide sidebar.

Manual Testing

I ran the documented dev and production commands on a small local extension with automatic browser startup disabled. I checked Chrome MV3, Firefox MV2 and Firefox MV3 development output, background-script rebuilds, and Chrome/Firefox production output.

The documentation production build, root TypeScript check, focused runner/config/reload/keyboard tests, formatting, Markdown lint and Markdown spell checks pass. I also checked the generated guide's internal links, anchors and sidebar entry. The existing llmstxt spelling warnings in the VitePress config are also present on main.

The browser loading steps match the official Chrome and Firefox instructions. I haven't tested the browser UI steps or installed the extension in a browser.

Related Issue

Closes #1454

@netlify

netlify Bot commented Oct 19, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for creative-fairy-df92c4 ready!

Name Link
🔨 Latest commit ba5938d
🔍 Latest deploy log https://app.netlify.com/projects/creative-fairy-df92c4/deploys/6ad696360afe13007138f176
😎 Deploy Preview https://deploy-preview-2677--creative-fairy-df92c4.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@coderabbitai

coderabbitai Bot commented Oct 19, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration
  • Configuration used: Repository UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 8b2c5585-8233-4352-8824-c593f3e4143f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@@ -0,0 +1,88 @@
# Development

@fkatsuhiro fkatsuhiro Oct 21, 2026 •

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@appdever01 san
Thank you for your PR for this.

But in #1454,

How to develop an extension with or without the runner? Tips and tricks, etc.

So, I think it is better to add only small tips which explain reloading extension after dev server back up. I think no need to prepare new document page.

How about add tips in Disable Opening Browser section?

Please let me know if there's anything I might have missed! Thank you!!

Image

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Docs around dev workflow

2 participants