SupaLogin Chrome Extension

(Photoshopped) Social Login with Supabase Auth in Chrome Extension (Firebase alternative)

Unpacking Your Extension

1. Fork this repository.
2. Go to chrome://extensions/.
3. Click "Load Unpacked" and select your repo directory.
4. The extension should show up.

Retrieving Your Google Credentials

1. Go to Google Cloud Console and create a project.
2. Search for "APIs & Services" > "Credentials".
3. You must create your Consent Screen before creating Credentials for your Supabase Project.
4. Under "External", fill in App Information (App Name, Dev Email, Support Email should be sufficient) and select Scopes (3).

5. Now you can create Credentials > OAuth Client ID
6. Select "Application Type" > "Web Application" to generate your Client ID and Client Secret.

Create a Supabase Project and Set Up Auth Flow

1. Go to Supabase and create your project.
2. Hover and click the "Authentication" tab > "Providers" tab. Click on "Google Provider".

3. Fill in Client ID and Client Secret from your Google Cloud Console (Ignore Authorized Client ID, this is the case with main branch only which have issues).
4. In SupaLogin.js, fill in the Supabase URL and Anon Key from your Supabase Settings > API.

Updating the Extension and Testing Supabase Social Login

1. Click the refresh logo to update your extension with the filled information.

2. Click the "Login with Supabase" button.

Links:

• Supabase
• Supabase Chrome Extension Documentation
• Google Cloud Console

Note: Main branch is the implementation following https://supabase.com/docs/guides/auth/social-login/auth-google?platform=chrome-extensions, feel free to try it out but you might encounter the "impossible" error.

Note: URL Configuration works just fine for lone Chrome Extension however it does not work well with Web app and Chrome Extension as Redirect. Filed Issue/Bug here supabase/supabase#18290