@cmssy/next 0.6.0 → 0.7.0

package/dist/index.cjs

@@ -177,6 +177,7 @@ function applyCmssyCsp(response, options) {
   return response;
 }
 var EDIT_QUERY_PARAM = "cmssyEdit";
+var DEV_QUERY_PARAM = "cmssyDev";
 function hasEditFlag(value) {
   return Array.isArray(value) ? value.includes("1") : value === "1";
 }
@@ -200,6 +201,8 @@ function createCmssyPage(config, blocks, options) {
     const { isEnabled } = await headers.draftMode();
     const query = searchParams ? await searchParams : {};
     const editMode = isEnabled || hasEditFlag(query[EDIT_QUERY_PARAM]);
+    const devMode = isDevelopment() && Boolean(config.devToken?.trim()) && hasEditFlag(query[DEV_QUERY_PARAM]);
+    const editorActive = editMode || devMode;
     let locale;
     let pagePath = path;
     let defaultLocale;
@@ -216,15 +219,19 @@ function createCmssyPage(config, blocks, options) {
       locale = split.locale;
       pagePath = split.path;
     }
+    const devWorkspaceId = devMode ? await client$1.resolveWorkspaceId() : void 0;
     const page = await react.fetchPage(clientConfig, pagePath, {
-      previewSecret: editMode ? config.draftSecret : void 0
+      previewSecret: editMode ? config.draftSecret : void 0,
+      devPreview: devMode || void 0,
+      devToken: devMode ? config.devToken : void 0,
+      workspaceId: devWorkspaceId
     });
     if (!page) {
       navigation.notFound();
     }
-    if (editMode && !Editor) {
+    if (editorActive && !Editor) {
       throw new Error(
-        'cmssy: edit mode requires options.editor \u2014 pass a "use client" editor that imports your blocks and renders <CmssyEditablePage blocks={blocks} \u2026 />'
+        'cmssy: edit/dev mode requires options.editor \u2014 pass a "use client" editor that imports your blocks and renders <CmssyEditablePage blocks={blocks} \u2026 />'
       );
     }
     const resolvedForms = await react.resolveForms(
@@ -239,7 +246,7 @@ function createCmssyPage(config, blocks, options) {
       default: defaultLocale,
       enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
     };
-    if (editMode && Editor) {
+    if (editorActive && Editor) {
       const bridgeOrigin = resolveBridgeOrigin(config.editorOrigin);
       return /* @__PURE__ */ jsxRuntime.jsx(client.CmssyLocaleProvider, { value: localeContext, children: /* @__PURE__ */ jsxRuntime.jsx(
         Editor,

package/dist/index.d.cts

@@ -20,6 +20,7 @@ interface CmssyNextConfig {
     apiUrl?: string;
     workspaceSlug: string;
     draftSecret: string;
+    devToken?: string;
     /**
      * Origin allowed to frame your app in the editor. Defaults to
      * {@link DEFAULT_CMSSY_EDITOR_ORIGINS}; set it only for self-hosted admins.

package/dist/index.d.ts

@@ -20,6 +20,7 @@ interface CmssyNextConfig {
     apiUrl?: string;
     workspaceSlug: string;
     draftSecret: string;
+    devToken?: string;
     /**
      * Origin allowed to frame your app in the editor. Defaults to
      * {@link DEFAULT_CMSSY_EDITOR_ORIGINS}; set it only for self-hosted admins.

package/dist/index.js

@@ -176,6 +176,7 @@ function applyCmssyCsp(response, options) {
   return response;
 }
 var EDIT_QUERY_PARAM = "cmssyEdit";
+var DEV_QUERY_PARAM = "cmssyDev";
 function hasEditFlag(value) {
   return Array.isArray(value) ? value.includes("1") : value === "1";
 }
@@ -199,6 +200,8 @@ function createCmssyPage(config, blocks, options) {
     const { isEnabled } = await draftMode();
     const query = searchParams ? await searchParams : {};
     const editMode = isEnabled || hasEditFlag(query[EDIT_QUERY_PARAM]);
+    const devMode = isDevelopment() && Boolean(config.devToken?.trim()) && hasEditFlag(query[DEV_QUERY_PARAM]);
+    const editorActive = editMode || devMode;
     let locale;
     let pagePath = path;
     let defaultLocale;
@@ -215,15 +218,19 @@ function createCmssyPage(config, blocks, options) {
       locale = split.locale;
       pagePath = split.path;
     }
+    const devWorkspaceId = devMode ? await client.resolveWorkspaceId() : void 0;
     const page = await fetchPage(clientConfig, pagePath, {
-      previewSecret: editMode ? config.draftSecret : void 0
+      previewSecret: editMode ? config.draftSecret : void 0,
+      devPreview: devMode || void 0,
+      devToken: devMode ? config.devToken : void 0,
+      workspaceId: devWorkspaceId
     });
     if (!page) {
       notFound();
     }
-    if (editMode && !Editor) {
+    if (editorActive && !Editor) {
       throw new Error(
-        'cmssy: edit mode requires options.editor \u2014 pass a "use client" editor that imports your blocks and renders <CmssyEditablePage blocks={blocks} \u2026 />'
+        'cmssy: edit/dev mode requires options.editor \u2014 pass a "use client" editor that imports your blocks and renders <CmssyEditablePage blocks={blocks} \u2026 />'
       );
     }
     const resolvedForms = await resolveForms(
@@ -238,7 +245,7 @@ function createCmssyPage(config, blocks, options) {
       default: defaultLocale,
       enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
     };
-    if (editMode && Editor) {
+    if (editorActive && Editor) {
       const bridgeOrigin = resolveBridgeOrigin(config.editorOrigin);
       return /* @__PURE__ */ jsx(CmssyLocaleProvider, { value: localeContext, children: /* @__PURE__ */ jsx(
         Editor,

package/package.json

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