@orion-studios/payload-studio 0.5.0-beta.8 → 0.5.0-beta.80

package/dist/{chunk-J7W5EE3B.mjs → chunk-HCEPGEAI.mjs}

@@ -7,6 +7,7 @@ import {
 var admin_exports = {};
 __export(admin_exports, {
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
   createThemePreferenceField: () => createThemePreferenceField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
@@ -61,14 +62,25 @@ function configureAdmin(config) {
     defaultTheme = "brand-light",
     logoUrl
   } = config;
-  const studioEnabled = Boolean(config.studio?.enabled);
+  const studioEnabled = config.studio?.enabled ?? true;
   const pagesCollectionSlug = config.studio?.pages?.collectionSlug || "pages";
   const mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
-  const globals = config.studio?.globals || [
+  const contactFormStudioPath = "/studio-contact-form";
+  const configuredGlobals = config.studio?.globals || [
     { slug: "site-settings", label: "Website Settings" },
     { slug: "header", label: "Header & Navigation" },
-    { slug: "footer", label: "Footer" }
+    { slug: "footer", label: "Footer" },
+    { slug: "contact-form", label: "Contact Form" }
   ];
+  const globals = configuredGlobals.map((global) => {
+    if (global.slug !== "contact-form" || global.href) {
+      return global;
+    }
+    return {
+      ...global,
+      href: contactFormStudioPath
+    };
+  });
   let cssPath;
   const pkgDist = getPkgDistDir();
   const sourceCssPath = path.resolve(pkgDist, "admin.css");
@@ -98,7 +110,8 @@ function configureAdmin(config) {
             clientProps: {
               brandName,
               logoUrl,
-              globalsBasePath: "/admin/studio-globals",
+              globalsBasePath: "/studio-globals",
+              globalsExtraMatchPrefixes: [contactFormStudioPath],
               mediaCollectionSlug,
               pagesCollectionSlug
             }
@@ -130,7 +143,8 @@ function configureAdmin(config) {
               clientProps: {
                 brandName,
                 logoUrl,
-                globalsBasePath: "/admin/studio-globals",
+                globalsBasePath: "/studio-globals",
+                globalsExtraMatchPrefixes: [contactFormStudioPath],
                 mediaCollectionSlug,
                 pagesCollectionSlug
               }
@@ -144,7 +158,18 @@ function configureAdmin(config) {
                 path: clientPath,
                 clientProps: {
                   globals,
-                  globalsBasePath: "/admin/studio-globals"
+                  globalsBasePath: "/studio-globals"
+                }
+              }
+            },
+            studioContactForm: {
+              path: "/studio-contact-form",
+              Component: {
+                exportName: "AdminStudioContactFormView",
+                path: clientPath,
+                clientProps: {
+                  globalSlug: "contact-form",
+                  globalsBasePath: "/studio-globals"
                 }
               }
             }
@@ -191,16 +216,47 @@ function configureAdmin(config) {
       const labelMap = {
         header: { group: "Site Design", label: "Header & Navigation" },
         footer: { group: "Site Design", label: "Footer" },
-        "site-settings": { group: "Site Design", label: "Website Settings" }
+        "site-settings": { group: "Site Design", label: "Website Settings" },
+        "contact-form": { group: "Lead Forms", label: "Contact Form" }
       };
       return globals2.map((global) => {
         const mapping = labelMap[global.slug];
         if (!mapping) return global;
+        const shouldAttachContactFormRedirect = studioEnabled && global.slug === "contact-form";
+        const existingViews = global.admin?.components?.views;
+        const existingEditViews = existingViews?.edit;
+        const hasCustomContactFormEditView = Boolean(
+          existingEditViews?.root || existingEditViews?.default && typeof existingEditViews.default === "object" && existingEditViews.default.Component
+        );
+        const contactFormEditViews = shouldAttachContactFormRedirect && !hasCustomContactFormEditView ? {
+          ...existingEditViews,
+          default: {
+            ...typeof existingEditViews?.default === "object" ? existingEditViews.default : {},
+            Component: {
+              exportName: "StudioContactFormRedirect",
+              path: clientPath,
+              clientProps: {
+                studioContactFormPath: contactFormStudioPath
+              }
+            }
+          }
+        } : existingEditViews;
         return {
           ...global,
           admin: {
             ...global.admin,
-            group: mapping.group
+            group: mapping.group,
+            components: {
+              ...global.admin?.components,
+              ...shouldAttachContactFormRedirect ? {
+                views: {
+                  ...existingViews,
+                  ...contactFormEditViews ? {
+                    edit: contactFormEditViews
+                  } : {}
+                }
+              } : {}
+            }
           },
           label: mapping.label
         };
@@ -269,10 +325,46 @@ function addTooltipToField(field, tooltips) {
   return field;
 }
 
+// src/admin/fields/headerNav.ts
+var createHeaderNavItemsField = () => ({
+  name: "navItems",
+  type: "array",
+  labels: { singular: "Navigation Link", plural: "Navigation Links" },
+  admin: {
+    description: "The links displayed in your website's main navigation menu."
+  },
+  fields: [
+    {
+      name: "label",
+      type: "text",
+      required: true,
+      admin: {
+        description: "The text shown for this navigation link."
+      }
+    },
+    {
+      name: "href",
+      type: "text",
+      required: true,
+      admin: {
+        description: 'The URL this link points to (e.g., "/about" or "https://example.com").'
+      }
+    },
+    {
+      name: "parentHref",
+      type: "text",
+      admin: {
+        description: "Optional parent link URL. If set to another nav item href, this item appears in that dropdown."
+      }
+    }
+  ]
+});
+
 export {
   createThemePreferenceField,
   themePreferenceField,
   configureAdmin,
   withTooltips,
+  createHeaderNavItemsField,
   admin_exports
 };

package/dist/chunk-ROTPP5CU.mjs

@@ -0,0 +1,99 @@
+'use client';
+
+// src/shared/clientImageUploadOptimization.ts
+var MAX_DIRECT_UPLOAD_BYTES = 4e6;
+var extensionForMimeType = (mimeType) => {
+  switch (mimeType) {
+    case "image/webp":
+      return ".webp";
+    case "image/png":
+      return ".png";
+    default:
+      return ".jpg";
+  }
+};
+var detectCanvasTransparency = (context, width, height) => {
+  try {
+    const { data } = context.getImageData(0, 0, width, height);
+    for (let index = 3; index < data.length; index += 4) {
+      if (data[index] < 255) {
+        return true;
+      }
+    }
+  } catch {
+  }
+  return false;
+};
+var resolveOutputMimeTypes = (sourceMime, hasTransparency) => {
+  const candidates = [];
+  if (hasTransparency) {
+    candidates.push("image/webp", "image/png");
+  } else if (sourceMime === "image/webp") {
+    candidates.push("image/webp", "image/jpeg");
+  } else if (sourceMime === "image/png") {
+    candidates.push("image/webp", "image/jpeg", "image/png");
+  } else {
+    candidates.push("image/jpeg", "image/webp");
+  }
+  return [...new Set(candidates)];
+};
+async function optimizeImageForUpload(file) {
+  if (!file.type.startsWith("image/")) {
+    return file;
+  }
+  const objectURL = URL.createObjectURL(file);
+  try {
+    const image = await new Promise((resolve, reject) => {
+      const nextImage = new Image();
+      nextImage.onload = () => resolve(nextImage);
+      nextImage.onerror = () => reject(new Error("Could not read image for upload optimization."));
+      nextImage.src = objectURL;
+    });
+    const canvas = document.createElement("canvas");
+    canvas.width = Math.max(1, image.width);
+    canvas.height = Math.max(1, image.height);
+    const context = canvas.getContext("2d");
+    if (!context) {
+      return file;
+    }
+    context.drawImage(image, 0, 0, canvas.width, canvas.height);
+    const sourceMime = file.type.toLowerCase();
+    const hasTransparency = detectCanvasTransparency(context, canvas.width, canvas.height);
+    const outputMimes = resolveOutputMimeTypes(sourceMime, hasTransparency);
+    const qualityPasses = [0.82, 0.74, 0.66, 0.58, 0.5, 0.42, 0.36, 0.3, 0.26];
+    let bestFile = null;
+    for (const outputMime of outputMimes) {
+      const passes = outputMime === "image/png" ? [void 0] : qualityPasses;
+      for (const quality of passes) {
+        const blob = await new Promise((resolve) => {
+          canvas.toBlob((value) => resolve(value), outputMime, quality);
+        });
+        if (!blob) {
+          continue;
+        }
+        const optimizedName = file.name.replace(/\.[^/.]+$/, extensionForMimeType(outputMime));
+        const optimized = new File([blob], optimizedName, {
+          lastModified: Date.now(),
+          type: outputMime
+        });
+        if (!bestFile || optimized.size < bestFile.size) {
+          bestFile = optimized;
+        }
+        if (optimized.size <= MAX_DIRECT_UPLOAD_BYTES) {
+          break;
+        }
+      }
+    }
+    if (!bestFile) {
+      return file;
+    }
+    return bestFile.size < file.size ? bestFile : file;
+  } finally {
+    URL.revokeObjectURL(objectURL);
+  }
+}
+
+export {
+  MAX_DIRECT_UPLOAD_BYTES,
+  optimizeImageForUpload
+};

package/dist/{chunk-ETRRXURT.mjs → chunk-SIL2J5MF.mjs}

@@ -7,6 +7,7 @@ var sectionStyleDefaults = {
   contentGradientPreset: "none",
   contentGradientTo: "#f4f6f2",
   contentWidth: "inherit",
+  sectionPaddingX: "inherit",
   sectionBackgroundColor: "#ffffff",
   sectionBackgroundMode: "none",
   sectionGradientAngle: "135",
@@ -44,6 +45,19 @@ var sectionStyleFields = () => [
     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" }