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

package/dist/nextjs/index.mjs

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

package/dist/studio/index.d.mts

@@ -1 +1,2 @@
-export { c as StudioCompileResult, S as StudioDocumentV1, d as StudioInspectorField, e as StudioInspectorPanel, f as StudioMigration, b as StudioModuleManifest, g as StudioNode, h as StudioNodeData, a as StudioNodeTypeDefinition, j as StudioPageService, k as StudioPaletteGroup, l as StudioPaletteItem, m as StudioPermission, n as StudioRegistry, o as StudioValidationIssue, p as assertStudioDocumentV1, q as compileStudioDocument, r as createEmptyStudioDocument, s as createStudioRegistry, t as migrateStudioDocument, v as validateStudioDocument } from '../index-CmR6NInu.mjs';
+export { I as ImageUploadOptimizationOptions, c as StudioCompileResult, S as StudioDocumentV1, d as StudioInspectorField, e as StudioInspectorPanel, f as StudioMigration, b as StudioModuleManifest, g as StudioNode, h as StudioNodeData, a as StudioNodeTypeDefinition, j as StudioPageService, k as StudioPaletteGroup, l as StudioPaletteItem, m as StudioPermission, n as StudioRegistry, o as StudioValidationIssue, p as SupportedImageMimeType, q as assertStudioDocumentV1, r as compileStudioDocument, s as createEmptyStudioDocument, t as createImageUploadOptimizationHook, u as createStudioRegistry, v as migrateStudioDocument, w as validateStudioDocument, x as withImageUploadOptimization } from '../index-BIwu3qIH.mjs';
+import 'payload';

package/dist/studio/index.d.ts

@@ -1 +1,2 @@
-export { c as StudioCompileResult, S as StudioDocumentV1, d as StudioInspectorField, e as StudioInspectorPanel, f as StudioMigration, b as StudioModuleManifest, g as StudioNode, h as StudioNodeData, a as StudioNodeTypeDefinition, j as StudioPageService, k as StudioPaletteGroup, l as StudioPaletteItem, m as StudioPermission, n as StudioRegistry, o as StudioValidationIssue, p as assertStudioDocumentV1, q as compileStudioDocument, r as createEmptyStudioDocument, s as createStudioRegistry, t as migrateStudioDocument, v as validateStudioDocument } from '../index-CmR6NInu.js';
+export { I as ImageUploadOptimizationOptions, c as StudioCompileResult, S as StudioDocumentV1, d as StudioInspectorField, e as StudioInspectorPanel, f as StudioMigration, b as StudioModuleManifest, g as StudioNode, h as StudioNodeData, a as StudioNodeTypeDefinition, j as StudioPageService, k as StudioPaletteGroup, l as StudioPaletteItem, m as StudioPermission, n as StudioRegistry, o as StudioValidationIssue, p as SupportedImageMimeType, q as assertStudioDocumentV1, r as compileStudioDocument, s as createEmptyStudioDocument, t as createImageUploadOptimizationHook, u as createStudioRegistry, v as migrateStudioDocument, w as validateStudioDocument, x as withImageUploadOptimization } from '../index-BIwu3qIH.js';
+import 'payload';

package/dist/studio/index.js

@@ -23,11 +23,178 @@ __export(studio_exports, {
   assertStudioDocumentV1: () => assertStudioDocumentV1,
   compileStudioDocument: () => compileStudioDocument,
   createEmptyStudioDocument: () => createEmptyStudioDocument,
+  createImageUploadOptimizationHook: () => createImageUploadOptimizationHook,
   createStudioRegistry: () => createStudioRegistry,
   migrateStudioDocument: () => migrateStudioDocument,
-  validateStudioDocument: () => validateStudioDocument
+  validateStudioDocument: () => validateStudioDocument,
+  withImageUploadOptimization: () => withImageUploadOptimization
 });
 module.exports = __toCommonJS(studio_exports);
