@qwik.dev/devtools 0.3.0-beta.3 → 2.0.0-beta.45

package/dist/ui/packages/devtools/ui/src/features/BuildAnalysis/BuildAnalysis.qwik.mjs

@@ -1,185 +1,124 @@
-import { componentQrl, inlinedQrl, useSignal, useVisibleTaskQrl, _captures, _jsxSorted, _wrapProp, _fnSignal, isBrowser } from "@qwik.dev/core";
-import { Fragment } from "@qwik.dev/core/jsx-runtime";
 import { getDevtoolsRpc } from "../../devtools/rpc.qwik.mjs";
-const _hf0 = (p0) => p0.value ? "Rebuilding..." : "Rebuild Report";
-const _hf1 = (p0) => p0.value ? "Building..." : "Build Report";
-const BUILD_ANALYSIS_VIEW_PATH = "/__qwik_devtools/build-analysis/report";
+import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, isBrowser, useSignal, useVisibleTaskQrl } from "@qwik.dev/core";
+import { Fragment } from "@qwik.dev/core/jsx-runtime";
+var _hf0 = (p0) => p0.value ? "Rebuilding..." : "Rebuild Report";
+var _hf0_str = "p0.value?\"Rebuilding...\":\"Rebuild Report\"";
+var _hf1 = (p0) => p0.value ? "Building..." : "Build Report";
+var _hf1_str = "p0.value?\"Building...\":\"Build Report\"";
+var BUILD_ANALYSIS_VIEW_PATH = "/__qwik_devtools/build-analysis/report";
 function getBuildAnalysisIframeSrc(version, origin) {
-  const baseOrigin = isBrowser ? location.origin : "";
-  if (!baseOrigin) {
-    return "";
-  }
-  const url = new URL(BUILD_ANALYSIS_VIEW_PATH, baseOrigin);
-  url.searchParams.set("v", String(version));
-  return url.href;
+	const baseOrigin = origin ?? (isBrowser ? location.origin : "");
+	if (!baseOrigin) return "";
+	const url = new URL(BUILD_ANALYSIS_VIEW_PATH, baseOrigin);
+	url.searchParams.set("v", String(version));
+	return url.href;
 }
