+
{isActive && Current }
+ {data?.status !== undefined &&
-
+
Change production branch
diff --git a/apps/studio/components/interfaces/BranchManagement/BranchStatusBadge.tsx b/apps/studio/components/interfaces/BranchManagement/BranchStatusBadge.tsx
new file mode 100644
index 00000000000..091c2a6bc70
--- /dev/null
+++ b/apps/studio/components/interfaces/BranchManagement/BranchStatusBadge.tsx
@@ -0,0 +1,46 @@
+import { WarningIcon } from 'components/ui/Icons'
+import { BranchData } from 'data/branches/branch-query'
+import { ClockIcon } from 'lucide-react'
+import { Badge } from 'ui'
+
+type Status = BranchData['status']
+
+export interface BranchStatusBadgeProps {
+ status: Status
+}
+
+const UNHEALTHY_STATUES: Status[] = ['ACTIVE_UNHEALTHY', 'INIT_FAILED', 'UNKNOWN']
+const WAITING_STATUSES: Status[] = ['COMING_UP', 'GOING_DOWN', 'PAUSING', 'RESTORING', 'UPGRADING']
+
+const STATUS_TO_LABEL: Record = {
+ ACTIVE_HEALTHY: 'Healthy',
+ ACTIVE_UNHEALTHY: 'Unhealthy',
+ INIT_FAILED: 'Init failed',
+ UNKNOWN: 'Unknown',
+ COMING_UP: 'Coming up',
+ GOING_DOWN: 'Going down',
+ INACTIVE: 'Inactive',
+ PAUSING: 'Pausing',
+ REMOVED: 'Removed',
+ RESTORING: 'Restoring',
+ UPGRADING: 'Upgrading',
+}
+
+const BranchStatusBadge = ({ status }: BranchStatusBadgeProps) => {
+ if (status === 'ACTIVE_HEALTHY') {
+ return null
+ }
+
+ const isUnhealthy = UNHEALTHY_STATUES.includes(status)
+ const isWaiting = WAITING_STATUSES.includes(status)
+
+ return (
+
+ {isUnhealthy &&
+ )
+}
+
+export default BranchStatusBadge
diff --git a/apps/studio/components/interfaces/SQLEditor/MonacoEditor.tsx b/apps/studio/components/interfaces/SQLEditor/MonacoEditor.tsx
index 28bd9cc7f9f..2dde1cb9b66 100644
--- a/apps/studio/components/interfaces/SQLEditor/MonacoEditor.tsx
+++ b/apps/studio/components/interfaces/SQLEditor/MonacoEditor.tsx
@@ -2,16 +2,17 @@ import Editor, { Monaco, OnMount } from '@monaco-editor/react'
import { useParams } from 'common'
import { debounce } from 'lodash'
import { useRouter } from 'next/router'
-import { MutableRefObject, useEffect, useRef } from 'react'
+import { MutableRefObject, useEffect, useRef, useState } from 'react'
import { cn } from 'ui'
import { SqlSnippet } from 'data/content/sql-snippets-query'
-import { useSelectedProject } from 'hooks'
+import { useLocalStorageQuery, useSelectedProject } from 'hooks'
import { useProfile } from 'lib/profile'
import { useSqlEditorStateSnapshot } from 'state/sql-editor'
import { untitledSnippetTitle } from './SQLEditor.constants'
import { IStandaloneCodeEditor } from './SQLEditor.types'
import { createSqlSnippetSkeleton } from './SQLEditor.utils'
+import { LOCAL_STORAGE_KEYS } from 'lib/constants'
export type MonacoEditorProps = {
id: string
@@ -37,6 +38,11 @@ const MonacoEditor = ({
const { profile } = useProfile()
const project = useSelectedProject()
+ const [intellisenseEnabled] = useLocalStorageQuery(
+ LOCAL_STORAGE_KEYS.SQL_EDITOR_INTELLISENSE,
+ typeof window !== 'undefined' ? false : true
+ )
+
const snap = useSqlEditorStateSnapshot({ sync: true })
const snippet = snap.snippets[id]
@@ -138,6 +144,36 @@ const MonacoEditor = ({
// - https://github.com/microsoft/monaco-editor/issues/2229
// - https://github.com/microsoft/monaco-editor/issues/2503
// fixedOverflowWidgets: true,
+ suggest: {
+ showMethods: intellisenseEnabled,
+ showFunctions: intellisenseEnabled,
+ showConstructors: intellisenseEnabled,
+ showDeprecated: intellisenseEnabled,
+ showFields: intellisenseEnabled,
+ showVariables: intellisenseEnabled,
+ showClasses: intellisenseEnabled,
+ showStructs: intellisenseEnabled,
+ showInterfaces: intellisenseEnabled,
+ showModules: intellisenseEnabled,
+ showProperties: intellisenseEnabled,
+ showEvents: intellisenseEnabled,
+ showOperators: intellisenseEnabled,
+ showUnits: intellisenseEnabled,
+ showValues: intellisenseEnabled,
+ showConstants: intellisenseEnabled,
+ showEnums: intellisenseEnabled,
+ showEnumMembers: intellisenseEnabled,
+ showKeywords: intellisenseEnabled,
+ showWords: intellisenseEnabled,
+ showColors: intellisenseEnabled,
+ showFiles: intellisenseEnabled,
+ showReferences: intellisenseEnabled,
+ showFolders: intellisenseEnabled,
+ showTypeParameters: intellisenseEnabled,
+ showIssues: intellisenseEnabled,
+ showUsers: intellisenseEnabled,
+ showSnippets: intellisenseEnabled,
+ },
}}
/>
)
diff --git a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/FavoriteButton.tsx b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/FavoriteButton.tsx
index d1ee247b66c..9e5dc5b4a84 100644
--- a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/FavoriteButton.tsx
+++ b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/FavoriteButton.tsx
@@ -1,4 +1,10 @@
-import { Button, IconHeart } from 'ui'
+import {
+ Button,
+ IconHeart,
+ TooltipContent_Shadcn_,
+ TooltipTrigger_Shadcn_,
+ Tooltip_Shadcn_,
+} from 'ui'
import { useQueryClient } from '@tanstack/react-query'
import { contentKeys } from 'data/content/keys'
import { Content, ContentData } from 'data/content/content-query'
@@ -75,23 +81,28 @@ const FavoriteButton = ({ id }: FavoriteButtonProps) => {
}
return (
- <>
- {isFavorite ? (
- }
- />
- ) : (
- }
- />
- )}
-
+
+
+ {isFavorite ? (
+ }
+ />
+ ) : (
+ }
+ />
+ )}
+
+ Add to favorites
+
)
}
diff --git a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx
index 490f135e622..6ffc291b1b8 100644
--- a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx
+++ b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx
@@ -1,13 +1,32 @@
import * as Tooltip from '@radix-ui/react-tooltip'
-import { IS_PLATFORM } from 'lib/constants'
+import { IS_PLATFORM, LOCAL_STORAGE_KEYS } from 'lib/constants'
import { detectOS } from 'lib/helpers'
-import { Button, IconAlignLeft, IconCommand, IconCornerDownLeft } from 'ui'
+import {
+ Button,
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+ IconAlignLeft,
+ IconCheck,
+ IconCommand,
+ IconCornerDownLeft,
+ IconSettings,
+ Toggle_Shadcn,
+ TooltipContent_Shadcn_,
+ TooltipTrigger_Shadcn_,
+ Tooltip_Shadcn_,
+ cn,
+} from 'ui'
import { RoleImpersonationPopover } from 'components/interfaces/RoleImpersonationSelector'
import DatabaseSelector from 'components/ui/DatabaseSelector'
-import { useSelectedProject } from 'hooks'
+import { useLocalStorageQuery, useSelectedProject } from 'hooks'
import FavoriteButton from './FavoriteButton'
import SavingIndicator from './SavingIndicator'
+import toast from 'react-hot-toast'
+import { FileCog, Keyboard, SlidersHorizontal } from 'lucide-react'
export type UtilityActionsProps = {
id: string
@@ -29,45 +48,60 @@ const UtilityActions = ({
const os = detectOS()
const project = useSelectedProject()
const showReadReplicasUI = project?.is_read_replicas_enabled
+ const [intellisenseEnabled, setIntellisenseEnabled] = useLocalStorageQuery(
+ LOCAL_STORAGE_KEYS.SQL_EDITOR_INTELLISENSE,
+ typeof window !== 'undefined' ? false : true
+ )
return (
- <>
+
+
+ }
+ />
+
+
+ {
+ setIntellisenseEnabled(!intellisenseEnabled)
+ toast.success(
+ `Successfully ${intellisenseEnabled ? 'disabled' : 'enabled'} intellisense. ${intellisenseEnabled ? 'Please refresh your browser for changes to take place.' : ''}`
+ )
+ }}
+ >
+
+
+
+
{IS_PLATFORM &&
-
+
+
-
-
-
-
-
+
+ Prettify SQL
+
-
+
)
}
diff --git a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityPanel.tsx b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityPanel.tsx
index 37cfa3ce024..e6c9821552d 100644
--- a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityPanel.tsx
+++ b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityPanel.tsx
@@ -23,17 +23,14 @@ const UtilityPanel = ({
<>
+
+
{/* ÷ */}
{daysFromNow > 1 ? `Updated on ${formattedUpdatedAt}` : `Updated ${formattedTimeFromNow}`}
@@ -155,7 +174,7 @@ export const BranchRow = ({ } className="px-1" />Intellisense enabled
+ {intellisenseEnabled &&
- Prettify SQL
-
-
{showReadReplicasUI &&
-
+
diff --git a/apps/studio/data/branches/branch-query.ts b/apps/studio/data/branches/branch-query.ts
new file mode 100644
index 00000000000..5b40d9f8178
--- /dev/null
+++ b/apps/studio/data/branches/branch-query.ts
@@ -0,0 +1,38 @@
+import { useQuery, UseQueryOptions } from '@tanstack/react-query'
+
+import { get, handleError } from 'data/fetchers'
+import { ResponseError } from 'types'
+import { branchKeys } from './keys'
+
+export type BranchVariables = {
+ projectRef?: string
+ id?: string
+}
+
+export async function getBranch({ id }: BranchVariables, signal?: AbortSignal) {
+ if (!id) throw new Error('id is required')
+
+ const { data, error } = await get(`/v1/branches/{branch_id}`, {
+ params: { path: { branch_id: id } },
+ signal,
+ })
+ if (error) handleError(error)
+
+ return data
+}
+
+export type BranchData = Awaited>
+export type BranchError = ResponseError
+
+export const useBranchQuery = (
+ { projectRef, id }: BranchVariables,
+ { enabled = true, ...options }: UseQueryOptions = {}
+) =>
+ useQuery(
+ branchKeys.detail(projectRef, id),
+ ({ signal }) => getBranch({ id }, signal),
+ {
+ enabled: enabled && typeof id !== 'undefined',
+ ...options,
+ }
+ )
diff --git a/apps/studio/data/branches/keys.ts b/apps/studio/data/branches/keys.ts
index 76180f83f72..85ce513fd32 100644
--- a/apps/studio/data/branches/keys.ts
+++ b/apps/studio/data/branches/keys.ts
@@ -1,4 +1,5 @@
export const branchKeys = {
list: (projectRef: string | undefined) => ['projects', projectRef, 'branches'] as const,
- detail: (id: string | undefined) => ['branches', id] as const,
+ detail: (projectRef: string | undefined, id: string | undefined) =>
+ ['projects', projectRef, 'branches', id] as const,
}
diff --git a/apps/studio/lib/constants/index.ts b/apps/studio/lib/constants/index.ts
index 7ea1d43dc97..7646cc7b481 100644
--- a/apps/studio/lib/constants/index.ts
+++ b/apps/studio/lib/constants/index.ts
@@ -35,6 +35,7 @@ export const LOCAL_STORAGE_KEYS = {
DASHBOARD_HISTORY: (ref: string) => `dashboard-history-${ref}`,
UI_PREVIEW_CLS: 'supabase-ui-cls',
+ SQL_EDITOR_INTELLISENSE: 'supabase_sql-editor-intellisense-enabled',
SQL_EDITOR_SPLIT_SIZE: 'supabase_sql-editor-split-size',
LOG_EXPLORER_SPLIT_SIZE: 'supabase_log-explorer-split-size',
GRAPHIQL_RLS_BYPASS_WARNING: 'graphiql-rls-bypass-warning-dismissed',
diff --git a/apps/studio/pages/project/[ref]/sql/[id].tsx b/apps/studio/pages/project/[ref]/sql/[id].tsx
index 8e074519a07..48af796d0b3 100644
--- a/apps/studio/pages/project/[ref]/sql/[id].tsx
+++ b/apps/studio/pages/project/[ref]/sql/[id].tsx
@@ -1,8 +1,8 @@
-import { useRouter } from 'next/router'
import { useMonaco } from '@monaco-editor/react'
-import { observer } from 'mobx-react-lite'
-import { useEffect, useRef } from 'react'
import { useParams } from 'common'
+import { observer } from 'mobx-react-lite'
+import { useRouter } from 'next/router'
+import { useEffect, useRef } from 'react'
import { useFunctionsQuery } from 'data/database/functions-query'
import { useKeywordsQuery } from 'data/database/keywords-query'
@@ -16,6 +16,8 @@ import { SQLEditorLayout } from 'components/layouts'
import { useProjectContext } from 'components/layouts/ProjectLayout/ProjectContext'
import getPgsqlCompletionProvider from 'components/ui/CodeEditor/Providers/PgSQLCompletionProvider'
import getPgsqlSignatureHelpProvider from 'components/ui/CodeEditor/Providers/PgSQLSignatureHelpProvider'
+import { useLocalStorageQuery } from 'hooks'
+import { LOCAL_STORAGE_KEYS } from 'lib/constants'
import { useAppStateSnapshot } from 'state/app-state'
import { useSnippets, useSqlEditorStateSnapshot } from 'state/sql-editor'
@@ -31,6 +33,11 @@ const SqlEditor: NextPageWithLayout = () => {
const snippets = useSnippets(ref)
const { mutateAsync: formatQuery } = useFormatQueryMutation()
+ const [intellisenseEnabled] = useLocalStorageQuery(
+ LOCAL_STORAGE_KEYS.SQL_EDITOR_INTELLISENSE,
+ typeof window !== 'undefined' ? false : true
+ )
+
async function formatPgsql(value: string) {
try {
if (!project) throw new Error('No project')
@@ -46,29 +53,46 @@ const SqlEditor: NextPageWithLayout = () => {
}
}
- const { data: keywords, isSuccess: isKeywordsSuccess } = useKeywordsQuery({
- projectRef: project?.ref,
- connectionString: project?.connectionString,
- })
- const { data: functions, isSuccess: isFunctionsSuccess } = useFunctionsQuery({
- projectRef: project?.ref,
- connectionString: project?.connectionString,
- })
- const { data: schemas, isSuccess: isSchemasSuccess } = useSchemasQuery({
- projectRef: project?.ref,
- connectionString: project?.connectionString,
- })
- const { data: tableColumns, isSuccess: isTableColumnsSuccess } = useTableColumnsQuery({
- projectRef: project?.ref,
- connectionString: project?.connectionString,
- })
+ const { data: keywords, isSuccess: isKeywordsSuccess } = useKeywordsQuery(
+ {
+ projectRef: project?.ref,
+ connectionString: project?.connectionString,
+ },
+ { enabled: intellisenseEnabled }
+ )
+ const { data: functions, isSuccess: isFunctionsSuccess } = useFunctionsQuery(
+ {
+ projectRef: project?.ref,
+ connectionString: project?.connectionString,
+ },
+ { enabled: intellisenseEnabled }
+ )
+ const { data: schemas, isSuccess: isSchemasSuccess } = useSchemasQuery(
+ {
+ projectRef: project?.ref,
+ connectionString: project?.connectionString,
+ },
+ { enabled: intellisenseEnabled }
+ )
+ const { data: tableColumns, isSuccess: isTableColumnsSuccess } = useTableColumnsQuery(
+ {
+ projectRef: project?.ref,
+ connectionString: project?.connectionString,
+ },
+ { enabled: intellisenseEnabled }
+ )
const pgInfoRef = useRef(null)
const formatPgsqlRef = useRef(formatPgsql)
formatPgsqlRef.current = formatPgsql
const isPgInfoReady =
- isTableColumnsSuccess && isSchemasSuccess && isKeywordsSuccess && isFunctionsSuccess
+ intellisenseEnabled &&
+ isTableColumnsSuccess &&
+ isSchemasSuccess &&
+ isKeywordsSuccess &&
+ isFunctionsSuccess
+
if (isPgInfoReady) {
if (pgInfoRef.current === null) {
pgInfoRef.current = {}
diff --git a/apps/studio/public/favicon/android-icon-144x144.png b/apps/studio/public/favicon/android-icon-144x144.png
index 4aa46d4d25d..6bf7c690b84 100644
Binary files a/apps/studio/public/favicon/android-icon-144x144.png and b/apps/studio/public/favicon/android-icon-144x144.png differ
diff --git a/apps/studio/public/favicon/android-icon-192x192.png b/apps/studio/public/favicon/android-icon-192x192.png
index 7583d2035e3..ec26f1baeb3 100644
Binary files a/apps/studio/public/favicon/android-icon-192x192.png and b/apps/studio/public/favicon/android-icon-192x192.png differ
diff --git a/apps/studio/public/favicon/android-icon-36x36.png b/apps/studio/public/favicon/android-icon-36x36.png
index 5e4eabec411..8622c9ec7e1 100644
Binary files a/apps/studio/public/favicon/android-icon-36x36.png and b/apps/studio/public/favicon/android-icon-36x36.png differ
diff --git a/apps/studio/public/favicon/android-icon-48x48.png b/apps/studio/public/favicon/android-icon-48x48.png
index f8d8a7d9c05..a3494d67f2f 100644
Binary files a/apps/studio/public/favicon/android-icon-48x48.png and b/apps/studio/public/favicon/android-icon-48x48.png differ
diff --git a/apps/studio/public/favicon/android-icon-72x72.png b/apps/studio/public/favicon/android-icon-72x72.png
index e4418058cef..7ea05856c14 100644
Binary files a/apps/studio/public/favicon/android-icon-72x72.png and b/apps/studio/public/favicon/android-icon-72x72.png differ
diff --git a/apps/studio/public/favicon/android-icon-96x96.png b/apps/studio/public/favicon/android-icon-96x96.png
index 0f1351f3670..f2bb98f0e06 100644
Binary files a/apps/studio/public/favicon/android-icon-96x96.png and b/apps/studio/public/favicon/android-icon-96x96.png differ
diff --git a/apps/studio/public/favicon/apple-icon-114x114.png b/apps/studio/public/favicon/apple-icon-114x114.png
index 4aa46d4d25d..40bb8dd9420 100644
Binary files a/apps/studio/public/favicon/apple-icon-114x114.png and b/apps/studio/public/favicon/apple-icon-114x114.png differ
diff --git a/apps/studio/public/favicon/apple-icon-120x120.png b/apps/studio/public/favicon/apple-icon-120x120.png
index d2b0e50ef41..e8cf4644d10 100644
Binary files a/apps/studio/public/favicon/apple-icon-120x120.png and b/apps/studio/public/favicon/apple-icon-120x120.png differ
diff --git a/apps/studio/public/favicon/apple-icon-144x144.png b/apps/studio/public/favicon/apple-icon-144x144.png
index 00a5d8b5180..6bf7c690b84 100644
Binary files a/apps/studio/public/favicon/apple-icon-144x144.png and b/apps/studio/public/favicon/apple-icon-144x144.png differ
diff --git a/apps/studio/public/favicon/apple-icon-152x152.png b/apps/studio/public/favicon/apple-icon-152x152.png
index 310532c4648..0b89549ad18 100644
Binary files a/apps/studio/public/favicon/apple-icon-152x152.png and b/apps/studio/public/favicon/apple-icon-152x152.png differ
diff --git a/apps/studio/public/favicon/apple-icon-180x180.png b/apps/studio/public/favicon/apple-icon-180x180.png
index 2a80dbc2f68..97fe683cb76 100644
Binary files a/apps/studio/public/favicon/apple-icon-180x180.png and b/apps/studio/public/favicon/apple-icon-180x180.png differ
diff --git a/apps/studio/public/favicon/apple-icon-57x57.png b/apps/studio/public/favicon/apple-icon-57x57.png
index e7b08eb605f..9bdd361ca0a 100644
Binary files a/apps/studio/public/favicon/apple-icon-57x57.png and b/apps/studio/public/favicon/apple-icon-57x57.png differ
diff --git a/apps/studio/public/favicon/apple-icon-60x60.png b/apps/studio/public/favicon/apple-icon-60x60.png
index 0615675e809..4b76ede8d0b 100644
Binary files a/apps/studio/public/favicon/apple-icon-60x60.png and b/apps/studio/public/favicon/apple-icon-60x60.png differ
diff --git a/apps/studio/public/favicon/apple-icon-72x72.png b/apps/studio/public/favicon/apple-icon-72x72.png
index e4418058cef..7ea05856c14 100644
Binary files a/apps/studio/public/favicon/apple-icon-72x72.png and b/apps/studio/public/favicon/apple-icon-72x72.png differ
diff --git a/apps/studio/public/favicon/apple-icon-76x76.png b/apps/studio/public/favicon/apple-icon-76x76.png
index 9a76327f94b..aa7ca8b06a0 100644
Binary files a/apps/studio/public/favicon/apple-icon-76x76.png and b/apps/studio/public/favicon/apple-icon-76x76.png differ
diff --git a/apps/studio/public/favicon/apple-icon-precomposed.png b/apps/studio/public/favicon/apple-icon-precomposed.png
index 7583d2035e3..f0cbc3e201d 100644
Binary files a/apps/studio/public/favicon/apple-icon-precomposed.png and b/apps/studio/public/favicon/apple-icon-precomposed.png differ
diff --git a/apps/studio/public/favicon/apple-icon.png b/apps/studio/public/favicon/apple-icon.png
index 7583d2035e3..f0cbc3e201d 100644
Binary files a/apps/studio/public/favicon/apple-icon.png and b/apps/studio/public/favicon/apple-icon.png differ
diff --git a/apps/studio/public/favicon/android-chrome-192x192.png b/apps/studio/public/favicon/archive/android-chrome-192x192.png
similarity index 100%
rename from apps/studio/public/favicon/android-chrome-192x192.png
rename to apps/studio/public/favicon/archive/android-chrome-192x192.png
diff --git a/apps/studio/public/favicon/android-chrome-512x512.png b/apps/studio/public/favicon/archive/android-chrome-512x512.png
similarity index 100%
rename from apps/studio/public/favicon/android-chrome-512x512.png
rename to apps/studio/public/favicon/archive/android-chrome-512x512.png
diff --git a/apps/studio/public/favicon/archive/android-icon-144x144.png b/apps/studio/public/favicon/archive/android-icon-144x144.png
new file mode 100644
index 00000000000..4aa46d4d25d
Binary files /dev/null and b/apps/studio/public/favicon/archive/android-icon-144x144.png differ
diff --git a/apps/studio/public/favicon/archive/android-icon-192x192.png b/apps/studio/public/favicon/archive/android-icon-192x192.png
new file mode 100644
index 00000000000..7583d2035e3
Binary files /dev/null and b/apps/studio/public/favicon/archive/android-icon-192x192.png differ
diff --git a/apps/studio/public/favicon/archive/android-icon-36x36.png b/apps/studio/public/favicon/archive/android-icon-36x36.png
new file mode 100644
index 00000000000..5e4eabec411
Binary files /dev/null and b/apps/studio/public/favicon/archive/android-icon-36x36.png differ
diff --git a/apps/studio/public/favicon/archive/android-icon-48x48.png b/apps/studio/public/favicon/archive/android-icon-48x48.png
new file mode 100644
index 00000000000..f8d8a7d9c05
Binary files /dev/null and b/apps/studio/public/favicon/archive/android-icon-48x48.png differ
diff --git a/apps/studio/public/favicon/archive/android-icon-72x72.png b/apps/studio/public/favicon/archive/android-icon-72x72.png
new file mode 100644
index 00000000000..e4418058cef
Binary files /dev/null and b/apps/studio/public/favicon/archive/android-icon-72x72.png differ
diff --git a/apps/studio/public/favicon/archive/android-icon-96x96.png b/apps/studio/public/favicon/archive/android-icon-96x96.png
new file mode 100644
index 00000000000..0f1351f3670
Binary files /dev/null and b/apps/studio/public/favicon/archive/android-icon-96x96.png differ
diff --git a/apps/studio/public/favicon/archive/apple-icon-114x114.png b/apps/studio/public/favicon/archive/apple-icon-114x114.png
new file mode 100644
index 00000000000..4aa46d4d25d
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-icon-114x114.png differ
diff --git a/apps/www/public/favicon/apple-touch-icon-120x120.png b/apps/studio/public/favicon/archive/apple-icon-120x120.png
similarity index 100%
rename from apps/www/public/favicon/apple-touch-icon-120x120.png
rename to apps/studio/public/favicon/archive/apple-icon-120x120.png
diff --git a/apps/www/public/favicon/apple-touch-icon-144x144.png b/apps/studio/public/favicon/archive/apple-icon-144x144.png
similarity index 100%
rename from apps/www/public/favicon/apple-touch-icon-144x144.png
rename to apps/studio/public/favicon/archive/apple-icon-144x144.png
diff --git a/apps/www/public/favicon/apple-touch-icon-152x152.png b/apps/studio/public/favicon/archive/apple-icon-152x152.png
similarity index 100%
rename from apps/www/public/favicon/apple-touch-icon-152x152.png
rename to apps/studio/public/favicon/archive/apple-icon-152x152.png
diff --git a/apps/studio/public/favicon/archive/apple-icon-180x180.png b/apps/studio/public/favicon/archive/apple-icon-180x180.png
new file mode 100644
index 00000000000..2a80dbc2f68
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-icon-180x180.png differ
diff --git a/apps/studio/public/favicon/archive/apple-icon-57x57.png b/apps/studio/public/favicon/archive/apple-icon-57x57.png
new file mode 100644
index 00000000000..e7b08eb605f
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-icon-57x57.png differ
diff --git a/apps/www/public/favicon/apple-touch-icon-60x60.png b/apps/studio/public/favicon/archive/apple-icon-60x60.png
similarity index 100%
rename from apps/www/public/favicon/apple-touch-icon-60x60.png
rename to apps/studio/public/favicon/archive/apple-icon-60x60.png
diff --git a/apps/studio/public/favicon/archive/apple-icon-72x72.png b/apps/studio/public/favicon/archive/apple-icon-72x72.png
new file mode 100644
index 00000000000..e4418058cef
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-icon-72x72.png differ
diff --git a/apps/www/public/favicon/apple-touch-icon-76x76.png b/apps/studio/public/favicon/archive/apple-icon-76x76.png
similarity index 100%
rename from apps/www/public/favicon/apple-touch-icon-76x76.png
rename to apps/studio/public/favicon/archive/apple-icon-76x76.png
diff --git a/apps/studio/public/favicon/archive/apple-icon-precomposed.png b/apps/studio/public/favicon/archive/apple-icon-precomposed.png
new file mode 100644
index 00000000000..7583d2035e3
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-icon-precomposed.png differ
diff --git a/apps/studio/public/favicon/archive/apple-icon.png b/apps/studio/public/favicon/archive/apple-icon.png
new file mode 100644
index 00000000000..7583d2035e3
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-icon.png differ
diff --git a/apps/studio/public/favicon/archive/apple-touch-icon-114x114.png b/apps/studio/public/favicon/archive/apple-touch-icon-114x114.png
new file mode 100644
index 00000000000..4aa46d4d25d
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-touch-icon-114x114.png differ
diff --git a/apps/studio/public/favicon/archive/apple-touch-icon-120x120.png b/apps/studio/public/favicon/archive/apple-touch-icon-120x120.png
new file mode 100644
index 00000000000..d2b0e50ef41
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-touch-icon-120x120.png differ
diff --git a/apps/www/public/favicon/mstile-144x144.png b/apps/studio/public/favicon/archive/apple-touch-icon-144x144.png
similarity index 100%
rename from apps/www/public/favicon/mstile-144x144.png
rename to apps/studio/public/favicon/archive/apple-touch-icon-144x144.png
diff --git a/apps/studio/public/favicon/archive/apple-touch-icon-152x152.png b/apps/studio/public/favicon/archive/apple-touch-icon-152x152.png
new file mode 100644
index 00000000000..310532c4648
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-touch-icon-152x152.png differ
diff --git a/apps/studio/public/favicon/apple-touch-icon-57x57.png b/apps/studio/public/favicon/archive/apple-touch-icon-57x57.png
similarity index 100%
rename from apps/studio/public/favicon/apple-touch-icon-57x57.png
rename to apps/studio/public/favicon/archive/apple-touch-icon-57x57.png
diff --git a/apps/studio/public/favicon/archive/apple-touch-icon-60x60.png b/apps/studio/public/favicon/archive/apple-touch-icon-60x60.png
new file mode 100644
index 00000000000..0615675e809
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-touch-icon-60x60.png differ
diff --git a/apps/studio/public/favicon/archive/apple-touch-icon-72x72.png b/apps/studio/public/favicon/archive/apple-touch-icon-72x72.png
new file mode 100644
index 00000000000..e4418058cef
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-touch-icon-72x72.png differ
diff --git a/apps/studio/public/favicon/archive/apple-touch-icon-76x76.png b/apps/studio/public/favicon/archive/apple-touch-icon-76x76.png
new file mode 100644
index 00000000000..9a76327f94b
Binary files /dev/null and b/apps/studio/public/favicon/archive/apple-touch-icon-76x76.png differ
diff --git a/apps/studio/public/favicon/archive/browserconfig.xml b/apps/studio/public/favicon/archive/browserconfig.xml
new file mode 100644
index 00000000000..c5541482230
--- /dev/null
+++ b/apps/studio/public/favicon/archive/browserconfig.xml
@@ -0,0 +1,2 @@
+
+#ffffff
+
+)
+
+export default NewFeatureCard
diff --git a/apps/www/data/products/database/highlight-cards.ts b/apps/www/data/products/database/highlight-cards.ts
new file mode 100644
index 00000000000..581127e603d
--- /dev/null
+++ b/apps/www/data/products/database/highlight-cards.ts
@@ -0,0 +1,56 @@
+import { CardProps } from '~/components/NewFeatureCard'
+
+const cards: { [name: string]: CardProps } = {
+ branching: {
+ title: 'Branching',
+ badge: 'New',
+ features: [
+ 'Branch your Supabase project',
+ 'Sync with your git branches',
+ 'Manage every Preview from the Dashboard',
+ 'Support for Vercel Previews',
+ ],
+ ctas: [
+ {
+ label: 'Learn more',
+ href: 'https://supabase.com/docs/guides/platform/branching',
+ target: '_blank',
+ type: 'default',
+ },
+ ],
+ image: {
+ dark: '/images/product/database/branching.svg',
+ light: '/images/product/database/branching-light.svg',
+ },
+ },
+ readReplicas: {
+ title: 'Read Replicas',
+ badge: 'New',
+ features: [
+ 'Serve data closer to your users',
+ 'Provide data redundancy',
+ 'Run complex queries without affecting your primary database',
+ 'Distribute load across various databases',
+ ],
+ ctas: [
+ {
+ label: 'Get Early Access',
+ href: 'https://forms.supabase.com/enterprise',
+ target: '_blank',
+ type: 'primary',
+ },
+ {
+ label: 'Learn more',
+ href: 'https://supabase.com/docs/guides/platform/read-replicas',
+ target: '_blank',
+ type: 'default',
+ },
+ ],
+ image: {
+ dark: '/images/product/database/read-replicas.svg',
+ light: '/images/product/database/read-replicas-light.svg',
+ },
+ },
+}
+
+export default cards
diff --git a/apps/www/internals/generate-sitemap.mjs b/apps/www/internals/generate-sitemap.mjs
index d99cd90dbc8..d939020a4c6 100644
--- a/apps/www/internals/generate-sitemap.mjs
+++ b/apps/www/internals/generate-sitemap.mjs
@@ -89,7 +89,7 @@ async function generate() {
${`https://supabase.com${route}`}
weekly
- 0.5
+ 0.5
`
})
diff --git a/apps/www/pages/database/Database.tsx b/apps/www/pages/database/Database.tsx
index 3b47c48bea3..f555fc61c41 100644
--- a/apps/www/pages/database/Database.tsx
+++ b/apps/www/pages/database/Database.tsx
@@ -1,30 +1,38 @@
// Import Swiper styles
import 'swiper/swiper.min.css'
+import dynamic from 'next/dynamic'
import { NextSeo } from 'next-seo'
import Image from 'next/image'
import Link from 'next/link'
import { useRouter } from 'next/router'
import { useState } from 'react'
import { Badge, Button, IconArrowUpRight, IconX, Tabs } from 'ui'
+import { Swiper, SwiperSlide } from 'swiper/react'
+
// data
+import Solutions from 'data/Solutions'
import ApiExamplesData from 'data/products/database/api-examples'
+import HighlightsCards from '~/data/products/database/highlight-cards'
import ExtensionsExamplesData from 'data/products/database/extensions-examples'
import SqlViewCarouselData from 'data/products/database/sql-view-carousel.json'
import TableViewCarouselData from 'data/products/database/table-view-carousel.json'
-import Solutions from 'data/Solutions'
-import { Swiper, SwiperSlide } from 'swiper/react'
-import ImageCarousel from '~/components/Carousels/ImageCarousel'
-import SplitCodeBlockCarousel from '~/components/Carousels/SplitCodeBlockCarousel'
-import FeatureColumn from '~/components/FeatureColumn'
-import DefaultLayout from '~/components/Layouts/Default'
-import SectionContainer from '~/components/Layouts/SectionContainer'
-import ProductIcon from '~/components/ProductIcon'
-import APISection from '~/components/Sections/APISection'
-import GithubExamples from '~/components/Sections/GithubExamples'
-import ProductHeader from '~/components/Sections/ProductHeader'
+
import { ThemeImage } from 'ui-patterns/ThemeImage'
import { TweetCard } from 'ui-patterns/TweetCard'
+import ProductHeader from '~/components/Sections/ProductHeader'
+
+const NewFeatureCard = dynamic(() => import('~/components/NewFeatureCard'))
+const ImageCarousel = dynamic(() => import('~/components/Carousels/ImageCarousel'))
+const SplitCodeBlockCarousel = dynamic(
+ () => import('~/components/Carousels/SplitCodeBlockCarousel')
+)
+const FeatureColumn = dynamic(() => import('~/components/FeatureColumn'))
+const DefaultLayout = dynamic(() => import('~/components/Layouts/Default'))
+const SectionContainer = dynamic(() => import('~/components/Layouts/SectionContainer'))
+const ProductIcon = dynamic(() => import('~/components/ProductIcon'))
+const APISection = dynamic(() => import('~/components/Sections/APISection'))
+const GithubExamples = dynamic(() => import('~/components/Sections/GithubExamples'))
function Database() {
// base path for images
@@ -139,6 +147,11 @@ function Database() {
+
+
+ {props.image && (
+
+ {props.badge}
+ )}
+
+ {props.title}
+ {props.badge && ( +
+
+
+ -
+ {props.features?.map((feature: any) => (
+
-
+
+
+ {' '} + {feature}
+
+ ))}
+
+ {props.ctas.map((cta: any) => (
+
+ ))}
+
+
+
+ )}
+
diff --git a/apps/www/public/favicon/android-icon-144x144.png b/apps/www/public/favicon/android-icon-144x144.png
index 4aa46d4d25d..6bf7c690b84 100644
Binary files a/apps/www/public/favicon/android-icon-144x144.png and b/apps/www/public/favicon/android-icon-144x144.png differ
diff --git a/apps/www/public/favicon/android-icon-192x192.png b/apps/www/public/favicon/android-icon-192x192.png
index 7583d2035e3..ec26f1baeb3 100644
Binary files a/apps/www/public/favicon/android-icon-192x192.png and b/apps/www/public/favicon/android-icon-192x192.png differ
diff --git a/apps/www/public/favicon/android-icon-36x36.png b/apps/www/public/favicon/android-icon-36x36.png
index 5e4eabec411..8622c9ec7e1 100644
Binary files a/apps/www/public/favicon/android-icon-36x36.png and b/apps/www/public/favicon/android-icon-36x36.png differ
diff --git a/apps/www/public/favicon/android-icon-48x48.png b/apps/www/public/favicon/android-icon-48x48.png
index f8d8a7d9c05..a3494d67f2f 100644
Binary files a/apps/www/public/favicon/android-icon-48x48.png and b/apps/www/public/favicon/android-icon-48x48.png differ
diff --git a/apps/www/public/favicon/android-icon-72x72.png b/apps/www/public/favicon/android-icon-72x72.png
index e4418058cef..7ea05856c14 100644
Binary files a/apps/www/public/favicon/android-icon-72x72.png and b/apps/www/public/favicon/android-icon-72x72.png differ
diff --git a/apps/www/public/favicon/android-icon-96x96.png b/apps/www/public/favicon/android-icon-96x96.png
index 0f1351f3670..f2bb98f0e06 100644
Binary files a/apps/www/public/favicon/android-icon-96x96.png and b/apps/www/public/favicon/android-icon-96x96.png differ
diff --git a/apps/www/public/favicon/apple-icon-114x114.png b/apps/www/public/favicon/apple-icon-114x114.png
index 4aa46d4d25d..40bb8dd9420 100644
Binary files a/apps/www/public/favicon/apple-icon-114x114.png and b/apps/www/public/favicon/apple-icon-114x114.png differ
diff --git a/apps/www/public/favicon/apple-icon-120x120.png b/apps/www/public/favicon/apple-icon-120x120.png
index d2b0e50ef41..e8cf4644d10 100644
Binary files a/apps/www/public/favicon/apple-icon-120x120.png and b/apps/www/public/favicon/apple-icon-120x120.png differ
diff --git a/apps/www/public/favicon/apple-icon-144x144.png b/apps/www/public/favicon/apple-icon-144x144.png
index 00a5d8b5180..6bf7c690b84 100644
Binary files a/apps/www/public/favicon/apple-icon-144x144.png and b/apps/www/public/favicon/apple-icon-144x144.png differ
diff --git a/apps/www/public/favicon/apple-icon-152x152.png b/apps/www/public/favicon/apple-icon-152x152.png
index 310532c4648..0b89549ad18 100644
Binary files a/apps/www/public/favicon/apple-icon-152x152.png and b/apps/www/public/favicon/apple-icon-152x152.png differ
diff --git a/apps/www/public/favicon/apple-icon-180x180.png b/apps/www/public/favicon/apple-icon-180x180.png
index 2a80dbc2f68..97fe683cb76 100644
Binary files a/apps/www/public/favicon/apple-icon-180x180.png and b/apps/www/public/favicon/apple-icon-180x180.png differ
diff --git a/apps/www/public/favicon/apple-icon-57x57.png b/apps/www/public/favicon/apple-icon-57x57.png
index e7b08eb605f..9bdd361ca0a 100644
Binary files a/apps/www/public/favicon/apple-icon-57x57.png and b/apps/www/public/favicon/apple-icon-57x57.png differ
diff --git a/apps/www/public/favicon/apple-icon-60x60.png b/apps/www/public/favicon/apple-icon-60x60.png
index 0615675e809..4b76ede8d0b 100644
Binary files a/apps/www/public/favicon/apple-icon-60x60.png and b/apps/www/public/favicon/apple-icon-60x60.png differ
diff --git a/apps/www/public/favicon/apple-icon-72x72.png b/apps/www/public/favicon/apple-icon-72x72.png
index e4418058cef..7ea05856c14 100644
Binary files a/apps/www/public/favicon/apple-icon-72x72.png and b/apps/www/public/favicon/apple-icon-72x72.png differ
diff --git a/apps/www/public/favicon/apple-icon-76x76.png b/apps/www/public/favicon/apple-icon-76x76.png
index 9a76327f94b..aa7ca8b06a0 100644
Binary files a/apps/www/public/favicon/apple-icon-76x76.png and b/apps/www/public/favicon/apple-icon-76x76.png differ
diff --git a/apps/www/public/favicon/apple-icon-precomposed.png b/apps/www/public/favicon/apple-icon-precomposed.png
index 7583d2035e3..f0cbc3e201d 100644
Binary files a/apps/www/public/favicon/apple-icon-precomposed.png and b/apps/www/public/favicon/apple-icon-precomposed.png differ
diff --git a/apps/www/public/favicon/apple-icon.png b/apps/www/public/favicon/apple-icon.png
index 7583d2035e3..f0cbc3e201d 100644
Binary files a/apps/www/public/favicon/apple-icon.png and b/apps/www/public/favicon/apple-icon.png differ
diff --git a/apps/www/public/favicon/android-chrome-192x192.png b/apps/www/public/favicon/archive/android-chrome-192x192.png
similarity index 100%
rename from apps/www/public/favicon/android-chrome-192x192.png
rename to apps/www/public/favicon/archive/android-chrome-192x192.png
diff --git a/apps/www/public/favicon/android-chrome-512x512.png b/apps/www/public/favicon/archive/android-chrome-512x512.png
similarity index 100%
rename from apps/www/public/favicon/android-chrome-512x512.png
rename to apps/www/public/favicon/archive/android-chrome-512x512.png
diff --git a/apps/www/public/favicon/archive/android-icon-144x144.png b/apps/www/public/favicon/archive/android-icon-144x144.png
new file mode 100644
index 00000000000..4aa46d4d25d
Binary files /dev/null and b/apps/www/public/favicon/archive/android-icon-144x144.png differ
diff --git a/apps/www/public/favicon/archive/android-icon-192x192.png b/apps/www/public/favicon/archive/android-icon-192x192.png
new file mode 100644
index 00000000000..7583d2035e3
Binary files /dev/null and b/apps/www/public/favicon/archive/android-icon-192x192.png differ
diff --git a/apps/www/public/favicon/archive/android-icon-36x36.png b/apps/www/public/favicon/archive/android-icon-36x36.png
new file mode 100644
index 00000000000..5e4eabec411
Binary files /dev/null and b/apps/www/public/favicon/archive/android-icon-36x36.png differ
diff --git a/apps/www/public/favicon/archive/android-icon-48x48.png b/apps/www/public/favicon/archive/android-icon-48x48.png
new file mode 100644
index 00000000000..f8d8a7d9c05
Binary files /dev/null and b/apps/www/public/favicon/archive/android-icon-48x48.png differ
diff --git a/apps/www/public/favicon/archive/android-icon-72x72.png b/apps/www/public/favicon/archive/android-icon-72x72.png
new file mode 100644
index 00000000000..e4418058cef
Binary files /dev/null and b/apps/www/public/favicon/archive/android-icon-72x72.png differ
diff --git a/apps/www/public/favicon/archive/android-icon-96x96.png b/apps/www/public/favicon/archive/android-icon-96x96.png
new file mode 100644
index 00000000000..0f1351f3670
Binary files /dev/null and b/apps/www/public/favicon/archive/android-icon-96x96.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-114x114.png b/apps/www/public/favicon/archive/apple-icon-114x114.png
new file mode 100644
index 00000000000..4aa46d4d25d
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-114x114.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-120x120.png b/apps/www/public/favicon/archive/apple-icon-120x120.png
new file mode 100644
index 00000000000..d2b0e50ef41
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-120x120.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-144x144.png b/apps/www/public/favicon/archive/apple-icon-144x144.png
new file mode 100644
index 00000000000..00a5d8b5180
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-144x144.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-152x152.png b/apps/www/public/favicon/archive/apple-icon-152x152.png
new file mode 100644
index 00000000000..310532c4648
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-152x152.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-180x180.png b/apps/www/public/favicon/archive/apple-icon-180x180.png
new file mode 100644
index 00000000000..2a80dbc2f68
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-180x180.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-57x57.png b/apps/www/public/favicon/archive/apple-icon-57x57.png
new file mode 100644
index 00000000000..e7b08eb605f
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-57x57.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-60x60.png b/apps/www/public/favicon/archive/apple-icon-60x60.png
new file mode 100644
index 00000000000..0615675e809
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-60x60.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-72x72.png b/apps/www/public/favicon/archive/apple-icon-72x72.png
new file mode 100644
index 00000000000..e4418058cef
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-72x72.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-76x76.png b/apps/www/public/favicon/archive/apple-icon-76x76.png
new file mode 100644
index 00000000000..9a76327f94b
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-76x76.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon-precomposed.png b/apps/www/public/favicon/archive/apple-icon-precomposed.png
new file mode 100644
index 00000000000..7583d2035e3
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon-precomposed.png differ
diff --git a/apps/www/public/favicon/archive/apple-icon.png b/apps/www/public/favicon/archive/apple-icon.png
new file mode 100644
index 00000000000..7583d2035e3
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-icon.png differ
diff --git a/apps/www/public/favicon/archive/apple-touch-icon-114x114.png b/apps/www/public/favicon/archive/apple-touch-icon-114x114.png
new file mode 100644
index 00000000000..4aa46d4d25d
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-touch-icon-114x114.png differ
diff --git a/apps/www/public/favicon/archive/apple-touch-icon-120x120.png b/apps/www/public/favicon/archive/apple-touch-icon-120x120.png
new file mode 100644
index 00000000000..d2b0e50ef41
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-touch-icon-120x120.png differ
diff --git a/apps/www/public/favicon/archive/apple-touch-icon-144x144.png b/apps/www/public/favicon/archive/apple-touch-icon-144x144.png
new file mode 100644
index 00000000000..00a5d8b5180
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-touch-icon-144x144.png differ
diff --git a/apps/www/public/favicon/archive/apple-touch-icon-152x152.png b/apps/www/public/favicon/archive/apple-touch-icon-152x152.png
new file mode 100644
index 00000000000..310532c4648
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-touch-icon-152x152.png differ
diff --git a/apps/www/public/favicon/apple-touch-icon-57x57.png b/apps/www/public/favicon/archive/apple-touch-icon-57x57.png
similarity index 100%
rename from apps/www/public/favicon/apple-touch-icon-57x57.png
rename to apps/www/public/favicon/archive/apple-touch-icon-57x57.png
diff --git a/apps/www/public/favicon/archive/apple-touch-icon-60x60.png b/apps/www/public/favicon/archive/apple-touch-icon-60x60.png
new file mode 100644
index 00000000000..0615675e809
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-touch-icon-60x60.png differ
diff --git a/apps/www/public/favicon/archive/apple-touch-icon-72x72.png b/apps/www/public/favicon/archive/apple-touch-icon-72x72.png
new file mode 100644
index 00000000000..e4418058cef
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-touch-icon-72x72.png differ
diff --git a/apps/www/public/favicon/archive/apple-touch-icon-76x76.png b/apps/www/public/favicon/archive/apple-touch-icon-76x76.png
new file mode 100644
index 00000000000..9a76327f94b
Binary files /dev/null and b/apps/www/public/favicon/archive/apple-touch-icon-76x76.png differ
diff --git a/apps/www/public/favicon/archive/browserconfig.xml b/apps/www/public/favicon/archive/browserconfig.xml
new file mode 100644
index 00000000000..c5541482230
--- /dev/null
+++ b/apps/www/public/favicon/archive/browserconfig.xml
@@ -0,0 +1,2 @@
+
+#ffffff 
+
## الشرح
للحصول على الشرح الكامل، قم بزيارة [supabase.com/docs](https://supabase.com/docs).
+لمعرفه كيفية دعم المشروع قم بزيارة [Getting Started](./DEVELOPERS.md).
+
## المجتمع والدعم
- [منتدى المجتمع](https://github.com/supabase/supabase/discussions). الأفضل لـ: المساعدة في البناء، والنقاش حول أفضل ممارسات قاعدة البيانات.
@@ -32,17 +43,6 @@
- [دعم البريد الإلكتروني](https://supabase.com/docs/support#business-support). الأفضل لـ: مشاكل مع قاعدة بياناتك أو البنية التحتية.
- [ديسكورد](https://discord.supabase.com/). الأفضل لـ: مشاركة التطبيقات الخاصه بك وقضاء بعض الوقت مع المجتمع.
-## الحالة
-
-- [x] طور الألفا: نحن نختبر Supabase مع مجموعة مغلقة من العملاء
-- [x] طور الألفا العام: يمكن لأي شخص الاشتراك في [supabase.com/dashboard](https://supabase.com/dashboard). لكن تحلى بالصبر ، فهناك بعض العقد الصغيرة.
-- [x] طور البيتا العام: مستقر بدرجة كافية لمعظم حالات الاستخدام غير المتعلقة بالمؤسسات
-- [ ] الطور العام: جاهز للإنتاج
-
-نحن حاليًا في طور البيتا العام. شاهد "إصدارات" هذا المستودع لتلقي إخطارات بالتحديثات الرئيسية.
-
-
-
## كيف يعمل (Supabase)؟
Supabase عبارة عن مجموعة من الأدوات مفتوحة المصدر. نحن نبني ميزات (Firebase) باستخدام أدوات مفتوحة المصدر عالية الجودة تستخدمها الشركات. إذا كانت الأدوات والمجتمعات موجودة ، باستخدام MIT أو Apache 2 أو ترخيص مفتوح مكافئ ، فسنستخدم هذه الأداة وندعمها. إذا لم تكن الأداة موجودة ، فإننا نبنيها ونفتح مصدرها بأنفسنا. (Supabase) ليس تعيين 1 إلى 1 لـ(Firebase). هدفنا هو منح المطورين تجربة مطور تشبه (Firebase) باستخدام أدوات مفتوحة المصدر.
diff --git a/packages/ui/index.tsx b/packages/ui/index.tsx
index 0c5d85b1f4f..770a53b4e08 100644
--- a/packages/ui/index.tsx
+++ b/packages/ui/index.tsx
@@ -207,6 +207,8 @@ export {
TooltipContent as TooltipContent_Shadcn_,
} from './src/components/shadcn/ui/tooltip'
+export { Toggle as Toggle_Shadcn } from './src/components/shadcn/ui/toggle'
+
export { ScrollArea, ScrollBar } from './src/components/shadcn/ui/scroll-area'
export { Separator } from './src/components/shadcn/ui/separator'
diff --git a/packages/ui/src/components/shadcn/ui/toggle.tsx b/packages/ui/src/components/shadcn/ui/toggle.tsx
index a64f158ec2f..a74a089e6c3 100644
--- a/packages/ui/src/components/shadcn/ui/toggle.tsx
+++ b/packages/ui/src/components/shadcn/ui/toggle.tsx
@@ -7,7 +7,7 @@ import * as React from 'react'
import { cn } from '../../../lib/utils/cn'
const toggleVariants = cva(
- 'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-foreground-muted',
+ 'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:bg-surface-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background bg-surface-200 hover:bg-surface-300 px-3 py-1 h-auto text-foreground transition-all',
{
variants: {
variant: {
+
## الشرح
للحصول على الشرح الكامل، قم بزيارة [supabase.com/docs](https://supabase.com/docs).
+لمعرفه كيفية دعم المشروع قم بزيارة [Getting Started](./DEVELOPERS.md).
+
## المجتمع والدعم
- [منتدى المجتمع](https://github.com/supabase/supabase/discussions). الأفضل لـ: المساعدة في البناء، والنقاش حول أفضل ممارسات قاعدة البيانات.
@@ -32,17 +43,6 @@
- [دعم البريد الإلكتروني](https://supabase.com/docs/support#business-support). الأفضل لـ: مشاكل مع قاعدة بياناتك أو البنية التحتية.
- [ديسكورد](https://discord.supabase.com/). الأفضل لـ: مشاركة التطبيقات الخاصه بك وقضاء بعض الوقت مع المجتمع.
-## الحالة
-
-- [x] طور الألفا: نحن نختبر Supabase مع مجموعة مغلقة من العملاء
-- [x] طور الألفا العام: يمكن لأي شخص الاشتراك في [supabase.com/dashboard](https://supabase.com/dashboard). لكن تحلى بالصبر ، فهناك بعض العقد الصغيرة.
-- [x] طور البيتا العام: مستقر بدرجة كافية لمعظم حالات الاستخدام غير المتعلقة بالمؤسسات
-- [ ] الطور العام: جاهز للإنتاج
-
-نحن حاليًا في طور البيتا العام. شاهد "إصدارات" هذا المستودع لتلقي إخطارات بالتحديثات الرئيسية.
-
-
-
## كيف يعمل (Supabase)؟
Supabase عبارة عن مجموعة من الأدوات مفتوحة المصدر. نحن نبني ميزات (Firebase) باستخدام أدوات مفتوحة المصدر عالية الجودة تستخدمها الشركات. إذا كانت الأدوات والمجتمعات موجودة ، باستخدام MIT أو Apache 2 أو ترخيص مفتوح مكافئ ، فسنستخدم هذه الأداة وندعمها. إذا لم تكن الأداة موجودة ، فإننا نبنيها ونفتح مصدرها بأنفسنا. (Supabase) ليس تعيين 1 إلى 1 لـ(Firebase). هدفنا هو منح المطورين تجربة مطور تشبه (Firebase) باستخدام أدوات مفتوحة المصدر.
diff --git a/packages/ui/index.tsx b/packages/ui/index.tsx
index 0c5d85b1f4f..770a53b4e08 100644
--- a/packages/ui/index.tsx
+++ b/packages/ui/index.tsx
@@ -207,6 +207,8 @@ export {
TooltipContent as TooltipContent_Shadcn_,
} from './src/components/shadcn/ui/tooltip'
+export { Toggle as Toggle_Shadcn } from './src/components/shadcn/ui/toggle'
+
export { ScrollArea, ScrollBar } from './src/components/shadcn/ui/scroll-area'
export { Separator } from './src/components/shadcn/ui/separator'
diff --git a/packages/ui/src/components/shadcn/ui/toggle.tsx b/packages/ui/src/components/shadcn/ui/toggle.tsx
index a64f158ec2f..a74a089e6c3 100644
--- a/packages/ui/src/components/shadcn/ui/toggle.tsx
+++ b/packages/ui/src/components/shadcn/ui/toggle.tsx
@@ -7,7 +7,7 @@ import * as React from 'react'
import { cn } from '../../../lib/utils/cn'
const toggleVariants = cva(
- 'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-foreground-muted',
+ 'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:bg-surface-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background bg-surface-200 hover:bg-surface-300 px-3 py-1 h-auto text-foreground transition-all',
{
variants: {
variant: {