@qwik.dev/devtools 0.2.8 → 2.0.0-beta.43

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

@@ -1,169 +0,0 @@
-import { __toESM } from "../../_virtual/_rolldown/runtime.qwik.mjs";
-import { CAPTURE_REF_KEY } from "../../packages/kit/src/constants.qwik.mjs";
-import "../../packages/kit/src/index.qwik.mjs";
-import { require_browser } from "../../node_modules/.pnpm/debug@4.4.3_supports-color@5.5.0/node_modules/debug/src/browser.qwik.mjs";
-import { TreeBuilder } from "./TreeBuilder.qwik.mjs";
-import { HIDDEN_HOOKS, HOOK_TYPES, QRL_HOOKS } from "./types.qwik.mjs";
-var log = (0, (/* @__PURE__ */ __toESM(require_browser(), 1)).default)("qwik:devtools:renderTree");
-/**
-* Static utilities for working with QRL objects
-*/ var QrlUtils = class {
-	/**
-	* Get the file path from a QRL object.
-	* In dev mode, uses dev.file; in production, uses $chunk$.
-	*/ static getPath(qrl) {
-		if (!qrl) return null;
-		if (qrl.dev) return qrl.dev.file;
-		return qrl.$chunk$;
-	}
-	/**
-	* Get the chunk name from a QRL for component identification
-	*/ static getChunkName(qrl) {
-		return qrl.$chunk$?.split("_component")?.[0] ?? "";
-	}
-	/**
-	* Normalize raw qseq data with parsed structure metadata
-	*/ static normalizeData(qseq, parsed) {
-		return qseq.map((item, index) => ({
-			data: item,
-			...parsed[index]
-		}));
-	}
-};
-/**
-* Manages hook data storage and tree building for the devtools.
-*/ var HookStore = class {
-	constructor() {
-		this.store = this.createStore();
-		this.treeBuilder = new TreeBuilder();
-	}
-	createStore() {
-		const store = {};
-		for (const hookType of HOOK_TYPES) store[hookType] = {
-			set: /* @__PURE__ */ new Set(),
-			visible: !HIDDEN_HOOKS.includes(hookType)
-		};
-		return store;
-	}
-	/**
-	* Add data to the store for a specific hook type
-	*/ add(type, data) {
-		this.store[type].set.add(data);
-	}
-	/**
-	* Clear all stored hook data
-	*/ clear() {
-		for (const entry of Object.values(this.store)) entry.set.clear();
-	}
-	/**
-	* Reset the entire store
-	*/ reset() {
-		this.store = this.createStore();
-	}
-	/**
-	* Get entries for a specific hook type
-	*/ getEntries(type) {
-		return [...this.store[type].set];
-	}
-	/**
-	* Check if a hook type has entries
-	*/ hasEntries(type) {
-		return this.store[type].set.size > 0;
-	}
-	/**
-	* Set visibility for a hook type
-	*/ setVisibility(type, visible) {
-		this.store[type].visible = visible;
-	}
-	/**
-	* Check if a hook type is visible
-	*/ isVisible(type) {
-		return this.store[type].visible;
-	}
-	/**
-	* Get filter list for UI
-	*/ getFilterList() {
-		return HOOK_TYPES.filter((type) => this.hasEntries(type) && this.isVisible(type)).map((key) => ({
-			key,
-			display: this.store[key].visible
-		}));
-	}
-	/**
-	* Build tree nodes from all stored hook data
-	*/ buildTree() {
-		const result = [];
-		for (const hookType of HOOK_TYPES) {
-			if (!this.hasEntries(hookType) || !this.isVisible(hookType)) continue;
-			const nodes = this.transformEntries(hookType);
-			if (nodes.length > 0) result.push(this.treeBuilder.createGroupNode(hookType, nodes));
-		}
-		return result;
-	}
-	transformEntries(hookType) {
-		return this.getEntries(hookType).map((entry) => this.transformEntry(hookType, entry)).flat();
-	}
-	transformEntry(hookType, entry) {
-		const variableName = "hookType" in entry ? entry.variableName : void 0;
-		const data = entry.data;
-		switch (hookType) {
-			case "props":
-			case "listens":
-			case "render": return this.treeBuilder.objectToTree(data);
-			case "useTask":
-			case "useVisibleTask": {
-				const scopeVars = this.findScopeVariables(entry);
-				return this.treeBuilder.objectToTree({ [`let ${variableName ?? hookType} =`]: scopeVars });
-			}
-			case "customhook": {
-				const captureRef = data?.[CAPTURE_REF_KEY];
-				return this.treeBuilder.objectToTree({ [`let ${variableName ?? "customhook"} = Scope `]: captureRef });
-			}
-			default: return this.treeBuilder.objectToTree({ [`let ${variableName ?? hookType} =`]: data });
-		}
-	}
-	findScopeVariables(item) {
-		const targets = item.data?.[CAPTURE_REF_KEY];
-		if (!targets) return "Scope []";
-		const variableNames = [];
-		for (const entry of Object.values(this.store)) for (const storedEntry of entry.set) {
-			const data = storedEntry.data;
-			if (!data) continue;
-			if (targets.find((target) => target === data) && "variableName" in storedEntry && storedEntry.variableName) variableNames.push(storedEntry.variableName);
-		}
-		return `Scope [${variableNames.join(", ")}]`;
-	}
-	/**
-	* Find all QRL paths for code lookup
-	*/ findAllQrlPaths() {
-		const paths = [];
-		for (const hookType of QRL_HOOKS) {
-			const entries = this.getEntries(hookType);
-			for (const entry of entries) {
-				const extracted = this.extractQrlPath(hookType, entry);
-				if (extracted) if (Array.isArray(extracted)) paths.push(...extracted.filter(Boolean));
-				else paths.push(extracted);
-			}
-		}
-		log("findAllQrlPaths return: %O", paths);
-		return paths.filter(Boolean);
-	}
-	extractQrlPath(hookType, entry) {
-		if (hookType === "listens") {
-			const data = entry.data;
-			return Object.values(data).map((v) => v?.$chunk$).filter((v) => typeof v === "string");
-		}
-		if (hookType === "render") {
-			const renderFn = entry.data?.render ?? entry.data;
-			return QrlUtils.getPath(renderFn);
-		}
-		const data = entry.data;
-		const qrlObj = data["$qrl$"] ?? data["$computeQrl$"];
-		return QrlUtils.getPath(qrlObj);
-	}
-};
-/** Global hook store instance */ var hookStore = new HookStore();
-/** Get the global hook store instance */ function getHookStore() {
-	return hookStore;
-}
-//#endregion
-export { QrlUtils, getHookStore };

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

