feat: Auto Icons Module

[Timeraa]

Adds a new module to wxt to automatically generate icons for the manifest icons field using sharp

Closes #850

For the structure (package.json, tsconfig) I copied the one from the vue module, had to add a build config for fs-extra

[netlify]

✅ Deploy Preview for creative-fairy-df92c4 ready!

Name	Link
🔨 Latest commit	6113233
🔍 Latest deploy log	https://app.netlify.com/sites/creative-fairy-df92c4/deploys/66a3283885798800082172f2
😎 Deploy Preview	https://deploy-preview-851--creative-fairy-df92c4.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[Timeraa]

@aklinker1 I noticed a small issue with the wxt module system, is there a way to get the module options in hooks? Because right now you would need to restart the whole process in order for the options to update.

Also if you want me to update any documentation, do let me know where

[aklinker1]

Are you saying if someone saves the wxt.config.ts file with new options, they aren't updated? Hmmm... Yeah I can see why that would be the case. Let me think on the best way to fix it.

[Timeraa]

Are you saying if someone saves the wxt.config.ts file with new options, they aren't updated? Hmmm... Yeah I can see why that would be the case. Let me think on the best way to fix that.

Yep exactly that! It totally makes sense why but probably something to think about!

[aklinker1]

Code looks good, just a couple of small changes.

What are your thoughts on the module- prefix for the package names? I wanted it to be consistent, but now I'm regretting it... @wxt-dev/auto-icons sounds good, @wxt-dev/module-auto-icons seems redundant 😵‍💫

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.06%. Comparing base (2b6ff8d) to head (6113233).
Report is 7 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #851      +/-   ##
==========================================
- Coverage   82.17%   82.06%   -0.12%     
==========================================
  Files         113      113              
  Lines        6323     6311      -12     
  Branches     1029     1029              
==========================================
- Hits         5196     5179      -17     
- Misses       1113     1118       +5     
  Partials       14       14              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[aklinker1]

Looks like the generated icons aren't added to the internal output object, and are causing some issues:

And the icons don't show up in the build output.

Might need to add some more hooks to WXT to fix these issues.

[aklinker1]

For example, a prepare:publicPaths hook here to fix the browser.runtime.getURL issue.

Edit: I added the prepare:publicPaths hook in #858. Merge this branch with main to get it!

For the build summary issue... I think we can just add the icon files to the output.publicAssets file in the build:done hook.

wxt.hooks.hook("build:done", (wxt, output) => {
  output.publicAssets.push({ type: "asset", file: "icons/16.png");
});

[Timeraa]

Code looks good, just a couple of small changes.

What are your thoughts on the module- prefix for the package names? I wanted it to be consistent, but now I'm regretting it... @wxt-dev/auto-icons sounds good, @wxt-dev/module-auto-icons seems redundant 😵‍💫

I can make it just auto-icons if ya want, just did fit for consistency haha

[Timeraa]

Oh gosh what did I do to the branch

[Timeraa]

Implemented the requested changes @aklinker1, I also updated the background.ts so that the /icons path is correct in the geturl

[aklinker1]

Implemented the requested changes @aklinker1, I also updated the background.ts so that the /icons path is correct in the geturl

Perfect, thanks. Everything looks good now.

I can make it just auto-icons if ya want, just did fit for consistency haha

Hmmmmmmmmmmmmmmmmmm... Yeah, let's rename it to just @wxt-dev/auto-icon