add state context file

editors/demo/src/Editoria/Editoria.js

@@ -50,14 +50,14 @@ const Editoria = () => {
   }
   const editorRef = useRef();
 
-  useEffect(() => {
-    console.log('sss');
-    // const configObj = config(yjsProvider, ydoc, 'christos')
-    setTimeout(() => {
-      setFirst(false);
-    }, 5000);
-    // configObj.services = [...configObj.services, new TablesService()]
-  }, [isFirst]);
+  // useEffect(() => {
+  //   console.log('sss');
+  //   // const configObj = config(yjsProvider, ydoc, 'christos')
+  //   setTimeout(() => {
+  //     setFirst(false);
+  //   }, 5000);
+  //   // configObj.services = [...configObj.services, new TablesService()]
+  // }, [isFirst]);
 
   if (!isFirst) {
     // configObj.services = [...configObj.services, new TablesService()]

wax-prosemirror-core/src/StateContext.js

+/* eslint react/prop-types: 0 */
+/* eslint react/destructuring-assignment: 0 */
+import React, { useState } from 'react';
+
+export const StateContext = React.createContext({
+  state: null,
+});
+
+export default props => {
+  const [context, setContext] = useState({
+    state: props.state,
+  });
+
+  return (
+    <StateContext.Provider
+      value={{
+        ...context,
+        updateState: state => {
+          setContext({
+            ...context,
+            state,
+          });
+        },
+      }}
+    >
+      {props.children}
+    </StateContext.Provider>
+  );
+};

wax-prosemirror-core/src/Wax.js

@@ -61,7 +61,6 @@ const Wax = forwardRef((props, innerViewRef) => {
   useEffect(() => {
     const newApplication = createApplication(props);
     setApplication(newApplication);
-    console.log(configHash);
     const Layout = newApplication.container.get('Layout');
     if (layout) Layout.setLayout(layout);
     setWaxLayout(Layout.layoutComponent);

wax-prosemirror-core/src/WaxView.js

@@ -24,9 +24,7 @@ const WaxView = props => {
 
   const initialize = useCallback(() => {
     if (divRef.current) {
-      console.log('div.current , "df');
       divRef.current.replaceChildren(main?.dom);
-      // return node;
     }
   }, [main]);
 

wax-prosemirror-core/src/components/Button.js

@@ -6,7 +6,6 @@ import { WaxContext } from '../WaxContext';
 import MenuButton from './ui/MenuButton';
 
 const Button = ({ state, item }) => {
-  console.log(state, 'button');
   const { t, i18n } = useTranslation();
   const { active, icon, label, run, select, title } = item;
   const context = useContext(WaxContext);
@@ -20,8 +19,6 @@ const Button = ({ state, item }) => {
     return editable;
   });
 
-  // const { state } = view;
-
   const handleMouseDown = e => {
     e.preventDefault();
     run(state, activeView.dispatch, activeView, context);

wax-prosemirror-core/src/config/defaultServices/MenuService/Menu.js

@@ -36,7 +36,7 @@ class Menu {
   render() {
     return () => {
       const context = useContext(StateContext);
-      console.log(context);
+      console.log('menu context', context);
       const Bar = useMemo(() => (
         // eslint-disable-next-line react/no-this-in-sfc
         <MenuWrapper items={this.toolGroups} state={context.state} />