@payloadcms/next 3.68.0-internal-debug.591ab42 → 3.68.0-internal.2b8df4a

package/dist/routes/rest/og/image.js

@@ -1,110 +1,86 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import React from 'react';
-export const OGImage = ({ description, Fallback, fontFamily = 'Arial, sans-serif', Icon, importMap, leader, title })=>{
-    const IconComponent = RenderServerComponent({
-        clientProps: {
-            fill: 'white'
+export const OGImage = ({
+  description,
+  Fallback,
+  fontFamily = 'Arial, sans-serif',
+  Icon,
+  importMap,
+  leader,
+  title
+}) => {
+  const IconComponent = RenderServerComponent({
+    clientProps: {
+      fill: 'white'
+    },
+    Component: Icon,
+    Fallback,
+    importMap
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      backgroundColor: '#000',
+      color: '#fff',
+      display: 'flex',
+      flexDirection: 'column',
+      fontFamily,
+      height: '100%',
+      justifyContent: 'space-between',
+      padding: '100px',
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        flexGrow: 1,
+        fontSize: 50,
+        height: '100%'
+      },
+      children: [leader && /*#__PURE__*/_jsx("div", {
+        style: {
+          fontSize: 30,
+          marginBottom: 10
+        },
+        children: leader
+      }), /*#__PURE__*/_jsx("p", {
+        style: {
+          display: '-webkit-box',
+          fontSize: 90,
+          lineHeight: 1,
+          marginBottom: 0,
+          marginTop: 0,
+          textOverflow: 'ellipsis',
+          WebkitBoxOrient: 'vertical',
+          WebkitLineClamp: 2
         },
-        Component: Icon,
-        Fallback,
-        importMap
-    });
-    return /*#__PURE__*/ _jsxDEV("div", {
+        children: title
+      }), description && /*#__PURE__*/_jsx("p", {
         style: {
-            backgroundColor: '#000',
-            color: '#fff',
-            display: 'flex',
-            flexDirection: 'column',
-            fontFamily,
-            height: '100%',
-            justifyContent: 'space-between',
-            padding: '100px',
-            width: '100%'
+          display: '-webkit-box',
+          flexGrow: 1,
+          fontSize: 30,
+          lineHeight: 1,
+          marginBottom: 0,
+          marginTop: 40,
+          textOverflow: 'ellipsis',
+          WebkitBoxOrient: 'vertical',
+          WebkitLineClamp: 2
         },
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    flexGrow: 1,
-                    fontSize: 50,
-                    height: '100%'
-                },
-                children: [
-                    leader && /*#__PURE__*/ _jsxDEV("div", {
-                        style: {
-                            fontSize: 30,
-                            marginBottom: 10
-                        },
-                        children: leader
-                    }, void 0, false, {
-                        fileName: "src/routes/rest/og/image.tsx",
-                        lineNumber: 55,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("p", {
-                        style: {
-                            display: '-webkit-box',
-                            fontSize: 90,
-                            lineHeight: 1,
-                            marginBottom: 0,
-                            marginTop: 0,
-                            textOverflow: 'ellipsis',
-                            WebkitBoxOrient: 'vertical',
-                            WebkitLineClamp: 2
-                        },
-                        children: title
-                    }, void 0, false, {
-                        fileName: "src/routes/rest/og/image.tsx",
-                        lineNumber: 64,
-                        columnNumber: 9
-                    }, this),
-                    description && /*#__PURE__*/ _jsxDEV("p", {
-                        style: {
-                            display: '-webkit-box',
-                            flexGrow: 1,
-                            fontSize: 30,
-                            lineHeight: 1,
-                            marginBottom: 0,
-                            marginTop: 40,
-                            textOverflow: 'ellipsis',
-                            WebkitBoxOrient: 'vertical',
-                            WebkitLineClamp: 2
-                        },
-                        children: description
-                    }, void 0, false, {
-                        fileName: "src/routes/rest/og/image.tsx",
-                        lineNumber: 79,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/routes/rest/og/image.tsx",
-                lineNumber: 45,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                style: {
-                    alignItems: 'flex-end',
-                    display: 'flex',
-                    flexShrink: 0,
-                    height: '38px',
-                    justifyContent: 'center',
-                    width: '38px'
-                },
-                children: IconComponent
-            }, void 0, false, {
-                fileName: "src/routes/rest/og/image.tsx",
-                lineNumber: 96,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/routes/rest/og/image.tsx",
-        lineNumber: 32,
-        columnNumber: 5
-    }, this);
+        children: description
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        alignItems: 'flex-end',
+        display: 'flex',
+        flexShrink: 0,
+        height: '38px',
+        justifyContent: 'center',
+        width: '38px'
+      },
+      children: IconComponent
+    })]
+  });
 };
-
 //# sourceMappingURL=image.js.map

package/dist/routes/rest/og/image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/routes/rest/og/image.tsx"],"sourcesContent":["import type { ImportMap, PayloadComponent } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nexport const OGImage: React.FC<{\n  description?: string\n  Fallback: React.ComponentType\n  fontFamily?: string\n  Icon: PayloadComponent\n  importMap: ImportMap\n  leader?: string\n  title?: string\n}> = ({\n  description,\n  Fallback,\n  fontFamily = 'Arial, sans-serif',\n  Icon,\n  importMap,\n  leader,\n  title,\n}) => {\n  const IconComponent = RenderServerComponent({\n    clientProps: {\n      fill: 'white',\n    },\n    Component: Icon,\n    Fallback,\n    importMap,\n  })\n  return (\n    <div\n      style={{\n        backgroundColor: '#000',\n        color: '#fff',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily,\n        height: '100%',\n        justifyContent: 'space-between',\n        padding: '100px',\n        width: '100%',\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          flexGrow: 1,\n          fontSize: 50,\n          height: '100%',\n        }}\n      >\n        {leader && (\n          <div\n            style={{\n              fontSize: 30,\n              marginBottom: 10,\n            }}\n          >\n            {leader}\n          </div>\n        )}\n        <p\n          style={{\n            display: '-webkit-box',\n            fontSize: 90,\n            lineHeight: 1,\n            marginBottom: 0,\n            marginTop: 0,\n            textOverflow: 'ellipsis',\n            WebkitBoxOrient: 'vertical',\n            WebkitLineClamp: 2,\n          }}\n        >\n          {title}\n        </p>\n        {description && (\n          <p\n            style={{\n              display: '-webkit-box',\n              flexGrow: 1,\n              fontSize: 30,\n              lineHeight: 1,\n              marginBottom: 0,\n              marginTop: 40,\n              textOverflow: 'ellipsis',\n              WebkitBoxOrient: 'vertical',\n              WebkitLineClamp: 2,\n            }}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      <div\n        style={{\n          alignItems: 'flex-end',\n          display: 'flex',\n          flexShrink: 0,\n          height: '38px',\n          justifyContent: 'center',\n          width: '38px',\n        }}\n      >\n        {IconComponent}\n      </div>\n    </div>\n  )\n}\n"],"names":["RenderServerComponent","React","OGImage","description","Fallback","fontFamily","Icon","importMap","leader","title","IconComponent","clientProps","fill","Component","div","style","backgroundColor","color","display","flexDirection","height","justifyContent","padding","width","flexGrow","fontSize","marginBottom","p","lineHeight","marginTop","textOverflow","WebkitBoxOrient","WebkitLineClamp","alignItems","flexShrink"],"mappings":";AAEA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,UAQR,CAAC,EACJC,WAAW,EACXC,QAAQ,EACRC,aAAa,mBAAmB,EAChCC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,KAAK,EACN;IACC,MAAMC,gBAAgBV,sBAAsB;QAC1CW,aAAa;YACXC,MAAM;QACR;QACAC,WAAWP;QACXF;QACAG;IACF;IACA,qBACE,QAACO;QACCC,OAAO;YACLC,iBAAiB;YACjBC,OAAO;YACPC,SAAS;YACTC,eAAe;YACfd;YACAe,QAAQ;YACRC,gBAAgB;YAChBC,SAAS;YACTC,OAAO;QACT;;0BAEA,QAACT;gBACCC,OAAO;oBACLG,SAAS;oBACTC,eAAe;oBACfK,UAAU;oBACVC,UAAU;oBACVL,QAAQ;gBACV;;oBAECZ,wBACC,QAACM;wBACCC,OAAO;4BACLU,UAAU;4BACVC,cAAc;wBAChB;kCAEClB;;;;;;kCAGL,QAACmB;wBACCZ,OAAO;4BACLG,SAAS;4BACTO,UAAU;4BACVG,YAAY;4BACZF,cAAc;4BACdG,WAAW;4BACXC,cAAc;4BACdC,iBAAiB;4BACjBC,iBAAiB;wBACnB;kCAECvB;;;;;;oBAEFN,6BACC,QAACwB;wBACCZ,OAAO;4BACLG,SAAS;4BACTM,UAAU;4BACVC,UAAU;4BACVG,YAAY;4BACZF,cAAc;4BACdG,WAAW;4BACXC,cAAc;4BACdC,iBAAiB;4BACjBC,iBAAiB;wBACnB;kCAEC7B;;;;;;;;;;;;0BAIP,QAACW;gBACCC,OAAO;oBACLkB,YAAY;oBACZf,SAAS;oBACTgB,YAAY;oBACZd,QAAQ;oBACRC,gBAAgB;oBAChBE,OAAO;gBACT;0BAECb;;;;;;;;;;;;AAIT,EAAC"}
+{"version":3,"file":"image.js","names":["RenderServerComponent","React","OGImage","description","Fallback","fontFamily","Icon","importMap","leader","title","IconComponent","clientProps","fill","Component","_jsxs","style","backgroundColor","color","display","flexDirection","height","justifyContent","padding","width","flexGrow","fontSize","_jsx","marginBottom","lineHeight","marginTop","textOverflow","WebkitBoxOrient","WebkitLineClamp","alignItems","flexShrink"],"sources":["../../../../src/routes/rest/og/image.tsx"],"sourcesContent":["import type { ImportMap, PayloadComponent } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nexport const OGImage: React.FC<{\n  description?: string\n  Fallback: React.ComponentType\n  fontFamily?: string\n  Icon: PayloadComponent\n  importMap: ImportMap\n  leader?: string\n  title?: string\n}> = ({\n  description,\n  Fallback,\n  fontFamily = 'Arial, sans-serif',\n  Icon,\n  importMap,\n  leader,\n  title,\n}) => {\n  const IconComponent = RenderServerComponent({\n    clientProps: {\n      fill: 'white',\n    },\n    Component: Icon,\n    Fallback,\n    importMap,\n  })\n  return (\n    <div\n      style={{\n        backgroundColor: '#000',\n        color: '#fff',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily,\n        height: '100%',\n        justifyContent: 'space-between',\n        padding: '100px',\n        width: '100%',\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          flexGrow: 1,\n          fontSize: 50,\n          height: '100%',\n        }}\n      >\n        {leader && (\n          <div\n            style={{\n              fontSize: 30,\n              marginBottom: 10,\n            }}\n          >\n            {leader}\n          </div>\n        )}\n        <p\n          style={{\n            display: '-webkit-box',\n            fontSize: 90,\n            lineHeight: 1,\n            marginBottom: 0,\n            marginTop: 0,\n            textOverflow: 'ellipsis',\n            WebkitBoxOrient: 'vertical',\n            WebkitLineClamp: 2,\n          }}\n        >\n          {title}\n        </p>\n        {description && (\n          <p\n            style={{\n              display: '-webkit-box',\n              flexGrow: 1,\n              fontSize: 30,\n              lineHeight: 1,\n              marginBottom: 0,\n              marginTop: 40,\n              textOverflow: 'ellipsis',\n              WebkitBoxOrient: 'vertical',\n              WebkitLineClamp: 2,\n            }}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      <div\n        style={{\n          alignItems: 'flex-end',\n          display: 'flex',\n          flexShrink: 0,\n          height: '38px',\n          justifyContent: 'center',\n          width: '38px',\n        }}\n      >\n        {IconComponent}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,qBAAqB,QAAQ;AACtC,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,OAAA,GAQRA,CAAC;EACJC,WAAW;EACXC,QAAQ;EACRC,UAAA,GAAa,mBAAmB;EAChCC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC;AAAK,CACN;EACC,MAAMC,aAAA,GAAgBV,qBAAA,CAAsB;IAC1CW,WAAA,EAAa;MACXC,IAAA,EAAM;IACR;IACAC,SAAA,EAAWP,IAAA;IACXF,QAAA;IACAG;EACF;EACA,oBACEO,KAAA,CAAC;IACCC,KAAA,EAAO;MACLC,eAAA,EAAiB;MACjBC,KAAA,EAAO;MACPC,OAAA,EAAS;MACTC,aAAA,EAAe;MACfd,UAAA;MACAe,MAAA,EAAQ;MACRC,cAAA,EAAgB;MAChBC,OAAA,EAAS;MACTC,KAAA,EAAO;IACT;4BAEAT,KAAA,CAAC;MACCC,KAAA,EAAO;QACLG,OAAA,EAAS;QACTC,aAAA,EAAe;QACfK,QAAA,EAAU;QACVC,QAAA,EAAU;QACVL,MAAA,EAAQ;MACV;iBAECZ,MAAA,iBACCkB,IAAA,CAAC;QACCX,KAAA,EAAO;UACLU,QAAA,EAAU;UACVE,YAAA,EAAc;QAChB;kBAECnB;uBAGLkB,IAAA,CAAC;QACCX,KAAA,EAAO;UACLG,OAAA,EAAS;UACTO,QAAA,EAAU;UACVG,UAAA,EAAY;UACZD,YAAA,EAAc;UACdE,SAAA,EAAW;UACXC,YAAA,EAAc;UACdC,eAAA,EAAiB;UACjBC,eAAA,EAAiB;QACnB;kBAECvB;UAEFN,WAAA,iBACCuB,IAAA,CAAC;QACCX,KAAA,EAAO;UACLG,OAAA,EAAS;UACTM,QAAA,EAAU;UACVC,QAAA,EAAU;UACVG,UAAA,EAAY;UACZD,YAAA,EAAc;UACdE,SAAA,EAAW;UACXC,YAAA,EAAc;UACdC,eAAA,EAAiB;UACjBC,eAAA,EAAiB;QACnB;kBAEC7B;;qBAIPuB,IAAA,CAAC;MACCX,KAAA,EAAO;QACLkB,UAAA,EAAY;QACZf,OAAA,EAAS;QACTgB,UAAA,EAAY;QACZd,MAAA,EAAQ;QACRC,cAAA,EAAgB;QAChBE,KAAA,EAAO;MACT;gBAECb;;;AAIT","ignoreList":[]}

package/dist/routes/rest/og/index.js

@@ -1,4 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { PayloadIcon } from '@payloadcms/ui/shared';
 import fs from 'fs/promises';
 import { ImageResponse } from 'next/og.js';
@@ -10,66 +10,61 @@ const filename = fileURLToPath(import.meta.url);
 const dirname = path.dirname(filename);
 export const runtime = 'nodejs';
 export const contentType = 'image/png';
-export const generateOGImage = async (req)=>{
-    const config = req.payload.config;
-    if (config.admin.meta.defaultOGImageType === 'off') {
-        return Response.json({
-            error: `Open Graph images are disabled`
-        }, {
-            status: 400
-        });
-    }
+export const generateOGImage = async req => {
+  const config = req.payload.config;
+  if (config.admin.meta.defaultOGImageType === 'off') {
+    return Response.json({
+      error: `Open Graph images are disabled`
+    }, {
+      status: 400
+    });
+  }
+  try {
+    const {
+      searchParams
+    } = new URL(req.url);
+    const hasTitle = searchParams.has('title');
+    const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : '';
+    const hasLeader = searchParams.has('leader');
+    const leader = hasLeader ? searchParams.get('leader')?.slice(0, 100).replace('-', ' ') : '';
+    const description = searchParams.has('description') ? searchParams.get('description') : '';
+    let fontData;
     try {
-        const { searchParams } = new URL(req.url);
-        const hasTitle = searchParams.has('title');
-        const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : '';
-        const hasLeader = searchParams.has('leader');
-        const leader = hasLeader ? searchParams.get('leader')?.slice(0, 100).replace('-', ' ') : '';
-        const description = searchParams.has('description') ? searchParams.get('description') : '';
-        let fontData;
-        try {
-            // TODO: replace with `.woff2` file when supported
-            // See https://github.com/vercel/next.js/issues/63935
-            // Or better yet, use a CDN like Google Fonts if ever supported
-            fontData = fs.readFile(path.join(dirname, 'roboto-regular.woff'));
-        } catch (e) {
-            req.payload.logger.error(`Error reading font file or not readable: ${e.message}`);
-        }
-        const fontFamily = 'Roboto, sans-serif';
-        return new ImageResponse(/*#__PURE__*/ _jsxDEV(OGImage, {
-            description: description,
-            Fallback: PayloadIcon,
-            fontFamily: fontFamily,
-            Icon: config.admin?.components?.graphics?.Icon,
-            importMap: req.payload.importMap,
-            leader: leader,
-            title: title
-        }, void 0, false, {
-            fileName: "src/routes/rest/og/index.tsx",
-            lineNumber: 50,
-            columnNumber: 9
-        }, this), {
-            ...fontData ? {
-                fonts: [
-                    {
-                        name: 'Roboto',
-                        data: await fontData,
-                        style: 'normal',
-                        weight: 400
-                    }
-                ]
-            } : {},
-            height: 630,
-            width: 1200
-        });
+      // TODO: replace with `.woff2` file when supported
+      // See https://github.com/vercel/next.js/issues/63935
+      // Or better yet, use a CDN like Google Fonts if ever supported
+      fontData = fs.readFile(path.join(dirname, 'roboto-regular.woff'));
     } catch (e) {
-        req.payload.logger.error(`Error generating Open Graph image: ${e.message}`);
-        return Response.json({
-            error: `Internal Server Error: ${e.message}`
-        }, {
-            status: 500
-        });
+      req.payload.logger.error(`Error reading font file or not readable: ${e.message}`);
     }
+    const fontFamily = 'Roboto, sans-serif';
+    return new ImageResponse(/*#__PURE__*/_jsx(OGImage, {
+      description: description,
+      Fallback: PayloadIcon,
+      fontFamily: fontFamily,
+      Icon: config.admin?.components?.graphics?.Icon,
+      importMap: req.payload.importMap,
+      leader: leader,
+      title: title
+    }), {
+      ...(fontData ? {
+        fonts: [{
+          name: 'Roboto',
+          data: await fontData,
+          style: 'normal',
+          weight: 400
+        }]
+      } : {}),
+      height: 630,
+      width: 1200
+    });
+  } catch (e) {
+    req.payload.logger.error(`Error generating Open Graph image: ${e.message}`);
+    return Response.json({
+      error: `Internal Server Error: ${e.message}`
+    }, {
+      status: 500
+    });
+  }
 };
-
 //# sourceMappingURL=index.js.map

package/dist/routes/rest/og/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/routes/rest/og/index.tsx"],"sourcesContent":["import type { PayloadHandler } from 'payload'\n\nimport { PayloadIcon } from '@payloadcms/ui/shared'\nimport fs from 'fs/promises'\nimport { ImageResponse } from 'next/og.js'\nimport path from 'path'\nimport React from 'react'\nimport { fileURLToPath } from 'url'\n\nimport { OGImage } from './image.js'\n\nconst filename = fileURLToPath(import.meta.url)\nconst dirname = path.dirname(filename)\n\nexport const runtime = 'nodejs'\n\nexport const contentType = 'image/png'\n\nexport const generateOGImage: PayloadHandler = async (req) => {\n  const config = req.payload.config\n\n  if (config.admin.meta.defaultOGImageType === 'off') {\n    return Response.json({ error: `Open Graph images are disabled` }, { status: 400 })\n  }\n\n  try {\n    const { searchParams } = new URL(req.url)\n\n    const hasTitle = searchParams.has('title')\n    const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : ''\n    const hasLeader = searchParams.has('leader')\n    const leader = hasLeader ? searchParams.get('leader')?.slice(0, 100).replace('-', ' ') : ''\n    const description = searchParams.has('description') ? searchParams.get('description') : ''\n\n    let fontData\n\n    try {\n      // TODO: replace with `.woff2` file when supported\n      // See https://github.com/vercel/next.js/issues/63935\n      // Or better yet, use a CDN like Google Fonts if ever supported\n      fontData = fs.readFile(path.join(dirname, 'roboto-regular.woff'))\n    } catch (e) {\n      req.payload.logger.error(`Error reading font file or not readable: ${e.message}`)\n    }\n\n    const fontFamily = 'Roboto, sans-serif'\n\n    return new ImageResponse(\n      (\n        <OGImage\n          description={description}\n          Fallback={PayloadIcon}\n          fontFamily={fontFamily}\n          Icon={config.admin?.components?.graphics?.Icon}\n          importMap={req.payload.importMap}\n          leader={leader}\n          title={title}\n        />\n      ),\n      {\n        ...(fontData\n          ? {\n              fonts: [\n                {\n                  name: 'Roboto',\n                  data: await fontData,\n                  style: 'normal',\n                  weight: 400,\n                },\n              ],\n            }\n          : {}),\n        height: 630,\n        width: 1200,\n      },\n    )\n  } catch (e: any) {\n    req.payload.logger.error(`Error generating Open Graph image: ${e.message}`)\n    return Response.json({ error: `Internal Server Error: ${e.message}` }, { status: 500 })\n  }\n}\n"],"names":["PayloadIcon","fs","ImageResponse","path","React","fileURLToPath","OGImage","filename","url","dirname","runtime","contentType","generateOGImage","req","config","payload","admin","meta","defaultOGImageType","Response","json","error","status","searchParams","URL","hasTitle","has","title","get","slice","hasLeader","leader","replace","description","fontData","readFile","join","e","logger","message","fontFamily","Fallback","Icon","components","graphics","importMap","fonts","name","data","style","weight","height","width"],"mappings":";AAEA,SAASA,WAAW,QAAQ,wBAAuB;AACnD,OAAOC,QAAQ,cAAa;AAC5B,SAASC,aAAa,QAAQ,aAAY;AAC1C,OAAOC,UAAU,OAAM;AACvB,OAAOC,WAAW,QAAO;AACzB,SAASC,aAAa,QAAQ,MAAK;AAEnC,SAASC,OAAO,QAAQ,aAAY;AAEpC,MAAMC,WAAWF,cAAc,YAAYG,GAAG;AAC9C,MAAMC,UAAUN,KAAKM,OAAO,CAACF;AAE7B,OAAO,MAAMG,UAAU,SAAQ;AAE/B,OAAO,MAAMC,cAAc,YAAW;AAEtC,OAAO,MAAMC,kBAAkC,OAAOC;IACpD,MAAMC,SAASD,IAAIE,OAAO,CAACD,MAAM;IAEjC,IAAIA,OAAOE,KAAK,CAACC,IAAI,CAACC,kBAAkB,KAAK,OAAO;QAClD,OAAOC,SAASC,IAAI,CAAC;YAAEC,OAAO,CAAC,8BAA8B,CAAC;QAAC,GAAG;YAAEC,QAAQ;QAAI;IAClF;IAEA,IAAI;QACF,MAAM,EAAEC,YAAY,EAAE,GAAG,IAAIC,IAAIX,IAAIL,GAAG;QAExC,MAAMiB,WAAWF,aAAaG,GAAG,CAAC;QAClC,MAAMC,QAAQF,WAAWF,aAAaK,GAAG,CAAC,UAAUC,MAAM,GAAG,OAAO;QACpE,MAAMC,YAAYP,aAAaG,GAAG,CAAC;QACnC,MAAMK,SAASD,YAAYP,aAAaK,GAAG,CAAC,WAAWC,MAAM,GAAG,KAAKG,QAAQ,KAAK,OAAO;QACzF,MAAMC,cAAcV,aAAaG,GAAG,CAAC,iBAAiBH,aAAaK,GAAG,CAAC,iBAAiB;QAExF,IAAIM;QAEJ,IAAI;YACF,kDAAkD;YAClD,qDAAqD;YACrD,+DAA+D;YAC/DA,WAAWjC,GAAGkC,QAAQ,CAAChC,KAAKiC,IAAI,CAAC3B,SAAS;QAC5C,EAAE,OAAO4B,GAAG;YACVxB,IAAIE,OAAO,CAACuB,MAAM,CAACjB,KAAK,CAAC,CAAC,yCAAyC,EAAEgB,EAAEE,OAAO,EAAE;QAClF;QAEA,MAAMC,aAAa;QAEnB,OAAO,IAAItC,4BAEP,QAACI;YACC2B,aAAaA;YACbQ,UAAUzC;YACVwC,YAAYA;YACZE,MAAM5B,OAAOE,KAAK,EAAE2B,YAAYC,UAAUF;YAC1CG,WAAWhC,IAAIE,OAAO,CAAC8B,SAAS;YAChCd,QAAQA;YACRJ,OAAOA;;;;;kBAGX;YACE,GAAIO,WACA;gBACEY,OAAO;oBACL;wBACEC,MAAM;wBACNC,MAAM,MAAMd;wBACZe,OAAO;wBACPC,QAAQ;oBACV;iBACD;YACH,IACA,CAAC,CAAC;YACNC,QAAQ;YACRC,OAAO;QACT;IAEJ,EAAE,OAAOf,GAAQ;QACfxB,IAAIE,OAAO,CAACuB,MAAM,CAACjB,KAAK,CAAC,CAAC,mCAAmC,EAAEgB,EAAEE,OAAO,EAAE;QAC1E,OAAOpB,SAASC,IAAI,CAAC;YAAEC,OAAO,CAAC,uBAAuB,EAAEgB,EAAEE,OAAO,EAAE;QAAC,GAAG;YAAEjB,QAAQ;QAAI;IACvF;AACF,EAAC"}
+{"version":3,"file":"index.js","names":["PayloadIcon","fs","ImageResponse","path","React","fileURLToPath","OGImage","filename","import","meta","url","dirname","runtime","contentType","generateOGImage","req","config","payload","admin","defaultOGImageType","Response","json","error","status","searchParams","URL","hasTitle","has","title","get","slice","hasLeader","leader","replace","description","fontData","readFile","join","e","logger","message","fontFamily","_jsx","Fallback","Icon","components","graphics","importMap","fonts","name","data","style","weight","height","width"],"sources":["../../../../src/routes/rest/og/index.tsx"],"sourcesContent":["import type { PayloadHandler } from 'payload'\n\nimport { PayloadIcon } from '@payloadcms/ui/shared'\nimport fs from 'fs/promises'\nimport { ImageResponse } from 'next/og.js'\nimport path from 'path'\nimport React from 'react'\nimport { fileURLToPath } from 'url'\n\nimport { OGImage } from './image.js'\n\nconst filename = fileURLToPath(import.meta.url)\nconst dirname = path.dirname(filename)\n\nexport const runtime = 'nodejs'\n\nexport const contentType = 'image/png'\n\nexport const generateOGImage: PayloadHandler = async (req) => {\n  const config = req.payload.config\n\n  if (config.admin.meta.defaultOGImageType === 'off') {\n    return Response.json({ error: `Open Graph images are disabled` }, { status: 400 })\n  }\n\n  try {\n    const { searchParams } = new URL(req.url)\n\n    const hasTitle = searchParams.has('title')\n    const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : ''\n    const hasLeader = searchParams.has('leader')\n    const leader = hasLeader ? searchParams.get('leader')?.slice(0, 100).replace('-', ' ') : ''\n    const description = searchParams.has('description') ? searchParams.get('description') : ''\n\n    let fontData\n\n    try {\n      // TODO: replace with `.woff2` file when supported\n      // See https://github.com/vercel/next.js/issues/63935\n      // Or better yet, use a CDN like Google Fonts if ever supported\n      fontData = fs.readFile(path.join(dirname, 'roboto-regular.woff'))\n    } catch (e) {\n      req.payload.logger.error(`Error reading font file or not readable: ${e.message}`)\n    }\n\n    const fontFamily = 'Roboto, sans-serif'\n\n    return new ImageResponse(\n      (\n        <OGImage\n          description={description}\n          Fallback={PayloadIcon}\n          fontFamily={fontFamily}\n          Icon={config.admin?.components?.graphics?.Icon}\n          importMap={req.payload.importMap}\n          leader={leader}\n          title={title}\n        />\n      ),\n      {\n        ...(fontData\n          ? {\n              fonts: [\n                {\n                  name: 'Roboto',\n                  data: await fontData,\n                  style: 'normal',\n                  weight: 400,\n                },\n              ],\n            }\n          : {}),\n        height: 630,\n        width: 1200,\n      },\n    )\n  } catch (e: any) {\n    req.payload.logger.error(`Error generating Open Graph image: ${e.message}`)\n    return Response.json({ error: `Internal Server Error: ${e.message}` }, { status: 500 })\n  }\n}\n"],"mappings":";AAEA,SAASA,WAAW,QAAQ;AAC5B,OAAOC,EAAA,MAAQ;AACf,SAASC,aAAa,QAAQ;AAC9B,OAAOC,IAAA,MAAU;AACjB,OAAOC,KAAA,MAAW;AAClB,SAASC,aAAa,QAAQ;AAE9B,SAASC,OAAO,QAAQ;AAExB,MAAMC,QAAA,GAAWF,aAAA,CAAcG,MAAA,CAAAC,IAAA,CAAYC,GAAG;AAC9C,MAAMC,OAAA,GAAUR,IAAA,CAAKQ,OAAO,CAACJ,QAAA;AAE7B,OAAO,MAAMK,OAAA,GAAU;AAEvB,OAAO,MAAMC,WAAA,GAAc;AAE3B,OAAO,MAAMC,eAAA,GAAkC,MAAOC,GAAA;EACpD,MAAMC,MAAA,GAASD,GAAA,CAAIE,OAAO,CAACD,MAAM;EAEjC,IAAIA,MAAA,CAAOE,KAAK,CAACT,IAAI,CAACU,kBAAkB,KAAK,OAAO;IAClD,OAAOC,QAAA,CAASC,IAAI,CAAC;MAAEC,KAAA,EAAO;IAAiC,GAAG;MAAEC,MAAA,EAAQ;IAAI;EAClF;EAEA,IAAI;IACF,MAAM;MAAEC;IAAY,CAAE,GAAG,IAAIC,GAAA,CAAIV,GAAA,CAAIL,GAAG;IAExC,MAAMgB,QAAA,GAAWF,YAAA,CAAaG,GAAG,CAAC;IAClC,MAAMC,KAAA,GAAQF,QAAA,GAAWF,YAAA,CAAaK,GAAG,CAAC,UAAUC,KAAA,CAAM,GAAG,OAAO;IACpE,MAAMC,SAAA,GAAYP,YAAA,CAAaG,GAAG,CAAC;IACnC,MAAMK,MAAA,GAASD,SAAA,GAAYP,YAAA,CAAaK,GAAG,CAAC,WAAWC,KAAA,CAAM,GAAG,KAAKG,OAAA,CAAQ,KAAK,OAAO;IACzF,MAAMC,WAAA,GAAcV,YAAA,CAAaG,GAAG,CAAC,iBAAiBH,YAAA,CAAaK,GAAG,CAAC,iBAAiB;IAExF,IAAIM,QAAA;IAEJ,IAAI;MACF;MACA;MACA;MACAA,QAAA,GAAWlC,EAAA,CAAGmC,QAAQ,CAACjC,IAAA,CAAKkC,IAAI,CAAC1B,OAAA,EAAS;IAC5C,EAAE,OAAO2B,CAAA,EAAG;MACVvB,GAAA,CAAIE,OAAO,CAACsB,MAAM,CAACjB,KAAK,CAAC,4CAA4CgB,CAAA,CAAEE,OAAO,EAAE;IAClF;IAEA,MAAMC,UAAA,GAAa;IAEnB,OAAO,IAAIvC,aAAA,cAEPwC,IAAA,CAACpC,OAAA;MACC4B,WAAA,EAAaA,WAAA;MACbS,QAAA,EAAU3C,WAAA;MACVyC,UAAA,EAAYA,UAAA;MACZG,IAAA,EAAM5B,MAAA,CAAOE,KAAK,EAAE2B,UAAA,EAAYC,QAAA,EAAUF,IAAA;MAC1CG,SAAA,EAAWhC,GAAA,CAAIE,OAAO,CAAC8B,SAAS;MAChCf,MAAA,EAAQA,MAAA;MACRJ,KAAA,EAAOA;QAGX;MACE,IAAIO,QAAA,GACA;QACEa,KAAA,EAAO,CACL;UACEC,IAAA,EAAM;UACNC,IAAA,EAAM,MAAMf,QAAA;UACZgB,KAAA,EAAO;UACPC,MAAA,EAAQ;QACV;MAEJ,IACA,CAAC,CAAC;MACNC,MAAA,EAAQ;MACRC,KAAA,EAAO;IACT;EAEJ,EAAE,OAAOhB,CAAA,EAAQ;IACfvB,GAAA,CAAIE,OAAO,CAACsB,MAAM,CAACjB,KAAK,CAAC,sCAAsCgB,CAAA,CAAEE,OAAO,EAAE;IAC1E,OAAOpB,QAAA,CAASC,IAAI,CAAC;MAAEC,KAAA,EAAO,0BAA0BgB,CAAA,CAAEE,OAAO;IAAG,GAAG;MAAEjB,MAAA,EAAQ;IAAI;EACvF;AACF","ignoreList":[]}

package/dist/templates/Default/NavHamburger/index.js

@@ -1,17 +1,25 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Hamburger, useNav } from '@payloadcms/ui';
 import React from 'react';
-export const NavHamburger = ()=>{
-    const { navOpen } = useNav();
-    return /*#__PURE__*/ _jsxDEV(Hamburger, {
-        closeIcon: "collapse",
-        isActive: navOpen
-    }, void 0, false, {
-        fileName: "src/templates/Default/NavHamburger/index.tsx",
-        lineNumber: 7,
-        columnNumber: 10
-    }, this);
+export const NavHamburger = () => {
+  const $ = _c(2);
+  const {
+    navOpen
+  } = useNav();
+  let t0;
+  if ($[0] !== navOpen) {
+    t0 = _jsx(Hamburger, {
+      closeIcon: "collapse",
+      isActive: navOpen
+    });
+    $[0] = navOpen;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/templates/Default/NavHamburger/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/templates/Default/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const NavHamburger: React.FC = () => {\n  const { navOpen } = useNav()\n  return <Hamburger closeIcon=\"collapse\" isActive={navOpen} />\n}\n"],"names":["Hamburger","useNav","React","NavHamburger","navOpen","closeIcon","isActive"],"mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,OAAO,EAAE,GAAGH;IACpB,qBAAO,QAACD;QAAUK,WAAU;QAAWC,UAAUF;;;;;;AACnD,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","Hamburger","useNav","React","NavHamburger","$","navOpen","t0","_jsx","closeIcon","isActive"],"sources":["../../../../src/templates/Default/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const NavHamburger: React.FC = () => {\n  const { navOpen } = useNav()\n  return <Hamburger closeIcon=\"collapse\" isActive={navOpen} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAClC,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAoBJ,MAAA;EAAA,IAAAK,EAAA;EAAA,IAAAF,CAAA,QAAAC,OAAA;IACbC,EAAA,GAAAC,IAAA,CAAAP,SAAA;MAAAQ,SAAA,EAAqB;MAAAC,QAAA,EAAqBJ;IAAA,C;;;;;;SAA1CC,E;CACT","ignoreList":[]}

package/dist/templates/Default/Wrapper/index.js

@@ -1,25 +1,49 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useNav } from '@payloadcms/ui';
 import React from 'react';
-import './index.scss';
-export const Wrapper = (props)=>{
-    const { baseClass, children, className } = props;
-    const { hydrated, navOpen, shouldAnimate } = useNav();
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            baseClass,
-            className,
-            navOpen && `${baseClass}--nav-open`,
-            shouldAnimate && `${baseClass}--nav-animate`,
-            hydrated && `${baseClass}--nav-hydrated`
-        ].filter(Boolean).join(' '),
-        children: children
-    }, void 0, false, {
-        fileName: "src/templates/Default/Wrapper/index.tsx",
-        lineNumber: 16,
-        columnNumber: 5
-    }, this);
+export const Wrapper = props => {
+  const $ = _c(9);
+  const {
+    baseClass,
+    children,
+    className
+  } = props;
+  const {
+    hydrated,
+    navOpen,
+    shouldAnimate
+  } = useNav();
+  const t0 = navOpen && `${baseClass}--nav-open`;
+  const t1 = shouldAnimate && `${baseClass}--nav-animate`;
+  const t2 = hydrated && `${baseClass}--nav-hydrated`;
+  let t3;
+  if ($[0] !== baseClass || $[1] !== className || $[2] !== t0 || $[3] !== t1 || $[4] !== t2) {
+    t3 = [baseClass, className, t0, t1, t2].filter(Boolean);
+    $[0] = baseClass;
+    $[1] = className;
+    $[2] = t0;
+    $[3] = t1;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const t4 = t3.join(" ");
+  let t5;
+  if ($[6] !== children || $[7] !== t4) {
+    t5 = _jsx("div", {
+      className: t4,
+      children
+    });
+    $[6] = children;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  return t5;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/templates/Default/Wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { hydrated, navOpen, shouldAnimate } = useNav()\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["useNav","React","Wrapper","props","baseClass","children","className","hydrated","navOpen","shouldAnimate","div","filter","Boolean","join"],"mappings":"AAAA;;AACA,SAASA,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,UAIR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGH;IAC3C,MAAM,EAAEI,QAAQ,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGT;IAE7C,qBACE,QAACU;QACCJ,WAAW;YACTF;YACAE;YACAE,WAAW,GAAGJ,UAAU,UAAU,CAAC;YACnCK,iBAAiB,GAAGL,UAAU,aAAa,CAAC;YAC5CG,YAAY,GAAGH,UAAU,cAAc,CAAC;SACzC,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;kBAEPR;;;;;;AAGP,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useNav","React","Wrapper","props","$","baseClass","children","className","hydrated","navOpen","shouldAnimate","t0","t1","t2","t3","filter","Boolean","t4","join","t5","_jsx"],"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { hydrated, navOpen, shouldAnimate } = useNav()\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,QAAQ;AACvB,OAAOC,KAAA,MAAW;AAIlB,OAAO,MAAMC,OAAA,GAIRC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM,SAAA;IAAAC,QAAA;IAAAC;EAAA,IAA2CJ,KAAA;EAC3C;IAAAK,QAAA;IAAAC,OAAA;IAAAC;EAAA,IAA6CV,MAAA;EAOvC,MAAAW,EAAA,GAAAF,OAAA,IAAW,GAAGJ,SAAA,YAAqB;EACnC,MAAAO,EAAA,GAAAF,aAAA,IAAiB,GAAGL,SAAA,eAAwB;EAC5C,MAAAQ,EAAA,GAAAL,QAAA,IAAY,GAAGH,SAAA,gBAAyB;EAAA,IAAAS,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;IAL/BC,EAAA,IACTT,SAAA,EACAE,SAAA,EACAI,EAAmC,EACnCC,EAA4C,EAC5CC,EAAwC,EAAAE,MAAA,CAAAC,OAEhC;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAPC,MAAAa,EAAA,GAAAH,EAOD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAa,EAAA;IATVE,EAAA,GAAAC,IAAA,CAAC;MAAAb,SAAA,EACYU,EAQH;MAAAX;IAAA,C;;;;;;;SATVa,E;CAcJ","ignoreList":[]}