@@ -1,51 +0,0 @@
-//#region src/features/RenderTree/types.ts
-/**
-* All supported hook types in the devtools
-*/ var HOOK_TYPES = [
-	"useStore",
-	"useSignal",
-	"useContext",
-	"useId",
-	"useStyles",
-	"useStylesScoped",
-	"useConstant",
-	"useComputed",
-	"useAsyncComputed",
-	"useErrorBoundary",
-	"useServerData",
-	"useSerializer",
-	"useLocation",
-	"useNavigate",
-	"useContent",
-	"useDocumentHead",
-	"useTask",
-	"useVisibleTask",
-	"useResource",
-	"useContextProvider",
-	"usePreventNavigate",
-	"props",
-	"listens",
-	"render",
-	"customhook"
-];
-/**
-* Hooks that should be hidden from the filter list by default
-*/ var HIDDEN_HOOKS = [
-	"useResource",
-	"usePreventNavigate",
-	"render"
-];
-/**
-* Hooks that contain QRL references (used for code lookup)
-*/ var QRL_HOOKS = [
-	"useTask",
-	"useVisibleTask",
-	"useComputed",
-	"useAsyncComputed",
-	"useServerData",
-	"useSerializer",
-	"render",
-	"listens"
-];
-//#endregion
-export { HIDDEN_HOOKS, HOOK_TYPES, QRL_HOOKS };

