@webiny/app-website-builder 6.0.0 → 6.1.0-beta.1

package/BaseEditor/commandHandlers/CreateElement.js

@@ -1,12 +1,19 @@
 import { useEffect } from "react";
+import { useToast } from "@webiny/admin-ui";
 import { useDocumentEditor } from "../../DocumentEditor/index.js";
 import { Commands } from "../index.js";
 import { $createElement } from "../../editorSdk/utils/index.js";
 export const CreateElement = () => {
   const editor = useDocumentEditor();
+  const toast = useToast();
   useEffect(() => {
     return editor.registerCommandHandler(Commands.CreateElement, payload => {
-      $createElement(editor, payload);
+      const result = $createElement(editor, payload);
+      if (result?.violation) {
+        toast.showWarningToast({
+          title: result.violation.message
+        });
+      }
     });
   }, []);
   return null;

package/BaseEditor/commandHandlers/CreateElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDocumentEditor","Commands","$createElement","CreateElement","editor","registerCommandHandler","payload"],"sources":["CreateElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { $createElement } from \"~/editorSdk/utils/index.js\";\n\nexport const CreateElement = () => {\n    const editor = useDocumentEditor();\n\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.CreateElement, payload => {\n            $createElement(editor, payload);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAElCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,aAAa,EAAEG,OAAO,IAAI;MACpEJ,cAAc,CAACE,MAAM,EAAEE,OAAO,CAAC;IACnC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useToast","useDocumentEditor","Commands","$createElement","CreateElement","editor","toast","registerCommandHandler","payload","result","violation","showWarningToast","title","message"],"sources":["CreateElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { $createElement } from \"~/editorSdk/utils/index.js\";\n\nexport const CreateElement = () => {\n    const editor = useDocumentEditor();\n    const toast = useToast();\n\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.CreateElement, payload => {\n            const result = $createElement(editor, payload);\n            if (result?.violation) {\n                toast.showWarningToast({\n                    title: result.violation.message\n                });\n            }\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClC,MAAMK,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExBD,SAAS,CAAC,MAAM;IACZ,OAAOM,MAAM,CAACE,sBAAsB,CAACL,QAAQ,CAACE,aAAa,EAAEI,OAAO,IAAI;MACpE,MAAMC,MAAM,GAAGN,cAAc,CAACE,MAAM,EAAEG,OAAO,CAAC;MAC9C,IAAIC,MAAM,EAAEC,SAAS,EAAE;QACnBJ,KAAK,CAACK,gBAAgB,CAAC;UACnBC,KAAK,EAAEH,MAAM,CAACC,SAAS,CAACG;QAC5B,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/DeleteElement.js

@@ -1,14 +1,19 @@
 import { useEffect } from "react";
+import { useToast } from "@webiny/admin-ui";
 import { useDocumentEditor } from "../../DocumentEditor/index.js";
 import { Commands } from "../index.js";
 import { $deleteElement } from "../../editorSdk/utils/index.js";
 export const DeleteElement = () => {
   const editor = useDocumentEditor();
+  const toast = useToast();
   useEffect(() => {
     return editor.registerCommandHandler(Commands.DeleteElement, payload => {
-      editor.updateDocument(document => {
-        $deleteElement(document, payload.id);
-      });
+      const result = $deleteElement(editor, payload.id);
+      if (result?.violation) {
+        toast.showWarningToast({
+          title: result.violation.message
+        });
+      }
     });
   }, []);
   return null;

package/BaseEditor/commandHandlers/DeleteElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDocumentEditor","Commands","$deleteElement","DeleteElement","editor","registerCommandHandler","payload","updateDocument","document","id"],"sources":["DeleteElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { $deleteElement } from \"~/editorSdk/utils/index.js\";\n\nexport const DeleteElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.DeleteElement, payload => {\n            editor.updateDocument(document => {\n                $deleteElement(document, payload.id);\n            });\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,aAAa,EAAEG,OAAO,IAAI;MACpEF,MAAM,CAACG,cAAc,CAACC,QAAQ,IAAI;QAC9BN,cAAc,CAACM,QAAQ,EAAEF,OAAO,CAACG,EAAE,CAAC;MACxC,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useToast","useDocumentEditor","Commands","$deleteElement","DeleteElement","editor","toast","registerCommandHandler","payload","result","id","violation","showWarningToast","title","message"],"sources":["DeleteElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { $deleteElement } from \"~/editorSdk/utils/index.js\";\n\nexport const DeleteElement = () => {\n    const editor = useDocumentEditor();\n    const toast = useToast();\n\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.DeleteElement, payload => {\n            const result = $deleteElement(editor, payload.id);\n\n            if (result?.violation) {\n                toast.showWarningToast({\n                    title: result.violation.message\n                });\n            }\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClC,MAAMK,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExBD,SAAS,CAAC,MAAM;IACZ,OAAOM,MAAM,CAACE,sBAAsB,CAACL,QAAQ,CAACE,aAAa,EAAEI,OAAO,IAAI;MACpE,MAAMC,MAAM,GAAGN,cAAc,CAACE,MAAM,EAAEG,OAAO,CAACE,EAAE,CAAC;MAEjD,IAAID,MAAM,EAAEE,SAAS,EAAE;QACnBL,KAAK,CAACM,gBAAgB,CAAC;UACnBC,KAAK,EAAEJ,MAAM,CAACE,SAAS,CAACG;QAC5B,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/MoveElement.js

@@ -1,13 +1,24 @@
 import { useEffect } from "react";
+import { useToast } from "@webiny/admin-ui";
 import { useDocumentEditor } from "../../DocumentEditor/index.js";
 import { Commands } from "../index.js";
 import { $moveElement } from "../../editorSdk/utils/index.js";
 export const MoveElement = () => {
+  const toast = useToast();
   const editor = useDocumentEditor();
   useEffect(() => {
     return editor.registerCommandHandler(Commands.MoveElement, payload => {
+      const components = editor.getEditorState().read().components;
       editor.updateDocument(document => {
-        $moveElement(document, payload);
+        const result = $moveElement(document, {
+          ...payload,
+          components
+        });
+        if (result?.violation) {
+          toast.showWarningToast({
+            title: result.violation.message
+          });
+        }
       });
     });
   }, []);

package/BaseEditor/commandHandlers/MoveElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDocumentEditor","Commands","$moveElement","MoveElement","editor","registerCommandHandler","payload","updateDocument","document"],"sources":["MoveElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { $moveElement } from \"~/editorSdk/utils/index.js\";\n\nexport const MoveElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.MoveElement, payload => {\n            editor.updateDocument(document => {\n                $moveElement(document, payload);\n            });\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,WAAW,EAAEG,OAAO,IAAI;MAClEF,MAAM,CAACG,cAAc,CAACC,QAAQ,IAAI;QAC9BN,YAAY,CAACM,QAAQ,EAAEF,OAAO,CAAC;MACnC,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useToast","useDocumentEditor","Commands","$moveElement","MoveElement","toast","editor","registerCommandHandler","payload","components","getEditorState","read","updateDocument","document","result","violation","showWarningToast","title","message"],"sources":["MoveElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { $moveElement } from \"~/editorSdk/utils/index.js\";\n\nexport const MoveElement = () => {\n    const toast = useToast();\n    const editor = useDocumentEditor();\n\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.MoveElement, payload => {\n            const components = editor.getEditorState().read().components;\n            editor.updateDocument(document => {\n                const result = $moveElement(document, { ...payload, components });\n                if (result?.violation) {\n                    toast.showWarningToast({\n                        title: result.violation.message\n                    });\n                }\n            });\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EACxB,MAAMM,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAElCF,SAAS,CAAC,MAAM;IACZ,OAAOO,MAAM,CAACC,sBAAsB,CAACL,QAAQ,CAACE,WAAW,EAAEI,OAAO,IAAI;MAClE,MAAMC,UAAU,GAAGH,MAAM,CAACI,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACF,UAAU;MAC5DH,MAAM,CAACM,cAAc,CAACC,QAAQ,IAAI;QAC9B,MAAMC,MAAM,GAAGX,YAAY,CAACU,QAAQ,EAAE;UAAE,GAAGL,OAAO;UAAEC;QAAW,CAAC,CAAC;QACjE,IAAIK,MAAM,EAAEC,SAAS,EAAE;UACnBV,KAAK,CAACW,gBAAgB,CAAC;YACnBC,KAAK,EAAEH,MAAM,CAACC,SAAS,CAACG;UAC5B,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commands.d.ts

@@ -29,6 +29,10 @@ export declare const Commands: {
         elementId: string;
         patch: any[];
     }>;
+    SendPreviewMessage: import("~/editorSdk/createCommand.js").Command<{
+        type: string;
+        payload?: any;
+    }>;
     SetTheme: import("~/editorSdk/createCommand.js").Command<{
         theme: WebsiteBuilderTheme;
     }>;

package/BaseEditor/commands.js

@@ -8,6 +8,7 @@ const SetTheme = createCommand("SET_THEME");
 const DeselectElement = createCommand("DESELECT_ELEMENT");
 const RefreshPreview = createCommand("REFRESH_PREVIEW");
 const PreviewPatchElement = createCommand("PREVIEW_PATCH_ELEMENT");
+const SendPreviewMessage = createCommand("SEND_PREVIEW_MESSAGE");
 export const Commands = {
   CreateElement,
   DeleteElement,
@@ -17,6 +18,7 @@ export const Commands = {
   HighlightElement,
   RefreshPreview,
   PreviewPatchElement,
+  SendPreviewMessage,
   SetTheme
 };
 

package/BaseEditor/commands.js.map

@@ -1 +1 @@
-{"version":3,"names":["createCommand","CreateElement","MoveElement","DeleteElement","SelectElement","HighlightElement","SetTheme","DeselectElement","RefreshPreview","PreviewPatchElement","Commands"],"sources":["commands.ts"],"sourcesContent":["import { createCommand } from \"~/editorSdk/createCommand.js\";\nimport type { ElementFactoryCreateElementParams } from \"@webiny/website-builder-sdk\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk/types/WebsiteBuilderTheme.js\";\n\nconst CreateElement = createCommand<{\n    // Name of the component to use.\n    componentName: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n    // Bindings\n    bindings?: ElementFactoryCreateElementParams[\"bindings\"];\n}>(\"CREATE_ELEMENT\");\n\nconst MoveElement = createCommand<{\n    // ID of the element to move.\n    elementId: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n}>(\"MOVE_ELEMENT\");\n\nconst DeleteElement = createCommand<{\n    id: string;\n}>(\"DELETE_ELEMENT\");\n\nconst SelectElement = createCommand<{ id: string }>(\"SELECT_ELEMENT\");\n\nconst HighlightElement = createCommand<{ id: string }>(\"HIGHLIGHT_ELEMENT\");\n\nconst SetTheme = createCommand<{ theme: WebsiteBuilderTheme }>(\"SET_THEME\");\n\nconst DeselectElement = createCommand<never>(\"DESELECT_ELEMENT\");\n\nconst RefreshPreview = createCommand<never>(\"REFRESH_PREVIEW\");\n\nconst PreviewPatchElement = createCommand<{ elementId: string; patch: any[] }>(\n    \"PREVIEW_PATCH_ELEMENT\"\n);\n\nexport const Commands = {\n    CreateElement,\n    DeleteElement,\n    MoveElement,\n    SelectElement,\n    DeselectElement,\n    HighlightElement,\n    RefreshPreview,\n    PreviewPatchElement,\n    SetTheme\n};\n"],"mappings":"AAAA,SAASA,aAAa;AAItB,MAAMC,aAAa,GAAGD,aAAa,CAWhC,gBAAgB,CAAC;AAEpB,MAAME,WAAW,GAAGF,aAAa,CAS9B,cAAc,CAAC;AAElB,MAAMG,aAAa,GAAGH,aAAa,CAEhC,gBAAgB,CAAC;AAEpB,MAAMI,aAAa,GAAGJ,aAAa,CAAiB,gBAAgB,CAAC;AAErE,MAAMK,gBAAgB,GAAGL,aAAa,CAAiB,mBAAmB,CAAC;AAE3E,MAAMM,QAAQ,GAAGN,aAAa,CAAiC,WAAW,CAAC;AAE3E,MAAMO,eAAe,GAAGP,aAAa,CAAQ,kBAAkB,CAAC;AAEhE,MAAMQ,cAAc,GAAGR,aAAa,CAAQ,iBAAiB,CAAC;AAE9D,MAAMS,mBAAmB,GAAGT,aAAa,CACrC,uBACJ,CAAC;AAED,OAAO,MAAMU,QAAQ,GAAG;EACpBT,aAAa;EACbE,aAAa;EACbD,WAAW;EACXE,aAAa;EACbG,eAAe;EACfF,gBAAgB;EAChBG,cAAc;EACdC,mBAAmB;EACnBH;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["createCommand","CreateElement","MoveElement","DeleteElement","SelectElement","HighlightElement","SetTheme","DeselectElement","RefreshPreview","PreviewPatchElement","SendPreviewMessage","Commands"],"sources":["commands.ts"],"sourcesContent":["import { createCommand } from \"~/editorSdk/createCommand.js\";\nimport type { ElementFactoryCreateElementParams } from \"@webiny/website-builder-sdk\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk/types/WebsiteBuilderTheme.js\";\n\nconst CreateElement = createCommand<{\n    // Name of the component to use.\n    componentName: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n    // Bindings\n    bindings?: ElementFactoryCreateElementParams[\"bindings\"];\n}>(\"CREATE_ELEMENT\");\n\nconst MoveElement = createCommand<{\n    // ID of the element to move.\n    elementId: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n}>(\"MOVE_ELEMENT\");\n\nconst DeleteElement = createCommand<{\n    id: string;\n}>(\"DELETE_ELEMENT\");\n\nconst SelectElement = createCommand<{ id: string }>(\"SELECT_ELEMENT\");\n\nconst HighlightElement = createCommand<{ id: string }>(\"HIGHLIGHT_ELEMENT\");\n\nconst SetTheme = createCommand<{ theme: WebsiteBuilderTheme }>(\"SET_THEME\");\n\nconst DeselectElement = createCommand<never>(\"DESELECT_ELEMENT\");\n\nconst RefreshPreview = createCommand<never>(\"REFRESH_PREVIEW\");\n\nconst PreviewPatchElement = createCommand<{ elementId: string; patch: any[] }>(\n    \"PREVIEW_PATCH_ELEMENT\"\n);\n\nconst SendPreviewMessage = createCommand<{ type: string; payload?: any }>(\"SEND_PREVIEW_MESSAGE\");\n\nexport const Commands = {\n    CreateElement,\n    DeleteElement,\n    MoveElement,\n    SelectElement,\n    DeselectElement,\n    HighlightElement,\n    RefreshPreview,\n    PreviewPatchElement,\n    SendPreviewMessage,\n    SetTheme\n};\n"],"mappings":"AAAA,SAASA,aAAa;AAItB,MAAMC,aAAa,GAAGD,aAAa,CAWhC,gBAAgB,CAAC;AAEpB,MAAME,WAAW,GAAGF,aAAa,CAS9B,cAAc,CAAC;AAElB,MAAMG,aAAa,GAAGH,aAAa,CAEhC,gBAAgB,CAAC;AAEpB,MAAMI,aAAa,GAAGJ,aAAa,CAAiB,gBAAgB,CAAC;AAErE,MAAMK,gBAAgB,GAAGL,aAAa,CAAiB,mBAAmB,CAAC;AAE3E,MAAMM,QAAQ,GAAGN,aAAa,CAAiC,WAAW,CAAC;AAE3E,MAAMO,eAAe,GAAGP,aAAa,CAAQ,kBAAkB,CAAC;AAEhE,MAAMQ,cAAc,GAAGR,aAAa,CAAQ,iBAAiB,CAAC;AAE9D,MAAMS,mBAAmB,GAAGT,aAAa,CACrC,uBACJ,CAAC;AAED,MAAMU,kBAAkB,GAAGV,aAAa,CAAkC,sBAAsB,CAAC;AAEjG,OAAO,MAAMW,QAAQ,GAAG;EACpBV,aAAa;EACbE,aAAa;EACbD,WAAW;EACXE,aAAa;EACbG,eAAe;EACfF,gBAAgB;EAChBG,cAAc;EACdC,mBAAmB;EACnBC,kBAAkB;EAClBJ;AACJ,CAAC","ignoreList":[]}