@qwik.dev/devtools 0.2.5 → 0.2.6

package/dist/ui/features/RenderTree/TreeBuilder.qwik.mjs

@@ -1,181 +1,145 @@
 import { isValue } from "../../utils/type.qwik.mjs";
-class TreeBuilder {
-  constructor() {
-    this.idCounter = 0;
-  }
-  /**
-  * Generate a unique ID for a tree node
-  */
-  generateId() {
-    return `node-${this.idCounter++}`;
-  }
-  /**
-  * Reset the ID counter (useful for testing)
-  */
-  resetIdCounter() {
-    this.idCounter = 0;
-  }
-  /**
-  * Create a group node (parent node with children)
-  */
-  createGroupNode(label, children = []) {
-    return {
-      id: this.generateId(),
-      label,
-      props: {},
-      children
-    };
-  }
-  /**
-  * Convert any object to TreeNode array
-  */
-  objectToTree(obj, parentPath = "") {
-    if (!obj || typeof obj !== "object") {
-      return [];
-    }
-    if (Array.isArray(obj)) {
-      return this.arrayToTree(obj, parentPath);
-    }
-    return this.objectPropertiesToTree(obj, parentPath);
-  }
-  /**
-  * Convert array to TreeNode array
-  */
-  arrayToTree(arr, parentPath) {
-    return arr.map((item, index) => {
-      const path = parentPath ? `${parentPath}[${index}]` : `[${index}]`;
-      return this.createNode(item, `[${index}]`, path);
-    }).filter((node) => node !== null);
-  }
-  /**
-  * Convert object properties to TreeNode array
-  */
-  objectPropertiesToTree(obj, parentPath) {
-    const result = [];
-    for (const [key, value] of Object.entries(obj)) {
-      const path = parentPath ? `${parentPath}.${key}` : key;
-      const node = this.createNode(value, key, path);
-      if (node) {
-        result.push(node);
-      }
-    }
-    return result;
-  }
-  /**
-  * Create a single TreeNode from a value
-  */
-  createNode(value, key, path) {
-    if (value === null || value === void 0) {
-      return this.createPrimitiveNode(key, value, "null");
-    }
-    const primitiveNode = this.tryCreatePrimitiveNode(key, value);
-    if (primitiveNode) {
-      return primitiveNode;
-    }
-    if (Array.isArray(value)) {
-      return this.createArrayNode(key, value, path);
-    }
-    if (typeof value === "object") {
-      return this.createObjectNode(key, value, path);
-    }
-    return null;
-  }
-  /**
-  * Try to create a primitive node (boolean, number, string, function)
-  */
-  tryCreatePrimitiveNode(key, value) {
-    switch (typeof value) {
-      case "boolean":
-        return this.createPrimitiveNode(key, value, "boolean");
-      case "number":
-        return this.createPrimitiveNode(key, value, "number");
-      case "string":
-        return this.createPrimitiveNode(key, `"${value}"`, "string");
-      case "function":
-        return this.createFunctionNode(key, value);
-      default:
-        return null;
-    }
-  }
-  /**
-  * Create a node for primitive values
-  */
-  createPrimitiveNode(key, value, elementType) {
-    return {
-      id: this.generateId(),
-      label: `${key}: ${value}`,
-      props: {},
-      elementType
-    };
-  }
-  /**
-  * Create a node for function values
-  */
-  createFunctionNode(key, fn) {
-    const fnName = fn.name ? `ƒ ${fn.name}()` : "ƒ()";
-    return {
-      id: this.generateId(),
-      label: `${key}: ${fnName}`,
-      props: {},
-      elementType: "function"
-    };
-  }
-  /**
-  * Create a node for array values
-  */
-  createArrayNode(key, arr, path) {
-    const children = arr.map((item, index) => {
-      const childPath = `${path}[${index}]`;
-      return this.createNode(item, index.toString(), childPath);
-    }).filter((node) => node !== null);
-    return {
-      id: this.generateId(),
-      label: `${key}: Array[${arr.length}]`,
-      props: {},
-      elementType: "array",
-      children
-    };
-  }
-  /**
-  * Create a node for object values
-  */
-  createObjectNode(key, obj, path) {
-    const constructorName = obj.constructor?.name;
-    const isPlainObject = constructorName === "Object";
-    if (!isPlainObject) {
-      return this.createClassInstanceNode(key, obj, constructorName);
-    }
-    const keys = Object.keys(obj);
-    const children = Object.entries(obj).map(([childKey, childValue]) => {
-      const childPath = `${path}.${childKey}`;
-      return this.createNode(childValue, childKey, childPath);
-    }).filter((node) => node !== null);
-    return {
-      id: this.generateId(),
-      label: `${key}: Object {${keys.length}}`,
-      props: {},
-      elementType: "object",
-      children
-    };
-  }
-  /**
-  * Create a node for class instances (non-plain objects)
-  */
-  createClassInstanceNode(key, obj, className) {
-    const node = {
-      id: this.generateId(),
-      label: `${key}: Class {${className}}`,
-      props: {},
-      elementType: "object"
-    };
-    if (isValue(obj)) {
-      node.children = [
-        this.createNode(obj.value, "value", "value")
-      ].filter((n) => n !== null);
-    }
-    return node;
-  }
-}
-export {
-  TreeBuilder
+//#region src/features/RenderTree/TreeBuilder.ts
+/**
+* Builder class for creating TreeNode structures from objects.
+* Handles all types of data transformation to tree format.
+*/ var TreeBuilder = class {
+	constructor() {
+		this.idCounter = 0;
+	}
+	/**
+	* Generate a unique ID for a tree node
+	*/ generateId() {
+		return `node-${this.idCounter++}`;
+	}
+	/**
+	* Reset the ID counter (useful for testing)
+	*/ resetIdCounter() {
+		this.idCounter = 0;
+	}
+	/**
+	* Create a group node (parent node with children)
+	*/ createGroupNode(label, children = []) {
+		return {
+			id: this.generateId(),
+			label,
+			props: {},
+			children
+		};
+	}
+	/**
+	* Convert any object to TreeNode array
+	*/ objectToTree(obj, parentPath = "") {
+		if (!obj || typeof obj !== "object") return [];
+		if (Array.isArray(obj)) return this.arrayToTree(obj, parentPath);
+		return this.objectPropertiesToTree(obj, parentPath);
+	}
+	/**
+	* Convert array to TreeNode array
+	*/ arrayToTree(arr, parentPath) {
+		return arr.map((item, index) => {
+			const path = parentPath ? `${parentPath}[${index}]` : `[${index}]`;
+			return this.createNode(item, `[${index}]`, path);
+		}).filter((node) => node !== null);
+	}
+	/**
+	* Convert object properties to TreeNode array
+	*/ objectPropertiesToTree(obj, parentPath) {
+		const result = [];
+		for (const [key, value] of Object.entries(obj)) {
+			const path = parentPath ? `${parentPath}.${key}` : key;
+			const node = this.createNode(value, key, path);
+			if (node) result.push(node);
+		}
+		return result;
+	}
+	/**
+	* Create a single TreeNode from a value
+	*/ createNode(value, key, path) {
+		if (value === null || value === void 0) return this.createPrimitiveNode(key, value, "null");
+		const primitiveNode = this.tryCreatePrimitiveNode(key, value);
+		if (primitiveNode) return primitiveNode;
+		if (Array.isArray(value)) return this.createArrayNode(key, value, path);
+		if (typeof value === "object") return this.createObjectNode(key, value, path);
+		return null;
+	}
+	/**
+	* Try to create a primitive node (boolean, number, string, function)
+	*/ tryCreatePrimitiveNode(key, value) {
+		switch (typeof value) {
+			case "boolean": return this.createPrimitiveNode(key, value, "boolean");
+			case "number": return this.createPrimitiveNode(key, value, "number");
+			case "string": return this.createPrimitiveNode(key, `"${value}"`, "string");
+			case "function": return this.createFunctionNode(key, value);
+			default: return null;
+		}
+	}
+	/**
+	* Create a node for primitive values
+	*/ createPrimitiveNode(key, value, elementType) {
+		return {
+			id: this.generateId(),
+			label: `${key}: ${value}`,
+			props: {},
+			elementType
+		};
+	}
+	/**
+	* Create a node for function values
+	*/ createFunctionNode(key, fn) {
+		const fnName = fn.name ? `ƒ ${fn.name}()` : "ƒ()";
+		return {
+			id: this.generateId(),
+			label: `${key}: ${fnName}`,
+			props: {},
+			elementType: "function"
+		};
+	}
+	/**
+	* Create a node for array values
+	*/ createArrayNode(key, arr, path) {
+		const children = arr.map((item, index) => {
+			const childPath = `${path}[${index}]`;
+			return this.createNode(item, index.toString(), childPath);
+		}).filter((node) => node !== null);
+		return {
+			id: this.generateId(),
+			label: `${key}: Array[${arr.length}]`,
+			props: {},
+			elementType: "array",
+			children
+		};
+	}
+	/**
+	* Create a node for object values
+	*/ createObjectNode(key, obj, path) {
+		const constructorName = obj.constructor?.name;
+		if (!(constructorName === "Object")) return this.createClassInstanceNode(key, obj, constructorName);
+		const keys = Object.keys(obj);
+		const children = Object.entries(obj).map(([childKey, childValue]) => {
+			const childPath = `${path}.${childKey}`;
+			return this.createNode(childValue, childKey, childPath);
+		}).filter((node) => node !== null);
+		return {
+			id: this.generateId(),
+			label: `${key}: Object {${keys.length}}`,
+			props: {},
+			elementType: "object",
+			children
+		};
+	}
+	/**
+	* Create a node for class instances (non-plain objects)
+	*/ createClassInstanceNode(key, obj, className) {
+		const node = {
+			id: this.generateId(),
+			label: `${key}: Class {${className}}`,
+			props: {},
+			elementType: "object"
+		};
+		if (isValue(obj)) node.children = [this.createNode(obj.value, "value", "value")].filter((n) => n !== null);
+		return node;
+	}
 };
+//#endregion
+export { TreeBuilder };

package/dist/ui/features/RenderTree/data.qwik.mjs

@@ -1,39 +1,40 @@
-import "../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.mjs";
-import { QRL_KEY, COMPUTED_QRL_KEY, INNER_USE_HOOK } from "../../packages/kit/src/constants.qwik.mjs";
-import "../../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.mjs";
-function isUserDefinedHook(seq) {
-  const qrl = seq[QRL_KEY] ?? seq[COMPUTED_QRL_KEY];
-  const chunkPath = qrl?.$chunk$ ?? "";
-  return !chunkPath.includes(INNER_USE_HOOK);
+import { INNER_USE_HOOK, QRL_KEY } from "../../packages/kit/src/constants.qwik.mjs";
+import "../../packages/kit/src/index.qwik.mjs";
+//#region src/features/RenderTree/data.ts
+/**
+* Check if a sequence entry is a user-defined hook (not internal devtools hook)
+*/ function isUserDefinedHook(seq) {
+	return !((seq["$qrl$"] ?? seq["$computeQrl$"])?.$chunk$ ?? "").includes(INNER_USE_HOOK);
 }
-function getQwikState(qrlChunkName) {
-  const globalState = window.QWIK_DEVTOOLS_GLOBAL_STATE ?? {};
-  const matchingKey = Object.keys(globalState).find((key) => key.endsWith(qrlChunkName));
-  if (!matchingKey) return [];
-  const componentState = globalState[matchingKey];
-  if (!componentState) return [];
-  const entries = componentState.hooks ?? [];
-  return entries.filter((item) => item.data !== void 0);
+/**
+* Get parsed structure from global devtools state by QRL chunk name
+*/ function getQwikState(qrlChunkName) {
+	const globalState = window.QWIK_DEVTOOLS_GLOBAL_STATE ?? {};
+	const matchingKey = Object.keys(globalState).find((key) => key.endsWith(qrlChunkName));
+	if (!matchingKey) return [];
+	const componentState = globalState[matchingKey];
+	if (!componentState) return [];
+	return (componentState.hooks ?? []).filter((item) => item.data !== void 0);
 }
-function getHookTypeFromChunk(chunkPath) {
-  return chunkPath.includes("useTask") ? "useTask" : "useVisibleTask";
+/**
+* Determine hook type from QRL chunk path
+*/ function getHookTypeFromChunk(chunkPath) {
+	return chunkPath.includes("useTask") ? "useTask" : "useVisibleTask";
 }
-function transformQrlSequenceData(seqs) {
-  return seqs.filter(isUserDefinedHook).filter((item) => item[QRL_KEY]).map((item) => {
-    const qrl = item[QRL_KEY];
-    const chunkPath = qrl.$chunk$ ?? "";
-    const hookType = getHookTypeFromChunk(chunkPath);
-    return {
-      category: "expressionStatement",
-      data: qrl,
-      hookType,
-      variableName: hookType
-    };
-  });
+/**
+* Transform QRL sequence data to normalized parsed structure format
+*/ function transformQrlSequenceData(seqs) {
+	return seqs.filter(isUserDefinedHook).filter((item) => item[QRL_KEY]).map((item) => {
+		const qrl = item[QRL_KEY];
+		const hookType = getHookTypeFromChunk(qrl.$chunk$ ?? "");
+		return {
+			category: "expressionStatement",
+			data: qrl,
+			hookType,
+			variableName: hookType
+		};
+	});
 }
-const returnQrlData = transformQrlSequenceData;
-export {
-  getQwikState,
-  returnQrlData,
-  transformQrlSequenceData
-};
+var returnQrlData = transformQrlSequenceData;
+//#endregion
+export { getQwikState, returnQrlData };