mirror of
https://github.com/supabase/supabase.git
synced 2026-05-12 21:29:28 +08:00
ee8eae7309
This PR moves several components which rely on `next` out of the `ui` package to the `ui-patterns` package. `ui-patterns` package is intented to be imported with specific imports so it's ok if there are components reliant on `next` in there. The `SonnerToaster` component has removed its dependency by requiring a prop for `theme`.
74 lines
2.5 KiB
TypeScript
74 lines
2.5 KiB
TypeScript
import { SimpleCodeBlock } from 'ui-patterns/SimpleCodeBlock'
|
|
|
|
import type { ContentFileProps } from '@/components/interfaces/Connect/Connect.types'
|
|
import {
|
|
ConnectTabContent,
|
|
ConnectTabs,
|
|
ConnectTabTrigger,
|
|
ConnectTabTriggers,
|
|
} from '@/components/interfaces/Connect/ConnectTabs'
|
|
import { IS_PLATFORM } from '@/lib/constants'
|
|
|
|
const ContentFile = ({ connectionStringPooler }: ContentFileProps) => {
|
|
return (
|
|
<ConnectTabs>
|
|
<ConnectTabTriggers>
|
|
<ConnectTabTrigger value=".env.local" />
|
|
<ConnectTabTrigger value="prisma/schema.prisma" />
|
|
</ConnectTabTriggers>
|
|
|
|
<ConnectTabContent value=".env.local">
|
|
<SimpleCodeBlock className="bash" parentClassName="min-h-72">
|
|
{connectionStringPooler.ipv4SupportedForDedicatedPooler &&
|
|
connectionStringPooler.transactionDedicated
|
|
? `
|
|
# Connect to Supabase via connection pooling.
|
|
DATABASE_URL="${connectionStringPooler.transactionDedicated}?pgbouncer=true"
|
|
|
|
# Direct connection to the database. Used for migrations.
|
|
DIRECT_URL="${connectionStringPooler.sessionDedicated}"
|
|
`
|
|
: connectionStringPooler.transactionDedicated &&
|
|
!connectionStringPooler.ipv4SupportedForDedicatedPooler
|
|
? `
|
|
# Connect to Supabase via Shared Connection Pooler
|
|
DATABASE_URL="${connectionStringPooler.transactionShared}?pgbouncer=true"
|
|
|
|
# Direct connection to the database through Shared Pooler (supports IPv4/IPv6). Used for migrations.
|
|
DIRECT_URL="${connectionStringPooler.sessionShared}"
|
|
|
|
# If your network supports IPv6 or you purchased IPv4 addon, use dedicated pooler
|
|
# DATABASE_URL="${connectionStringPooler.transactionDedicated}?pgbouncer=true"
|
|
# DIRECT_URL="${connectionStringPooler.sessionDedicated}"
|
|
`
|
|
: `
|
|
# Connect to Supabase ${IS_PLATFORM ? 'via connection pooling' : ''}
|
|
DATABASE_URL="${IS_PLATFORM ? `${connectionStringPooler.transactionShared}?pgbouncer=true` : connectionStringPooler.direct}"
|
|
|
|
# Direct connection to the database. Used for migrations
|
|
DIRECT_URL="${IS_PLATFORM ? connectionStringPooler.sessionShared : connectionStringPooler.direct}"
|
|
`}
|
|
</SimpleCodeBlock>
|
|
</ConnectTabContent>
|
|
|
|
<ConnectTabContent value="prisma/schema.prisma">
|
|
<SimpleCodeBlock className="bash" parentClassName="min-h-72">
|
|
{`
|
|
generator client {
|
|
provider = "prisma-client-js"
|
|
}
|
|
|
|
datasource db {
|
|
provider = "postgresql"
|
|
url = env("DATABASE_URL")
|
|
directUrl = env("DIRECT_URL")
|
|
}
|
|
`}
|
|
</SimpleCodeBlock>
|
|
</ConnectTabContent>
|
|
</ConnectTabs>
|
|
)
|
|
}
|
|
|
|
export default ContentFile
|