@orion-studios/payload-studio 0.5.0-beta.4 → 0.5.0-beta.41

package/dist/index.mjs

@@ -1,22 +1,22 @@
+import {
+  admin_app_exports
+} from "./chunk-XVH5SCBD.mjs";
 import {
   admin_exports
-} from "./chunk-J7W5EE3B.mjs";
+} from "./chunk-7IGLXLUB.mjs";
+import {
+  blocks_exports
+} from "./chunk-XQYJXB46.mjs";
+import {
+  nextjs_exports
+} from "./chunk-GNYOAC5N.mjs";
 import {
   studio_exports
 } from "./chunk-N67KVM2S.mjs";
-import {
-  admin_app_exports
-} from "./chunk-AAOHJDNS.mjs";
 import {
   studio_pages_exports
-} from "./chunk-UJFU323N.mjs";
-import {
-  nextjs_exports
-} from "./chunk-ZLLNO5FM.mjs";
-import {
-  blocks_exports
-} from "./chunk-PC5622T7.mjs";
-import "./chunk-ETRRXURT.mjs";
+} from "./chunk-LB72FZZ3.mjs";
+import "./chunk-SIL2J5MF.mjs";
 import "./chunk-6BWS3CLP.mjs";
 export {
   admin_exports as admin,

package/dist/nextjs/index.d.mts

@@ -1,2 +1,2 @@
-export { F as FooterData, H as HeaderData, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia } from '../index-DbH0Ljwp.mjs';
+export { F as FooterData, H as HeaderData, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia } from '../index-CpG3UHcS.mjs';
 import 'payload';

package/dist/nextjs/index.d.ts

@@ -1,2 +1,2 @@
-export { F as FooterData, H as HeaderData, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia } from '../index-DbH0Ljwp.js';
+export { F as FooterData, H as HeaderData, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia } from '../index-CpG3UHcS.js';
 import 'payload';

package/dist/nextjs/index.js

@@ -43,6 +43,276 @@ function createPayloadClient(config) {
 
 // src/nextjs/queries/pages.ts
 var import_cache = require("next/cache");
+
+// src/studio/index.ts
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+function assertStudioDocumentV1(input) {
+  if (!isRecord(input)) {
+    throw new Error("Studio document must be an object");
+  }
+  if (input.schemaVersion !== 1) {
+    throw new Error("Unsupported studio schemaVersion");
+  }
+  if (!Array.isArray(input.nodes)) {
+    throw new Error("Studio document nodes must be an array");
+  }
+  const nodes = input.nodes.map((node, index) => {
+    if (!isRecord(node)) {
+      throw new Error(`Node at index ${index} must be an object`);
+    }
+    if (typeof node.id !== "string" || node.id.length === 0) {
+      throw new Error(`Node at index ${index} has invalid id`);
+    }
+    if (typeof node.type !== "string" || node.type.length === 0) {
+      throw new Error(`Node at index ${index} has invalid type`);
+    }
+    if (!isRecord(node.data)) {
+      throw new Error(`Node at index ${index} has invalid data`);
+    }
+    return {
+      id: node.id,
+      type: node.type,
+      data: node.data
+    };
+  });
+  return {
+    metadata: isRecord(input.metadata) ? input.metadata : void 0,
+    schemaVersion: 1,
+    title: typeof input.title === "string" ? input.title : void 0,
+    nodes,
+    updatedAt: typeof input.updatedAt === "string" ? input.updatedAt : void 0
+  };
+}
+
+// src/blocks/blocks/sectionStyleFields.ts
+var sectionStyleDefaults = {
+  contentBackgroundColor: "#ffffff",
+  contentBackgroundMode: "none",
+  contentGradientAngle: "135",
+  contentGradientFrom: "#ffffff",
+  contentGradientPreset: "none",
+  contentGradientTo: "#f4f6f2",
+  contentWidth: "inherit",
+  sectionPaddingX: "inherit",
+  sectionBackgroundColor: "#ffffff",
+  sectionBackgroundMode: "none",
+  sectionGradientAngle: "135",
+  sectionGradientFrom: "#124a37",
+  sectionGradientPreset: "forest",
+  sectionGradientTo: "#1f684f",
+  sectionPaddingY: "md",
+  sectionWidth: "content"
+};
+
+// src/studio-pages/index.ts
+var withSectionStyleDefaults = (value) => ({
+  ...sectionStyleDefaults,
+  ...value
+});
+var defaultNodeData = {
+  bookingEmbed: {
+    ...withSectionStyleDefaults({}),
+    buttonHref: "/contact",
+    buttonLabel: "Book Consultation",
+    description: "Let visitors book a consultation.",
+    title: "Book a Time"
+  },
+  beforeAfter: withSectionStyleDefaults({
+    items: [
+      {
+        description: "Before and after result summary.",
+        imageCornerStyle: "rounded",
+        imageFit: "cover",
+        imagePosition: "center",
+        label: "Project One"
+      }
+    ],
+    subtitle: "Show visual proof from real projects.",
+    title: "Before & After Results"
+  }),
+  cta: {
+    ...withSectionStyleDefaults({}),
+    backgroundColor: "#1f684f",
+    buttonHref: "/contact",
+    buttonLabel: "Contact Us",
+    description: "Optional supporting copy.",
+    headline: "Ready to get started?",
+    style: "light"
+  },
+  faq: {
+    ...withSectionStyleDefaults({}),
+    items: [{ answer: "Answer goes here.", question: "Frequently asked question?" }],
+    title: "Frequently Asked Questions"
+  },
+  featureGrid: {
+    ...withSectionStyleDefaults({}),
+    items: [
+      { description: "Explain this point.", iconType: "badge", icon: "01", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature One" },
+      { description: "Explain this point.", iconType: "badge", icon: "02", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Two" },
+      { description: "Explain this point.", iconType: "badge", icon: "03", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Three" }
+    ],
+    title: "Section Title",
+    variant: "cards"
+  },
+  formEmbed: {
+    ...withSectionStyleDefaults({}),
+    description: "Collect lead details from visitors.",
+    formType: "quote",
+    title: "Request a Quote"
+  },
+  hero: {
+    ...withSectionStyleDefaults({}),
+    backgroundColor: "",
+    backgroundOverlayMode: "none",
+    backgroundOverlayOpacity: 45,
+    backgroundOverlayColor: "#000000",
+    backgroundOverlayGradientFrom: "#0d4a37",
+    backgroundOverlayGradientTo: "#1f684f",
+    backgroundOverlayGradientAngle: "135",
+    backgroundOverlayGradientFromStrength: 100,
+    backgroundOverlayGradientToStrength: 100,
+    backgroundOverlayGradientStart: 0,
+    backgroundOverlayGradientEnd: 100,
+    backgroundOverlayGradientFeather: 100,
+    backgroundImageCornerStyle: "rounded",
+    backgroundImageFit: "cover",
+    backgroundImagePosition: "center",
+    heroHeight: "sm",
+    headline: "New Hero Section",
+    kicker: "Optional kicker",
+    primaryHref: "/contact",
+    primaryLabel: "Primary Action",
+    secondaryHref: "/services",
+    secondaryLabel: "Secondary Action",
+    subheadline: "Describe your offer clearly for website visitors.",
+    variant: "default"
+  },
+  media: {
+    ...withSectionStyleDefaults({}),
+    caption: "Add a caption",
+    imageCornerStyle: "rounded",
+    imageFit: "cover",
+    imagePosition: "center",
+    size: "default"
+  },
+  logoWall: withSectionStyleDefaults({
+    items: [
+      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 1" },
+      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 2" },
+      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 3" }
+    ],
+    subtitle: "Trusted by teams and homeowners across Central Texas.",
+    title: "Trusted by Local Organizations"
+  }),
+  richText: {
+    ...withSectionStyleDefaults({}),
+    content: {
+      root: {
+        children: [
+          {
+            children: [
+              {
+                detail: 0,
+                format: 0,
+                mode: "normal",
+                style: "",
+                text: "Write your content here.",
+                type: "text",
+                version: 1
+              }
+            ],
+            direction: "ltr",
+            format: "",
+            indent: 0,
+            type: "paragraph",
+            version: 1
+          }
+        ],
+        direction: "ltr",
+        format: "",
+        indent: 0,
+        type: "root",
+        version: 1
+      }
+    },
+    title: "Section Heading",
+    width: "normal"
+  },
+  testimonials: {
+    ...withSectionStyleDefaults({}),
+    autoRotate: true,
+    items: [{ location: "City, ST", name: "Customer Name", quote: "Customer feedback goes here." }],
+    rotateIntervalSeconds: 7,
+    title: "What Customers Say",
+    visibleCount: 3
+  },
+  stats: withSectionStyleDefaults({
+    items: [
+      { description: "Average response time", label: "Same-Day Quotes", value: "24h" },
+      { description: "Projects completed", label: "Completed Jobs", value: "1,200+" },
+      { description: "Client satisfaction score", label: "Satisfaction", value: "4.9/5" }
+    ],
+    subtitle: "Highlight measurable outcomes to build trust quickly.",
+    title: "Performance Highlights"
+  })
+};
+var nodeTypeLabels = {
+  bookingEmbed: "Booking Embed",
+  beforeAfter: "Before / After",
+  cta: "Call To Action",
+  faq: "FAQ",
+  featureGrid: "Feature Grid",
+  formEmbed: "Form Embed",
+  hero: "Hero",
+  logoWall: "Logo Wall",
+  media: "Media",
+  richText: "Rich Text",
+  stats: "Stats",
+  testimonials: "Testimonials"
+};
+var pageNodeTypes = Object.keys(defaultNodeData).map((type) => ({
+  type,
+  displayName: nodeTypeLabels[type] || type,
+  description: `Page node for ${nodeTypeLabels[type] || type}`,
+  getDefaultData: () => structuredClone(defaultNodeData[type])
+}));
+var pageInspectorPanels = Object.keys(defaultNodeData).map((nodeType) => ({
+  id: `${nodeType}-panel`,
+  label: `${nodeTypeLabels[nodeType] || nodeType} Settings`,
+  nodeType,
+  fields: [
+    {
+      key: "title",
+      label: "Title",
+      type: "text"
+    }
+  ]
+}));
+var studioDocumentToLayout = (document) => document.nodes.map((node) => ({
+  id: node.id,
+  blockType: node.type,
+  ...node.data
+}));
+
+// src/nextjs/queries/pages.ts
+var PAGE_QUERY_CACHE_VERSION = "v2-studio-layout-published-only";
+function withStudioDocumentLayout(page) {
+  if (!page) {
+    return null;
+  }
+  try {
+    const studioDocument = assertStudioDocumentV1(page.studioDocument);
+    const compiledLayout = studioDocumentToLayout(studioDocument);
+    if (Array.isArray(compiledLayout) && compiledLayout.length > 0) {
+      return {
+        ...page,
+        layout: compiledLayout
+      };
+    }
+  } catch {
+  }
+  return page;
+}
 function normalizePath(segments) {
   if (!segments || segments.length === 0) {
     return "/";
@@ -51,35 +321,42 @@ function normalizePath(segments) {
   return cleaned.length > 0 ? `/${cleaned}` : "/";
 }
 async function queryPageByPath(payload, path, draft) {
+  const pathWhere = {
+    path: {
+      equals: path
+    }
+  };
+  const publishedWhere = {
+    _status: {
+      equals: "published"
+    }
+  };
   const result = await payload.find({
     collection: "pages",
     depth: 2,
     draft,
     limit: 1,
     overrideAccess: false,
-    where: {
-      path: {
-        equals: path
-      }
-    }
+    where: draft ? pathWhere : { and: [pathWhere, publishedWhere] }
   });
   if (result.docs.length > 0) {
-    return result.docs[0] || null;
+    return withStudioDocumentLayout(result.docs[0] || null);
   }
   if (path === "/") {
+    const homeWhere = {
+      slug: {
+        equals: "home"
+      }
+    };
     const homeResult = await payload.find({
       collection: "pages",
       depth: 2,
       draft,
       limit: 1,
       overrideAccess: false,
-      where: {
-        slug: {
-          equals: "home"
-        }
-      }
+      where: draft ? homeWhere : { and: [homeWhere, publishedWhere] }
     });
-    return homeResult.docs[0] || null;
+    return withStudioDocumentLayout(homeResult.docs[0] || null);
   }
   return null;
 }
@@ -89,7 +366,7 @@ function createPageQueries(getPayloadClient, contentTag = "website-content") {
       const payload = await getPayloadClient();
       return queryPageByPath(payload, path, false);
     },
-    ["page-by-path"],
+    ["page-by-path", PAGE_QUERY_CACHE_VERSION],
     { tags: [contentTag] }
   );
   async function getPageBySegments(segments, draft = false) {

package/dist/nextjs/index.mjs

@@ -4,7 +4,10 @@ import {
   createPayloadClient,
   createSiteQueries,
   resolveMedia
-} from "../chunk-ZLLNO5FM.mjs";
+} from "../chunk-GNYOAC5N.mjs";
+import "../chunk-N67KVM2S.mjs";
+import "../chunk-LB72FZZ3.mjs";
+import "../chunk-SIL2J5MF.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   WEBSITE_CONTENT_TAG,

package/dist/studio-pages/builder.css

@@ -38,6 +38,22 @@ h4 {
   padding-inline: var(--orion-shell-inline);
 }
 
+.orion-builder-shell.padx-none {
+  --orion-shell-inline: 0px;
+}
+
+.orion-builder-shell.padx-sm {
+  --orion-shell-inline: 0.6rem;
+}
+
+.orion-builder-shell.padx-md {
+  --orion-shell-inline: 1.2rem;
+}
+
+.orion-builder-shell.padx-lg {
+  --orion-shell-inline: 2rem;
+}
+
 .orion-builder-shell.pad-sm {
   --orion-shell-padding-y: 1.4rem;
 }
@@ -88,8 +104,13 @@ h4 {
   padding: 0;
 }
 
-.orion-builder-content .hero {
+.orion-builder-shell .hero {
   margin: 0;
+  background: transparent;
+}
+
+.orion-builder-shell .hero-media {
+  background: transparent;
 }
 
 .section {
@@ -149,11 +170,14 @@ h4 {
 
 .hero-grid {
   display: grid;
+  border-radius: inherit;
+  overflow: hidden;
 }
 
 .hero-media {
   min-height: 360px;
   background: transparent;
+  border-radius: inherit;
 }
 
 .hero-content {