mirror of
https://github.com/better-auth/better-auth.git
synced 2026-08-01 10:50:40 -05:00
95344a6784
* init: plasmo example project * feat: add example for browser extension with BetterAuth - Introduced a basic browser extension example using Plasmo framework and BetterAuth for authentication. - Updated .env.example with BetterAuth configuration. - Removed unnecessary GitHub workflow file for submitting to Web Store. - Updated .gitignore to exclude local env files. - Improved README documentation for the example. - Included BetterAuth dependency in the package.json and updated the pnpm-lock.yaml. * add: browser-extension example complete * fix: content.tsx * remove: browser-extension package as that isn't needed * add: browser extension buide * docs: added references in the guide to the examples code * remove(dep): unused dependency * refactor: package.json - remove author & update description * wip * chore: update lock file * docs: update icon --------- Co-authored-by: Bereket Engida <bekacru@gmail.com>
34 lines
1.5 KiB
Markdown
34 lines
1.5 KiB
Markdown
This is a [Plasmo extension](https://docs.plasmo.com/) project bootstrapped with [`plasmo init`](https://www.npmjs.com/package/plasmo).
|
|
|
|
## Getting Started
|
|
|
|
First, run the development server:
|
|
|
|
```bash
|
|
pnpm dev
|
|
# or
|
|
npm run dev
|
|
```
|
|
|
|
Open your browser and load the appropriate development build. For example, if you are developing for the chrome browser, using manifest v3, use: `build/chrome-mv3-dev`.
|
|
|
|
You can start editing the popup by modifying `popup.tsx`. It should auto-update as you make changes. To add an options page, simply add a `options.tsx` file to the root of the project, with a react component default exported. Likewise to add a content page, add a `content.ts` file to the root of the project, importing some module and do some logic, then reload the extension on your browser.
|
|
|
|
For further guidance, [visit our Documentation](https://docs.plasmo.com/)
|
|
|
|
## Making production build
|
|
|
|
Run the following:
|
|
|
|
```bash
|
|
pnpm build
|
|
# or
|
|
npm run build
|
|
```
|
|
|
|
This should create a production bundle for your extension, ready to be zipped and published to the stores.
|
|
|
|
## Submit to the webstores
|
|
|
|
The easiest way to deploy your Plasmo extension is to use the built-in [bpp](https://bpp.browser.market) GitHub action. Prior to using this action however, make sure to build your extension and upload the first version to the store to establish the basic credentials. Then, simply follow [this setup instruction](https://docs.plasmo.com/framework/workflows/submit) and you should be on your way for automated submission!
|