@orion-studios/payload-studio 0.5.0-beta.15 → 0.5.0-beta.17

package/dist/studio-pages/client.mjs

@@ -773,6 +773,19 @@ function getRelationID(value) {
   }
   return null;
 }
+function getMediaURL(value) {
+  if (!value || typeof value !== "object") {
+    return "";
+  }
+  const typed = value;
+  if (typeof typed.url === "string" && typed.url.trim().length > 0) {
+    return typed.url.trim();
+  }
+  if (typeof typed.filename === "string" && typed.filename.trim().length > 0) {
+    return `/api/media/file/${encodeURIComponent(typed.filename)}`;
+  }
+  return "";
+}
 function extractUploadedMedia(value) {
   const candidate = value && typeof value === "object" && "doc" in value ? value.doc : value;
   if (!candidate || typeof candidate !== "object") {
@@ -1438,6 +1451,25 @@ function BuilderPageEditor({ initialDoc, pageID }) {
       setUploadingTarget(null);
     }
   };
+  const withHeroMediaFallbacks = (sourceLayout) => sourceLayout.map((block) => {
+    if (!block || typeof block !== "object") {
+      return block;
+    }
+    const nextBlock = { ...block };
+    const blockType = normalizeText(nextBlock.blockType);
+    if (blockType !== "hero") {
+      return nextBlock;
+    }
+    const existingBackgroundImageURL = normalizeText(nextBlock.backgroundImageURL).trim();
+    if (existingBackgroundImageURL.length > 0) {
+      return nextBlock;
+    }
+    const mediaURL = getMediaURL(nextBlock.media);
+    if (mediaURL.length > 0) {
+      nextBlock.backgroundImageURL = mediaURL;
+    }
+    return nextBlock;
+  });
   const toPersistedLayout = (sourceLayout) => sourceLayout.map((block) => {
     if (!block || typeof block !== "object") {
       return block;
@@ -1601,13 +1633,14 @@ function BuilderPageEditor({ initialDoc, pageID }) {
     setSaveError("");
     setSaveMessage("");
     try {
-      const persistedLayout = toPersistedLayout(layout);
+      const normalizedLayout = withHeroMediaFallbacks(layout);
+      const persistedLayout = toPersistedLayout(normalizedLayout);
       const response = await fetch(`/api/pages/${pageID}`, {
         body: JSON.stringify({
           _status: status,
           layout: persistedLayout,
           studioDocument: layoutToStudioDocument(
-            layout,
+            normalizedLayout,
             title,
             {
               pageWidthDefault: pageDefaults.pageWidthDefault

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.5.0-beta.15",
+  "version": "0.5.0-beta.17",
   "description": "Unified Payload CMS toolkit for Orion Studios",
   "types": "./dist/index.d.ts",
   "exports": {