@riverbankcms/sdk 0.128.0 → 0.129.0

package/dist/cli/init-docs/content/workflow-preview-mode.md

@@ -61,7 +61,9 @@ export async function proxy(request: NextRequest) {
 }
 
 export const config = {
-  matcher: ['/((?!_next/static|_next/image|api|favicon.ico|robots.txt|sitemap.xml).*)'],
+  matcher: [
+    '/((?!_next/static|_next/image|api|favicon.ico|robots.txt|sitemap.xml).*)',
+  ],
 }
 ```
 
@@ -102,13 +104,17 @@ Create `src/components/preview/SdkPreviewModeClient.tsx`:
 ```tsx
 'use client'
 
-import { PreviewQueryProvider, SdkPreviewMode, type SdkPreviewModeProps } from '@riverbankcms/sdk/preview-next/client'
+import {
+  PreviewQueryProvider,
+  SdkPreviewMode,
+  type SdkPreviewModePropsWithoutBlockOverrides,
+} from '@riverbankcms/sdk/preview-next/client'
 
 import { blockOverrides } from '@/lib/block-overrides'
 
-type SdkPreviewModeClientProps = Omit<SdkPreviewModeProps, 'blockOverrides'>
-
-export function SdkPreviewModeClient(props: SdkPreviewModeClientProps) {
+export function SdkPreviewModeClient(
+  props: SdkPreviewModePropsWithoutBlockOverrides
+) {
   return (
     <PreviewQueryProvider>
       <SdkPreviewMode {...props} blockOverrides={blockOverrides} />
@@ -168,7 +174,11 @@ function SiteFooter() {
   return <footer>{/* your site footer */}</footer>
 }
 
-export default async function RootLayout({ children }: { children: ReactNode }) {
+export default async function RootLayout({
+  children,
+}: {
+  children: ReactNode
+}) {
   const session = await getPreviewSession()
   const hasEditablePreviewSession = Boolean(session?.canEdit && session?.token)
   const headerNode = <SiteHeader />
@@ -178,7 +188,10 @@ export default async function RootLayout({ children }: { children: ReactNode })
     <html lang="en">
       <body>
         {hasEditablePreviewSession ? (
-          <PreviewLayoutProvider headerNode={headerNode} footerNode={footerNode}>
+          <PreviewLayoutProvider
+            headerNode={headerNode}
+            footerNode={footerNode}
+          >
             {children}
           </PreviewLayoutProvider>
         ) : (
@@ -204,15 +217,15 @@ If your custom chrome needs CMS navigation data, build the `headerNode` and `foo
 For Tailwind sites, add this to `src/app/globals.css`:
 
 ```css
-@import "tailwindcss";
-@import "@riverbankcms/sdk/preview-next/tailwind-sources.css";
-@import "@riverbankcms/sdk/preview-next/chrome.css";
+@import 'tailwindcss';
+@import '@riverbankcms/sdk/preview-next/tailwind-sources.css';
+@import '@riverbankcms/sdk/preview-next/chrome.css';
 ```
 
 For non-Tailwind sites, use the legacy single import:
 
 ```css
-@import "@riverbankcms/sdk/preview-next/styles.css";
+@import '@riverbankcms/sdk/preview-next/styles.css';
 ```
 
 ## Environment Variables