package/dist/ui/features/Routes/Routes.qwik.mjs

@@ -1,30 +0,0 @@
-import { _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
-//#region src/features/Routes/Routes.tsx
-var _hf0 = (p0) => p0.relativePath === "" ? "/" : `/${p0.relativePath}/`;
-var _hf1 = (p0, p1, p2) => p1 && p0 > 0 ? `${p2.relativePath}/layout` : "default";
-var Routes = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ state }) => {
-	return /* @__PURE__ */ _jsxSorted("div", null, { class: "border-border flex-1 overflow-hidden rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "bg-card-item-bg grid grid-cols-4 gap-4 p-4 text-sm font-medium" }, [
-		/* @__PURE__ */ _jsxSorted("div", null, null, "Route Path", 3, null),
-		/* @__PURE__ */ _jsxSorted("div", null, null, "Name", 3, null),
-		/* @__PURE__ */ _jsxSorted("div", null, null, "Middleware", 3, null),
-		/* @__PURE__ */ _jsxSorted("div", null, null, "Layout", 3, null)
-	], 3, null), state.routes?.map((route, i) => {
-		const children = route.children || [];
-		const layout = route.relativePath !== "" && route.type === "directory" && children.find((child) => child.name.startsWith("layout"));
-		return /* @__PURE__ */ _jsxSorted("div", null, { class: "border-border hover:bg-card-item-hover-bg grid grid-cols-4 gap-4 border-t p-4 text-sm" }, [
-			/* @__PURE__ */ _jsxSorted("div", null, null, /* @__PURE__ */ _jsxSorted("span", { class: { "text-accent": location.pathname === "/" && route.relativePath === "" || location.pathname === `/${route.relativePath}/` } }, null, _fnSignal(_hf0, [route]), 1, null), 1, null),
-			/* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground" }, _wrapProp(route, "name"), 1, null),
-			/* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground" }, "-", 3, null),
-			/* @__PURE__ */ _jsxSorted("div", null, null, /* @__PURE__ */ _jsxSorted("span", { class: {
-				"text-accent": layout && i > 0,
-				"text-muted-foreground": !layout || i === 0
-			} }, null, _fnSignal(_hf1, [
-				i,
-				layout,
-				route
-			]), 1, null), 1, null)
-		], 1, route.relativePath);
-	})], 1, "HR_0");
-}, "Routes_component_rYio0FtJ7Rc"));
-//#endregion
-export { Routes };

package/dist/ui/features/inspect/Inspect.qwik.mjs

@@ -1,30 +0,0 @@
-import { inspectorLink } from "./constant.qwik.mjs";
-import { setupIframeThemeSync } from "./iframe-theme.qwik.mjs";
-import { _jsxSorted, componentQrl, inlinedQrl, isBrowser } from "@qwik.dev/core";
-//#region src/features/inspect/Inspect.tsx
-/**
-* Inspect iframe must load under app root (Vite `BASE_URL` + origin), not `location.pathname`,
-* so deep routes do not produce `.../nested/route__inspect/`.
-* SSR: no `location` — return empty until the client runs.
-*/ function getInspectIframeSrc() {
-	if (!isBrowser) return "";
-	const base = new URL("/", location.origin);
-	return new URL(inspectorLink, base).href;
-}
-var Inspect = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
-	return /* @__PURE__ */ _jsxSorted("div", null, { class: "h-full w-full flex-1 overflow-hidden rounded-2xl border border-glass-border bg-card-item-bg" }, /* @__PURE__ */ _jsxSorted("iframe", { "q-e:load": /* @__PURE__ */ inlinedQrl((_, el) => {
-		try {
-			setupIframeThemeSync(el);
-		} catch (err) {
-			console.error("Failed to inject theme into inspect iframe:", err);
-		}
-	}, "Inspect_component_div_iframe_q_e_load_dBYi9MiDVFM") }, {
-		src: getInspectIframeSrc(),
-		width: "100%",
-		height: "100%",
-		id: "inspect_qwik",
-		class: "rounded-xl w-full h-full"
-	}, null, 2, null), 1, "o0_0");
-}, "Inspect_component_hp0adRBjF9Q"));
-//#endregion
-export { Inspect };

