payload-plugin-aspect-preview 0.2.1 → 0.2.2

package/dist/components/FocalPointEditor.js

@@ -8,18 +8,15 @@ import { DEFAULT_ASPECT_RATIOS } from '../defaults';
 import { toCropRelativeFocal, toFullImageFocal } from '../focal';
 import { AspectRatioPreviewGrid } from './AspectRatioPreviewGrid';
 export const FocalPointEditor = ()=>{
-    const { data } = useDocumentInfo();
+    const { collectionSlug, data } = useDocumentInfo();
     const { setModified } = useForm();
     const { uploadEdits, updateUploadEdits } = useUploadEdits();
-    const { getEntityConfig } = useConfig();
-    // Read the ratios the plugin stashed in the collection's `custom` config.
-    // Falls back to the shipped defaults so the editor renders even if a
-    // consumer wired the field without options.
-    const collectionSlug = typeof data?.collection === 'string' ? data.collection : undefined;
-    const entityConfig = collectionSlug ? getEntityConfig({
-        collectionSlug
-    }) : undefined;
-    const aspectRatios = entityConfig?.custom?.aspectPreview?.aspectRatios ?? DEFAULT_ASPECT_RATIOS;
+    const { config } = useConfig();
+    // Read the ratios the plugin stashed in `admin.custom` (the collection's own
+    // `custom` never reaches the client). Falls back to the shipped defaults so
+    // the editor renders even if a consumer wired the field without options.
+    const stashed = config.admin?.custom?.aspectPreview;
+    const aspectRatios = (collectionSlug ? stashed?.[collectionSlug]?.aspectRatios : undefined) ?? DEFAULT_ASPECT_RATIOS;
     const hasUserEditedRef = useRef(false);
     // The freshly-picked File lives in the shared `file` form field (set by the
     // upload component) before the document is saved. Reading it here lets us

package/dist/plugin.js

@@ -28,8 +28,26 @@ const UPLOAD_COMPONENT = 'payload-plugin-aspect-preview/client#CustomUpload';
  */ export const aspectPreviewPlugin = (options)=>(config)=>{
         const aspectRatios = options.aspectRatios ?? DEFAULT_ASPECT_RATIOS;
         const enabled = new Set(options.collections);
+        // Payload strips `collection.custom` from the client config, so the editor
+        // could never see it. `admin.custom` is forwarded to the browser.
+        const byCollection = Object.fromEntries(options.collections.map((slug)=>[
+                slug,
+                {
+                    aspectRatios
+                }
+            ]));
         return {
             ...config,
+            admin: {
+                ...config.admin,
+                custom: {
+                    ...config.admin?.custom,
+                    aspectPreview: {
+                        ...config.admin?.custom?.aspectPreview,
+                        ...byCollection
+                    }
+                }
+            },
             collections: config.collections?.map((collection)=>{
                 if (!enabled.has(collection.slug)) return collection;
                 const next = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload-plugin-aspect-preview",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Single-screen crop, focal point, and live multi-aspect-ratio preview editor for Payload upload collections.",
   "keywords": [
     "payload",