@cmssy/next 4.5.0 → 4.6.1

package/dist/index.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+require('server-only');
 var headers = require('next/headers');
 var navigation = require('next/navigation');
 var react = require('@cmssy/react');
@@ -113,6 +114,15 @@ function defineCmssyConfig(config) {
     }
   }
   if (missing.length > 0) {
+    if (typeof window !== "undefined") {
+      throw new Error(
+        `cmssy: the config was evaluated in the browser, so it cannot see the server's environment variables.
+
+This is an import problem, not a config problem: a client component ("use client") imported a VALUE from a module that reads the cmssy config - directly, or through a helper next to one.
+
+Fix it by importing types only (they are erased at build time), or by moving the value into a module that does not touch the config.`
+      );
+    }
     throw new Error(
       `cmssy: missing required configuration:
   - ${missing.join(
@@ -408,6 +418,7 @@ async function cmssyEditRewrite(request2, config, options = {}) {
   if (!await cmssySecretsMatch(provided, config.draftSecret)) return null;
   const url = request2.nextUrl.clone();
   url.pathname = `${CMSSY_EDIT_PATH_PREFIX}${pathname === "/" ? "" : pathname}`;
+  warnIfEditRouteMissing(url);
   return server.NextResponse.rewrite(
     url,
     options.requestHeaders ? { request: { headers: options.requestHeaders } } : void 0
@@ -418,6 +429,24 @@ function createCmssyEditMiddleware(config) {
     return await cmssyEditRewrite(request2, config) ?? server.NextResponse.next();
   };
 }
+var probed = false;
+function warnIfEditRouteMissing(url) {
+  if (process.env.NODE_ENV === "production" || probed) return;
+  probed = true;
+  void fetch(url, { method: "HEAD" }).then((response) => {
+    if (response.status !== 404) return;
+    console.error(
+      `[cmssy] The editor request was rewritten to ${url.pathname}, but nothing is mounted there (404). Add the edit route:
+
+  // app/cmssy-edit/[[...path]]/page.tsx
+  export const dynamic = "force-dynamic";
+  export default createCmssyEditPage(cmssy, blocks, { editor: CmssyEditor });
+
+Until then the editor preview stays blank.`
+    );
+  }).catch(() => {
+  });
+}
 function DefaultNotFound() {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "main",

package/dist/index.js

@@ -1,3 +1,4 @@
+import 'server-only';
 import { headers, draftMode, cookies } from 'next/headers';
 import { notFound, redirect } from 'next/navigation';
 import { createCmssyClient, resolveSiteLocales, splitLocaleFromPath, fetchPage, resolveForms, CmssyServerPage, fetchSiteConfig, fetchPageById, fetchPages, normalizeSlug as normalizeSlug$1, fetchPageMeta, resolveWorkspaceId, graphqlRequest, resolveApiUrl } from '@cmssy/react';
@@ -112,6 +113,15 @@ function defineCmssyConfig(config) {
     }
   }
   if (missing.length > 0) {
+    if (typeof window !== "undefined") {
+      throw new Error(
+        `cmssy: the config was evaluated in the browser, so it cannot see the server's environment variables.
+
+This is an import problem, not a config problem: a client component ("use client") imported a VALUE from a module that reads the cmssy config - directly, or through a helper next to one.
+
+Fix it by importing types only (they are erased at build time), or by moving the value into a module that does not touch the config.`
+      );
+    }
     throw new Error(
       `cmssy: missing required configuration:
   - ${missing.join(
@@ -407,6 +417,7 @@ async function cmssyEditRewrite(request2, config, options = {}) {
   if (!await cmssySecretsMatch(provided, config.draftSecret)) return null;
   const url = request2.nextUrl.clone();
   url.pathname = `${CMSSY_EDIT_PATH_PREFIX}${pathname === "/" ? "" : pathname}`;
+  warnIfEditRouteMissing(url);
   return NextResponse.rewrite(
     url,
     options.requestHeaders ? { request: { headers: options.requestHeaders } } : void 0
@@ -417,6 +428,24 @@ function createCmssyEditMiddleware(config) {
     return await cmssyEditRewrite(request2, config) ?? NextResponse.next();
   };
 }
+var probed = false;
+function warnIfEditRouteMissing(url) {
+  if (process.env.NODE_ENV === "production" || probed) return;
+  probed = true;
+  void fetch(url, { method: "HEAD" }).then((response) => {
+    if (response.status !== 404) return;
+    console.error(
+      `[cmssy] The editor request was rewritten to ${url.pathname}, but nothing is mounted there (404). Add the edit route:
+
+  // app/cmssy-edit/[[...path]]/page.tsx
+  export const dynamic = "force-dynamic";
+  export default createCmssyEditPage(cmssy, blocks, { editor: CmssyEditor });
+
+Until then the editor preview stays blank.`
+    );
+  }).catch(() => {
+  });
+}
 function DefaultNotFound() {
   return /* @__PURE__ */ jsxs(
     "main",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/next",
-  "version": "4.5.0",
+  "version": "4.6.1",
   "description": "Next.js App Router bindings for cmssy headless sites (createCmssyPage + draft preview)",
   "keywords": [
     "cmssy",
@@ -46,7 +46,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@cmssy/react": "^4.5.0",
+    "@cmssy/react": "^4.6.1",
     "next": ">=15",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
@@ -60,11 +60,12 @@
     "tsup": "^8.3.0",
     "typescript": "^5.6.0",
     "vitest": "^2.1.0",
-    "@cmssy/react": "4.5.0"
+    "@cmssy/react": "4.6.1"
   },
   "dependencies": {
     "jose": "^6.2.3",
-    "@cmssy/types": "0.27.0"
+    "@cmssy/types": "0.27.0",
+    "server-only": "^0.0.1"
   },
   "scripts": {
     "build": "tsup",