display on toggle Change

editors/demo/src/Editoria/Editoria.js

@@ -53,9 +53,9 @@ const Editoria = () => {
           value={demo}
           // readonly
           layout={layout}
-          onChange={debounce(source => {
-            console.log(JSON.stringify(source));
-          }, 200)}
+          // onChange={debounce(source => {
+          //   console.log(JSON.stringify(source));
+          // }, 200)}
           user={user}
           scrollMargin={200}
           scrollThreshold={200}

wax-prosemirror-core/src/WaxContext.js

@@ -18,7 +18,7 @@ export default props => {
     pmViews: props.view || {},
     activeView: props.activeView || {},
     activeViewId: props.activeViewId || {},
-    options: { fullScreen: false },
+    options: { fullScreen: false, AiOn: false },
     transaction: {},
     setTransaction: tr => {
       Object.assign(context.transaction, tr);

wax-prosemirror-services/src/AiService/components/ToggleAiComponent.js

@@ -23,8 +23,10 @@ const ToggleAiComponent = () => {
   if (!isEditable) isDisabled = true;
 
   const handleChange = () => {
-    setChecked(!checked);
     context.setOption({ AiOn: !checked });
+    setChecked(!checked);
+    main.dispatch(main.state.tr.setMeta('addToHistory', false));
+    main.focus();
   };
 
   return useMemo(