-const BuildAnalysis = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
-  const iframeVersion = useSignal(0);
-  const isChecking = useSignal(true);
-  const isBuilding = useSignal(false);
-  const hasReport = useSignal(false);
-  const canTriggerBuild = useSignal(false);
-  const reportPath = useSignal("");
-  const buildCommand = useSignal(null);
-  const buildTriggerHint = useSignal("");
-  const errorMessage = useSignal("");
-  const loadStatus = /* @__PURE__ */ inlinedQrl(async () => {
-    const buildCommand2 = _captures[0], buildTriggerHint2 = _captures[1], canTriggerBuild2 = _captures[2], errorMessage2 = _captures[3], hasReport2 = _captures[4], isChecking2 = _captures[5], reportPath2 = _captures[6];
-    isChecking2.value = true;
-    errorMessage2.value = "";
-    try {
-      const rpc = await getDevtoolsRpc();
-      const status = await rpc.getBuildAnalysisStatus();
-      hasReport2.value = status.exists;
-      canTriggerBuild2.value = status.canTriggerBuild;
-      reportPath2.value = status.reportPath;
-      buildCommand2.value = status.buildCommand;
-      buildTriggerHint2.value = status.buildTriggerHint || "";
-    } catch (error) {
-      errorMessage2.value = error instanceof Error ? error.message : "Failed to load build analysis status.";
-    } finally {
-      isChecking2.value = false;
-    }
-  }, "BuildAnalysis_component_loadStatus_QWxBjbeSM7U", [
-    buildCommand,
-    buildTriggerHint,
-    canTriggerBuild,
-    errorMessage,
-    hasReport,
-    isChecking,
-    reportPath
-  ]);
-  const refreshFrame = /* @__PURE__ */ inlinedQrl(() => {
-    const iframeVersion2 = _captures[0];
-    iframeVersion2.value += 1;
-  }, "BuildAnalysis_component_refreshFrame_KBOtgw7vjAM", [
-    iframeVersion
-  ]);
-  const buildReport = /* @__PURE__ */ inlinedQrl(async () => {
-    const buildCommand2 = _captures[0], buildTriggerHint2 = _captures[1], canTriggerBuild2 = _captures[2], errorMessage2 = _captures[3], iframeVersion2 = _captures[4], isBuilding2 = _captures[5], loadStatus2 = _captures[6];
-    if (!buildCommand2.value) {
-      errorMessage2.value = 'No build script found. Expected "build.client" or "build" in package.json.';
-      return;
-    }
-    if (!canTriggerBuild2.value) {
-      errorMessage2.value = buildTriggerHint2.value || "Automatic rebuild is unavailable from this DevTools client.";
-      return;
-    }
-    const confirmed = globalThis.confirm?.(`Build analysis needs a fresh build to generate the report.
-
-Run: ${buildCommand2.value} ?`) ?? true;
-    if (!confirmed) {
-      return;
-    }
-    isBuilding2.value = true;
-    errorMessage2.value = "";
-    try {
-      const rpc = await getDevtoolsRpc();
-      const result = await rpc.buildBuildAnalysisReport();
-      if (!result.success) {
-        errorMessage2.value = result.error || "Build failed.";
-        return;
-      }
-      await loadStatus2();
-      iframeVersion2.value += 1;
-    } catch (error) {
-      errorMessage2.value = error instanceof Error ? error.message : "Build failed.";
-    } finally {
-      isBuilding2.value = false;
-    }
-  }, "BuildAnalysis_component_buildReport_9o7VY9p0bIQ", [
-    buildCommand,
-    buildTriggerHint,
-    canTriggerBuild,
-    errorMessage,
-    iframeVersion,
-    isBuilding,
-    loadStatus
-  ]);
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(async () => {
-    const loadStatus2 = _captures[0];
-    await loadStatus2();
-  }, "BuildAnalysis_component_useVisibleTask_aOkClGsXcvo", [
-    loadStatus
-  ]));
-  return /* @__PURE__ */ _jsxSorted("div", null, {
-    class: "flex h-full min-h-0 flex-col gap-4"
-  }, [
-    /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "border-glass-border bg-card-item-bg rounded-2xl border p-5"
-    }, /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "flex flex-col gap-3"
-    }, [
-      /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "text-lg font-semibold"
-      }, "Build Analysis", 3, null),
-      /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "text-muted-foreground max-w-3xl text-sm leading-6"
-      }, "This tab embeds the HTML report generated by the visualizer plugin after a build.", 3, null),
-      buildCommand.value ? /* @__PURE__ */ _jsxSorted("code", null, {
-        class: "text-muted-foreground bg-foreground/5 rounded-lg px-3 py-2 text-xs"
-      }, _wrapProp(buildCommand), 3, "iP_0") : null,
-      buildTriggerHint.value ? /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "rounded-xl border border-amber-500/20 bg-amber-500/10 px-3 py-2 text-sm text-amber-200"
-      }, _wrapProp(buildTriggerHint), 3, "iP_1") : null,
-      errorMessage.value ? /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-2 text-sm text-red-300"
-      }, _wrapProp(errorMessage), 3, "iP_2") : null
-    ], 1, null), 1, null),
-    isChecking.value ? /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "border-glass-border bg-card-item-bg text-muted-foreground rounded-2xl border p-6 text-sm"
-    }, "Checking build analysis report...", 3, "iP_3") : hasReport.value ? /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
-      /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "flex items-center justify-end gap-3"
-      }, [
-        buildCommand.value && canTriggerBuild.value ? /* @__PURE__ */ _jsxSorted("button", null, {
-          type: "button",
-          "q-e:click": buildReport,
-          disabled: _wrapProp(isBuilding),
-          class: "border-border bg-foreground/5 hover:bg-foreground/10 rounded-xl border px-4 py-2 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-        }, _fnSignal(_hf0, [
-          isBuilding
-        ]), 3, "iP_4") : null,
-        /* @__PURE__ */ _jsxSorted("button", null, {
-          type: "button",
-          "q-e:click": refreshFrame,
-          class: "border-border bg-foreground/5 hover:bg-foreground/10 rounded-xl border px-4 py-2 text-sm transition-colors"
-        }, "Reload Report", 3, null)
-      ], 1, null),
-      /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "border-glass-border bg-card-item-bg min-h-0 flex-1 overflow-hidden rounded-2xl border"
-      }, /* @__PURE__ */ _jsxSorted("iframe", {
-        src: getBuildAnalysisIframeSrc(iframeVersion.value)
-      }, {
-        title: "Build Analysis Report",
-        class: "h-full min-h-[680px] w-full border-0 bg-white"
-      }, null, 3, getBuildAnalysisIframeSrc(iframeVersion.value)), 1, null)
-    ], 1, "iP_5") : /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "border-glass-border bg-card-item-bg rounded-2xl border p-6"
-    }, /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "flex max-w-3xl flex-col gap-4"
-    }, [
-      /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "text-base font-semibold"
-      }, "No build analysis report yet", 3, null),
-      /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "text-muted-foreground text-sm leading-6"
-      }, canTriggerBuild.value ? "The visualizer HTML file does not exist yet. You need to build the current project first, and DevTools will ask for your confirmation before running that build." : "The visualizer HTML file does not exist yet. Run the build command locally to generate it, or reconnect from localhost if you want DevTools to trigger it for you.", 1, null),
-      /* @__PURE__ */ _jsxSorted("code", null, {
-        class: "text-muted-foreground bg-foreground/5 rounded-lg px-3 py-2 text-xs"
-      }, _wrapProp(reportPath), 3, null),
-      /* @__PURE__ */ _jsxSorted("div", null, null, buildCommand.value && canTriggerBuild.value ? /* @__PURE__ */ _jsxSorted("button", null, {
-        type: "button",
-        "q-e:click": buildReport,
-        disabled: _wrapProp(isBuilding),
-        class: "border-border bg-foreground/5 hover:bg-foreground/10 rounded-xl border px-4 py-2 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-      }, _fnSignal(_hf1, [
-        isBuilding
-      ]), 3, "iP_6") : null, 1, null)
-    ], 1, null), 1, "iP_7")
-  ], 1, "iP_8");
+var BuildAnalysis = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
+	const iframeVersion = useSignal(0);
+	const isChecking = useSignal(true);
+	const isBuilding = useSignal(false);
+	const hasReport = useSignal(false);
+	const canTriggerBuild = useSignal(false);
+	const reportPath = useSignal("");
+	const buildCommand = useSignal(null);
+	const buildTriggerHint = useSignal("");
+	const errorMessage = useSignal("");
+	const loadStatus = /*#__PURE__*/ inlinedQrl(async () => {
+		const buildCommand = _captures[0], buildTriggerHint = _captures[1], canTriggerBuild = _captures[2], errorMessage = _captures[3], hasReport = _captures[4], isChecking = _captures[5], reportPath = _captures[6];
+		isChecking.value = true;
+		errorMessage.value = "";
+		try {
+			const status = await (await getDevtoolsRpc()).getBuildAnalysisStatus();
+			hasReport.value = status.exists;
+			canTriggerBuild.value = status.canTriggerBuild;
+			reportPath.value = status.reportPath;
+			buildCommand.value = status.buildCommand;
+			buildTriggerHint.value = status.buildTriggerHint || "";
+		} catch (error) {
+			errorMessage.value = error instanceof Error ? error.message : "Failed to load build analysis status.";
+		} finally {
+			isChecking.value = false;
+		}
+	}, "BuildAnalysis_component_loadStatus_QWxBjbeSM7U", [
+		buildCommand,
+		buildTriggerHint,
+		canTriggerBuild,
+		errorMessage,
+		hasReport,
+		isChecking,
+		reportPath
+	]);
+	const refreshFrame = /*#__PURE__*/ inlinedQrl(() => {
+		const iframeVersion = _captures[0];
+		iframeVersion.value += 1;
+	}, "BuildAnalysis_component_refreshFrame_KBOtgw7vjAM", [iframeVersion]);
+	const buildReport = /*#__PURE__*/ inlinedQrl(async () => {
+		const buildCommand = _captures[0], buildTriggerHint = _captures[1], canTriggerBuild = _captures[2], errorMessage = _captures[3], iframeVersion = _captures[4], isBuilding = _captures[5], loadStatus = _captures[6];
+		if (!buildCommand.value) {
+			errorMessage.value = "No build script found. Expected \"build.client\" or \"build\" in package.json.";
+			return;
+		}
+		if (!canTriggerBuild.value) {
+			errorMessage.value = buildTriggerHint.value || "Automatic rebuild is unavailable from this DevTools client.";
+			return;
+		}
+		if (!(globalThis.confirm?.(`Build analysis needs a fresh build to generate the report.\n\nRun: ${buildCommand.value} ?`) ?? true)) return;
+		isBuilding.value = true;
+		errorMessage.value = "";
+		try {
+			const result = await (await getDevtoolsRpc()).buildBuildAnalysisReport();
+			if (!result.success) {
+				errorMessage.value = result.error || "Build failed.";
+				return;
+			}
+			await loadStatus();
+			iframeVersion.value += 1;
+		} catch (error) {
+			errorMessage.value = error instanceof Error ? error.message : "Build failed.";
+		} finally {
+			isBuilding.value = false;
+		}
+	}, "BuildAnalysis_component_buildReport_9o7VY9p0bIQ", [
+		buildCommand,
+		buildTriggerHint,
+		canTriggerBuild,
+		errorMessage,
+		iframeVersion,
+		isBuilding,
+		loadStatus
+	]);
+	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(async () => {
+		const loadStatus = _captures[0];
+		await loadStatus();
+	}, "BuildAnalysis_component_useVisibleTask_aOkClGsXcvo", [loadStatus]));
+	return /*#__PURE__*/ _jsxSorted("div", null, { class: "flex h-full min-h-0 flex-col gap-4" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg rounded-2xl border p-5" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "flex flex-col gap-3" }, [
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "text-lg font-semibold" }, "Build Analysis", 3, null),
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground max-w-3xl text-sm leading-6" }, "This tab embeds the HTML report generated by the visualizer plugin after a build.", 3, null),
+		buildCommand.value ? /*#__PURE__*/ _jsxSorted("code", null, { class: "text-muted-foreground bg-foreground/5 rounded-lg px-3 py-2 text-xs" }, _wrapProp(buildCommand), 3, "td_0") : null,
+		buildTriggerHint.value ? /*#__PURE__*/ _jsxSorted("div", null, { class: "rounded-xl border border-amber-500/20 bg-amber-500/10 px-3 py-2 text-sm text-amber-200" }, _wrapProp(buildTriggerHint), 3, "td_1") : null,
+		errorMessage.value ? /*#__PURE__*/ _jsxSorted("div", null, { class: "rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-2 text-sm text-red-300" }, _wrapProp(errorMessage), 3, "td_2") : null
+	], 1, null), 1, null), isChecking.value ? /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg text-muted-foreground rounded-2xl border p-6 text-sm" }, "Checking build analysis report...", 3, "td_3") : hasReport.value ? /*#__PURE__*/ _jsxSorted(Fragment, null, null, [/*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center justify-end gap-3" }, [buildCommand.value && canTriggerBuild.value ? /*#__PURE__*/ _jsxSorted("button", null, {
+		type: "button",
+		"q-e:click": buildReport,
+		disabled: _wrapProp(isBuilding),
+		class: "border-border bg-foreground/5 hover:bg-foreground/10 rounded-xl border px-4 py-2 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"
+	}, _fnSignal(_hf0, [isBuilding], _hf0_str), 3, "td_4") : null, /*#__PURE__*/ _jsxSorted("button", null, {
+		type: "button",
+		"q-e:click": refreshFrame,
+		class: "border-border bg-foreground/5 hover:bg-foreground/10 rounded-xl border px-4 py-2 text-sm transition-colors"
+	}, "Reload Report", 3, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg min-h-0 flex-1 overflow-hidden rounded-2xl border" }, /*#__PURE__*/ _jsxSorted("iframe", { src: getBuildAnalysisIframeSrc(iframeVersion.value) }, {
+		title: "Build Analysis Report",
+		class: "h-full min-h-[680px] w-full border-0 bg-white"
+	}, null, 3, getBuildAnalysisIframeSrc(iframeVersion.value)), 1, null)], 1, "td_5") : /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg rounded-2xl border p-6" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "flex max-w-3xl flex-col gap-4" }, [
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "text-base font-semibold" }, "No build analysis report yet", 3, null),
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground text-sm leading-6" }, canTriggerBuild.value ? "The visualizer HTML file does not exist yet. You need to build the current project first, and DevTools will ask for your confirmation before running that build." : "The visualizer HTML file does not exist yet. Run the build command locally to generate it, or reconnect from localhost if you want DevTools to trigger it for you.", 1, null),
+		/*#__PURE__*/ _jsxSorted("code", null, { class: "text-muted-foreground bg-foreground/5 rounded-lg px-3 py-2 text-xs" }, _wrapProp(reportPath), 3, null),
+		/*#__PURE__*/ _jsxSorted("div", null, null, buildCommand.value && canTriggerBuild.value ? /*#__PURE__*/ _jsxSorted("button", null, {
+			type: "button",
+			"q-e:click": buildReport,
+			disabled: _wrapProp(isBuilding),
+			class: "border-border bg-foreground/5 hover:bg-foreground/10 rounded-xl border px-4 py-2 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"
+		}, _fnSignal(_hf1, [isBuilding], _hf1_str), 3, "td_6") : null, 1, null)
+	], 1, null), 1, "td_7")], 1, "td_8");
 }, "BuildAnalysis_component_wViM53DMgX4"));
