Guide how to actually get started developing in the different supported browsers

[BjoernRave]

I just used the bedframe make command to gernerate a new project and was amazed by the setup, very nice job on that.

Now I have this project and when I run pnpm dev i only see this url: http://localhost:5173/, but when entering the page i see nothing.

Now I am not sure how to get started developing my extension in firefox, because usually you need to load some files

[JoeyDoey]

Hey @BjoernRave ! Thank you! Glad you liked it so far :) I need to put together a quickstart guide. I'll get that up for you soon. in the meantime, e.g. to test an extension for Chrome:

• run pnpm build chrome

  

• open Chrome browser and go to chrome://extensions/

• toggle the "Developer mode" switch to on (this reveals additional dev actions)

• select "Load unpacked" and find your extension dist directory. by default the dist for the specific browser will be at project-name/dist/<browser> so for Chrome, select the project-name/dist/chrome directory

• pin the extension (for easier access when dev-ing) ...

• you can navigate to the options page by right-clicking the extension icon and selecting "options"

nb:

• you can't really go directly to that localhost URL to load up the extension.
• one of the main goals of Bedframe is to make it easy to have HMR when developing for all the browsers you're targetting. If you already ran pnpm dev you likely saw this notice

I'm looking into a fix for that so in the meantime just the pnpm build commands are working. specifically I need to update the getManifest function