@standhigher/puck-page-builder 0.8.0 → 0.9.0

package/dist/index.js

@@ -728,6 +728,18 @@ function blockTypeLabel(type, registry) {
   if (type === "core.image") return "\u56FE\u7247";
   return registry?.getBlock(type)?.label ?? type;
 }
+function validateDocumentBlocks(document, registry) {
+  if (!registry) return [];
+  return document.blocks.flatMap((block) => {
+    const definition = registry.getBlock(block.type);
+    if (!definition) return [];
+    const issues = [...definition.validate?.(block.props) ?? []];
+    if (definition.variants?.length && !definition.variants.some((variant) => variant.id === block.variant)) {
+      issues.push({ path: "variant", message: `Unsupported variant: ${block.variant}.` });
+    }
+    return issues.map((issue) => ({ ...issue, path: `${block.id}.${issue.path}` }));
+  });
+}
 function PageDocumentEditorShell(props) {
   return /* @__PURE__ */ jsx6(EditorProvider, { initialDocument: props.initialDocument, registry: props.registry, loadState: props.loadState, leaveWarning: createAdminI18n(props.adminLocale).t("leaveWarning"), onDocumentChange: props.onDocumentChange, children: /* @__PURE__ */ jsx6(PageDocumentEditor, { ...props }) });
 }
@@ -741,6 +753,7 @@ function PageDocumentEditor({ iframe = true, registry, adminLocale, onSave, onPu
   const [notice, setNotice] = useState3(null);
   const i18n = createAdminI18n(adminLocale);
   const engineData = useMemo2(() => toEngineData(editor.document, registry), [editor.document, registry]);
+  const validationIssues = useMemo2(() => validateDocumentBlocks(editor.document, registry), [editor.document, registry]);
   const { confirmCanvasSelection, selectedBlockId, updateBlockProps } = editor;
   const updateFromCanvasInput = useCallback2((id, props, preserveCanvasValue = false) => {
     if (preserveCanvasValue) setCanvasMutationVersion((version) => version + 1);
@@ -785,7 +798,7 @@ function PageDocumentEditor({ iframe = true, registry, adminLocale, onSave, onPu
     setDraggingLibraryType(null);
   };
   const save = async () => {
-    if (!onSave || request !== "idle") return;
+    if (!onSave || request !== "idle" || validationIssues.length > 0) return;
     setRequest("saving");
     setNotice(null);
     try {
@@ -798,7 +811,7 @@ function PageDocumentEditor({ iframe = true, registry, adminLocale, onSave, onPu
     }
   };
   const publish = async () => {
-    if (!onPublish || request !== "idle") return;
+    if (!onPublish || request !== "idle" || validationIssues.length > 0) return;
     setRequest("publishing");
     setNotice(null);
     try {
@@ -826,14 +839,19 @@ function PageDocumentEditor({ iframe = true, registry, adminLocale, onSave, onPu
         ] }),
         /* @__PURE__ */ jsxs4(InlineStack2, { gap: "150", blockAlign: "center", wrap: false, children: [
           /* @__PURE__ */ jsx6(Badge2, { tone: editor.isDirty ? "attention" : "success", children: editor.isDirty ? i18n.t("unsaved") : i18n.t("saved") }),
-          /* @__PURE__ */ jsx6(Button2, { disabled: !onSave || !editor.isDirty || request !== "idle", onClick: () => void save(), children: request === "saving" ? i18n.t("saving") : i18n.t("save") }),
-          /* @__PURE__ */ jsx6(Button2, { variant: "primary", disabled: !onPublish || request !== "idle", onClick: () => void publish(), children: request === "publishing" ? i18n.t("publishing") : i18n.t("publish") }),
+          /* @__PURE__ */ jsx6(Button2, { disabled: !onSave || !editor.isDirty || request !== "idle" || validationIssues.length > 0, onClick: () => void save(), children: request === "saving" ? i18n.t("saving") : i18n.t("save") }),
+          /* @__PURE__ */ jsx6(Button2, { variant: "primary", disabled: !onPublish || request !== "idle" || validationIssues.length > 0, onClick: () => void publish(), children: request === "publishing" ? i18n.t("publishing") : i18n.t("publish") }),
           /* @__PURE__ */ jsx6(Button2, { accessibilityLabel: i18n.t("undo"), icon: UndoIcon2, variant: "tertiary", disabled: !editor.actionState.canUndo, onClick: editor.undo }),
           /* @__PURE__ */ jsx6(Button2, { accessibilityLabel: i18n.t("redo"), icon: RedoIcon2, variant: "tertiary", disabled: !editor.actionState.canRedo, onClick: editor.redo })
         ] })
       ] }) }),
       editor.loadState === "success" ? /* @__PURE__ */ jsx6(Banner, { tone: "success", children: i18n.t("success") }) : null,
       notice ? /* @__PURE__ */ jsx6(Banner, { tone: notice === "published" ? "success" : "critical", children: i18n.t(notice) }) : null,
+      validationIssues.length > 0 ? /* @__PURE__ */ jsx6(Banner, { tone: "critical", title: "\u533A\u5757\u5C5E\u6027\u672A\u901A\u8FC7\u6821\u9A8C", children: /* @__PURE__ */ jsx6("ul", { children: validationIssues.map((issue) => /* @__PURE__ */ jsxs4("li", { children: [
+        issue.path,
+        ": ",
+        issue.message
+      ] }, `${issue.path}-${issue.message}`)) }) }) : null,
       /* @__PURE__ */ jsxs4("div", { className: "pb-workspace pb-workspace--document", children: [
         /* @__PURE__ */ jsxs4("nav", { className: "pb-tool-rail", "aria-label": "\u7F16\u8F91\u5668\u5DE5\u5177", children: [
           /* @__PURE__ */ jsx6(Button2, { accessibilityLabel: i18n.t("blocks"), icon: LayoutSectionIcon2, pressed: blockView === "blocks", variant: "tertiary", onClick: () => setBlockView("blocks") }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standhigher/puck-page-builder",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "React PageDocument editor, extension registry, and web renderer for BestTrack page experiences.",
   "type": "module",
   "repository": {