coko docs fixes

editors/demo/src/Editoria/Editoria.js

@@ -57,6 +57,8 @@ const Editoria = () => {
           //   console.log(JSON.stringify(source));
           // }, 200)}
           user={user}
+          scrollMargin={200}
+          scrollThreshold={200}
         />
       </>
     ),

wax-prosemirror-core/src/Wax.js

@@ -45,6 +45,8 @@ const Wax = forwardRef((props, ref) => {
     user,
     onChange,
     targetFormat,
+    scrollMargin,
+    scrollThreshold,
   } = props;
 
   if (!application) return null;
@@ -71,6 +73,8 @@ const Wax = forwardRef((props, ref) => {
           placeholder={placeholder}
           readonly={readonly}
           ref={ref}
+          scrollMargin={scrollMargin}
+          scrollThreshold={scrollThreshold}
           serializer={serializer}
           targetFormat={targetFormat}
           TrackChange={

wax-prosemirror-core/src/WaxView.js

@@ -42,6 +42,8 @@ const WaxView = forwardRef((props, ref) => {
     user,
     targetFormat,
     serializer,
+    scrollMargin,
+    scrollThreshold,
   } = props;
 
   const WaxEditorRef = useRef();
@@ -77,8 +79,8 @@ const WaxView = forwardRef((props, ref) => {
             dispatchTransaction,
             disallowedTools: [],
             user,
-            scrollMargin: 200,
-            scrollThreshold: 200,
+            scrollMargin: scrollMargin || 200,
+            scrollThreshold: scrollThreshold || 200,
             attributes: {
               spellcheck: browserSpellCheck ? 'true' : 'false',
             },

wax-prosemirror-services/src/CommentsService/components/RightArea.js

@@ -39,10 +39,11 @@ export default ({ area }) => {
     each(marksNodes[area], (markNode, pos) => {
       const id =
         markNode instanceof Mark ? markNode.attrs.id : markNode.node.attrs.id;
-
+      let activeTrackChange = null;
       const activeComment = commentPlugin.getState(activeView.state).comment;
-      const activeTrackChange = trakChangePlugin.getState(activeView.state)
-        .trackChange;
+      if (trakChangePlugin)
+        activeTrackChange = trakChangePlugin.getState(activeView.state)
+          .trackChange;
 
       let isActive = false;
       if (

wax-prosemirror-services/src/ImageService/Image.js

@@ -33,8 +33,8 @@ export default class Image extends Tools {
   }
 
   renderTool(view) {
-    if (isEmpty(view)) return null;
     const context = useContext(WaxContext);
+    if (isEmpty(view)) return null;
     const upload = fileUpload(
       view,
       this.config.get('fileUpload'),