@payloadcms/next 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

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

@@ -1,86 +1,110 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-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'
-    },
-    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
+export const OGImage = ({ description, Fallback, fontFamily = 'Arial, sans-serif', Icon, importMap, leader, title })=>{
+    const IconComponent = RenderServerComponent({
+        clientProps: {
+            fill: 'white'
         },
-        children: title
-      }), description && /*#__PURE__*/_jsx("p", {
+        Component: Icon,
+        Fallback,
+        importMap
+    });
+    return /*#__PURE__*/ _jsxDEV("div", {
         style: {
-          display: '-webkit-box',
-          flexGrow: 1,
-          fontSize: 30,
-          lineHeight: 1,
-          marginBottom: 0,
-          marginTop: 40,
-          textOverflow: 'ellipsis',
-          WebkitBoxOrient: 'vertical',
-          WebkitLineClamp: 2
+            backgroundColor: '#000',
+            color: '#fff',
+            display: 'flex',
+            flexDirection: 'column',
+            fontFamily,
+            height: '100%',
+            justifyContent: 'space-between',
+            padding: '100px',
+            width: '100%'
         },
-        children: description
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      style: {
-        alignItems: 'flex-end',
-        display: 'flex',
-        flexShrink: 0,
-        height: '38px',
-        justifyContent: 'center',
-        width: '38px'
-      },
-      children: IconComponent
-    })]
-  });
+        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);
 };
+
 //# sourceMappingURL=image.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { PayloadIcon } from '@payloadcms/ui/shared';
 import fs from 'fs/promises';
 import { ImageResponse } from 'next/og.js';
@@ -10,61 +10,66 @@ 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
-    });
-  }
-  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;
+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 {
-      // 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'));
+        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
+        });
     } catch (e) {
-      req.payload.logger.error(`Error reading font file or not readable: ${e.message}`);
+        req.payload.logger.error(`Error generating Open Graph image: ${e.message}`);
+        return Response.json({
+            error: `Internal Server Error: ${e.message}`
+        }, {
+            status: 500
+        });
     }
-    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,"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":[]}
+{"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"}

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

@@ -1,25 +1,17 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Hamburger, useNav } from '@payloadcms/ui';
 import React from 'react';
-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;
+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);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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"}

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

@@ -1,49 +1,25 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useNav } from '@payloadcms/ui';
 import React from 'react';
-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;
+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);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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"}

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

@@ -0,0 +1,58 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .template-default {
+    min-height: 100vh;
+    display: grid;
+    position: relative;
+    isolation: isolate;
+
+    @media (prefers-reduced-motion) {
+      transition: none;
+    }
+
+    &--nav-animate {
+      transition: grid-template-columns var(--nav-trans-time) linear;
+    }
+
+    &--nav-open {
+      .template-default {
+        &__nav-overlay {
+          transition: opacity var(--nav-trans-time) linear;
+        }
+      }
+    }
+  }
+
+  @media (min-width: 1441px) {
+    .template-default {
+      grid-template-columns: 0 auto;
+
+      &--nav-open {
+        grid-template-columns: var(--nav-width) auto;
+      }
+    }
+  }
+
+  @media (max-width: 1440px) {
+    .template-default--nav-hydrated.template-default--nav-open {
+      grid-template-columns: var(--nav-width) auto;
+    }
+
+    .template-default {
+      grid-template-columns: 1fr auto;
+
+      .nav {
+        display: none;
+      }
+
+      &--nav-hydrated {
+        grid-template-columns: 0 auto;
+
+        .nav {
+          display: unset;
+        }
+      }
+    }
+  }
+}