[pull] master from supabase:master

apps/docs/features/docs/MdxBase.shared.tsx

@@ -96,6 +96,13 @@ const components = {
     </Heading>
   ),
   pre: CodeBlock,
+  /**
+   * Force inline code tags to go sync, this prevents Heading anchor resolution fail due to
+   * our CodeBlock component being async. We need to find a better solution for more future
+   * proof MDX rendering. Definitely improving the anchors utility in the ui/Heading component
+   * plus having a more resilient highlighting strategy.
+   */
+  code: (props: any) => <code {...props}>{props.children}</code>,
   Price,
 }
 

apps/studio/.github/eslint-rule-baselines.json

@@ -3,9 +3,9 @@
     "react-hooks/exhaustive-deps": 208,
     "import/no-anonymous-default-export": 57,
     "@tanstack/query/exhaustive-deps": 13,
-    "@typescript-eslint/no-explicit-any": 1214,
+    "@typescript-eslint/no-explicit-any": 1207,
     "no-restricted-imports": 59,
-    "no-restricted-exports": 297,
+    "no-restricted-exports": 296,
     "react/no-unstable-nested-components": 69
   },
   "ruleFiles": {
@@ -636,7 +636,6 @@
       "data/materialized-views/materialized-views-query.ts": 1,
       "data/network-restrictions/network-restrictions-query.ts": 3,
       "data/notifications/keys.ts": 1,
-      "data/notifications/notifications-v2-query.ts": 2,
       "data/oauth-secrets/client-secret-create-mutation.ts": 2,
       "data/open-api/api-spec-query.ts": 8,
       "data/organization-members/organization-roles-query.ts": 1,
@@ -683,7 +682,7 @@
       "hooks/ui/useClickedOutside.ts": 2,
       "hooks/ui/useFlag.ts": 1,
       "hooks/useStaticEffectEvent.ts": 1,
-      "instrumentation-client.ts": 2,
+      "instrumentation-client.ts": 3,
       "lib/ai/generate-assistant-response.ts": 2,
       "lib/ai/model.ts": 2,
       "lib/ai/model.utils.ts": 4,
@@ -721,13 +720,11 @@
       "pages/project/[ref]/settings/log-drains.tsx": 1,
       "pages/project/[ref]/storage/files/buckets/[bucketId].tsx": 1,
       "state/ai-assistant-state.tsx": 4,
-      "state/editor-panel-state.tsx": 4,
       "state/role-impersonation-state.tsx": 1,
       "state/sql-editor-v2.ts": 5,
-      "state/storage-explorer.tsx": 16,
+      "state/storage-explorer.tsx": 15,
       "state/table-editor-table.tsx": 9,
       "state/table-editor.tsx": 5,
-      "state/tabs.tsx": 1,
       "tests/lib/custom-render.tsx": 1,
       "tests/setup/polyfills.ts": 3,
       "tests/vitestSetup.ts": 1,
@@ -975,7 +972,6 @@
       "components/interfaces/Settings/Logs/RecentQueriesItem.tsx": 1,
       "components/interfaces/Settings/Logs/UpgradePrompt.tsx": 1,
       "components/interfaces/SignIn/PasswordConditionsHelper.tsx": 1,
-      "components/interfaces/SignIn/ResetPasswordForm.tsx": 1,
       "components/interfaces/Storage/StorageBucketsError.tsx": 1,
       "components/interfaces/Storage/StoragePolicies/StoragePoliciesEditPolicyModal.tsx": 1,
       "components/interfaces/Storage/StoragePolicies/StoragePoliciesEditor.tsx": 1,

apps/studio/components/interfaces/Sidebar.tsx

@@ -81,6 +81,7 @@ export const Sidebar = ({ className, ...props }: SidebarProps) => {
       {!hideSideBar && (
         <SidebarMotion
           {...props}
+          className={cn('z-50', className)}
           transition={{ delay: 0.4, duration: 0.4 }}
           overflowing={sidebarBehaviour === 'expandable'}
           collapsible="icon"

apps/studio/data/auth/auth-config-update-mutation.ts

@@ -46,6 +46,10 @@ export const useAuthConfigUpdateMutation = ({
         queryClient.invalidateQueries({ queryKey: authKeys.authConfig(projectRef) }),
         queryClient.invalidateQueries({ queryKey: lintKeys.lint(projectRef) }),
       ])
+      await queryClient.refetchQueries({
+        queryKey: lintKeys.lint(projectRef),
+        type: 'active',
+      })
       await onSuccess?.(data, variables, context)
     },
     async onError(data, variables, context) {

apps/www/components/Contribute/markdownComponents.tsx

@@ -1,14 +1,14 @@
 import type { Components } from 'react-markdown'
 
 export const markdownComponents: Components = {
-  code: ({ node, inline, ...props }) =>
-    inline ? (
+  code: ({ className, ...props }) =>
+    className ? (
+      <code {...props} className="font-mono text-sm whitespace-pre block min-w-0" />
+    ) : (
       <code
         {...props}
         className="bg-surface-200 text-foreground px-1.5 py-0.5 rounded text-sm font-mono"
       />
-    ) : (
-      <code {...props} className="font-mono text-sm whitespace-pre block min-w-0" />
     ),
   pre: ({ node, ...props }) => (
     <pre
@@ -25,6 +25,6 @@ export const markdownComponents: Components = {
     />
   ),
   p: ({ node, ...props }) => <p {...props} className="mb-3 last:mb-0" />,
-  ul: ({ node, ordered, ...props }) => <ul {...props} className="list-disc pl-5 space-y-1 mb-3" />,
+  ul: ({ node, ...props }) => <ul {...props} className="list-disc pl-5 space-y-1 mb-3" />,
   ol: ({ node, ...props }) => <ol {...props} className="list-decimal pl-5 space-y-1 mb-3" />,
 }

apps/www/components/Sections/FeaturesSection.tsx

@@ -2,7 +2,7 @@ import { LazyMotion, domAnimation, m, useInView } from 'framer-motion'
 import { ArrowUpRight } from 'lucide-react'
 import Link from 'next/link'
 import { ReactNode, useRef } from 'react'
-import { ReactMarkdown } from 'react-markdown/lib/react-markdown'
+import ReactMarkdown from 'react-markdown'
 import { Button, cn } from 'ui'
 import SectionContainer from '~/components/Layouts/SectionContainer'
 import { INITIAL_BOTTOM, getAnimation } from '~/lib/animations'

apps/www/components/Sections/ParagraphSection.tsx

@@ -1,7 +1,7 @@
 import { ArrowUpRight } from 'lucide-react'
 import Link from 'next/link'
 import { ReactNode } from 'react'
-import { ReactMarkdown } from 'react-markdown/lib/react-markdown'
+import ReactMarkdown from 'react-markdown'
 import { Button, cn } from 'ui'
 import SectionContainer from '~/components/Layouts/SectionContainer'
 

apps/www/package.json

@@ -54,8 +54,8 @@
     "gsap": "^3.13.0",
     "icons": "workspace:*",
     "lucide-react": "*",
-    "marketing": "workspace:*",
     "markdown-toc": "^1.2.0",
+    "marketing": "workspace:*",
     "mdast-util-from-markdown": "^2.0.2",
     "mdast-util-gfm": "^2.0.2",
     "mdast-util-mdx": "^2.0.1",
@@ -74,14 +74,14 @@
     "react-copy-to-clipboard": "^5.1.0",
     "react-countdown": "^2.3.5",
     "react-dom": "catalog:",
-    "react-markdown": "^8.0.3",
+    "react-markdown": "^9.0.1",
     "react-syntax-highlighter": "^15.6.6",
     "react-transition-group": "^4.4.1",
     "react-use": "^17.4.0",
     "recharts": "catalog:",
     "rehype-slug": "^5.1.0",
     "remark": "^15.0.1",
-    "remark-gfm": "^4.0.0",
+    "remark-gfm": "^4.0.1",
     "shared-data": "workspace:*",
     "swiper": "^12.1.2",
     "typed.js": "^2.0.16",