@payloadcms/richtext-lexical 3.0.0-beta.85 → 3.0.0-beta.86

package/dist/features/upload/client/plugin/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils';
@@ -8,46 +10,72 @@ import React, { useEffect } from 'react';
 import { UploadDrawer } from '../drawer/index.js';
 import { $createUploadNode, UploadNode } from '../nodes/UploadNode.js';
 export const INSERT_UPLOAD_COMMAND = createCommand('INSERT_UPLOAD_COMMAND');
-export const UploadPlugin = ({ clientProps })=>{
-    const [editor] = useLexicalComposerContext();
-    const { config: { collections } } = useConfig();
-    useEffect(()=>{
-        if (!editor.hasNodes([
-            UploadNode
-        ])) {
-            throw new Error('UploadPlugin: UploadNode not registered on editor');
-        }
-        return mergeRegister(editor.registerCommand(INSERT_UPLOAD_COMMAND, (payload)=>{
-            editor.update(()=>{
-                const selection = $getSelection() || $getPreviousSelection();
-                if ($isRangeSelection(selection)) {
-                    const uploadNode = $createUploadNode({
-                        data: {
-                            id: payload.id,
-                            fields: payload.fields,
-                            relationTo: payload.relationTo,
-                            value: payload.value
-                        }
-                    });
-                    // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist
-                    $insertNodeToNearestRoot(uploadNode);
-                    const { focus } = selection;
-                    const focusNode = focus.getNode();
-                    // First, delete currently selected node if it's an empty paragraph and if there are sufficient
-                    // paragraph nodes (more than 1) left in the parent node, so that we don't "trap" the user
-                    if ($isParagraphNode(focusNode) && focusNode.getTextContentSize() === 0 && focusNode.getParent().getChildren().filter((node)=>$isParagraphNode(node)).length > 1) {
-                        focusNode.remove();
-                    }
-                }
+export const UploadPlugin = t0 => {
+  const $ = _c(5);
+  const [editor] = useLexicalComposerContext();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    collections
+  } = t1;
+  let t2;
+  let t3;
+  if ($[0] !== editor) {
+    t2 = () => {
+      if (!editor.hasNodes([UploadNode])) {
+        throw new Error("UploadPlugin: UploadNode not registered on editor");
+      }
+      return mergeRegister(editor.registerCommand(INSERT_UPLOAD_COMMAND, payload => {
+        editor.update(() => {
+          const selection = $getSelection() || $getPreviousSelection();
+          if ($isRangeSelection(selection)) {
+            const uploadNode = $createUploadNode({
+              data: {
+                id: payload.id,
+                fields: payload.fields,
+                relationTo: payload.relationTo,
+                value: payload.value
+              }
             });
-            return true;
-        }, COMMAND_PRIORITY_EDITOR));
-    }, [
-        editor
-    ]);
-    return /*#__PURE__*/ _jsx(UploadDrawer, {
-        enabledCollectionSlugs: collections.map(({ slug })=>slug)
+            $insertNodeToNearestRoot(uploadNode);
+            const {
+              focus
+            } = selection;
+            const focusNode = focus.getNode();
+            if ($isParagraphNode(focusNode) && focusNode.getTextContentSize() === 0 && focusNode.getParent().getChildren().filter(node => $isParagraphNode(node)).length > 1) {
+              focusNode.remove();
+            }
+          }
+        });
+        return true;
+      }, COMMAND_PRIORITY_EDITOR));
+    };
+    t3 = [editor];
+    $[0] = editor;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t2 = $[1];
+    t3 = $[2];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[3] !== collections) {
+    t4 = _jsx(UploadDrawer, {
+      enabledCollectionSlugs: collections.map(_temp)
     });
+    $[3] = collections;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  return t4;
 };
-
+function _temp(t0) {
+  const {
+    slug
+  } = t0;
+  return slug;
+}
 //# sourceMappingURL=index.js.map

package/dist/features/upload/client/plugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/upload/client/plugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils'\nimport { useConfig } from '@payloadcms/ui'\nimport {\n  $getPreviousSelection,\n  $getSelection,\n  $isParagraphNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_EDITOR,\n  createCommand,\n} from 'lexical'\nimport React, { useEffect } from 'react'\n\nimport type { PluginComponentWithAnchor } from '../../../typesClient.js'\nimport type { UploadData } from '../../server/nodes/UploadNode.js'\nimport type { UploadFeaturePropsClient } from '../feature.client.js'\n\nimport { UploadDrawer } from '../drawer/index.js'\nimport { $createUploadNode, UploadNode } from '../nodes/UploadNode.js'\n\nexport type InsertUploadPayload = Readonly<Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>>\n\nexport const INSERT_UPLOAD_COMMAND: LexicalCommand<InsertUploadPayload> =\n  createCommand('INSERT_UPLOAD_COMMAND')\n\nexport const UploadPlugin: PluginComponentWithAnchor<UploadFeaturePropsClient> = ({\n  clientProps,\n}) => {\n  const [editor] = useLexicalComposerContext()\n  const {\n    config: { collections },\n  } = useConfig()\n\n  useEffect(() => {\n    if (!editor.hasNodes([UploadNode])) {\n      throw new Error('UploadPlugin: UploadNode not registered on editor')\n    }\n\n    return mergeRegister(\n      editor.registerCommand<InsertUploadPayload>(\n        INSERT_UPLOAD_COMMAND,\n        (payload: InsertUploadPayload) => {\n          editor.update(() => {\n            const selection = $getSelection() || $getPreviousSelection()\n\n            if ($isRangeSelection(selection)) {\n              const uploadNode = $createUploadNode({\n                data: {\n                  id: payload.id,\n                  fields: payload.fields,\n                  relationTo: payload.relationTo,\n                  value: payload.value,\n                },\n              })\n              // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n              $insertNodeToNearestRoot(uploadNode)\n\n              const { focus } = selection\n              const focusNode = focus.getNode()\n\n              // First, delete currently selected node if it's an empty paragraph and if there are sufficient\n              // paragraph nodes (more than 1) left in the parent node, so that we don't \"trap\" the user\n              if (\n                $isParagraphNode(focusNode) &&\n                focusNode.getTextContentSize() === 0 &&\n                focusNode\n                  .getParent()\n                  .getChildren()\n                  .filter((node) => $isParagraphNode(node)).length > 1\n              ) {\n                focusNode.remove()\n              }\n            }\n          })\n\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [editor])\n\n  return <UploadDrawer enabledCollectionSlugs={collections.map(({ slug }) => slug)} />\n}\n"],"names":["useLexicalComposerContext","$insertNodeToNearestRoot","mergeRegister","useConfig","$getPreviousSelection","$getSelection","$isParagraphNode","$isRangeSelection","COMMAND_PRIORITY_EDITOR","createCommand","React","useEffect","UploadDrawer","$createUploadNode","UploadNode","INSERT_UPLOAD_COMMAND","UploadPlugin","clientProps","editor","config","collections","hasNodes","Error","registerCommand","payload","update","selection","uploadNode","data","id","fields","relationTo","value","focus","focusNode","getNode","getTextContentSize","getParent","getChildren","filter","node","length","remove","enabledCollectionSlugs","map","slug"],"mappings":"AAAA;;AAGA,SAASA,yBAAyB,QAAQ,2CAA0C;AACpF,SAASC,wBAAwB,EAAEC,aAAa,QAAQ,iBAAgB;AACxE,SAASC,SAAS,QAAQ,iBAAgB;AAC1C,SACEC,qBAAqB,EACrBC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,aAAa,QACR,UAAS;AAChB,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAMxC,SAASC,YAAY,QAAQ,qBAAoB;AACjD,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,yBAAwB;AAItE,OAAO,MAAMC,wBACXN,cAAc,yBAAwB;AAExC,OAAO,MAAMO,eAAoE,CAAC,EAChFC,WAAW,EACZ;IACC,MAAM,CAACC,OAAO,GAAGlB;IACjB,MAAM,EACJmB,QAAQ,EAAEC,WAAW,EAAE,EACxB,GAAGjB;IAEJQ,UAAU;QACR,IAAI,CAACO,OAAOG,QAAQ,CAAC;YAACP;SAAW,GAAG;YAClC,MAAM,IAAIQ,MAAM;QAClB;QAEA,OAAOpB,cACLgB,OAAOK,eAAe,CACpBR,uBACA,CAACS;YACCN,OAAOO,MAAM,CAAC;gBACZ,MAAMC,YAAYrB,mBAAmBD;gBAErC,IAAIG,kBAAkBmB,YAAY;oBAChC,MAAMC,aAAad,kBAAkB;wBACnCe,MAAM;4BACJC,IAAIL,QAAQK,EAAE;4BACdC,QAAQN,QAAQM,MAAM;4BACtBC,YAAYP,QAAQO,UAAU;4BAC9BC,OAAOR,QAAQQ,KAAK;wBACtB;oBACF;oBACA,8HAA8H;oBAC9H/B,yBAAyB0B;oBAEzB,MAAM,EAAEM,KAAK,EAAE,GAAGP;oBAClB,MAAMQ,YAAYD,MAAME,OAAO;oBAE/B,+FAA+F;oBAC/F,0FAA0F;oBAC1F,IACE7B,iBAAiB4B,cACjBA,UAAUE,kBAAkB,OAAO,KACnCF,UACGG,SAAS,GACTC,WAAW,GACXC,MAAM,CAAC,CAACC,OAASlC,iBAAiBkC,OAAOC,MAAM,GAAG,GACrD;wBACAP,UAAUQ,MAAM;oBAClB;gBACF;YACF;YAEA,OAAO;QACT,GACAlC;IAGN,GAAG;QAACU;KAAO;IAEX,qBAAO,KAACN;QAAa+B,wBAAwBvB,YAAYwB,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA;;AAC7E,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$insertNodeToNearestRoot","mergeRegister","useConfig","$getPreviousSelection","$getSelection","$isParagraphNode","$isRangeSelection","COMMAND_PRIORITY_EDITOR","createCommand","React","useEffect","UploadDrawer","$createUploadNode","UploadNode","INSERT_UPLOAD_COMMAND","UploadPlugin","t0","$","editor","config","t1","collections","t2","t3","hasNodes","Error","registerCommand","payload","update","selection","uploadNode","data","id","fields","relationTo","value","focus","focusNode","getNode","getTextContentSize","getParent","getChildren","filter","node","length","remove","t4","_jsx","enabledCollectionSlugs","map","_temp","slug"],"sources":["../../../../../src/features/upload/client/plugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils'\nimport { useConfig } from '@payloadcms/ui'\nimport {\n  $getPreviousSelection,\n  $getSelection,\n  $isParagraphNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_EDITOR,\n  createCommand,\n} from 'lexical'\nimport React, { useEffect } from 'react'\n\nimport type { PluginComponentWithAnchor } from '../../../typesClient.js'\nimport type { UploadData } from '../../server/nodes/UploadNode.js'\nimport type { UploadFeaturePropsClient } from '../feature.client.js'\n\nimport { UploadDrawer } from '../drawer/index.js'\nimport { $createUploadNode, UploadNode } from '../nodes/UploadNode.js'\n\nexport type InsertUploadPayload = Readonly<Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>>\n\nexport const INSERT_UPLOAD_COMMAND: LexicalCommand<InsertUploadPayload> =\n  createCommand('INSERT_UPLOAD_COMMAND')\n\nexport const UploadPlugin: PluginComponentWithAnchor<UploadFeaturePropsClient> = ({\n  clientProps,\n}) => {\n  const [editor] = useLexicalComposerContext()\n  const {\n    config: { collections },\n  } = useConfig()\n\n  useEffect(() => {\n    if (!editor.hasNodes([UploadNode])) {\n      throw new Error('UploadPlugin: UploadNode not registered on editor')\n    }\n\n    return mergeRegister(\n      editor.registerCommand<InsertUploadPayload>(\n        INSERT_UPLOAD_COMMAND,\n        (payload: InsertUploadPayload) => {\n          editor.update(() => {\n            const selection = $getSelection() || $getPreviousSelection()\n\n            if ($isRangeSelection(selection)) {\n              const uploadNode = $createUploadNode({\n                data: {\n                  id: payload.id,\n                  fields: payload.fields,\n                  relationTo: payload.relationTo,\n                  value: payload.value,\n                },\n              })\n              // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n              $insertNodeToNearestRoot(uploadNode)\n\n              const { focus } = selection\n              const focusNode = focus.getNode()\n\n              // First, delete currently selected node if it's an empty paragraph and if there are sufficient\n              // paragraph nodes (more than 1) left in the parent node, so that we don't \"trap\" the user\n              if (\n                $isParagraphNode(focusNode) &&\n                focusNode.getTextContentSize() === 0 &&\n                focusNode\n                  .getParent()\n                  .getChildren()\n                  .filter((node) => $isParagraphNode(node)).length > 1\n              ) {\n                focusNode.remove()\n              }\n            }\n          })\n\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [editor])\n\n  return <UploadDrawer enabledCollectionSlugs={collections.map(({ slug }) => slug)} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,wBAAwB,EAAEC,aAAa,QAAQ;AACxD,SAASC,SAAS,QAAQ;AAC1B,SACEC,qBAAqB,EACrBC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,aAAa,QACR;AACP,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAMjC,SAASC,YAAY,QAAQ;AAC7B,SAASC,iBAAiB,EAAEC,UAAU,QAAQ;AAI9C,OAAO,MAAMC,qBAAA,GACXN,aAAA,CAAc;AAEhB,OAAO,MAAMO,YAAA,GAAoEC,EAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAG/E,OAAAoB,MAAA,IAAiBnB,yBAAA;EACjB;IAAAoB,MAAA,EAAAC;EAAA,IAEIlB,SAAA;EADM;IAAAmB;EAAA,IAAAD,EAAe;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAC,MAAA;IAGfI,EAAA,GAAAA,CAAA;MAAA,KACHJ,MAAA,CAAAM,QAAA,EAAAX,UAAA,CAA4B;QAAA,UAAAY,KAAA,CACf;MAAA;MAAA,OAGXxB,aAAA,CACLiB,MAAA,CAAAQ,eAAA,CAAAZ,qBAAA,EAAAa,OAAA;QAGIT,MAAA,CAAAU,MAAA;UACE,MAAAC,SAAA,GAAkBzB,aAAA,MAAmBD,qBAAA;UAAA,IAEjCG,iBAAA,CAAkBuB,SAAA;YACpB,MAAAC,UAAA,GAAmBlB,iBAAA;cAAAmB,IAAA;gBAAAC,EAAA,EAEXL,OAAA,CAAAK,EAAA;gBAAAC,MAAA,EACIN,OAAA,CAAAM,MAAA;gBAAAC,UAAA,EACIP,OAAA,CAAAO,UAAA;gBAAAC,KAAA,EACLR,OAAA,CAAAQ;cAAA;YAAA,CAEX;YAEAnC,wBAAA,CAAyB8B,UAAA;YAEzB;cAAAM;YAAA,IAAkBP,SAAA;YAClB,MAAAQ,SAAA,GAAkBD,KAAA,CAAAE,OAAA,CAAa;YAAA,IAK7BjC,gBAAA,CAAiBgC,SAAA,KACjBA,SAAA,CAAAE,kBAAA,CAA4B,OAAO,IACnCF,SAAA,CAAAG,SAAA,CACY,EAAAC,WAAA,CACE,EAAAC,MAAA,CAAAC,IAAA,IACMtC,gBAAA,CAAiBsC,IAAA,GAAAC,MAAA,IAAgB;cAErDP,SAAA,CAAAQ,MAAA,CAAgB;YAAA;UAAA;QAAA,CAGtB;QAAA;MAAA,GAAAtC,uBAIF;IAAA;IAGHgB,EAAA,IAACL,MAAA;IAAOD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAD,EAAA,GAAAL,CAAA;IAAAM,EAAA,GAAAN,CAAA;EAAA;EA/CXP,SAAA,CAAUY,EA+CV,EAAGC,EAAQ;EAAA,IAAAuB,EAAA;EAAA,IAAA7B,CAAA,QAAAI,WAAA;IAEJyB,EAAA,GAAAC,IAAA,CAAApC,YAAA;MAAAqC,sBAAA,EAAsC3B,WAAA,CAAA4B,GAAA,CAAAC,KAA8B;IAAA,C;;;;;;SAApEJ,E;CACT;AA1DiF,SAAAI,MAAAlC,EAAA;EAyDjB;IAAAmC;EAAA,IAAAnC,EAAQ;EAAA,OAAKmC,IAAA;AAAA","ignoreList":[]}

package/dist/features/upload/server/feature.server.js

@@ -8,182 +8,201 @@ import { UploadServerNode } from './nodes/UploadNode.js';
 import { uploadValidation } from './validate.js';
 /**
  * Get the absolute URL for an upload URL by potentially prepending the serverURL
- */ function getAbsoluteURL(url, payload) {
-    return url?.startsWith('http') ? url : (payload?.config?.serverURL || '') + url;
+ */
+function getAbsoluteURL(url, payload) {
+  return url?.startsWith('http') ? url : (payload?.config?.serverURL || '') + url;
 }
 export const UploadFeature = createServerFeature({
-    feature: async ({ config: _config, isRoot, props })=>{
-        if (!props) {
-            props = {
-                collections: {}
-            };
-        }
-        const clientProps = {
-            collections: {}
+  feature: async ({
+    config: _config,
+    isRoot,
+    props
+  }) => {
+    if (!props) {
+      props = {
+        collections: {}
+      };
+    }
+    const clientProps = {
+      collections: {}
+    };
+    if (props.collections) {
+      for (const collection in props.collections) {
+        clientProps.collections[collection] = {
+          hasExtraFields: props.collections[collection].fields.length >= 1
         };
-        if (props.collections) {
-            for(const collection in props.collections){
-                clientProps.collections[collection] = {
-                    hasExtraFields: props.collections[collection].fields.length >= 1
-                };
-            }
-        }
-        const validRelationships = _config.collections.map((c)=>c.slug) || [];
-        for(const collection in props.collections){
-            if (props.collections[collection].fields?.length) {
-                props.collections[collection].fields = await sanitizeFields({
-                    config: _config,
-                    fields: props.collections[collection].fields,
-                    requireFieldLevelRichTextEditor: isRoot,
-                    validRelationships
-                });
-            }
+      }
+    }
+    const validRelationships = _config.collections.map(c => c.slug) || [];
+    for (const collection in props.collections) {
+      if (props.collections[collection].fields?.length) {
+        props.collections[collection].fields = await sanitizeFields({
+          config: _config,
+          fields: props.collections[collection].fields,
+          requireFieldLevelRichTextEditor: isRoot,
+          validRelationships
+        });
+      }
+    }
+    return {
+      ClientFeature: '@payloadcms/richtext-lexical/client#UploadFeatureClient',
+      clientFeatureProps: clientProps,
+      generateSchemaMap: ({
+        props
+      }) => {
+        if (!props?.collections) return null;
+        const schemaMap = new Map();
+        for (const collection in props.collections) {
+          if (props.collections[collection].fields?.length) {
+            schemaMap.set(collection, props.collections[collection].fields);
+          }
         }
-        return {
-            ClientFeature: '@payloadcms/richtext-lexical/client#UploadFeatureClient',
-            clientFeatureProps: clientProps,
-            generateSchemaMap: ({ props })=>{
-                if (!props?.collections) return null;
-                const schemaMap = new Map();
-                for(const collection in props.collections){
-                    if (props.collections[collection].fields?.length) {
-                        schemaMap.set(collection, props.collections[collection].fields);
-                    }
+        return schemaMap;
+      },
+      i18n,
+      nodes: [createNode({
+        converters: {
+          html: {
+            converter: async ({
+              draft,
+              node,
+              overrideAccess,
+              req,
+              showHiddenFields
+            }) => {
+              // @ts-expect-error
+              const id = node?.value?.id || node?.value // for backwards-compatibility
+              ;
+              if (req?.payload) {
+                const uploadDocument = {};
+                try {
+                  await populate({
+                    id,
+                    collectionSlug: node.relationTo,
+                    currentDepth: 0,
+                    data: uploadDocument,
+                    depth: 1,
+                    draft,
+                    key: 'value',
+                    overrideAccess,
+                    req,
+                    showHiddenFields
+                  });
+                } catch (ignored) {
+                  // eslint-disable-next-line no-console
+                  console.error('Lexical upload node HTML converter: error fetching upload file', ignored, 'Node:', node);
+                  return `<img />`;
+                }
+                const url = getAbsoluteURL(uploadDocument?.value?.url, req?.payload);
+                /**
+                * If the upload is not an image, return a link to the upload
+                */
+                if (!uploadDocument?.value?.mimeType?.startsWith('image')) {
+                  return `<a href="${url}" rel="noopener noreferrer">${uploadDocument.value?.filename}</a>`;
+                }
+                /**
+                * If the upload is a simple image with no different sizes, return a simple img tag
+                */
+                if (!uploadDocument?.value?.sizes || !Object.keys(uploadDocument?.value?.sizes).length) {
+                  return `<img src="${url}" alt="${uploadDocument?.value?.filename}" width="${uploadDocument?.value?.width}"  height="${uploadDocument?.value?.height}"/>`;
                 }
-                return schemaMap;
+                /**
+                * If the upload is an image with different sizes, return a picture element
+                */
+                let pictureHTML = '<picture>';
+                // Iterate through each size in the data.sizes object
+                for (const size in uploadDocument.value?.sizes) {
+                  const imageSize = uploadDocument.value?.sizes[size];
+                  // Skip if any property of the size object is null
+                  if (!imageSize.width || !imageSize.height || !imageSize.mimeType || !imageSize.filesize || !imageSize.filename || !imageSize.url) {
+                    continue;
+                  }
+                  const imageSizeURL = getAbsoluteURL(imageSize?.url, req?.payload);
+                  pictureHTML += `<source srcset="${imageSizeURL}" media="(max-width: ${imageSize.width}px)" type="${imageSize.mimeType}">`;
+                }
+                // Add the default img tag
+                pictureHTML += `<img src="${url}" alt="Image" width="${uploadDocument.value?.width}" height="${uploadDocument.value?.height}">`;
+                pictureHTML += '</picture>';
+                return pictureHTML;
+              } else {
+                return `<img src="${id}" />`;
+              }
             },
-            i18n,
-            nodes: [
-                createNode({
-                    converters: {
-                        html: {
-                            converter: async ({ draft, node, overrideAccess, req, showHiddenFields })=>{
-                                // @ts-expect-error
-                                const id = node?.value?.id || node?.value // for backwards-compatibility
-                                ;
-                                if (req?.payload) {
-                                    const uploadDocument = {};
-                                    try {
-                                        await populate({
-                                            id,
-                                            collectionSlug: node.relationTo,
-                                            currentDepth: 0,
-                                            data: uploadDocument,
-                                            depth: 1,
-                                            draft,
-                                            key: 'value',
-                                            overrideAccess,
-                                            req,
-                                            showHiddenFields
-                                        });
-                                    } catch (ignored) {
-                                        // eslint-disable-next-line no-console
-                                        console.error('Lexical upload node HTML converter: error fetching upload file', ignored, 'Node:', node);
-                                        return `<img />`;
-                                    }
-                                    const url = getAbsoluteURL(uploadDocument?.value?.url, req?.payload);
-                                    /**
-                   * If the upload is not an image, return a link to the upload
-                   */ if (!uploadDocument?.value?.mimeType?.startsWith('image')) {
-                                        return `<a href="${url}" rel="noopener noreferrer">${uploadDocument.value?.filename}</a>`;
-                                    }
-                                    /**
-                   * If the upload is a simple image with no different sizes, return a simple img tag
-                   */ if (!uploadDocument?.value?.sizes || !Object.keys(uploadDocument?.value?.sizes).length) {
-                                        return `<img src="${url}" alt="${uploadDocument?.value?.filename}" width="${uploadDocument?.value?.width}"  height="${uploadDocument?.value?.height}"/>`;
-                                    }
-                                    /**
-                   * If the upload is an image with different sizes, return a picture element
-                   */ let pictureHTML = '<picture>';
-                                    // Iterate through each size in the data.sizes object
-                                    for(const size in uploadDocument.value?.sizes){
-                                        const imageSize = uploadDocument.value?.sizes[size];
-                                        // Skip if any property of the size object is null
-                                        if (!imageSize.width || !imageSize.height || !imageSize.mimeType || !imageSize.filesize || !imageSize.filename || !imageSize.url) {
-                                            continue;
-                                        }
-                                        const imageSizeURL = getAbsoluteURL(imageSize?.url, req?.payload);
-                                        pictureHTML += `<source srcset="${imageSizeURL}" media="(max-width: ${imageSize.width}px)" type="${imageSize.mimeType}">`;
-                                    }
-                                    // Add the default img tag
-                                    pictureHTML += `<img src="${url}" alt="Image" width="${uploadDocument.value?.width}" height="${uploadDocument.value?.height}">`;
-                                    pictureHTML += '</picture>';
-                                    return pictureHTML;
-                                } else {
-                                    return `<img src="${id}" />`;
-                                }
-                            },
-                            nodeTypes: [
-                                UploadServerNode.getType()
-                            ]
-                        }
-                    },
-                    getSubFields: ({ node, req })=>{
-                        if (!node) {
-                            let allSubFields = [];
-                            for(const collection in props?.collections){
-                                allSubFields = allSubFields.concat(props?.collections?.[collection]?.fields);
-                            }
-                            return allSubFields;
-                        }
-                        const collection = req ? req.payload.collections[node?.relationTo] : null;
-                        if (collection) {
-                            const collectionFieldSchema = props?.collections?.[node?.relationTo]?.fields;
-                            if (Array.isArray(collectionFieldSchema)) {
-                                if (!collectionFieldSchema?.length) {
-                                    return null;
-                                }
-                                return collectionFieldSchema;
-                            }
-                        }
-                        return null;
-                    },
-                    getSubFieldsData: ({ node })=>{
-                        return node?.fields;
-                    },
-                    graphQLPopulationPromises: [
-                        uploadPopulationPromiseHOC(props)
-                    ],
-                    hooks: {
-                        afterRead: [
-                            ({ currentDepth, depth, draft, node, overrideAccess, populationPromises, req, showHiddenFields })=>{
-                                if (!node?.value) {
-                                    return node;
-                                }
-                                const collection = req.payload.collections[node?.relationTo];
-                                if (!collection) {
-                                    return node;
-                                }
-                                // @ts-expect-error
-                                const id = node?.value?.id || node?.value // for backwards-compatibility
-                                ;
-                                const populateDepth = props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth;
-                                populationPromises.push(populate({
-                                    id,
-                                    collectionSlug: collection.config.slug,
-                                    currentDepth,
-                                    data: node,
-                                    depth: populateDepth,
-                                    draft,
-                                    key: 'value',
-                                    overrideAccess,
-                                    req,
-                                    showHiddenFields
-                                }));
-                                return node;
-                            }
-                        ]
-                    },
-                    node: UploadServerNode,
-                    validations: [
-                        uploadValidation(props)
-                    ]
-                })
-            ],
-            sanitizedServerFeatureProps: props
-        };
-    },
-    key: 'upload'
+            nodeTypes: [UploadServerNode.getType()]
+          }
+        },
+        getSubFields: ({
+          node,
+          req
+        }) => {
+          if (!node) {
+            let allSubFields = [];
+            for (const collection in props?.collections) {
+              allSubFields = allSubFields.concat(props?.collections?.[collection]?.fields);
+            }
+            return allSubFields;
+          }
+          const collection = req ? req.payload.collections[node?.relationTo] : null;
+          if (collection) {
+            const collectionFieldSchema = props?.collections?.[node?.relationTo]?.fields;
+            if (Array.isArray(collectionFieldSchema)) {
+              if (!collectionFieldSchema?.length) {
+                return null;
+              }
+              return collectionFieldSchema;
+            }
+          }
+          return null;
+        },
+        getSubFieldsData: ({
+          node
+        }) => {
+          return node?.fields;
+        },
+        graphQLPopulationPromises: [uploadPopulationPromiseHOC(props)],
+        hooks: {
+          afterRead: [({
+            currentDepth,
+            depth,
+            draft,
+            node,
+            overrideAccess,
+            populationPromises,
+            req,
+            showHiddenFields
+          }) => {
+            if (!node?.value) {
+              return node;
+            }
+            const collection = req.payload.collections[node?.relationTo];
+            if (!collection) {
+              return node;
+            }
+            // @ts-expect-error
+            const id = node?.value?.id || node?.value // for backwards-compatibility
+            ;
+            const populateDepth = props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth;
+            populationPromises.push(populate({
+              id,
+              collectionSlug: collection.config.slug,
+              currentDepth,
+              data: node,
+              depth: populateDepth,
+              draft,
+              key: 'value',
+              overrideAccess,
+              req,
+              showHiddenFields
+            }));
+            return node;
+          }]
+        },
+        node: UploadServerNode,
+        validations: [uploadValidation(props)]
+      })],
+      sanitizedServerFeatureProps: props
+    };
+  },
+  key: 'upload'
 });
-
 //# sourceMappingURL=feature.server.js.map

package/dist/features/upload/server/feature.server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/upload/server/feature.server.ts"],"sourcesContent":["import type {\n  CollectionSlug,\n  Config,\n  Field,\n  FileData,\n  FileSize,\n  Payload,\n  TypeWithID,\n} from 'payload'\n\nimport { sanitizeFields } from 'payload'\n\nimport type { UploadFeaturePropsClient } from '../client/feature.client.js'\n\nimport { populate } from '../../../populateGraphQL/populate.js'\nimport { createServerFeature } from '../../../utilities/createServerFeature.js'\nimport { createNode } from '../../typeUtilities.js'\nimport { uploadPopulationPromiseHOC } from './graphQLPopulationPromise.js'\nimport { i18n } from './i18n.js'\nimport { UploadServerNode } from './nodes/UploadNode.js'\nimport { uploadValidation } from './validate.js'\n\nexport type UploadFeatureProps = {\n  collections?: {\n    [collection: CollectionSlug]: {\n      fields: Field[]\n    }\n  }\n  /**\n   * Sets a maximum population depth for this upload (not the fields for this upload), regardless of the remaining depth when the respective field is reached.\n   * This behaves exactly like the maxDepth properties of relationship and upload fields.\n   *\n   * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}\n   */\n  maxDepth?: number\n}\n\n/**\n * Get the absolute URL for an upload URL by potentially prepending the serverURL\n */\nfunction getAbsoluteURL(url: string, payload: Payload): string {\n  return url?.startsWith('http') ? url : (payload?.config?.serverURL || '') + url\n}\n\nexport const UploadFeature = createServerFeature<\n  UploadFeatureProps,\n  UploadFeatureProps,\n  UploadFeaturePropsClient\n>({\n  feature: async ({ config: _config, isRoot, props }) => {\n    if (!props) {\n      props = { collections: {} }\n    }\n\n    const clientProps: UploadFeaturePropsClient = {\n      collections: {},\n    }\n    if (props.collections) {\n      for (const collection in props.collections) {\n        clientProps.collections[collection] = {\n          hasExtraFields: props.collections[collection].fields.length >= 1,\n        }\n      }\n    }\n\n    const validRelationships = _config.collections.map((c) => c.slug) || []\n\n    for (const collection in props.collections) {\n      if (props.collections[collection].fields?.length) {\n        props.collections[collection].fields = await sanitizeFields({\n          config: _config as unknown as Config,\n          fields: props.collections[collection].fields,\n          requireFieldLevelRichTextEditor: isRoot,\n          validRelationships,\n        })\n      }\n    }\n\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#UploadFeatureClient',\n      clientFeatureProps: clientProps,\n      generateSchemaMap: ({ props }) => {\n        if (!props?.collections) return null\n\n        const schemaMap = new Map<string, Field[]>()\n\n        for (const collection in props.collections) {\n          if (props.collections[collection].fields?.length) {\n            schemaMap.set(collection, props.collections[collection].fields)\n          }\n        }\n\n        return schemaMap\n      },\n      i18n,\n      nodes: [\n        createNode({\n          converters: {\n            html: {\n              converter: async ({ draft, node, overrideAccess, req, showHiddenFields }) => {\n                // @ts-expect-error\n                const id = node?.value?.id || node?.value // for backwards-compatibility\n\n                if (req?.payload) {\n                  const uploadDocument: {\n                    value?: FileData & TypeWithID\n                  } = {}\n\n                  try {\n                    await populate({\n                      id,\n                      collectionSlug: node.relationTo,\n                      currentDepth: 0,\n                      data: uploadDocument,\n                      depth: 1,\n                      draft,\n                      key: 'value',\n                      overrideAccess,\n                      req,\n                      showHiddenFields,\n                    })\n                  } catch (ignored) {\n                    // eslint-disable-next-line no-console\n                    console.error(\n                      'Lexical upload node HTML converter: error fetching upload file',\n                      ignored,\n                      'Node:',\n                      node,\n                    )\n                    return `<img />`\n                  }\n\n                  const url = getAbsoluteURL(uploadDocument?.value?.url, req?.payload)\n\n                  /**\n                   * If the upload is not an image, return a link to the upload\n                   */\n                  if (!uploadDocument?.value?.mimeType?.startsWith('image')) {\n                    return `<a href=\"${url}\" rel=\"noopener noreferrer\">${uploadDocument.value?.filename}</a>`\n                  }\n\n                  /**\n                   * If the upload is a simple image with no different sizes, return a simple img tag\n                   */\n                  if (\n                    !uploadDocument?.value?.sizes ||\n                    !Object.keys(uploadDocument?.value?.sizes).length\n                  ) {\n                    return `<img src=\"${url}\" alt=\"${uploadDocument?.value?.filename}\" width=\"${uploadDocument?.value?.width}\"  height=\"${uploadDocument?.value?.height}\"/>`\n                  }\n\n                  /**\n                   * If the upload is an image with different sizes, return a picture element\n                   */\n                  let pictureHTML = '<picture>'\n\n                  // Iterate through each size in the data.sizes object\n                  for (const size in uploadDocument.value?.sizes) {\n                    const imageSize: {\n                      url?: string\n                    } & FileSize = uploadDocument.value?.sizes[size]\n\n                    // Skip if any property of the size object is null\n                    if (\n                      !imageSize.width ||\n                      !imageSize.height ||\n                      !imageSize.mimeType ||\n                      !imageSize.filesize ||\n                      !imageSize.filename ||\n                      !imageSize.url\n                    ) {\n                      continue\n                    }\n                    const imageSizeURL = getAbsoluteURL(imageSize?.url, req?.payload)\n\n                    pictureHTML += `<source srcset=\"${imageSizeURL}\" media=\"(max-width: ${imageSize.width}px)\" type=\"${imageSize.mimeType}\">`\n                  }\n\n                  // Add the default img tag\n                  pictureHTML += `<img src=\"${url}\" alt=\"Image\" width=\"${uploadDocument.value?.width}\" height=\"${uploadDocument.value?.height}\">`\n                  pictureHTML += '</picture>'\n                  return pictureHTML\n                } else {\n                  return `<img src=\"${id}\" />`\n                }\n              },\n              nodeTypes: [UploadServerNode.getType()],\n            },\n          },\n          getSubFields: ({ node, req }) => {\n            if (!node) {\n              let allSubFields: Field[] = []\n              for (const collection in props?.collections) {\n                allSubFields = allSubFields.concat(props?.collections?.[collection]?.fields)\n              }\n              return allSubFields\n            }\n            const collection = req ? req.payload.collections[node?.relationTo] : null\n\n            if (collection) {\n              const collectionFieldSchema = props?.collections?.[node?.relationTo]?.fields\n\n              if (Array.isArray(collectionFieldSchema)) {\n                if (!collectionFieldSchema?.length) {\n                  return null\n                }\n                return collectionFieldSchema\n              }\n            }\n            return null\n          },\n          getSubFieldsData: ({ node }) => {\n            return node?.fields\n          },\n          graphQLPopulationPromises: [uploadPopulationPromiseHOC(props)],\n          hooks: {\n            afterRead: [\n              ({\n                currentDepth,\n                depth,\n                draft,\n                node,\n                overrideAccess,\n                populationPromises,\n                req,\n                showHiddenFields,\n              }) => {\n                if (!node?.value) {\n                  return node\n                }\n                const collection = req.payload.collections[node?.relationTo]\n\n                if (!collection) {\n                  return node\n                }\n                // @ts-expect-error\n                const id = node?.value?.id || node?.value // for backwards-compatibility\n\n                const populateDepth =\n                  props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth\n\n                populationPromises.push(\n                  populate({\n                    id,\n                    collectionSlug: collection.config.slug,\n                    currentDepth,\n                    data: node,\n                    depth: populateDepth,\n                    draft,\n                    key: 'value',\n                    overrideAccess,\n                    req,\n                    showHiddenFields,\n                  }),\n                )\n\n                return node\n              },\n            ],\n          },\n          node: UploadServerNode,\n          validations: [uploadValidation(props)],\n        }),\n      ],\n      sanitizedServerFeatureProps: props,\n    }\n  },\n  key: 'upload',\n})\n"],"names":["sanitizeFields","populate","createServerFeature","createNode","uploadPopulationPromiseHOC","i18n","UploadServerNode","uploadValidation","getAbsoluteURL","url","payload","startsWith","config","serverURL","UploadFeature","feature","_config","isRoot","props","collections","clientProps","collection","hasExtraFields","fields","length","validRelationships","map","c","slug","requireFieldLevelRichTextEditor","ClientFeature","clientFeatureProps","generateSchemaMap","schemaMap","Map","set","nodes","converters","html","converter","draft","node","overrideAccess","req","showHiddenFields","id","value","uploadDocument","collectionSlug","relationTo","currentDepth","data","depth","key","ignored","console","error","mimeType","filename","sizes","Object","keys","width","height","pictureHTML","size","imageSize","filesize","imageSizeURL","nodeTypes","getType","getSubFields","allSubFields","concat","collectionFieldSchema","Array","isArray","getSubFieldsData","graphQLPopulationPromises","hooks","afterRead","populationPromises","populateDepth","maxDepth","undefined","push","validations","sanitizedServerFeatureProps"],"mappings":"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"}
+{"version":3,"file":"feature.server.js","names":["sanitizeFields","populate","createServerFeature","createNode","uploadPopulationPromiseHOC","i18n","UploadServerNode","uploadValidation","getAbsoluteURL","url","payload","startsWith","config","serverURL","UploadFeature","feature","_config","isRoot","props","collections","clientProps","collection","hasExtraFields","fields","length","validRelationships","map","c","slug","requireFieldLevelRichTextEditor","ClientFeature","clientFeatureProps","generateSchemaMap","schemaMap","Map","set","nodes","converters","html","converter","draft","node","overrideAccess","req","showHiddenFields","id","value","uploadDocument","collectionSlug","relationTo","currentDepth","data","depth","key","ignored","console","error","mimeType","filename","sizes","Object","keys","width","height","pictureHTML","size","imageSize","filesize","imageSizeURL","nodeTypes","getType","getSubFields","allSubFields","concat","collectionFieldSchema","Array","isArray","getSubFieldsData","graphQLPopulationPromises","hooks","afterRead","populationPromises","populateDepth","maxDepth","undefined","push","validations","sanitizedServerFeatureProps"],"sources":["../../../../src/features/upload/server/feature.server.ts"],"sourcesContent":["import type {\n  CollectionSlug,\n  Config,\n  Field,\n  FileData,\n  FileSize,\n  Payload,\n  TypeWithID,\n} from 'payload'\n\nimport { sanitizeFields } from 'payload'\n\nimport type { UploadFeaturePropsClient } from '../client/feature.client.js'\n\nimport { populate } from '../../../populateGraphQL/populate.js'\nimport { createServerFeature } from '../../../utilities/createServerFeature.js'\nimport { createNode } from '../../typeUtilities.js'\nimport { uploadPopulationPromiseHOC } from './graphQLPopulationPromise.js'\nimport { i18n } from './i18n.js'\nimport { UploadServerNode } from './nodes/UploadNode.js'\nimport { uploadValidation } from './validate.js'\n\nexport type UploadFeatureProps = {\n  collections?: {\n    [collection: CollectionSlug]: {\n      fields: Field[]\n    }\n  }\n  /**\n   * Sets a maximum population depth for this upload (not the fields for this upload), regardless of the remaining depth when the respective field is reached.\n   * This behaves exactly like the maxDepth properties of relationship and upload fields.\n   *\n   * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}\n   */\n  maxDepth?: number\n}\n\n/**\n * Get the absolute URL for an upload URL by potentially prepending the serverURL\n */\nfunction getAbsoluteURL(url: string, payload: Payload): string {\n  return url?.startsWith('http') ? url : (payload?.config?.serverURL || '') + url\n}\n\nexport const UploadFeature = createServerFeature<\n  UploadFeatureProps,\n  UploadFeatureProps,\n  UploadFeaturePropsClient\n>({\n  feature: async ({ config: _config, isRoot, props }) => {\n    if (!props) {\n      props = { collections: {} }\n    }\n\n    const clientProps: UploadFeaturePropsClient = {\n      collections: {},\n    }\n    if (props.collections) {\n      for (const collection in props.collections) {\n        clientProps.collections[collection] = {\n          hasExtraFields: props.collections[collection].fields.length >= 1,\n        }\n      }\n    }\n\n    const validRelationships = _config.collections.map((c) => c.slug) || []\n\n    for (const collection in props.collections) {\n      if (props.collections[collection].fields?.length) {\n        props.collections[collection].fields = await sanitizeFields({\n          config: _config as unknown as Config,\n          fields: props.collections[collection].fields,\n          requireFieldLevelRichTextEditor: isRoot,\n          validRelationships,\n        })\n      }\n    }\n\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#UploadFeatureClient',\n      clientFeatureProps: clientProps,\n      generateSchemaMap: ({ props }) => {\n        if (!props?.collections) return null\n\n        const schemaMap = new Map<string, Field[]>()\n\n        for (const collection in props.collections) {\n          if (props.collections[collection].fields?.length) {\n            schemaMap.set(collection, props.collections[collection].fields)\n          }\n        }\n\n        return schemaMap\n      },\n      i18n,\n      nodes: [\n        createNode({\n          converters: {\n            html: {\n              converter: async ({ draft, node, overrideAccess, req, showHiddenFields }) => {\n                // @ts-expect-error\n                const id = node?.value?.id || node?.value // for backwards-compatibility\n\n                if (req?.payload) {\n                  const uploadDocument: {\n                    value?: FileData & TypeWithID\n                  } = {}\n\n                  try {\n                    await populate({\n                      id,\n                      collectionSlug: node.relationTo,\n                      currentDepth: 0,\n                      data: uploadDocument,\n                      depth: 1,\n                      draft,\n                      key: 'value',\n                      overrideAccess,\n                      req,\n                      showHiddenFields,\n                    })\n                  } catch (ignored) {\n                    // eslint-disable-next-line no-console\n                    console.error(\n                      'Lexical upload node HTML converter: error fetching upload file',\n                      ignored,\n                      'Node:',\n                      node,\n                    )\n                    return `<img />`\n                  }\n\n                  const url = getAbsoluteURL(uploadDocument?.value?.url, req?.payload)\n\n                  /**\n                   * If the upload is not an image, return a link to the upload\n                   */\n                  if (!uploadDocument?.value?.mimeType?.startsWith('image')) {\n                    return `<a href=\"${url}\" rel=\"noopener noreferrer\">${uploadDocument.value?.filename}</a>`\n                  }\n\n                  /**\n                   * If the upload is a simple image with no different sizes, return a simple img tag\n                   */\n                  if (\n                    !uploadDocument?.value?.sizes ||\n                    !Object.keys(uploadDocument?.value?.sizes).length\n                  ) {\n                    return `<img src=\"${url}\" alt=\"${uploadDocument?.value?.filename}\" width=\"${uploadDocument?.value?.width}\"  height=\"${uploadDocument?.value?.height}\"/>`\n                  }\n\n                  /**\n                   * If the upload is an image with different sizes, return a picture element\n                   */\n                  let pictureHTML = '<picture>'\n\n                  // Iterate through each size in the data.sizes object\n                  for (const size in uploadDocument.value?.sizes) {\n                    const imageSize: {\n                      url?: string\n                    } & FileSize = uploadDocument.value?.sizes[size]\n\n                    // Skip if any property of the size object is null\n                    if (\n                      !imageSize.width ||\n                      !imageSize.height ||\n                      !imageSize.mimeType ||\n                      !imageSize.filesize ||\n                      !imageSize.filename ||\n                      !imageSize.url\n                    ) {\n                      continue\n                    }\n                    const imageSizeURL = getAbsoluteURL(imageSize?.url, req?.payload)\n\n                    pictureHTML += `<source srcset=\"${imageSizeURL}\" media=\"(max-width: ${imageSize.width}px)\" type=\"${imageSize.mimeType}\">`\n                  }\n\n                  // Add the default img tag\n                  pictureHTML += `<img src=\"${url}\" alt=\"Image\" width=\"${uploadDocument.value?.width}\" height=\"${uploadDocument.value?.height}\">`\n                  pictureHTML += '</picture>'\n                  return pictureHTML\n                } else {\n                  return `<img src=\"${id}\" />`\n                }\n              },\n              nodeTypes: [UploadServerNode.getType()],\n            },\n          },\n          getSubFields: ({ node, req }) => {\n            if (!node) {\n              let allSubFields: Field[] = []\n              for (const collection in props?.collections) {\n                allSubFields = allSubFields.concat(props?.collections?.[collection]?.fields)\n              }\n              return allSubFields\n            }\n            const collection = req ? req.payload.collections[node?.relationTo] : null\n\n            if (collection) {\n              const collectionFieldSchema = props?.collections?.[node?.relationTo]?.fields\n\n              if (Array.isArray(collectionFieldSchema)) {\n                if (!collectionFieldSchema?.length) {\n                  return null\n                }\n                return collectionFieldSchema\n              }\n            }\n            return null\n          },\n          getSubFieldsData: ({ node }) => {\n            return node?.fields\n          },\n          graphQLPopulationPromises: [uploadPopulationPromiseHOC(props)],\n          hooks: {\n            afterRead: [\n              ({\n                currentDepth,\n                depth,\n                draft,\n                node,\n                overrideAccess,\n                populationPromises,\n                req,\n                showHiddenFields,\n              }) => {\n                if (!node?.value) {\n                  return node\n                }\n                const collection = req.payload.collections[node?.relationTo]\n\n                if (!collection) {\n                  return node\n                }\n                // @ts-expect-error\n                const id = node?.value?.id || node?.value // for backwards-compatibility\n\n                const populateDepth =\n                  props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth\n\n                populationPromises.push(\n                  populate({\n                    id,\n                    collectionSlug: collection.config.slug,\n                    currentDepth,\n                    data: node,\n                    depth: populateDepth,\n                    draft,\n                    key: 'value',\n                    overrideAccess,\n                    req,\n                    showHiddenFields,\n                  }),\n                )\n\n                return node\n              },\n            ],\n          },\n          node: UploadServerNode,\n          validations: [uploadValidation(props)],\n        }),\n      ],\n      sanitizedServerFeatureProps: props,\n    }\n  },\n  key: 'upload',\n})\n"],"mappings":"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","ignoreList":[]}