package/dist/ui/lib-types/kit/src/client.d.ts

@@ -1,2 +0,0 @@
-import { ClientFunctions } from './types';
-export declare function createClientRpc(functions: ClientFunctions): void;

package/dist/ui/lib-types/kit/src/constants.d.ts

@@ -1,16 +0,0 @@
-export declare const DEVTOOLS_VITE_MESSAGING_EVENT = "qwik_tools:vite_messaging_event";
-export declare const USE_HOOK_LIST: readonly ["useAsyncComputed", "useComputed", "useConstant", "useContext", "useContextProvider", "useErrorBoundary", "useId", "useOn", "useOnDocument", "useOnWindow", "useResource", "useSerializer", "useServerData", "useSignal", "useStore", "useStyles", "useStylesScoped", "useTask", "useVisibleTask", "useLocation", "useNavigate", "usePreventNavigate", "useContent", "useDocumentHead"];
-export declare const VARIABLE_DECLARATION_LIST: readonly ["useStore", "useSignal", "useComputed", "useAsyncComputed", "useContext", "useId", "useStyles", "useStylesScoped", "useConstant", "useErrorBoundary", "useSerializer", "useServerData", "useLocation", "useNavigate", "useContent", "useDocumentHead"];
-export declare const EXPRESSION_STATEMENT_LIST: readonly ["useVisibleTask", "useTask", "useResource", "useContextProvider", "usePreventNavigate"];
-export declare const QSEQ = "q:seq";
-export declare const QPROPS = "q:props";
-export declare const QRENDERFN = "q:renderFn";
-export declare const QTYPE = "q:type";
-export declare const VIRTUAL_QWIK_DEVTOOLS_KEY = "virtual-qwik-devtools.ts";
-export declare const INNER_USE_HOOK = "useCollectHooks";
-export declare const QWIK_DEVTOOLS_GLOBAL_STATE = "QWIK_DEVTOOLS_GLOBAL_STATE";
-export declare const QRL_KEY = "$qrl$";
-export declare const COMPUTED_QRL_KEY = "$computeQrl$";
-export declare const CHUNK_KEY = "$chunk$";
-export declare const CAPTURE_REF_KEY = "$captureRef$";
-export declare const NORETURN_HOOK: readonly ["useVisibleTask", "useTask"];

package/dist/ui/lib-types/kit/src/context.d.ts

@@ -1,10 +0,0 @@
-import { ViteClientContext, ViteServerContext } from './globals';
-import { ServerRpc, ClientRpc } from './types';
-export declare function getViteClientContext(): ViteClientContext;
-export declare function setViteClientContext(ctx: ViteClientContext): void;
-export declare function getViteServerContext(): ViteServerContext;
-export declare function setViteServerContext(ctx: ViteServerContext): void;
-export declare function getViteServerRpc(): ServerRpc;
-export declare function setViteServerRpc(rpc: ServerRpc): void;
-export declare function getViteClientRpc(): ClientRpc;
-export declare function setViteClientRpc(rpc: ClientRpc): void;

package/dist/ui/lib-types/kit/src/globals.d.ts

