Merge pull request #100 from strapi/fix/live-preview

Fix live previews by using strapi-encode-source-maps in client headers

Author: pierreburgy

next/components/dynamic-zone/hero.tsx

@@ -36,8 +36,7 @@ export const Hero = ({
         as="h1"
         className="text-4xl md:text-4xl lg:text-8xl font-semibold max-w-7xl mx-auto text-center mt-6 relative z-10  py-6"
       >
-        {heading.substring(0, heading.lastIndexOf(' '))}{' '}
-        <Cover>{heading.split(' ').pop()}</Cover>
+        {heading}
       </Heading>
       <Subheading className="text-center mt-2 md:mt-6 text-base md:text-xl text-muted  max-w-3xl mx-auto relative z-10">
         {sub_heading}

next/lib/strapi/client.ts

@@ -13,11 +13,16 @@ export class StrapiError extends Error {
   }
 }
 
-const createClient = (config?: Omit<Config, 'baseURL'>) =>
-  strapi({
+const createClient = (config?: Omit<Config, 'baseURL'>, isDraftMode: boolean = false) => {
+  return strapi({
     baseURL: `${process.env.NEXT_PUBLIC_API_URL ?? ''}/api`,
+    headers: {
+      "strapi-encode-source-maps": isDraftMode ? "true" : "false",
+      ...config?.headers,
+    },
     ...config,
   });
+}
 
 /**
  * Fetches a collection type from Strapi.
@@ -32,7 +37,7 @@ export async function fetchCollectionType<T = API.Document[]>(
   const { isEnabled: isDraftMode } = await draftMode();
 
   try {
-    const { data } = await createClient(config)
+    const { data } = await createClient(config, isDraftMode)
       .collection(collectionName)
       .find({
         ...options,
@@ -62,7 +67,7 @@ export async function fetchSingleType<T = API.Document>(
   const { isEnabled: isDraftMode } = await draftMode();
 
   try {
-    const { data } = await createClient(config)
+    const { data } = await createClient(config, isDraftMode)
       .single(singleTypeName)
       .find({
         ...options,
@@ -93,7 +98,7 @@ export async function fetchDocument<T = API.Document>(
   const { isEnabled: isDraftMode } = await draftMode();
 
   try {
-    const { data } = await createClient(config)
+    const { data } = await createClient(config, isDraftMode)
       .collection(collectionName)
       .findOne(documentId, {
         ...options,

next/lib/strapi/fetchContentType.ts

@@ -687,10 +687,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/env@npm:15.5.7":
-  version: 15.5.7
-  resolution: "@next/env@npm:15.5.7"
-  checksum: 10c0/f92d99e5fa3516c6b7699abafd9bd813f5c1889dd257ab098f1b71f93137f5e4f49792e22f6dddf8a59efcb134e8e84277c983ff88607b2a42aac651bfde78ea
+"@next/env@npm:15.5.8":
+  version: 15.5.8
+  resolution: "@next/env@npm:15.5.8"
+  checksum: 10c0/77a33346f6350e8e68d4f308d9a40301e1c681b4b31f9ea2e2da15773433fa7e781b8351092bbf278bed07cee7a50f8351cbcb5107f999397d45c4959fc6ca0d
   languageName: node
   linkType: hard
 
@@ -4880,11 +4880,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next@npm:15.5.7":
-  version: 15.5.7
-  resolution: "next@npm:15.5.7"
+"next@npm:15.5.8":
+  version: 15.5.8
+  resolution: "next@npm:15.5.8"
   dependencies:
-    "@next/env": "npm:15.5.7"
+    "@next/env": "npm:15.5.8"
     "@next/swc-darwin-arm64": "npm:15.5.7"
     "@next/swc-darwin-x64": "npm:15.5.7"
     "@next/swc-linux-arm64-gnu": "npm:15.5.7"
@@ -4935,7 +4935,7 @@ __metadata:
       optional: true
   bin:
     next: dist/bin/next
-  checksum: 10c0/baf5b9f42416c478702b3894479b3d7862bc4abf18afe0e43b7fc7ed35567b8dc6cb76cd94906505bab9013cb8d0f3370cdc0451c01ec15ae5a638d37b5ba7c7
+  checksum: 10c0/9f7732bc5782ec9701774cc0ba4d209e43d0d82611af3340db3144e7ac3fb4e39556ae8b37a8a4679b6e8754c6764814217c6fc15ddb2538a6e4ebe6a4aa42a9
   languageName: node
   linkType: hard
 
@@ -4972,7 +4972,7 @@ __metadata:
     fuzzy-search: "npm:^3.2.1"
     mini-svg-data-uri: "npm:^1.4.4"
     negotiator: "npm:^0.6.3"
-    next: "npm:15.5.7"
+    next: "npm:15.5.8"
     next-view-transitions: "npm:^0.2.0"
     postcss: "npm:^8"
     qs: "npm:^6.14.0"

next/yarn.lock

@@ -19,10 +19,10 @@
     "typescript": "^5"
   },
   "dependencies": {
-    "@strapi/plugin-cloud": "5.30.0",
+    "@strapi/plugin-cloud": "^5.30.0",
     "@strapi/plugin-seo": "^2.0.4",
-    "@strapi/plugin-users-permissions": "5.30.0",
-    "@strapi/strapi": "5.30.0",
+    "@strapi/plugin-users-permissions": "^5.30.0",
+    "@strapi/strapi": "^5.30.0",
     "better-sqlite3": "11.7.0",
     "patch-package": "^8.0.0",
     "pluralize": "^8.0.0",