@orion-studios/payload-studio 0.5.0-beta.98 → 0.6.0-beta.1

package/dist/chunk-OQSEJXC4.mjs

@@ -0,0 +1,166 @@
+// src/blocks/blocks/sectionStyleFields.ts
+var sectionStyleDefaults = {
+  contentBackgroundColor: "#ffffff",
+  contentBackgroundMode: "none",
+  contentGradientAngle: "135",
+  contentGradientFrom: "#ffffff",
+  contentGradientPreset: "none",
+  contentGradientTo: "#f4f6f8",
+  contentWidth: "inherit",
+  sectionPaddingX: "inherit",
+  sectionBackgroundColor: "#ffffff",
+  sectionBackgroundMode: "none",
+  sectionGradientAngle: "135",
+  sectionGradientFrom: "#334b63",
+  sectionGradientPreset: "slate",
+  sectionGradientTo: "#496582",
+  sectionPaddingY: "md",
+  sectionWidth: "content"
+};
+var hideFromCMS = (field) => ({
+  ...field,
+  admin: {
+    ...field.admin || {},
+    hidden: true
+  }
+});
+var sectionStyleFields = () => {
+  const fields = [
+    {
+      name: "sectionWidth",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionWidth,
+      options: [
+        { label: "Content", value: "content" },
+        { label: "Wide", value: "wide" },
+        { label: "Full", value: "full" }
+      ]
+    },
+    {
+      name: "contentWidth",
+      type: "select",
+      defaultValue: sectionStyleDefaults.contentWidth,
+      options: [
+        { label: "Inherit", value: "inherit" },
+        { label: "Narrow", value: "narrow" },
+        { label: "Content", value: "content" },
+        { label: "Wide", value: "wide" },
+        { label: "Full", value: "full" }
+      ]
+    },
+    {
+      name: "sectionPaddingY",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionPaddingY,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Small", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Large", value: "lg" }
+      ]
+    },
+    {
+      name: "sectionPaddingX",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionPaddingX,
+      options: [
+        { label: "Inherit", value: "inherit" },
+        { label: "None", value: "none" },
+        { label: "Small", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Large", value: "lg" }
+      ]
+    },
+    {
+      name: "sectionBackgroundMode",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionBackgroundMode,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Color", value: "color" },
+        { label: "Gradient", value: "gradient" }
+      ]
+    },
+    {
+      name: "sectionBackgroundColor",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionBackgroundColor
+    },
+    {
+      name: "sectionGradientPreset",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionGradientPreset,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Brand", value: "brand" },
+        { label: "Forest", value: "forest" },
+        { label: "Moss", value: "moss" },
+        { label: "Cream", value: "cream" },
+        { label: "Slate", value: "slate" }
+      ]
+    },
+    {
+      name: "sectionGradientFrom",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionGradientFrom
+    },
+    {
+      name: "sectionGradientTo",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionGradientTo
+    },
+    {
+      name: "sectionGradientAngle",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionGradientAngle
+    },
+    {
+      name: "contentBackgroundMode",
+      type: "select",
+      defaultValue: sectionStyleDefaults.contentBackgroundMode,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Color", value: "color" },
+        { label: "Gradient", value: "gradient" }
+      ]
+    },
+    {
+      name: "contentBackgroundColor",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentBackgroundColor
+    },
+    {
+      name: "contentGradientPreset",
+      type: "select",
+      defaultValue: sectionStyleDefaults.contentGradientPreset,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Cloud", value: "cloud" },
+        { label: "Sand", value: "sand" },
+        { label: "Mint", value: "mint" },
+        { label: "Night", value: "night" }
+      ]
+    },
+    {
+      name: "contentGradientFrom",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentGradientFrom
+    },
+    {
+      name: "contentGradientTo",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentGradientTo
+    },
+    {
+      name: "contentGradientAngle",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentGradientAngle
+    }
+  ];
+  return fields.map(hideFromCMS);
+};
+
+export {
+  sectionStyleDefaults,
+  sectionStyleFields
+};

