Change debug log to represent tree sitter query syntax (#1554)

from
```
> source_file
> source_file
>> declarations
>> declarations
>>> settings_declaration
>>> settings_declaration
>>>> left: settings()
>>>> left: settings()
>>>> "settings()"
>>>> "settings()"
```

to
```
(source_file
 (declarations
  (settings_declaration
   left: "settings()" @cursor
  )
 )
)
```

`console.debug` is the culprit in why we got to duplicated lines.
Switching to `console.log` removes the duplicated lines. I think this is
an improvement until we do #1115

I'm not totally sure if I like the `@cursor`. 

## Checklist

- [ ] I have added
[tests](https://www.cursorless.org/docs/contributing/test-case-recorder/)
- [ ] I have updated the
[docs](https://github.com/cursorless-dev/cursorless/tree/main/docs) and
[cheatsheet](https://github.com/cursorless-dev/cursorless/tree/main/cursorless-talon/src/cheatsheet)
- [ ] I have not broken the cheatsheet

Author: AndreasArvidsson

packages/cursorless-engine/src/core/Debug.ts

@@ -38,7 +38,7 @@ export class Debug {
 
   log(...args: any[]) {
     if (this.active) {
-      console.debug(...args);
+      console.log(...args);
     }
   }
 
@@ -93,27 +93,51 @@ export class Debug {
     }
 
     const cursor = node.tree.walk();
-    this.printCursorLocationInfo(cursor, 0);
-
-    for (let i = 1; i < ancestors.length; ++i) {
-      cursor.gotoFirstChild();
-      while (cursor.currentNode().id !== ancestors[i].id) {
-        if (!cursor.gotoNextSibling()) {
-          return;
-        }
+    this.printCursorLocationInfo(ancestors, cursor, 0);
+  }
+
+  private printCursorLocationInfo(
+    nodes: SyntaxNode[],
+    cursor: TreeCursor,
+    index: number,
+  ) {
+    const field = cursor.currentFieldName();
+    const fieldText = field != null ? `${field}: ` : "";
+    const indent = " ".repeat(index);
+    const nodeIsLast = index === nodes.length - 1;
+    const { nodeIsNamed } = cursor;
+    let text = `${indent}${fieldText}`;
+
+    if (nodeIsNamed) {
+      text += `(${cursor.nodeType}`;
+      if (nodeIsLast) {
+        text += ")";
       }
-      this.printCursorLocationInfo(cursor, i);
+    } else {
+      text += `"${cursor.nodeType}"`;
+    }
+
+    console.log(text);
+
+    if (
+      !nodeIsLast &&
+      this.cursorGoToChildWithId(cursor, nodes[index + 1].id)
+    ) {
+      this.printCursorLocationInfo(nodes, cursor, index + 1);
     }
 
-    const leafText = ancestors[ancestors.length - 1].text
-      .replace(/\s+/g, " ")
-      .substring(0, 100);
-    console.debug(">".repeat(ancestors.length), `"${leafText}"`);
+    if (nodeIsNamed && !nodeIsLast) {
+      console.log(`${indent})`);
+    }
   }
 
-  private printCursorLocationInfo(cursor: TreeCursor, depth: number) {
-    const field = cursor.currentFieldName();
-    const fieldText = field != null ? `${field}: ` : "";
-    console.debug(">".repeat(depth + 1), `${fieldText}${cursor.nodeType}`);
+  private cursorGoToChildWithId(cursor: TreeCursor, id: number): boolean {
+    cursor.gotoFirstChild();
+    while (cursor.currentNode().id !== id) {
+      if (!cursor.gotoNextSibling()) {
+        return false;
+      }
+    }
+    return true;
   }
 }