@nitrogenbuilder/connector-payload 0.1.22 → 0.1.24

package/dist/editor/NitrogenEditorAssetsRoute.d.ts

@@ -0,0 +1,6 @@
+import { NextResponse } from "next/server";
+export declare function GET(_request: Request, context: {
+    params: Promise<{
+        slug?: string[];
+    }>;
+}): Promise<NextResponse<unknown>>;

package/dist/editor/NitrogenEditorAssetsRoute.js

@@ -0,0 +1,56 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { NextResponse } from "next/server";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const ASSETS_DIR = path.resolve(__dirname, "..", "editor-assets");
+function getContentType(filePath) {
+    switch (path.extname(filePath).toLowerCase()) {
+        case ".css":
+            return "text/css; charset=utf-8";
+        case ".svg":
+            return "image/svg+xml";
+        case ".woff2":
+            return "font/woff2";
+        case ".woff":
+            return "font/woff";
+        case ".ttf":
+            return "font/ttf";
+        case ".eot":
+            return "application/vnd.ms-fontobject";
+        case ".otf":
+            return "font/otf";
+        case ".ico":
+            return "image/x-icon";
+        default:
+            return "application/octet-stream";
+    }
+}
+function normalizeSlug(slug) {
+    return (slug ?? []).filter((segment) => segment && segment !== "." && segment !== "..");
+}
+export async function GET(_request, context) {
+    const params = await context.params;
+    const slug = normalizeSlug(params.slug);
+    if (slug.length === 0) {
+        return new NextResponse("Not Found", { status: 404 });
+    }
+    const filePath = path.join(ASSETS_DIR, ...slug);
+    const relativePath = path.relative(ASSETS_DIR, filePath);
+    if (relativePath.startsWith("..") || path.isAbsolute(relativePath)) {
+        return new NextResponse("Not Found", { status: 404 });
+    }
+    try {
+        const data = await fs.readFile(filePath);
+        return new NextResponse(new Uint8Array(data), {
+            headers: {
+                "Content-Type": getContentType(filePath),
+                "Cache-Control": "public, max-age=31536000, immutable",
+            },
+        });
+    }
+    catch {
+        return new NextResponse("Not Found", { status: 404 });
+    }
+}

package/dist/editor/NitrogenEditorPage.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { getPayload } from "payload";
 import { headers } from "next/headers";
 import { redirect } from "next/navigation";
