middleware

Author: alexanbj

apps/docs/app/lib/previewMiddleware.ts

@@ -0,0 +1,11 @@
+import { createMiddleware } from '@tanstack/start'
+import { getCookie } from 'vinxi/http'
+
+const previewMiddleware = createMiddleware().server(async ({ next }) => {
+  const isPreview = getCookie('__sanity_preview') === 'true';
+  return next({
+    context: {
+      previewMode: isPreview,
+    }
+  })
+})

apps/docs/app/lib/sanity.ts

@@ -5,6 +5,7 @@ export const client = createClient({
   dataset: 'grunnmuren',
   apiVersion: '2024-09-18',
   useCdn: true,
+  perspective: 'published',
 });
 
 export async function sanityFetch<const QueryString extends string>({

apps/docs/app/routes/api/studio/preview-mode/disable.ts renamed to apps/docs/app/routes/api/preview-mode/disable.ts

@@ -3,7 +3,7 @@ import { deleteCookie, sendRedirect } from 'vinxi/http'
 
 export const APIRoute = createAPIFileRoute('/api/studio/preview-mode/disable')({
   GET: () => {
-    deleteCookie('sanity_preview', { path: '/', secure: import.meta.env.PROD, httpOnly: true, sameSite: 'strict' });
+    deleteCookie('__sanity_preview', { path: '/', secure: import.meta.env.PROD, httpOnly: true, sameSite: 'strict' });
     sendRedirect('/');
   },
 });

apps/docs/app/routes/api/studio/preview-mode/enable.ts renamed to apps/docs/app/routes/api/preview-mode/enable.ts

@@ -1,6 +1,8 @@
+import { randomBytes } from 'node:crypto';
 import { client } from '@/lib/sanity';
 import { validatePreviewUrl } from '@sanity/preview-url-secret';
 import { createAPIFileRoute } from '@tanstack/start/api';
+import { SanityClient } from 'sanity';
 import { sendRedirect, setCookie } from 'vinxi/http';
 
 export const APIRoute = createAPIFileRoute('/api/studio/preview-mode/enable')({
@@ -23,7 +25,7 @@ export const APIRoute = createAPIFileRoute('/api/studio/preview-mode/enable')({
     }
 
     // we can use sameSite: 'strict' because we're running an embedded studio
-    setCookie('__sanity_preview', 'test', { path: '/', secure: import.meta.env.PROD, httpOnly: true, sameSite: 'strict' });
+    setCookie('__sanity_preview', randomBytes(16).toString('hex'), { path: '/', secure: import.meta.env.PROD, httpOnly: true, sameSite: 'strict' });
     sendRedirect(redirectTo)
   },
 });

apps/docs/sanity.config.ts

@@ -21,8 +21,8 @@ export default defineConfig({
     presentationTool({
       previewUrl: {
         previewMode: {
-          enable: '/api/studio/preview-mode/enable',
-          disable: '/api/studio/preview-mode/disable',
+          enable: '/api/preview-mode/enable',
+          disable: '/api/preview-mode/disable',
         },
       },
       resolve: {