@@ -1,71 +0,0 @@
-import { ViteDevServer } from 'vite';
-import { ParsedStructure } from './types';
-interface EventEmitter {
-    on: (name: string, handler: (data: any) => void) => void;
-    send: (name: string, ...args: any[]) => void;
-}
-export interface ViteClientContext extends EventEmitter {
-}
-export type ViteServerContext = ViteDevServer;
-export declare const CLIENT_CTX = "__qwik_client_ctx__";
-export declare const SERVER_CTX = "__qwik_server_ctx__";
-export declare const SERVER_RPC = "__qwik_server_rpc__";
-export declare const CLIENT_RPC = "__qwik_client_rpc__";
-export type QwikPerfPhaseRemembered = 'ssr' | 'csr';
-export interface QwikPerfErrorRemembered {
-    name: string;
-    message: string;
-}
-export interface QwikPerfEntryRemembered {
-    id: number;
-    component: string;
-    phase: QwikPerfPhaseRemembered;
-    duration: number;
-    start: number;
-    end: number;
-    error?: QwikPerfErrorRemembered;
-    /**
-     * Present for wrapped `_component_` render-function modules; helps de-dupe.
-     */
-    viteId?: string;
-    /**
-     * Present for wrapped `_component_` render-function modules.
-     */
-    renderCount?: number;
-}
-export interface QwikPerfStoreRemembered {
-    ssr: QwikPerfEntryRemembered[];
-    csr: QwikPerfEntryRemembered[];
-}
-export interface DevtoolsRenderStats {
-    /**
-     * In-memory performance store written by devtools instrumentation.
-     * (Populated at runtime; optional in types.)
-     */
-    perf?: QwikPerfStoreRemembered;
-}
-export interface ComponentDevtoolsState {
-    hooks: ParsedStructure[];
-    stats: DevtoolsRenderStats;
-}
-declare global {
-    interface Window {
-        QWIK_DEVTOOLS_GLOBAL_STATE?: Record<string, ComponentDevtoolsState>;
-        /**
-         * Performance store (CSR + injected SSR snapshot).
-         * Written by `@devtools/plugin` instrumentation.
-         */
-        __QWIK_PERF__?: QwikPerfStoreRemembered;
-    }
-}
-declare global {
-    namespace NodeJS {
-        interface Process {
-            __QWIK_SSR_PERF__?: QwikPerfEntryRemembered[];
-            __QWIK_SSR_PERF_SET__?: Set<string>;
-            __QWIK_SSR_PERF_ID__?: number;
-            __QWIK_SSR_PERF_INDEX__?: Record<string, number>;
-        }
-    }
-}
-export {};

package/dist/ui/lib-types/kit/src/index.d.ts

@@ -1,6 +0,0 @@
-export * from './client';
-export * from './server';
-export * from './context';
-export * from './types';
-export * from './constants';
-export * from './globals';

package/dist/ui/lib-types/kit/src/server.d.ts

@@ -1,2 +0,0 @@
-import { ServerFunctions } from './types';
-export declare function createServerRpc(functions: ServerFunctions): void;

package/dist/ui/lib-types/kit/src/shared.d.ts

@@ -1 +0,0 @@
-export declare const target: typeof globalThis;

package/dist/ui/lib-types/kit/src/types.d.ts