+const EDITOR_CDN_VERSION = "0.5.29";
 function getNitrogenApiUrl(isDevelopment) {
     if (isDevelopment) {
         return "/api/nitrogen/v1";
@@ -18,6 +19,15 @@ function getNitrogenApiUrl(isDevelopment) {
     }
     return `${normalizedBase}/api/nitrogen/v1`;
 }
+function getSiteUrl(settings, isDevelopment) {
+    const preferredUrl = isDevelopment
+        ? settings.developmentUrl
+        : settings.frontendUrl;
+    const fallbackUrl = isDevelopment
+        ? settings.frontendUrl
+        : settings.developmentUrl;
+    return preferredUrl || fallbackUrl || "";
+}
 /**
  * Creates a standalone editor page that loads the Nitrogen builder.
  *
@@ -44,9 +54,7 @@ export function createNitrogenEditorPage(config) {
             slug: "nitrogen-settings",
         }));
         const isDevelopment = params.development === "true";
-        const siteUrl = isDevelopment
-            ? settings.developmentUrl
-            : settings.frontendUrl;
+        const siteUrl = getSiteUrl(settings, isDevelopment);
         const nitrogenConfig = settings.nitrogenConfig || {};
         // Determine the postType for the editor's API calls
         let postType;
@@ -75,8 +83,11 @@ export function createNitrogenEditorPage(config) {
         const editId = params.templateId || params.pageId || "";
         const isEditorDev = isDevelopment && !!settings.instanceUrl;
         const editorOrigin = settings.instanceUrl?.replace(/\/$/, "") || "";
-        const cdnBase = "https://cdn.jsdelivr.net/npm/@nitrogenbuilder/editor@0.5";
-        return (_jsxs(_Fragment, { children: [isEditorDev ? (_jsxs(_Fragment, { children: [_jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${editorOrigin}/fa620pro/css/all.css` }), _jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${editorOrigin}/fa620pro/css/sharp-solid.css` }), _jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${editorOrigin}/src/index.scss` })] })) : (_jsxs(_Fragment, { children: [_jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${cdnBase}/fa620pro/css/all.css` }), _jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${cdnBase}/fa620pro/css/sharp-solid.css` }), _jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${cdnBase}/index.css` })] })), _jsx("script", { dangerouslySetInnerHTML: {
+        const editorAssetsBase = isEditorDev
+            ? editorOrigin
+            : "/nitrogen-editor/assets";
+        const cdnBase = `https://cdn.jsdelivr.net/npm/@nitrogenbuilder/editor@${EDITOR_CDN_VERSION}`;
+        return (_jsxs(_Fragment, { children: [!isEditorDev && (_jsxs(_Fragment, { children: [_jsx("link", { rel: "preconnect", href: "https://cdn.jsdelivr.net" }), _jsx("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "" })] })), isEditorDev ? (_jsxs(_Fragment, { children: [_jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${editorAssetsBase}/fa620pro/css/all.css` }), _jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${editorAssetsBase}/fa620pro/css/sharp-solid.css` }), _jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${editorOrigin}/src/index.scss` })] })) : (_jsxs(_Fragment, { children: [_jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${editorAssetsBase}/fa620pro/css/all.css` }), _jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${editorAssetsBase}/fa620pro/css/sharp-solid.css` }), _jsx("link", { rel: "stylesheet", crossOrigin: "", href: `${cdnBase}/index.css` })] })), _jsx("script", { dangerouslySetInnerHTML: {
                         __html: [
                             `window.nitrogenConfig = ${JSON.stringify(builderConfig)};`,
                             `window.nitrogenEditId = "${editId}";`,
@@ -91,13 +102,15 @@ export function createNitrogenEditorPage(config) {
                                 alignItems: "center",
                                 justifyContent: "center",
                                 backgroundColor: "#0F1214",
-                            }, children: _jsx("img", { src: isEditorDev
-                                    ? `${editorOrigin}/src/components/logo-white.svg`
-                                    : `${cdnBase}/logo-white.svg`, alt: "Loading\u2026", style: {
+                            }, children: isEditorDev ? (_jsx("img", { src: `${editorAssetsBase}/logo-white.svg`, alt: "Loading\u2026", style: {
+                                    width: "24rem",
+                                    maxWidth: "100%",
+                                    animation: "nitrogen-loader-pulse 3s ease-in-out infinite",
+                                } })) : (_jsx("img", { src: `${editorAssetsBase}/logo-white.svg`, alt: "Loading\u2026", style: {
                                     width: "24rem",
                                     maxWidth: "100%",
                                     animation: "nitrogen-loader-pulse 3s ease-in-out infinite",
-                                } }) }), _jsx("style", { dangerouslySetInnerHTML: {
+                                } })) }), _jsx("style", { dangerouslySetInnerHTML: {
                                 __html: `@keyframes nitrogen-loader-pulse{0%{transform:scale(1);opacity:0}50%{opacity:1}100%{transform:scale(1.05);opacity:0}}`,
                             } })] }), isEditorDev ? (_jsxs(_Fragment, { children: [_jsx("script", { type: "module", dangerouslySetInnerHTML: {
                                 __html: `import RefreshRuntime from "${editorOrigin}/@react-refresh";RefreshRuntime.injectIntoGlobalHook(window);window.$RefreshReg$ = () => {};window.$RefreshSig$ = () => (type) => type;window.__vite_plugin_react_preamble_installed__ = true;`,

package/dist/editor/index.d.ts

@@ -1,2 +1,3 @@
 export { createNitrogenEditorPage } from './NitrogenEditorPage';
 export { default as NitrogenEditorLayout } from './NitrogenEditorLayout';
+export { GET as nitrogenEditorAssetsRoute } from './NitrogenEditorAssetsRoute';

package/dist/editor/index.js

@@ -1,2 +1,3 @@
 export { createNitrogenEditorPage } from './NitrogenEditorPage';
 export { default as NitrogenEditorLayout } from './NitrogenEditorLayout';
+export { GET as nitrogenEditorAssetsRoute } from './NitrogenEditorAssetsRoute';