+
+// src/studio/imageUploadOptimization.ts
+var import_promises = require("fs/promises");
+var DEFAULT_SUPPORTED_MIME_TYPES = [
+  "image/jpeg",
+  "image/jpg",
+  "image/png",
+  "image/webp",
+  "image/avif",
+  "image/tiff"
+];
+var DEFAULT_OPTIONS = {
+  avifQuality: 50,
+  enforceSmallerForLossy: true,
+  jpegQuality: 78,
+  minBytes: 48 * 1024,
+  minQualityFloor: 42,
+  onlyIfSmaller: true,
+  pngCompressionLevel: 9,
+  skipAnimated: true,
+  tiffQuality: 75,
+  webpQuality: 78
+};
+var clamp = (value, min, max) => Math.max(min, Math.min(max, Math.round(value)));
+var isUploadMutationOperation = (operation) => operation === "create" || operation === "update" || operation === "updateByID";
+var isLossyMimeType = (mimetype) => mimetype === "image/jpeg" || mimetype === "image/jpg" || mimetype === "image/webp" || mimetype === "image/avif" || mimetype === "image/tiff";
+var readIncomingBuffer = async (file) => {
+  if (file.tempFilePath) {
+    return (0, import_promises.readFile)(file.tempFilePath);
+  }
+  return file.data;
+};
+var writeOptimizedBuffer = async (file, buffer) => {
+  if (file.tempFilePath) {
+    await (0, import_promises.unlink)(file.tempFilePath).catch(() => void 0);
+  }
+  return {
+    ...file,
+    data: buffer,
+    size: buffer.length,
+    tempFilePath: void 0
+  };
+};
+var createImageUploadOptimizationHook = (options = {}) => {
+  const supportedMimeTypes = new Set(options.supportedMimeTypes || DEFAULT_SUPPORTED_MIME_TYPES);
+  const settings = { ...DEFAULT_OPTIONS, ...options };
+  return async ({ operation, req }) => {
+    if (!isUploadMutationOperation(operation)) {
+      return;
+    }
+    const file = req.file;
+    if (!file) {
+      return;
+    }
+    if (!supportedMimeTypes.has(file.mimetype)) {
+      return;
+    }
+    if (typeof file.size === "number" && file.size < settings.minBytes) {
+      return;
+    }
+    const sharpFactory = req.payload?.config?.sharp;
+    if (typeof sharpFactory !== "function") {
+      return;
+    }
+    const originalBuffer = await readIncomingBuffer(file);
+    if (!Buffer.isBuffer(originalBuffer) || originalBuffer.length === 0) {
+      return;
+    }
+    const animatedInput = file.mimetype === "image/avif" || file.mimetype === "image/webp";
+    const metadataProbe = await sharpFactory(
+      originalBuffer,
+      animatedInput ? {
+        animated: true
+      } : void 0
+    ).metadata();
+    if (settings.skipAnimated && typeof metadataProbe.pages === "number" && metadataProbe.pages > 1) {
+      return;
+    }
+    const buildPipeline = (qualityOverride) => {
+      let pipeline = sharpFactory(
+        originalBuffer,
+        animatedInput ? {
+          animated: true
+        } : void 0
+      );
+      switch (file.mimetype) {
+        case "image/jpeg":
+        case "image/jpg":
+          pipeline = pipeline.jpeg({
+            mozjpeg: true,
+            progressive: true,
+            quality: clamp(qualityOverride ?? settings.jpegQuality, 20, 100)
+          });
+          break;
+        case "image/png":
+          pipeline = pipeline.png({
+            compressionLevel: clamp(settings.pngCompressionLevel, 0, 9),
+            palette: false
+          });
+          break;
+        case "image/webp":
+          pipeline = pipeline.webp({
+            quality: clamp(qualityOverride ?? settings.webpQuality, 20, 100)
+          });
+          break;
+        case "image/avif":
+          pipeline = pipeline.avif({
+            quality: clamp(qualityOverride ?? settings.avifQuality, 20, 100)
+          });
+          break;
+        case "image/tiff":
+          pipeline = pipeline.tiff({
+            quality: clamp(qualityOverride ?? settings.tiffQuality, 20, 100)
+          });
+          break;
+        default:
+          return null;
+      }
+      return pipeline;
+    };
+    const initialPipeline = buildPipeline();
+    if (!initialPipeline) {
+      return;
+    }
+    let optimizedBuffer = await initialPipeline.toBuffer();
+    const shouldSweepQuality = settings.enforceSmallerForLossy && isLossyMimeType(file.mimetype);
+    if (shouldSweepQuality) {
+      const initialQuality = file.mimetype === "image/jpeg" || file.mimetype === "image/jpg" ? settings.jpegQuality : file.mimetype === "image/webp" ? settings.webpQuality : file.mimetype === "image/avif" ? settings.avifQuality : settings.tiffQuality;
+      let bestBuffer = optimizedBuffer;
+      let quality = clamp(initialQuality - 5, settings.minQualityFloor, 100);
+      while (quality >= settings.minQualityFloor) {
+        const retryPipeline = buildPipeline(quality);
+        if (!retryPipeline) {
+          break;
+        }
+        const retryBuffer = await retryPipeline.toBuffer();
+        if (retryBuffer.length < bestBuffer.length) {
+          bestBuffer = retryBuffer;
+        }
+        quality -= 5;
+      }
+      optimizedBuffer = bestBuffer;
+    }
+    if (settings.onlyIfSmaller && optimizedBuffer.length >= originalBuffer.length) {
+      return;
+    }
+    req.file = await writeOptimizedBuffer(file, optimizedBuffer);
+  };
+};
+var withImageUploadOptimization = (collection, options = {}) => {
+  if (!collection.upload) {
+    return collection;
+  }
+  const existingHooks = collection.hooks || {};
+  const beforeOperation = existingHooks.beforeOperation || [];
+  return {
+    ...collection,
+    hooks: {
+      ...existingHooks,
+      beforeOperation: [createImageUploadOptimizationHook(options), ...beforeOperation]
+    }
+  };
+};
+
+// src/studio/index.ts
 var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var makeIssue = (message, path, code = "studio.invalid") => ({
   code,
@@ -148,9 +315,6 @@ function compileStudioDocument(document, modules) {
 }
 function migrateStudioDocument(value, migrations) {
   const sorted = [...migrations].sort((a, b) => a.fromVersion - b.fromVersion);
-  if (isRecord(value) && value.schemaVersion === 1) {
-    return assertStudioDocumentV1(value);
-  }
   let current = value;
   for (const migration of sorted) {
     if (!isRecord(current) || current.schemaVersion !== migration.fromVersion) {
@@ -165,7 +329,9 @@ function migrateStudioDocument(value, migrations) {
   assertStudioDocumentV1,
   compileStudioDocument,
   createEmptyStudioDocument,
+  createImageUploadOptimizationHook,
   createStudioRegistry,
   migrateStudioDocument,
-  validateStudioDocument
+  validateStudioDocument,
+  withImageUploadOptimization
 });

package/dist/studio/index.mjs

@@ -2,16 +2,20 @@ import {
   assertStudioDocumentV1,
   compileStudioDocument,
   createEmptyStudioDocument,
+  createImageUploadOptimizationHook,
   createStudioRegistry,
   migrateStudioDocument,
-  validateStudioDocument
-} from "../chunk-N67KVM2S.mjs";
+  validateStudioDocument,
+  withImageUploadOptimization
+} from "../chunk-ADIIWIYL.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   assertStudioDocumentV1,
   compileStudioDocument,
   createEmptyStudioDocument,
+  createImageUploadOptimizationHook,
   createStudioRegistry,
   migrateStudioDocument,
-  validateStudioDocument
+  validateStudioDocument,
+  withImageUploadOptimization
 };