@@ -1,69 +0,0 @@
-import { BirpcReturn } from 'birpc';
-import { type Dree } from 'dree';
-import { VARIABLE_DECLARATION_LIST, EXPRESSION_STATEMENT_LIST } from './constants';
-export { Type as RouteType } from 'dree';
-export interface ClientFunctions {
-    healthCheck(): boolean;
-}
-export interface ServerFunctions {
-    healthCheck(): boolean;
-    getAssetsFromPublicDir: () => Promise<AssetInfo[]>;
-    getComponents: () => Promise<Component[]>;
-    getRoutes: () => any;
-    getQwikPackages: () => Promise<[string, string][]>;
-    getAllDependencies: () => Promise<any[]>;
-    getDependenciesStatus: () => Promise<{
-        phase: 'idle' | 'phase1' | 'phase2' | 'done' | 'error';
-        loaded: number;
-        total: number;
-        startedAt: number | null;
-        finishedAt: number | null;
-        error?: string;
-    }>;
-    refreshDependencies: () => Promise<void>;
-    installPackage: (packageName: string, isDev?: boolean) => Promise<{
-        success: boolean;
-        error?: string;
-    }>;
-    getModulesByPathIds: (pathIds: string | string[]) => Promise<{
-        pathId: string;
-        modules: any;
-        error?: string;
-    }[]>;
-    parseQwikCode: (code: string) => Promise<Omit<ParsedStructure, '__start__'>[]>;
-}
-export type ServerRpc = BirpcReturn<ClientFunctions, ServerFunctions>;
-export type ClientRpc = BirpcReturn<ServerFunctions, ClientFunctions>;
-export type AssetType = 'image' | 'font' | 'video' | 'audio' | 'text' | 'json' | 'wasm' | 'other';
-export interface AssetInfo {
-    path: string;
-    type: AssetType;
-    publicPath: string;
-    relativePath: string;
-    filePath: string;
-    size: number;
-    mtime: number;
-}
-export interface ImageMeta {
-    width: number;
-    height: number;
-    orientation?: number;
-    type?: string;
-    mimeType?: string;
-}
-export type RoutesInfo = Dree;
-export type NpmInfo = [string, string][];
-export interface Component {
-    name: string;
-    fileName: string;
-    file: string;
-}
-export type Category = 'variableDeclaration' | 'expressionStatement' | 'listener';
-export type HookType = (typeof VARIABLE_DECLARATION_LIST)[number] | (typeof EXPRESSION_STATEMENT_LIST)[number] | 'customhook';
-export interface ParsedStructure {
-    variableName: string;
-    hookType: HookType;
-    category: Category;
-    __start__?: number;
-    data?: any;
-}

package/dist/ui/lib-types/ui/src/entry.dev.d.ts

@@ -1,2 +0,0 @@
-import { type RenderOptions } from '@qwik.dev/core';
-export default function (opts: RenderOptions): Promise<import("@qwik.dev/core/internal").RenderResult>;

package/dist/ui/lib-types/ui/src/features/CodeBreack/CodeBreack.d.ts

@@ -1 +0,0 @@
-export declare const CodeBreack: import("@qwik.dev/core").Component<unknown>;

package/dist/ui/lib-types/ui/src/features/Performance/computePerfViewModel.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ui/lib-types/ui/src/features/Performance/transformPerformanceData.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ui/node_modules/.pnpm/balanced-match@4.0.4/node_modules/balanced-match/dist/esm/index.qwik.mjs

@@ -1,49 +0,0 @@
-//#region ../../node_modules/.pnpm/balanced-match@4.0.4/node_modules/balanced-match/dist/esm/index.js
-var balanced = (a, b, str) => {
-	const ma = a instanceof RegExp ? maybeMatch(a, str) : a;
-	const mb = b instanceof RegExp ? maybeMatch(b, str) : b;
-	const r = ma !== null && mb != null && range(ma, mb, str);
-	return r && {
-		start: r[0],
-		end: r[1],
-		pre: str.slice(0, r[0]),
-		body: str.slice(r[0] + ma.length, r[1]),
-		post: str.slice(r[1] + mb.length)
-	};
-};
-var maybeMatch = (reg, str) => {
-	const m = str.match(reg);
-	return m ? m[0] : null;
-};
-var range = (a, b, str) => {
-	let begs, beg, left, right = void 0, result;
-	let ai = str.indexOf(a);
-	let bi = str.indexOf(b, ai + 1);
-	let i = ai;
-	if (ai >= 0 && bi > 0) {
-		if (a === b) return [ai, bi];
-		begs = [];
-		left = str.length;
-		while (i >= 0 && !result) {
-			if (i === ai) {
-				begs.push(i);
-				ai = str.indexOf(a, i + 1);
-			} else if (begs.length === 1) {
-				const r = begs.pop();
-				if (r !== void 0) result = [r, bi];
-			} else {
-				beg = begs.pop();
-				if (beg !== void 0 && beg < left) {
-					left = beg;
-					right = bi;
-				}
-				bi = str.indexOf(b, i + 1);
-			}
-			i = ai < bi && ai >= 0 ? ai : bi;
-		}
-		if (begs.length && right !== void 0) result = [left, right];
-	}
-	return result;
-};
-//#endregion
-export { balanced };