package/dist/{chunk-XHWQJUX5.mjs → chunk-OTHERBGX.mjs}

@@ -3,12 +3,12 @@ import {
   SOCIAL_MEDIA_PLATFORMS,
   SOCIAL_MEDIA_PLATFORM_LABELS
 } from "./chunk-ZTXJG4K5.mjs";
+import {
+  studioDocumentToLayout
+} from "./chunk-PF3EBZXF.mjs";
 import {
   assertStudioDocumentV1
 } from "./chunk-ADIIWIYL.mjs";
-import {
-  studioDocumentToLayout
-} from "./chunk-C4J35SPJ.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";

package/dist/chunk-PF3EBZXF.mjs

@@ -0,0 +1,326 @@
+// src/studio-pages/builder/settings-v2/types.ts
+var defaultBuilderBlockSettingsV2 = {
+  advanced: {
+    customClassName: "",
+    editCopyInPanel: false,
+    hideOnMobile: false
+  },
+  appearance: {
+    contentBackgroundColor: "#ffffff",
+    contentBackgroundMode: "none",
+    contentGradientAngle: "135",
+    contentGradientFrom: "#ffffff",
+    contentGradientPreset: "none",
+    contentGradientTo: "#f4f6f8",
+    sectionBackgroundColor: "#ffffff",
+    sectionBackgroundMode: "none",
+    sectionGradientAngle: "135",
+    sectionGradientFrom: "#334b63",
+    sectionGradientPreset: "slate",
+    sectionGradientTo: "#496582"
+  },
+  layout: {
+    contentWidth: "inherit",
+    linkHorizontalPadding: true,
+    linkVerticalPadding: true,
+    paddingBottomPt: null,
+    paddingLeftPt: null,
+    paddingRightPt: null,
+    paddingTopPt: null,
+    sectionPaddingX: "inherit",
+    sectionPaddingY: "md"
+  },
+  media: {
+    cornerStyle: "rounded",
+    fit: "cover",
+    height: null,
+    position: "center",
+    positionX: null,
+    positionY: null
+  },
+  typography: {
+    bodyAlign: "left",
+    headingAlign: "left",
+    letterSpacingPreset: "normal",
+    lineHeightPreset: "normal",
+    maxTextWidth: "auto"
+  },
+  version: 2
+};
+var defaultBuilderItemSettingsV2 = {
+  layout: {
+    contentWidth: "inherit",
+    linkHorizontalPadding: true,
+    linkVerticalPadding: true,
+    paddingBottomPt: null,
+    paddingLeftPt: null,
+    paddingRightPt: null,
+    paddingTopPt: null,
+    sectionPaddingX: "inherit",
+    sectionPaddingY: "md"
+  },
+  media: {
+    cornerStyle: "rounded",
+    fit: "cover",
+    height: null,
+    position: "center",
+    positionX: null,
+    positionY: null
+  },
+  typography: {
+    bodyAlign: "left",
+    headingAlign: "left",
+    letterSpacingPreset: "normal",
+    lineHeightPreset: "normal",
+    maxTextWidth: "auto"
+  },
+  version: 2
+};
+var defaultBuilderThemeTokens = {
+  colors: {
+    accent: "#334b63",
+    bodyText: "#425163",
+    headingText: "#182332",
+    surface: "#ffffff"
+  },
+  radii: {
+    card: 16,
+    panel: 14
+  },
+  spacing: {
+    sectionGap: "md",
+    sectionPadding: "md"
+  },
+  typography: {
+    bodySize: "md",
+    headingSize: "md"
+  }
+};
+
+// src/studio-pages/builder/adapters/settingsV2.ts
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var parsePercent = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return Math.max(0, Math.min(100, value));
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return Math.max(0, Math.min(100, parsed));
+    }
+  }
+  return null;
+};
+var parsePixel = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+  return null;
+};
+var mergeSettings = (defaults, input) => {
+  if (!isRecord(input)) {
+    return structuredClone(defaults);
+  }
+  const next = structuredClone(defaults);
+  for (const [key, value] of Object.entries(input)) {
+    if (isRecord(value) && isRecord(next[key])) {
+      next[key] = mergeSettings(next[key], value);
+      continue;
+    }
+    if (typeof value !== "undefined") {
+      next[key] = value;
+    }
+  }
+  return next;
+};
+var legacyBlockToV2Settings = (block) => {
+  const current = structuredClone(defaultBuilderBlockSettingsV2);
+  current.layout.contentWidth = block.contentWidth === "narrow" || block.contentWidth === "content" || block.contentWidth === "wide" || block.contentWidth === "full" || block.contentWidth === "inherit" ? block.contentWidth : current.layout.contentWidth;
+  current.layout.sectionPaddingX = block.sectionPaddingX === "none" || block.sectionPaddingX === "sm" || block.sectionPaddingX === "md" || block.sectionPaddingX === "lg" || block.sectionPaddingX === "inherit" ? block.sectionPaddingX : current.layout.sectionPaddingX;
+  current.layout.sectionPaddingY = block.sectionPaddingY === "none" || block.sectionPaddingY === "sm" || block.sectionPaddingY === "lg" ? block.sectionPaddingY : current.layout.sectionPaddingY;
+  current.appearance.sectionBackgroundMode = block.sectionBackgroundMode === "none" || block.sectionBackgroundMode === "color" || block.sectionBackgroundMode === "gradient" ? block.sectionBackgroundMode : current.appearance.sectionBackgroundMode;
+  current.appearance.sectionBackgroundColor = typeof block.sectionBackgroundColor === "string" ? block.sectionBackgroundColor : current.appearance.sectionBackgroundColor;
+  current.appearance.sectionGradientPreset = typeof block.sectionGradientPreset === "string" ? block.sectionGradientPreset : current.appearance.sectionGradientPreset;
+  current.appearance.sectionGradientFrom = typeof block.sectionGradientFrom === "string" ? block.sectionGradientFrom : current.appearance.sectionGradientFrom;
+  current.appearance.sectionGradientTo = typeof block.sectionGradientTo === "string" ? block.sectionGradientTo : current.appearance.sectionGradientTo;
+  current.appearance.sectionGradientAngle = typeof block.sectionGradientAngle === "string" ? block.sectionGradientAngle : current.appearance.sectionGradientAngle;
+  current.appearance.contentBackgroundMode = block.contentBackgroundMode === "none" || block.contentBackgroundMode === "color" || block.contentBackgroundMode === "gradient" ? block.contentBackgroundMode : current.appearance.contentBackgroundMode;
+  current.appearance.contentBackgroundColor = typeof block.contentBackgroundColor === "string" ? block.contentBackgroundColor : current.appearance.contentBackgroundColor;
+  current.appearance.contentGradientPreset = typeof block.contentGradientPreset === "string" ? block.contentGradientPreset : current.appearance.contentGradientPreset;
+  current.appearance.contentGradientFrom = typeof block.contentGradientFrom === "string" ? block.contentGradientFrom : current.appearance.contentGradientFrom;
+  current.appearance.contentGradientTo = typeof block.contentGradientTo === "string" ? block.contentGradientTo : current.appearance.contentGradientTo;
+  current.appearance.contentGradientAngle = typeof block.contentGradientAngle === "string" ? block.contentGradientAngle : current.appearance.contentGradientAngle;
+  if (block.backgroundImageFit === "cover" || block.backgroundImageFit === "contain") {
+    current.media.fit = block.backgroundImageFit;
+  }
+  if (block.imageFit === "cover" || block.imageFit === "contain") {
+    current.media.fit = block.imageFit;
+  }
+  if (block.backgroundImageCornerStyle === "rounded" || block.backgroundImageCornerStyle === "square") {
+    current.media.cornerStyle = block.backgroundImageCornerStyle;
+  }
+  if (block.imageCornerStyle === "rounded" || block.imageCornerStyle === "square") {
+    current.media.cornerStyle = block.imageCornerStyle;
+  }
+  if (block.backgroundImagePosition === "top" || block.backgroundImagePosition === "bottom" || block.backgroundImagePosition === "left" || block.backgroundImagePosition === "right" || block.backgroundImagePosition === "center") {
+    current.media.position = block.backgroundImagePosition;
+  }
+  if (block.imagePosition === "top" || block.imagePosition === "bottom" || block.imagePosition === "left" || block.imagePosition === "right" || block.imagePosition === "center") {
+    current.media.position = block.imagePosition;
+  }
+  current.media.positionX = parsePercent(block.imagePositionX ?? block.backgroundImagePositionX);
+  current.media.positionY = parsePercent(block.imagePositionY ?? block.backgroundImagePositionY);
+  current.media.height = parsePixel(block.imageHeight);
+  current.typography.headingAlign = block.textHeadingAlign === "left" || block.textHeadingAlign === "center" || block.textHeadingAlign === "right" || block.textHeadingAlign === "justify" ? block.textHeadingAlign : current.typography.headingAlign;
+  current.typography.bodyAlign = block.textBodyAlign === "left" || block.textBodyAlign === "center" || block.textBodyAlign === "right" || block.textBodyAlign === "justify" ? block.textBodyAlign : current.typography.bodyAlign;
+  current.typography.maxTextWidth = block.textMaxWidth === "auto" || block.textMaxWidth === "sm" || block.textMaxWidth === "md" || block.textMaxWidth === "lg" || block.textMaxWidth === "full" ? block.textMaxWidth : current.typography.maxTextWidth;
+  current.typography.lineHeightPreset = block.textLineHeightPreset === "tight" || block.textLineHeightPreset === "normal" || block.textLineHeightPreset === "relaxed" ? block.textLineHeightPreset : current.typography.lineHeightPreset;
+  current.typography.letterSpacingPreset = block.textLetterSpacingPreset === "tight" || block.textLetterSpacingPreset === "normal" || block.textLetterSpacingPreset === "relaxed" ? block.textLetterSpacingPreset : current.typography.letterSpacingPreset;
+  current.advanced.editCopyInPanel = Boolean(block.editCopyInPanel ?? current.advanced.editCopyInPanel);
+  current.advanced.customClassName = typeof block.customClassName === "string" ? block.customClassName : current.advanced.customClassName;
+  current.advanced.hideOnMobile = Boolean(block.hideOnMobile ?? current.advanced.hideOnMobile);
+  return mergeSettings(current, block.settings);
+};
+var v2SettingsToLegacyBlock = (blockWithSettings) => {
+  const settings = legacyBlockToV2Settings(blockWithSettings);
+  const next = {
+    ...blockWithSettings,
+    settings
+  };
+  const blockType = typeof next.blockType === "string" ? next.blockType : "";
+  next.contentWidth = settings.layout.contentWidth;
+  next.sectionPaddingX = settings.layout.sectionPaddingX;
+  next.sectionPaddingY = settings.layout.sectionPaddingY;
+  next.sectionBackgroundMode = settings.appearance.sectionBackgroundMode;
+  next.sectionBackgroundColor = settings.appearance.sectionBackgroundColor;
+  next.sectionGradientPreset = settings.appearance.sectionGradientPreset;
+  next.sectionGradientFrom = settings.appearance.sectionGradientFrom;
+  next.sectionGradientTo = settings.appearance.sectionGradientTo;
+  next.sectionGradientAngle = settings.appearance.sectionGradientAngle;
+  next.contentBackgroundMode = settings.appearance.contentBackgroundMode;
+  next.contentBackgroundColor = settings.appearance.contentBackgroundColor;
+  next.contentGradientPreset = settings.appearance.contentGradientPreset;
+  next.contentGradientFrom = settings.appearance.contentGradientFrom;
+  next.contentGradientTo = settings.appearance.contentGradientTo;
+  next.contentGradientAngle = settings.appearance.contentGradientAngle;
+  next.textHeadingAlign = settings.typography.headingAlign;
+  next.textBodyAlign = settings.typography.bodyAlign;
+  next.textMaxWidth = settings.typography.maxTextWidth;
+  next.textLineHeightPreset = settings.typography.lineHeightPreset;
+  next.textLetterSpacingPreset = settings.typography.letterSpacingPreset;
+  next.editCopyInPanel = settings.advanced.editCopyInPanel;
+  next.customClassName = settings.advanced.customClassName;
+  next.hideOnMobile = settings.advanced.hideOnMobile;
+  delete next.backgroundImagePositionX;
+  delete next.backgroundImagePositionY;
+  delete next.imageHeight;
+  delete next.imagePositionX;
+  delete next.imagePositionY;
+  if (blockType === "hero") {
+    next.backgroundImageFit = settings.media.fit;
+    next.backgroundImageCornerStyle = settings.media.cornerStyle;
+    next.backgroundImagePosition = settings.media.position;
+  } else if (blockType === "media") {
+    next.imageFit = settings.media.fit;
+    next.imageCornerStyle = settings.media.cornerStyle;
+    next.imagePosition = settings.media.position;
+  }
+  if (Array.isArray(next.items)) {
+    next.items = next.items.map((rawItem) => isRecord(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem);
+  }
+  return next;
+};
+var legacyItemToV2Settings = (item) => {
+  const current = structuredClone(defaultBuilderItemSettingsV2);
+  if (item.imageFit === "cover" || item.imageFit === "contain") {
+    current.media.fit = item.imageFit;
+  }
+  if (item.imageCornerStyle === "rounded" || item.imageCornerStyle === "square") {
+    current.media.cornerStyle = item.imageCornerStyle;
+  }
+  if (item.imagePosition === "top" || item.imagePosition === "bottom" || item.imagePosition === "left" || item.imagePosition === "right" || item.imagePosition === "center") {
+    current.media.position = item.imagePosition;
+  }
+  current.media.positionX = parsePercent(item.imagePositionX);
+  current.media.positionY = parsePercent(item.imagePositionY);
+  current.media.height = parsePixel(item.imageHeight);
+  return mergeSettings(current, item.settings);
+};
+var v2SettingsToLegacyItem = (itemWithSettings) => {
+  const settings = legacyItemToV2Settings(itemWithSettings);
+  return {
+    ...itemWithSettings,
+    imageCornerStyle: settings.media.cornerStyle,
+    imageFit: settings.media.fit,
+    imageHeight: settings.media.height,
+    imagePosition: settings.media.position,
+    imagePositionX: settings.media.positionX,
+    imagePositionY: settings.media.positionY,
+    settings
+  };
+};
+var migrateBlockToSettingsV2 = (block) => {
+  const withLegacyMirrors = v2SettingsToLegacyBlock(block);
+  if (!Array.isArray(withLegacyMirrors.items)) {
+    return withLegacyMirrors;
+  }
+  return {
+    ...withLegacyMirrors,
+    items: withLegacyMirrors.items.map((rawItem) => isRecord(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem)
+  };
+};
+
+// src/studio-pages/document.ts
+var ensureNodeID = (value, index) => {
+  if (typeof value === "string" && value.trim().length > 0) {
+    return value.trim();
+  }
+  return `node-${index + 1}`;
+};
+var layoutToStudioDocument = (layout, title, metadata) => {
+  const nodes = layout.filter((block) => typeof block.blockType === "string").map((rawBlock, index) => {
+    const block = migrateBlockToSettingsV2(rawBlock);
+    const blockType = String(block.blockType);
+    const { id, blockType: _ignoredBlockType, ...data } = block;
+    return {
+      id: ensureNodeID(id, index),
+      type: blockType,
+      data
+    };
+  });
+  return {
+    metadata,
+    schemaVersion: 1,
+    title,
+    nodes,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+};
+var studioDocumentToLayout = (document) => document.nodes.map(
+  (node) => migrateBlockToSettingsV2({
+    id: node.id,
+    blockType: node.type,
+    ...node.data
+  })
+);
+var createDefaultStudioDocument = (title) => ({
+  metadata: {},
+  schemaVersion: 1,
+  title,
+  nodes: [],
+  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+});
+
+export {
+  defaultBuilderThemeTokens,
+  migrateBlockToSettingsV2,
+  layoutToStudioDocument,
+  studioDocumentToLayout,
+  createDefaultStudioDocument
+};