@estation/create-cms-site 1.4.1 → 1.4.2

package/dist/index.js

@@ -12,7 +12,7 @@ import { listCollections, getCollection, createCollection, updateCollection, del
 import { searchContent } from "./tools/search.js";
 const server = new McpServer({
     name: "estation-cms",
-    version: "1.4.1",
+    version: "1.4.2",
 }, {
     instructions: `You are connected to the eSTATION CMS — a headless content management system at cms-gateway.estation.io.
 
@@ -214,7 +214,7 @@ Tags is an array: \`block.tags.includes("hero")\`, NOT \`block.tag.split(",").in
 When creating a preview listener component, it MUST:
 1. Check \`msg.type === "cms-preview-update"\` before processing (other postMessages exist)
 2. Handle \`cms-preview-highlight\` messages for field focus/blur visual feedback
-3. Handle click-to-edit: when inside an iframe, delegate clicks on \`[data-cms-field]\` elements and send \`cms-preview-element-click\` messages to \`window.parent\` with \`{ blockTag, fieldName }\`
+3. Handle click-to-edit: when inside an iframe, delegate clicks on \`[data-cms-field]\` elements, call \`preventDefault()\` + \`stopPropagation()\` to block link navigation, and send \`cms-preview-element-click\` messages to \`window.parent\` with \`{ blockTag, fieldName }\`
 4. Add hover styles (\`outline: 1px dashed\`) on \`[data-cms-field]\` elements — only when inside an iframe
 5. Use \`msg.value\` (not \`msg.fieldValue\`) for the updated value — matches the protocol
 6. The complete listener code is in the template at \`template/src/components/cms-preview-listener.tsx\` — prefer copying it verbatim rather than rewriting it

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@estation/create-cms-site",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "MCP server to scaffold Next.js sites powered by eSTATION CMS",
   "type": "module",
   "bin": {

package/template/src/components/cms-preview-listener.tsx

@@ -125,6 +125,10 @@ function handleClick(event: MouseEvent) {
   const blockEl = fieldEl.closest("[data-cms-block]");
   if (!blockEl) return;
 
+  // Prevent navigation when clicking links inside CMS fields
+  event.preventDefault();
+  event.stopPropagation();
+
   const fieldName = fieldEl.getAttribute("data-cms-field");
   const blockTag = blockEl.getAttribute("data-cms-block");
   if (!fieldName || !blockTag) return;

package/template/src/lib/types.ts

@@ -85,6 +85,12 @@ export interface CMSPreviewHighlightMessage {
   active: boolean;
 }
 
+export interface CMSPreviewElementClickMessage {
+  type: "cms-preview-element-click";
+  blockTag: string;
+  fieldName: string;
+}
+
 export interface PaginatedResponse<T> {
   page: number;
   size: number;