Controller Extension

We help you set up OAuth2.0 applications with a single click.

Demo with Google:

Nango.mp4

Requirements

• pnpm

Addons

• eslint-config: See eslint
• tailwindcss
• shadcn/ui
• @wxt-dev/i18n

optional:

• trpc-chrome: See trpc

Predefined Entrypoints

Move the predefined entry points from the inactive folder to directly in the entrypoints folder to enable them.

Popup is enabled by default.

*: For sidepanel, wxt does not automatically add the sidePanel permission. You must manually add it to the manifest field in wxt.config.js. Related: wxt#544

*: For onboarding, to retrieve the URL of the onboarding page, use browser.runtime.getURL('/onboarding.html').

eslint

If you are using vscode, autofix should already be enabled. You can run pnpm lint to check for errors and pnpm lint:fix to fix most of them.

trpc

1. Replace the background and popup entrypoints with the ones in the inactive/trpc folder.
2. Install the needed packages:

# trpc with react-query, see https://trpc.io/docs/v10/client/react/setup
pnpm i @trpc/client @trpc/server @trpc/react-query @tanstack/react-query@4
# trpc-chrome
pnpm i trpc-chrome
# zod
pnpm i zod
# superjson, it lets you pass complex data like Date and Map through the message channel
pnpm i superjson