mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25:06 +03:00
fix: remove _DEFAULT from connect menu env var names (#44462)
## Summary Removes `_DEFAULT` from the publishable key env var name across all Connect and ConnectSheet framework content, so that e.g. `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY` becomes `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY`. This matches the docs and sample apps. ### Connect - Next.js (App Router) - Next.js (Pages Router) - React (Create React App) - React (Vite) - Remix - SolidJS - SvelteKit ### ConnectSheet - Next.js (App Router) - Next.js (Pages Router) - React (Create React App) - React (Vite) - Remix - SolidJS - SvelteKit - Vue.js - shadcn env step Resolves FE-2934 <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Bug Fixes** * Standardized environment variable names in generated connection/setup instructions: when a publishable key is present the templates now reference the publishable env var (e.g., NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY, VITE_SUPABASE_PUBLISHABLE_KEY, REACT_APP_SUPABASE_PUBLISHABLE_KEY, etc.) with unchanged anon-key fallback behavior. * Updated cURL/tab placeholders to reflect the new publishable-key identifier when hiding keys. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
1 parent
ed09fbc6ad
commit
a45e6cf333
17 files changed
+39
-39
No files matched your search
@@ -25,7 +25,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
'',
|
||||
`NEXT_PUBLIC_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `NEXT_PUBLIC_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n')}
|
||||
@@ -63,7 +63,7 @@ import { createServerClient, type CookieOptions } from "@supabase/ssr";
|
||||
import { cookies } from "next/headers";
|
||||
|
||||
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const createClient = (cookieStore: ReturnType<typeof cookies>) => {
|
||||
return createServerClient(
|
||||
@@ -96,7 +96,7 @@ export const createClient = (cookieStore: ReturnType<typeof cookies>) => {
|
||||
import { createBrowserClient } from "@supabase/ssr";
|
||||
|
||||
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const createClient = () =>
|
||||
createBrowserClient(
|
||||
@@ -114,7 +114,7 @@ import { createServerClient, type CookieOptions } from "@supabase/ssr";
|
||||
import { type NextRequest, NextResponse } from "next/server";
|
||||
|
||||
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const createClient = (request: NextRequest) => {
|
||||
// Create an unmodified response
|
||||
|
||||
+2
-2
@@ -23,7 +23,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
'',
|
||||
`NEXT_PUBLIC_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `NEXT_PUBLIC_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n')}
|
||||
@@ -36,7 +36,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
|
||||
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
`}
|
||||
|
||||
+2
-2
@@ -23,7 +23,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
'',
|
||||
`REACT_APP_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `REACT_APP_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `REACT_APP_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `REACT_APP_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n')}
|
||||
@@ -36,7 +36,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
|
||||
const supabaseUrl = process.env.REACT_APP_SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys.publishableKey ? 'REACT_APP_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'REACT_APP_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys.publishableKey ? 'REACT_APP_SUPABASE_PUBLISHABLE_KEY' : 'REACT_APP_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
`}
|
||||
|
||||
@@ -23,7 +23,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
'',
|
||||
`VITE_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `VITE_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `VITE_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n')}
|
||||
@@ -36,7 +36,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
import { createClient } from '@supabase/supabase-js';
|
||||
|
||||
const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
|
||||
const supabaseKey = import.meta.env.${projectKeys.publishableKey ? 'VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'VITE_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = import.meta.env.${projectKeys.publishableKey ? 'VITE_SUPABASE_PUBLISHABLE_KEY' : 'VITE_SUPABASE_ANON_KEY'};
|
||||
|
||||
const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
'',
|
||||
`VITE_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `VITE_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `VITE_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n')}
|
||||
@@ -44,7 +44,7 @@ export function createClient(request: Request) {
|
||||
|
||||
const supabase = createServerClient(
|
||||
process.env.VITE_SUPABASE_URL!,
|
||||
process.env.VITE_${projectKeys.publishableKey ? 'SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'SUPABASE_ANON_KEY'};,
|
||||
process.env.VITE_${projectKeys.publishableKey ? 'SUPABASE_PUBLISHABLE_KEY' : 'SUPABASE_ANON_KEY'};,
|
||||
{
|
||||
cookies: {
|
||||
getAll() {
|
||||
|
||||
@@ -23,7 +23,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
'',
|
||||
`SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n')}
|
||||
@@ -36,7 +36,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
|
||||
const supabaseUrl = process.env.SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys.publishableKey ? 'SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys.publishableKey ? 'SUPABASE_PUBLISHABLE_KEY' : 'SUPABASE_ANON_KEY'};
|
||||
|
||||
export const supabase = createClient(supabaseUrl!, supabaseKey!);
|
||||
`}
|
||||
|
||||
@@ -24,7 +24,7 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
'',
|
||||
`PUBLIC_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `PUBLIC_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `PUBLIC_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n')}
|
||||
@@ -35,10 +35,10 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
|
||||
<SimpleCodeBlock className="js" parentClassName="min-h-72">
|
||||
{`
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
import { PUBLIC_SUPABASE_URL, ${projectKeys.publishableKey ? 'PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'PUBLIC_SUPABASE_ANON_KEY'} } from "$env/static/public"
|
||||
import { PUBLIC_SUPABASE_URL, ${projectKeys.publishableKey ? 'PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'PUBLIC_SUPABASE_ANON_KEY'} } from "$env/static/public"
|
||||
|
||||
const supabaseUrl = PUBLIC_SUPABASE_URL;
|
||||
const supabaseKey = ${projectKeys.publishableKey ? 'PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'PUBLIC_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = ${projectKeys.publishableKey ? 'PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'PUBLIC_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
`}
|
||||
|
||||
+4
-4
@@ -10,7 +10,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
code: [
|
||||
`NEXT_PUBLIC_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `NEXT_PUBLIC_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
@@ -46,7 +46,7 @@ import { createServerClient } from "@supabase/ssr";
|
||||
import { cookies } from "next/headers";
|
||||
|
||||
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const createClient = (cookieStore: Awaited<ReturnType<typeof cookies>>) => {
|
||||
return createServerClient(
|
||||
@@ -79,7 +79,7 @@ export const createClient = (cookieStore: Awaited<ReturnType<typeof cookies>>) =
|
||||
import { createBrowserClient } from "@supabase/ssr";
|
||||
|
||||
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const createClient = () =>
|
||||
createBrowserClient(
|
||||
@@ -96,7 +96,7 @@ import { createServerClient } from "@supabase/ssr";
|
||||
import { type NextRequest, NextResponse } from "next/server";
|
||||
|
||||
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const createClient = (request: NextRequest) => {
|
||||
// Create an unmodified response
|
||||
|
||||
+2
-2
@@ -10,7 +10,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
code: [
|
||||
`NEXT_PUBLIC_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `NEXT_PUBLIC_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
@@ -22,7 +22,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
|
||||
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'}!;
|
||||
const supabaseKey = process.env.${projectKeys?.publishableKey ? 'NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'NEXT_PUBLIC_SUPABASE_ANON_KEY'}!;
|
||||
|
||||
export const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
`,
|
||||
|
||||
+2
-2
@@ -10,7 +10,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
code: [
|
||||
`REACT_APP_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `REACT_APP_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `REACT_APP_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `REACT_APP_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
@@ -22,7 +22,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
|
||||
const supabaseUrl = process.env.REACT_APP_SUPABASE_URL;
|
||||
const supabaseKey = process.env.${projectKeys.publishableKey ? 'REACT_APP_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'REACT_APP_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = process.env.${projectKeys.publishableKey ? 'REACT_APP_SUPABASE_PUBLISHABLE_KEY' : 'REACT_APP_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
`,
|
||||
|
||||
+2
-2
@@ -10,7 +10,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
code: [
|
||||
`VITE_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `VITE_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `VITE_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
@@ -22,7 +22,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
import { createClient } from '@supabase/supabase-js';
|
||||
|
||||
const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
|
||||
const supabaseKey = import.meta.env.${projectKeys.publishableKey ? 'VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'VITE_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = import.meta.env.${projectKeys.publishableKey ? 'VITE_SUPABASE_PUBLISHABLE_KEY' : 'VITE_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
`,
|
||||
|
||||
@@ -10,7 +10,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
code: [
|
||||
`VITE_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `VITE_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `VITE_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
@@ -30,7 +30,7 @@ export function createClient(request: Request) {
|
||||
|
||||
const supabase = createServerClient(
|
||||
process.env.VITE_SUPABASE_URL!,
|
||||
process.env.VITE_${projectKeys.publishableKey ? 'SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'SUPABASE_ANON_KEY'},
|
||||
process.env.VITE_${projectKeys.publishableKey ? 'SUPABASE_PUBLISHABLE_KEY' : 'SUPABASE_ANON_KEY'},
|
||||
{
|
||||
cookies: {
|
||||
getAll() {
|
||||
|
||||
+2
-2
@@ -10,7 +10,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
code: [
|
||||
`VITE_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `VITE_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `VITE_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
@@ -22,7 +22,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
|
||||
const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
|
||||
const supabaseKey = import.meta.env.${projectKeys.publishableKey ? 'VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'VITE_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = import.meta.env.${projectKeys.publishableKey ? 'VITE_SUPABASE_PUBLISHABLE_KEY' : 'VITE_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
`,
|
||||
|
||||
+2
-2
@@ -13,7 +13,7 @@ function getEnvFile(
|
||||
code: [
|
||||
`NEXT_PUBLIC_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys.publishableKey
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `NEXT_PUBLIC_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
@@ -31,7 +31,7 @@ function getEnvFile(
|
||||
code: [
|
||||
`${keyPrefix}_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys.publishableKey
|
||||
? `${keyPrefix}_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `${keyPrefix}_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `${keyPrefix}_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
|
||||
+3
-3
@@ -10,7 +10,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
code: [
|
||||
`PUBLIC_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `PUBLIC_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `PUBLIC_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
@@ -20,10 +20,10 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
language: 'js',
|
||||
code: `
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
import { PUBLIC_SUPABASE_URL, ${projectKeys.publishableKey ? 'PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'PUBLIC_SUPABASE_ANON_KEY'} } from "$env/static/public"
|
||||
import { PUBLIC_SUPABASE_URL, ${projectKeys.publishableKey ? 'PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'PUBLIC_SUPABASE_ANON_KEY'} } from "$env/static/public"
|
||||
|
||||
const supabaseUrl = PUBLIC_SUPABASE_URL;
|
||||
const supabaseKey = ${projectKeys.publishableKey ? 'PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'PUBLIC_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = ${projectKeys.publishableKey ? 'PUBLIC_SUPABASE_PUBLISHABLE_KEY' : 'PUBLIC_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
`,
|
||||
|
||||
@@ -10,7 +10,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
code: [
|
||||
`VITE_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}`,
|
||||
projectKeys?.publishableKey
|
||||
? `VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY=${projectKeys.publishableKey}`
|
||||
? `VITE_SUPABASE_PUBLISHABLE_KEY=${projectKeys.publishableKey}`
|
||||
: `VITE_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}`,
|
||||
'',
|
||||
].join('\n'),
|
||||
@@ -22,7 +22,7 @@ const ContentFile = ({ projectKeys }: StepContentProps) => {
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
|
||||
const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
|
||||
const supabaseKey = import.meta.env.${projectKeys.publishableKey ? 'VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY' : 'VITE_SUPABASE_ANON_KEY'};
|
||||
const supabaseKey = import.meta.env.${projectKeys.publishableKey ? 'VITE_SUPABASE_PUBLISHABLE_KEY' : 'VITE_SUPABASE_ANON_KEY'};
|
||||
|
||||
export const supabase = createClient(supabaseUrl, supabaseKey);
|
||||
`,
|
||||
|
||||
+1
-1
@@ -18,7 +18,7 @@ export const INVOCATION_TABS: InvocationTab[] = [
|
||||
language: 'bash',
|
||||
code: ({ showKey, functionUrl, apiKey }) => {
|
||||
const obfuscatedName = apiKey.includes('publishable')
|
||||
? 'SUPABASE_PUBLISHABLE_DEFAULT_KEY'
|
||||
? 'SUPABASE_PUBLISHABLE_KEY'
|
||||
: 'SUPABASE_ANON_KEY'
|
||||
const keyValue = showKey ? apiKey : obfuscatedName
|
||||
|
||||
|
||||
Reference in new issue
Block a user