@cmssy/next 4.7.0 → 4.7.1

package/dist/preset.cjs

@@ -202,14 +202,20 @@ async function CmssyChrome({
   ]);
   if (editMode && editable) {
     const origin = resolveEditorOrigin(config.editorOrigin);
-    return editable({
-      groups,
-      position,
-      locale,
-      defaultLocale: siteLocales.defaultLocale,
-      enabledLocales: siteLocales.locales,
-      edit: { editorOrigin: (Array.isArray(origin) ? origin[0] : origin) ?? "" }
-    });
+    const Editable = editable;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Editable,
+      {
+        groups,
+        position,
+        locale,
+        defaultLocale: siteLocales.defaultLocale,
+        enabledLocales: siteLocales.locales,
+        edit: {
+          editorOrigin: (Array.isArray(origin) ? origin[0] : origin) ?? ""
+        }
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.CmssyServerLayout,

package/dist/preset.d.cts

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { C as CmssyNextConfig } from './config-DNaPqq1f.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ComponentType } from 'react';
 import { BlockDefinition, CmssyLayoutGroup } from '@cmssy/react';
 import '@cmssy/types';
 
@@ -29,8 +29,15 @@ interface CmssyProxyOptions {
  * before this existed.
  */
 declare function createCmssyProxy(config: CmssyNextConfig, options?: CmssyProxyOptions): (request: NextRequest) => Promise<NextResponse>;
-/** The matcher a cmssy app wants: everything except Next internals, API routes
- *  and files with an extension. */
+/**
+ * The matcher a cmssy app wants: everything except Next internals, API routes
+ * and files with an extension.
+ *
+ * Next parses `export const config` at COMPILE time, so it rejects an imported
+ * constant - copy this value into your proxy literally:
+ *
+ *   export const config = { matcher: ["/((?!_next/|api/|.*\\..*).*)"] };
+ */
 declare const cmssyProxyMatcher: string[];
 
 interface CmssyChromeProps {
@@ -42,11 +49,13 @@ interface CmssyChromeProps {
      */
     page?: string;
     /**
-     * Renders the layout blocks through the edit bridge. Pass the consumer's
-     * client wrapper around CmssyLazyLayout; without it the header and the footer
-     * are markup the editor can select and cannot fill.
+     * The client wrapper around CmssyLazyLayout, rendered in edit mode. Without it
+     * the header and the footer are markup the editor can select and cannot fill.
+     *
+     * A COMPONENT, not a function to call: it lives on the client, and the server
+     * can only render it.
      */
-    editable?: (props: {
+    editable?: ComponentType<{
         groups: CmssyLayoutGroup[];
         position: string;
         locale: string;
@@ -55,7 +64,7 @@ interface CmssyChromeProps {
         edit: {
             editorOrigin: string;
         };
-    }) => ReactNode;
+    }>;
 }
 /**
  * The site chrome, rendered the way each mode needs it:
@@ -67,6 +76,6 @@ interface CmssyChromeProps {
  * Getting this wrong is invisible - the site looks right and the editor shows a
  * header it cannot edit, or the published version of one. Both shipped before.
  */
-declare function CmssyChrome({ config, blocks, position, page, editable, }: CmssyChromeProps): Promise<string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | null | undefined>;
+declare function CmssyChrome({ config, blocks, position, page, editable, }: CmssyChromeProps): Promise<react_jsx_runtime.JSX.Element>;
 
 export { CmssyChrome, type CmssyChromeProps, type CmssyProxyOptions, cmssyProxyMatcher, createCmssyProxy };

package/dist/preset.d.ts

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { C as CmssyNextConfig } from './config-DNaPqq1f.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ComponentType } from 'react';
 import { BlockDefinition, CmssyLayoutGroup } from '@cmssy/react';
 import '@cmssy/types';
 
@@ -29,8 +29,15 @@ interface CmssyProxyOptions {
  * before this existed.
  */
 declare function createCmssyProxy(config: CmssyNextConfig, options?: CmssyProxyOptions): (request: NextRequest) => Promise<NextResponse>;
-/** The matcher a cmssy app wants: everything except Next internals, API routes
- *  and files with an extension. */
+/**
+ * The matcher a cmssy app wants: everything except Next internals, API routes
+ * and files with an extension.
+ *
+ * Next parses `export const config` at COMPILE time, so it rejects an imported
+ * constant - copy this value into your proxy literally:
+ *
+ *   export const config = { matcher: ["/((?!_next/|api/|.*\\..*).*)"] };
+ */
 declare const cmssyProxyMatcher: string[];
 
 interface CmssyChromeProps {
@@ -42,11 +49,13 @@ interface CmssyChromeProps {
      */
     page?: string;
     /**
-     * Renders the layout blocks through the edit bridge. Pass the consumer's
-     * client wrapper around CmssyLazyLayout; without it the header and the footer
-     * are markup the editor can select and cannot fill.
+     * The client wrapper around CmssyLazyLayout, rendered in edit mode. Without it
+     * the header and the footer are markup the editor can select and cannot fill.
+     *
+     * A COMPONENT, not a function to call: it lives on the client, and the server
+     * can only render it.
      */
-    editable?: (props: {
+    editable?: ComponentType<{
         groups: CmssyLayoutGroup[];
         position: string;
         locale: string;
@@ -55,7 +64,7 @@ interface CmssyChromeProps {
         edit: {
             editorOrigin: string;
         };
-    }) => ReactNode;
+    }>;
 }
 /**
  * The site chrome, rendered the way each mode needs it:
@@ -67,6 +76,6 @@ interface CmssyChromeProps {
  * Getting this wrong is invisible - the site looks right and the editor shows a
  * header it cannot edit, or the published version of one. Both shipped before.
  */
-declare function CmssyChrome({ config, blocks, position, page, editable, }: CmssyChromeProps): Promise<string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | null | undefined>;
+declare function CmssyChrome({ config, blocks, position, page, editable, }: CmssyChromeProps): Promise<react_jsx_runtime.JSX.Element>;
 
 export { CmssyChrome, type CmssyChromeProps, type CmssyProxyOptions, cmssyProxyMatcher, createCmssyProxy };

package/dist/preset.js

@@ -200,14 +200,20 @@ async function CmssyChrome({
   ]);
   if (editMode && editable) {
     const origin = resolveEditorOrigin(config.editorOrigin);
-    return editable({
-      groups,
-      position,
-      locale,
-      defaultLocale: siteLocales.defaultLocale,
-      enabledLocales: siteLocales.locales,
-      edit: { editorOrigin: (Array.isArray(origin) ? origin[0] : origin) ?? "" }
-    });
+    const Editable = editable;
+    return /* @__PURE__ */ jsx(
+      Editable,
+      {
+        groups,
+        position,
+        locale,
+        defaultLocale: siteLocales.defaultLocale,
+        enabledLocales: siteLocales.locales,
+        edit: {
+          editorOrigin: (Array.isArray(origin) ? origin[0] : origin) ?? ""
+        }
+      }
+    );
   }
   return /* @__PURE__ */ jsx(
     CmssyServerLayout,

package/dist/testing.cjs

@@ -18,11 +18,7 @@ async function checkCmssyEditMode(options) {
   if (EDITOR_MARKER.test(publicPage.body)) {
     failures.push(`public ${path}: the editor is mounted on a public page`);
   }
-  if (!SERVER_CHROME.test(publicPage.body)) {
-    failures.push(
-      `public ${path}: no server-rendered chrome - the layout blocks are missing`
-    );
-  }
+  const hasServerChrome = SERVER_CHROME.test(publicPage.body);
   const unverified = await html(url(`${path}?cmssyEdit=1`));
   if (EDITOR_MARKER.test(unverified.body)) {
     failures.push(
@@ -40,7 +36,7 @@ async function checkCmssyEditMode(options) {
       `edit ${path}: no editor in the response - is the /cmssy-edit route mounted?`
     );
   }
-  if (SERVER_CHROME.test(verified.body)) {
+  if (hasServerChrome && SERVER_CHROME.test(verified.body)) {
     failures.push(
       `edit ${path}: the chrome is still server-rendered - the header and footer will be selectable but have no fields (is CMSSY_EDIT_HEADER set on the rewrite?)`
     );

package/dist/testing.js

@@ -16,11 +16,7 @@ async function checkCmssyEditMode(options) {
   if (EDITOR_MARKER.test(publicPage.body)) {
     failures.push(`public ${path}: the editor is mounted on a public page`);
   }
-  if (!SERVER_CHROME.test(publicPage.body)) {
-    failures.push(
-      `public ${path}: no server-rendered chrome - the layout blocks are missing`
-    );
-  }
+  const hasServerChrome = SERVER_CHROME.test(publicPage.body);
   const unverified = await html(url(`${path}?cmssyEdit=1`));
   if (EDITOR_MARKER.test(unverified.body)) {
     failures.push(
@@ -38,7 +34,7 @@ async function checkCmssyEditMode(options) {
       `edit ${path}: no editor in the response - is the /cmssy-edit route mounted?`
     );
   }
-  if (SERVER_CHROME.test(verified.body)) {
+  if (hasServerChrome && SERVER_CHROME.test(verified.body)) {
     failures.push(
       `edit ${path}: the chrome is still server-rendered - the header and footer will be selectable but have no fields (is CMSSY_EDIT_HEADER set on the rewrite?)`
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/next",
-  "version": "4.7.0",
+  "version": "4.7.1",
   "description": "Next.js App Router bindings for cmssy headless sites (createCmssyPage + draft preview)",
   "keywords": [
     "cmssy",
@@ -51,7 +51,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@cmssy/react": "^4.7.0",
+    "@cmssy/react": "^4.7.1",
     "next": ">=15",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
@@ -65,7 +65,7 @@
     "tsup": "^8.3.0",
     "typescript": "^5.6.0",
     "vitest": "^2.1.0",
-    "@cmssy/react": "4.7.0"
+    "@cmssy/react": "4.7.1"
   },
   "dependencies": {
     "jose": "^6.2.3",