增加debug后门

Author: WeiWenda

src/components/layout/index.tsx

@@ -78,8 +78,13 @@ function LayoutComponent(props: {session: Session, config: Config, pluginManager
   const [curDocInfo, setCurDocInfo] = useState({});
   const [editor, setEditor] = useState<IDomEditor | null>(null);
   const [html, setHtml] = useState('<p>');
+  const [debugSelecting, setDebugSelecting] = useState(props.session.selecting);
   const [xml, setXml] = useState<string | undefined>();
   const [vd, setVd] = React.useState<Vditor>();
+  useEffect(() => {
+    console.log('found session change');
+    setDebugSelecting(props.session.selecting);
+  }, [props.session.selecting, props.session.hoverRow]);
   useEffect(() => {
     setCurPage(location.pathname.split('/')[1] || 'note');
   }, [location]);
@@ -398,6 +403,24 @@ function LayoutComponent(props: {session: Session, config: Config, pluginManager
                     }
                   }
                 }}/>
+          {
+            props.session.debugMode &&
+            <div style={{display: 'flex'}}>
+                {/*<div>*/}
+                {/*  <span>hover: {props.session.hoverRow?.row}</span>*/}
+                {/*  <span>anchor: {props.session.getAnchor()?.row}</span>*/}
+                {/*  <span>cursor: {props.session.cursor.row}</span>*/}
+                {/*  <span>selectInlinePath: {props.session.selectInlinePath?.row}</span>*/}
+                {/*</div>*/}
+                <div>
+                  <span>selecting: {debugSelecting ? 'true' : 'false'}</span>
+                  <span>dragging: {props.session.dragging}</span>
+                  <span>selectPopoverOpen: {props.session.selectPopoverOpen}</span>
+                  <span>selectMousePressing: {props.session.selectMousePressing}</span>
+                  <span>stopMonitor: {props.session.stopMonitor}</span>
+                </div>
+            </div>
+          }
           {
             curPage === 'note' &&
             <Button onClick={() => {

src/share/components/Block/block.tsx

@@ -168,7 +168,7 @@ class RowComponent extends React.Component<RowProps, {showDragHint: boolean}> {
         }}
         onMouseMove={(e) => {
           if (path && !session.dragging && e.buttons === 1 && session.getAnchor()) {
-            console.log(`onLineMouseMove set selectInlinePath ${path}`);
+            // console.log(`onLineMouseMove set selectInlinePath ${path}`);
             session.markSelecting(true, 'onLineMouseMove');
             session.selectMousePressing = true;
             session.selectInlinePath = path;

src/share/components/Line/index.tsx

@@ -174,7 +174,7 @@ export default class LineComponent extends React.Component<LineProps, {input: st
               },
               onMouseMove: (e) => {
                 if (path && !session.dragging && e.buttons === 1 && session.getAnchor()) {
-                  console.log(`onColMouseMove set selectInlinePath ${path.row}`);
+                  // console.log(`onColMouseMove set selectInlinePath ${path.row}`);
                   session.markSelecting(true, 'onColMouseMove');
                   session.selectMousePressing = true;
                   session.selectInlinePath = path;

src/share/components/Session/Session.tsx

@@ -80,7 +80,7 @@ export default class SessionComponent extends React.Component<Props, State> {
           if (session.mode === 'INSERT') {
             session.markSelecting(true, 'onCharDoubleClick');
             if (session.selectInlinePath === null || !session.selectInlinePath.is(session.cursor.path)) {
-              console.log(`selectWord selectInlinePath ${session.selectInlinePath} currentPath ${session.cursor.path}`);
+              // console.log(`selectWord selectInlinePath ${session.selectInlinePath} currentPath ${session.cursor.path}`);
               session.cursor.beginningWord().then(() => {
                 session.setAnchor(session.cursor.path, session.cursor.col, 'onCharDoubleClickSelectWord').then(() => {
                   session.cursor.endWord({cursor: {pastEndWord: true}}).then(() => {
@@ -90,7 +90,7 @@ export default class SessionComponent extends React.Component<Props, State> {
                 });
               });
             } else {
-              console.log(`selectLine selectInlinePath ${session.selectInlinePath}`);
+              // console.log(`selectLine selectInlinePath ${session.selectInlinePath}`);
               session.cursor.home().then(() => {
                 session.setAnchor(session.cursor.path, session.cursor.col, 'onCharDoubleClickSelectLine').then(() => {
                   session.cursor.end({pastEnd: true}).then(() => {
@@ -190,7 +190,7 @@ export default class SessionComponent extends React.Component<Props, State> {
               await virtualCursor.setCol(-1);
               anchorCol = virtualCursor.col;
             }
-            console.log(`anchor : ${anchorCol} cursor ${cursor.col}`);
+            // console.log(`anchor : ${anchorCol} cursor ${cursor.col}`);
             let start = Math.min(cursor.col, anchorCol);
             const end = Math.max(cursor.col, anchorCol);
             let cols: Array<Col> = [];

src/share/ts/session.ts

@@ -183,17 +183,17 @@ export default class Session extends EventEmitter {
   }
 
   public startKeyMonitor() {
-    console.log('startKeyMonitor');
+    // console.log('startKeyMonitor');
     this.stopMonitor = this.clientStore.getClientSetting('curView') === 'discovery';
   }
 
   public markSelecting(selecting: boolean, callsite: string) {
-    console.log('markSelecting', selecting, callsite);
+    // console.log('markSelecting', selecting, callsite);
     this.selecting = selecting;
   }
 
   public stopKeyMonitor(caller: string) {
-    console.log('stopKeyMonitor from:', caller);
+    // console.log('stopKeyMonitor from:', caller);
     this.stopMonitor = true;
   }
 
@@ -1738,7 +1738,7 @@ export default class Session extends EventEmitter {
   }
 
   public async setAnchor(path: Path, col: number, callsite: string) {
-    console.log(`setAnchor`, path, col, this.cursor, callsite);
+    // console.log(`setAnchor`, path, col, this.cursor, callsite);
     this._anchor = new Cursor(this, path);
     await this._anchor.setCol(col);
   }
@@ -1756,7 +1756,7 @@ export default class Session extends EventEmitter {
       await this.document.getCommonAncestor(cursor.path, anchor.path);
     if (ancestors1.length === 0) {
       if (common.parent == null) {
-        console.log(cursor, anchor);
+        // console.log(cursor, anchor);
         throw new Error('Invalid state: cursor was at root?');
       }
       // anchor is underneath cursor