-export {
-  BuildAnalysis,
-  getBuildAnalysisIframeSrc
-};
+export { BuildAnalysis, getBuildAnalysisIframeSrc };

package/dist/ui/packages/devtools/ui/src/features/CodeBreak/CodeBreak.qwik.mjs

@@ -1,8 +1,8 @@
-import { componentQrl, inlinedQrl, useStylesQrl, useSignal, _jsxSorted } from "@qwik.dev/core";
 import { StateParser } from "./StateParser.qwik.mjs";
 import { HtmlParser } from "./HtmlParser.qwik.mjs";
-const CodeBreak = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
-  useStylesQrl(/* @__PURE__ */ inlinedQrl(`
+import { _captures, _jsxSorted, componentQrl, inlinedQrl, useSignal, useStylesQrl } from "@qwik.dev/core";
+var CodeBreak = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
+	useStylesQrl(/*#__PURE__*/ inlinedQrl(`
   .code-output-container {
     overflow-x: auto;
     overflow-y: auto;
@@ -16,38 +16,25 @@ const CodeBreak = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() =>
     min-width: max-content;
   }
   `, "CodeBreak_component_useStyles_lHrOlzOysW0"));
-  const currentTab = useSignal("state");
-  return /* @__PURE__ */ _jsxSorted("div", null, {
-    class: "h-full space-y-6 overflow-hidden"
-  }, [
-    /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "flex justify-center"
-    }, /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "border-glass-border bg-card-item-bg inline-flex rounded-xl border p-0.5"
-    }, [
-      /* @__PURE__ */ _jsxSorted("button", {
-        class: {
-          "rounded-lg px-3 py-2 text-sm font-medium transition-colors md:px-4": true,
-          "bg-accent text-white shadow": currentTab.value === "state",
-          "text-muted-foreground hover:bg-foreground/5": currentTab.value !== "state"
-        },
-        "q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, currentTab2) => currentTab2.value = "state", "CodeBreak_component_div_div_div_button_q_e_click_xWgXsjQPkqw").m(),
-        "q:p": currentTab
-      }, null, "State Parser", 6, null),
-      /* @__PURE__ */ _jsxSorted("button", {
-        class: {
-          "rounded-lg px-3 py-2 text-sm font-medium transition-colors md:px-4": true,
-          "bg-accent text-white shadow": currentTab.value === "html",
-          "text-muted-foreground hover:bg-foreground/5": currentTab.value !== "html"
-        },
-        "q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, currentTab2) => currentTab2.value = "html", "CodeBreak_component_div_div_div_button_q_e_click_1_LC2WyereJ0c").m(),
-        "q:p": currentTab
-      }, null, "HTML Parser", 6, null)
-    ], 1, null), 1, null),
-    currentTab.value === "state" && /* @__PURE__ */ _jsxSorted(StateParser, null, null, null, 3, "on_0"),
-    currentTab.value === "html" && /* @__PURE__ */ _jsxSorted(HtmlParser, null, null, null, 3, "on_1")
-  ], 1, "on_2");
+	const currentTab = useSignal("state");
+	return /*#__PURE__*/ _jsxSorted("div", null, { class: "h-full space-y-6 overflow-hidden" }, [
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex justify-center" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg inline-flex rounded-xl border p-0.5" }, [/*#__PURE__*/ _jsxSorted("button", { class: {
+			"rounded-lg px-3 py-2 text-sm font-medium transition-colors md:px-4": true,
+			"bg-accent text-white shadow": currentTab.value === "state",
+			"text-muted-foreground hover:bg-foreground/5": currentTab.value !== "state"
+		} }, { "q-e:click": /*#__PURE__*/ inlinedQrl(() => {
+			const currentTab = _captures[0];
+			return currentTab.value = "state";
+		}, "CodeBreak_component_div_div_div_button_q_e_click_xWgXsjQPkqw", [currentTab]) }, "State Parser", 3, null), /*#__PURE__*/ _jsxSorted("button", { class: {
+			"rounded-lg px-3 py-2 text-sm font-medium transition-colors md:px-4": true,
+			"bg-accent text-white shadow": currentTab.value === "html",
+			"text-muted-foreground hover:bg-foreground/5": currentTab.value !== "html"
+		} }, { "q-e:click": /*#__PURE__*/ inlinedQrl(() => {
+			const currentTab = _captures[0];
+			return currentTab.value = "html";
+		}, "CodeBreak_component_div_div_div_button_q_e_click_1_LC2WyereJ0c", [currentTab]) }, "HTML Parser", 3, null)], 1, null), 1, null),
+		currentTab.value === "state" && /*#__PURE__*/ _jsxSorted(StateParser, null, null, null, 3, "Qk_0"),
+		currentTab.value === "html" && /*#__PURE__*/ _jsxSorted(HtmlParser, null, null, null, 3, "Qk_1")
+	], 1, "Qk_2");
 }, "CodeBreak_component_TGxTKTmWfNE"));
-export {
-  CodeBreak
-};
+export { CodeBreak };