@webiny/app-website-builder 0.0.0-unstable.e622468070 → 0.0.0-unstable.e6f0dc8ca7

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

@@ -5,7 +5,7 @@ export declare const Commands: {
         componentName: string;
         parentId: string;
         slot: string;
-        index: number;
+        index?: number;
         bindings?: ElementFactoryCreateElementParams["bindings"];
     }>;
     DeleteElement: import("~/editorSdk/createCommand.js").Command<{
@@ -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. Omit to append at the end.\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":[]}

package/BaseEditor/components/Editor.js

@@ -1,11 +1,16 @@
 import React, { useEffect, useState } from "react";
 import classSet from "classnames";
+import { allNodes } from "@webiny/lexical-nodes";
+import { useLexicalContext } from "@webiny/app-admin/presentation/lexicalContext/useLexicalContext.js";
 import DragPreview from "./DragPreview.js";
 import { EditorConfig, EditorWithConfig } from "../config/index.js";
 import { useDocumentEditor } from "../../DocumentEditor/index.js";
 import { Commands } from "../index.js";
 import { ThemeProvider } from "./ThemeProvider.js";
 export const Editor = () => {
+  const {
+    lexicalContext
+  } = useLexicalContext();
   const editor = useDocumentEditor();
   const [theme, setTheme] = useState(undefined);
   useEffect(() => {
@@ -13,6 +18,8 @@ export const Editor = () => {
       theme
     }) => {
       setTheme(theme);
+      lexicalContext.setTheme(theme);
+      lexicalContext.setNodes(allNodes);
     });
   }, []);
   return /*#__PURE__*/React.createElement(ThemeProvider, {

package/BaseEditor/components/Editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","classSet","DragPreview","EditorConfig","EditorWithConfig","useDocumentEditor","Commands","ThemeProvider","Editor","editor","theme","setTheme","undefined","registerCommandHandler","SetTheme","createElement","className","Ui","Layout"],"sources":["Editor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classSet from \"classnames\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk\";\nimport DragPreview from \"./DragPreview.js\";\nimport { EditorConfig, EditorWithConfig } from \"../config/index.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { ThemeProvider } from \"~/BaseEditor/components/ThemeProvider.js\";\n\nexport const Editor = () => {\n    const editor = useDocumentEditor();\n    const [theme, setTheme] = useState<WebsiteBuilderTheme | undefined>(undefined);\n\n    useEffect(() => {\n        editor.registerCommandHandler(Commands.SetTheme, ({ theme }) => {\n            setTheme(theme);\n        });\n    }, []);\n\n    return (\n        <ThemeProvider theme={theme}>\n            <div className={classSet(\"w-full\")}>\n                <EditorWithConfig>\n                    <EditorConfig.Ui.Layout />\n                </EditorWithConfig>\n                <DragPreview />\n            </div>\n        </ThemeProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,QAAQ,MAAM,YAAY;AAEjC,OAAOC,WAAW;AAClB,SAASC,YAAY,EAAEC,gBAAgB;AACvC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,aAAa;AAEtB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClC,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGX,QAAQ,CAAkCY,SAAS,CAAC;EAE9Eb,SAAS,CAAC,MAAM;IACZU,MAAM,CAACI,sBAAsB,CAACP,QAAQ,CAACQ,QAAQ,EAAE,CAAC;MAAEJ;IAAM,CAAC,KAAK;MAC5DC,QAAQ,CAACD,KAAK,CAAC;IACnB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIZ,KAAA,CAAAiB,aAAA,CAACR,aAAa;IAACG,KAAK,EAAEA;EAAM,gBACxBZ,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEf,QAAQ,CAAC,QAAQ;EAAE,gBAC/BH,KAAA,CAAAiB,aAAA,CAACX,gBAAgB,qBACbN,KAAA,CAAAiB,aAAA,CAACZ,YAAY,CAACc,EAAE,CAACC,MAAM,MAAE,CACX,CAAC,eACnBpB,KAAA,CAAAiB,aAAA,CAACb,WAAW,MAAE,CACb,CACM,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","classSet","allNodes","useLexicalContext","DragPreview","EditorConfig","EditorWithConfig","useDocumentEditor","Commands","ThemeProvider","Editor","lexicalContext","editor","theme","setTheme","undefined","registerCommandHandler","SetTheme","setNodes","createElement","className","Ui","Layout"],"sources":["Editor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classSet from \"classnames\";\nimport { allNodes } from \"@webiny/lexical-nodes\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk\";\nimport { useLexicalContext } from \"@webiny/app-admin/presentation/lexicalContext/useLexicalContext.js\";\nimport DragPreview from \"./DragPreview.js\";\nimport { EditorConfig, EditorWithConfig } from \"../config/index.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { ThemeProvider } from \"~/BaseEditor/components/ThemeProvider.js\";\n\nexport const Editor = () => {\n    const { lexicalContext } = useLexicalContext();\n    const editor = useDocumentEditor();\n    const [theme, setTheme] = useState<WebsiteBuilderTheme | undefined>(undefined);\n\n    useEffect(() => {\n        editor.registerCommandHandler(Commands.SetTheme, ({ theme }) => {\n            setTheme(theme);\n            lexicalContext.setTheme(theme);\n            lexicalContext.setNodes(allNodes);\n        });\n    }, []);\n\n    return (\n        <ThemeProvider theme={theme}>\n            <div className={classSet(\"w-full\")}>\n                <EditorWithConfig>\n                    <EditorConfig.Ui.Layout />\n                </EditorWithConfig>\n                <DragPreview />\n            </div>\n        </ThemeProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,iBAAiB,QAAQ,oEAAoE;AACtG,OAAOC,WAAW;AAClB,SAASC,YAAY,EAAEC,gBAAgB;AACvC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,aAAa;AAEtB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC;EAAe,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC9C,MAAMS,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAClC,MAAM,CAACM,KAAK,EAAEC,QAAQ,CAAC,GAAGd,QAAQ,CAAkCe,SAAS,CAAC;EAE9EhB,SAAS,CAAC,MAAM;IACZa,MAAM,CAACI,sBAAsB,CAACR,QAAQ,CAACS,QAAQ,EAAE,CAAC;MAAEJ;IAAM,CAAC,KAAK;MAC5DC,QAAQ,CAACD,KAAK,CAAC;MACfF,cAAc,CAACG,QAAQ,CAACD,KAAK,CAAC;MAC9BF,cAAc,CAACO,QAAQ,CAAChB,QAAQ,CAAC;IACrC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIJ,KAAA,CAAAqB,aAAA,CAACV,aAAa;IAACI,KAAK,EAAEA;EAAM,gBACxBf,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEnB,QAAQ,CAAC,QAAQ;EAAE,gBAC/BH,KAAA,CAAAqB,aAAA,CAACb,gBAAgB,qBACbR,KAAA,CAAAqB,aAAA,CAACd,YAAY,CAACgB,EAAE,CAACC,MAAM,MAAE,CACX,CAAC,eACnBxB,KAAA,CAAAqB,aAAA,CAACf,WAAW,MAAE,CACb,CACM,CAAC;AAExB,CAAC","ignoreList":[]}