more logging

Author: wmertens

packages/qwik/src/core/client/vnode.ts

@@ -173,6 +173,7 @@ import { TextVNode } from '../shared/vnode/text-vnode';
 import { VirtualVNode } from '../shared/vnode/virtual-vnode';
 import { VNodeOperationType } from '../shared/vnode/enums/vnode-operation-type.enum';
 import { addVNodeOperation } from '../shared/vnode/vnode-dirty';
+import { isCursor } from '../shared/cursor/cursor';
 
 //////////////////////////////////////////////////////////////////////////////////////////////////////
 
@@ -1801,6 +1802,15 @@ export function vnode_toString(
     } else if (vnode_isElementVNode(vnode)) {
       const tag = vnode_getElementName(vnode);
       const attrs: string[] = [];
+      if (isCursor(vnode)) {
+        attrs.push(' cursor');
+      }
+      if (vnode.dirty) {
+        attrs.push(` dirty:${vnode.dirty}`);
+      }
+      if (vnode.dirtyChildren) {
+        attrs.push(` dirtyChildren[${vnode.dirtyChildren.length}]`);
+      }
       const keys = vnode_getAttrKeys(vnode);
       keys.forEach((key) => {
         const value = vnode_getProp(vnode!, key, null);

packages/qwik/src/core/debug.ts

@@ -35,7 +35,7 @@ export function qwikDebugToString(value: any): any {
         stringifyPath.push(value);
         if (Array.isArray(value)) {
           if (vnode_isVNode(value)) {
-            return '(' + vnode_getProp(value, DEBUG_TYPE, null) + ')';
+            return '(' + (vnode_getProp(value, DEBUG_TYPE, null) || 'vnode') + ')';
           } else {
             return value.map(qwikDebugToString);
           }
@@ -52,7 +52,7 @@ export function qwikDebugToString(value: any): any {
         } else if (isJSXNode(value)) {
           return jsxToString(value);
         } else if (vnode_isVNode(value)) {
-          return '(' + vnode_getProp(value, DEBUG_TYPE, null) + ')';
+          return '(' + (vnode_getProp(value, DEBUG_TYPE, null) || 'vnode') + ')';
         }
       } finally {
         stringifyPath.pop();

packages/qwik/src/core/shared/cursor/cursor-walker.ts

@@ -35,6 +35,8 @@ import { VNodeFlags } from '../../client/types';
 import { isPromise } from '../utils/promises';
 import type { ValueOrPromise } from '../utils/types';
 
+const DEBUG = true;
+
 const nextTick = createNextTick(processCursorQueue);
 let isNextTickScheduled = false;
 
@@ -138,6 +140,7 @@ export function walkCursor(cursor: Cursor, options: WalkOptions): void {
 
   let count = 0;
   while ((currentVNode = getCursorPosition(cursor))) {
+    DEBUG && console.warn('walkCursor', currentVNode.toString());
     if (count++ > 100) {
       throw new Error('Infinite loop detected in cursor walker');
     }
@@ -188,6 +191,7 @@ export function walkCursor(cursor: Cursor, options: WalkOptions): void {
 
     // Handle blocking promise
     if (result && isPromise(result)) {
+      DEBUG && console.warn('walkCursor: blocking promise', currentVNode.toString());
       // Store promise on cursor and pause
       setVNodePromise(cursor, result);
       // pauseCursor(cursor, currentVNode);

packages/qwik/src/core/shared/vnode/vnode-dirty.ts

@@ -1,4 +1,3 @@
-import { getDomContainer } from '../../client/dom-container';
 import { addCursor, findCursor } from '../cursor/cursor';
 import { getCursorPosition, setCursorPosition } from '../cursor/cursor-props';
 import { findContainerForVNode } from '../cursor/cursor-walker';
@@ -52,7 +51,7 @@ export function markVNodeDirty(container: Container | null, vNode: VNode, bits:
       try {
         container = findContainerForVNode(vNode)!;
       } catch {
-        console.error('markVNodeDirty: unable to find container for', vNode);
+        console.error('markVNodeDirty: unable to find container for', vNode.toString());
         return;
       }
     }