🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more →

@snack-kit/lib

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@snack-kit/lib - npm Package Compare versions

Comparing version

0.8.0

0.9.0

+882

dist/cjs/chunk-PQTH7HUD.cjs

		'use strict';

		var chunkUNFUIZVY_cjs = require('./chunk-UNFUIZVY.cjs');
		var axios = require('axios');

		function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

		var axios__default = /#__PURE__/_interopDefault(axios);

		var _http = axios__default.default.create();
		var STORAGE_PREFIX = "__snackkit_debugger__";
		var KEY_GATEWAY = `${STORAGE_PREFIX}gateway`;
		var KEY_TYPE = `${STORAGE_PREFIX}type`;
		var KEY_SERVER = `${STORAGE_PREFIX}server`;
		function isChinese() {
		return /^zh/i.test(navigator.language ?? "");
		}
		var T = {
		gateway: () => isChinese() ? "\u7F51\u5173" : "Gateway",
		tag: () => isChinese() ? "\u6807\u7B7E" : "Tag",
		server: () => isChinese() ? "\u670D\u52A1" : "Server",
		ctx: () => isChinese() ? "\u4E0A\u4E0B\u6587" : "Ctx",
		ctxLabel: () => isChinese() ? "\u4E0A\u4E0B\u6587 \u2014 \u70B9\u51FB\u884C\u590D\u5236 key" : "Ctx \u2014 click row to copy key",
		search: () => isChinese() ? "\u641C\u7D22..." : "Search...",
		noMatch: () => isChinese() ? "\u65E0\u5339\u914D\u9879" : "No results",
		allTags: () => isChinese() ? "\u5168\u90E8\u6807\u7B7E" : "All tags",
		selectGateway: () => isChinese() ? "\u9009\u62E9\u7F51\u5173" : "Select gateway",
		selectServer: () => isChinese() ? "\u9009\u62E9\u670D\u52A1" : "Select server",
		filterCtx: () => isChinese() ? "\u8FC7\u6EE4\u8DEF\u7531..." : "Filter routes...",
		selectFirst: () => isChinese() ? "\u2190 \u8BF7\u5148\u9009\u62E9\u670D\u52A1" : "\u2190 Select a server first",
		loading: () => isChinese() ? "\u52A0\u8F7D\u670D\u52A1\u5217\u8868..." : "Loading...",
		loadFailed: (m) => isChinese() ? `\u52A0\u8F7D\u5931\u8D25: ${m}` : `Failed: ${m}`,
		loaded: (n) => isChinese() ? `\u5DF2\u52A0\u8F7D ${n} \u4E2A\u670D\u52A1` : `${n} servers loaded`,
		switching: () => isChinese() ? "\u5207\u6362\u670D\u52A1\u4E2D..." : "Switching...",
		switchFailed: (m) => isChinese() ? `\u5207\u6362\u5931\u8D25: ${m}` : `Failed: ${m}`,
		routes: (name, n) => isChinese() ? `${name} \xB7 ${n} \u6761\u8DEF\u7531` : `${name} \xB7 ${n} routes`,
		copied: (k) => isChinese() ? `\u5DF2\u590D\u5236: ${k}` : `Copied: ${k}`,
		copyAll: () => isChinese() ? "\u590D\u5236\u5168\u90E8 JSON" : "Copy all JSON",
		copyAllDone: () => isChinese() ? "\u5DF2\u590D\u5236\u4E3A JSON" : "Copied as JSON"
		};
		var PANEL_STYLE = `
		#__snackkit_debugger__ {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 99999;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;
		font-size: 13px;
		color: #b8ccec;
		user-select: none;
		}

		/* \u2500\u2500 \u6D6E\u52A8\u6309\u94AE \u2500\u2500 */
		#__snackkit_debugger__ .dbg-toggle {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		background: linear-gradient(135deg, #4f8ef7, #6d6ff5);
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 4px 14px rgba(79,142,247,0.45);
		margin-left: auto;
		font-size: 20px;
		transition: transform 0.15s, box-shadow 0.15s;
		}
		#__snackkit_debugger__ .dbg-toggle:hover {
		transform: scale(1.08);
		box-shadow: 0 6px 20px rgba(79,142,247,0.55);
		}
		#__snackkit_debugger__ .dbg-toggle:active { transform: scale(0.94); }

		/* \u2500\u2500 \u9762\u677F\u4E3B\u4F53 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-panel {
		background: #1e2638;
		border: 1px solid #2d3a55;
		border-radius: 12px;
		width: 440px;
		margin-bottom: 10px;
		box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05);
		overflow: visible;
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px) scale(0.98);
		pointer-events: none;
		transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
		}
		#__snackkit_debugger__ .dbg-panel.open {
		opacity: 1;
		visibility: visible;
		transform: translateY(0) scale(1);
		pointer-events: auto;
		}

		/* \u2500\u2500 \u9762\u677F Header \u2500\u2500 */
		#__snackkit_debugger__ .dbg-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 14px;
		background: #171e2e;
		border-bottom: 1px solid #2d3a55;
		border-radius: 12px 12px 0 0;
		}
		#__snackkit_debugger__ .dbg-header-left {
		display: flex;
		align-items: center;
		gap: 7px;
		}
		#__snackkit_debugger__ .dbg-header-dot {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #34d399;
		box-shadow: 0 0 6px rgba(52,211,153,0.6);
		}
		#__snackkit_debugger__ .dbg-header-dot.loading {
		background: #fbbf24;
		box-shadow: 0 0 6px rgba(251,191,36,0.6);
		animation: dbg-pulse 1s ease-in-out infinite;
		}
		#__snackkit_debugger__ .dbg-header-dot.err {
		background: #f87171;
		box-shadow: 0 0 6px rgba(248,113,113,0.6);
		}
		#__snackkit_debugger__ .dbg-header-title {
		font-size: 12px;
		font-weight: 600;
		color: #dce8fa;
		letter-spacing: 0.03em;
		}
		#__snackkit_debugger__ .dbg-header-meta {
		font-size: 11px;
		color: #4d6080;
		}

		/* \u2500\u2500 \u9762\u677F\u5185\u5BB9\u533A \u2500\u2500 */
		#__snackkit_debugger__ .dbg-body {
		padding: 12px 14px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: 420px;
		overflow: visible;
		}

		/* \u2500\u2500 \u5B57\u6BB5\u884C \u2500\u2500 */
		#__snackkit_debugger__ .dbg-field {
		display: flex;
		flex-direction: column;
		gap: 5px;
		}
		#__snackkit_debugger__ .dbg-field-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		}
		#__snackkit_debugger__ .dbg-label {
		font-size: 10px;
		font-weight: 600;
		color: #5e72a0;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		}

		/* \u2500\u2500 \u4E00\u952E\u590D\u5236\u5168\u90E8 JSON \u6309\u94AE \u2500\u2500 */
		#__snackkit_debugger__ .dbg-copy-all {
		display: flex;
		align-items: center;
		gap: 4px;
		background: transparent;
		border: 1px solid #2d3a55;
		border-radius: 4px;
		padding: 2px 7px;
		color: #5e72a0;
		font-size: 10px;
		font-family: inherit;
		cursor: pointer;
		transition: border-color 0.15s, color 0.15s, background 0.15s;
		}
		#__snackkit_debugger__ .dbg-copy-all:hover {
		border-color: #4f8ef7;
		color: #7aacfa;
		background: rgba(79,142,247,0.08);
		}
		#__snackkit_debugger__ .dbg-copy-all.done {
		border-color: #34d399;
		color: #34d399;
		}

		/* \u2500\u2500 \u81EA\u5B9A\u4E49\u4E0B\u62C9 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-select {
		position: relative;
		}
		#__snackkit_debugger__ .dbg-select-trigger {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 6px;
		background: #252f45;
		border: 1px solid #2d3a55;
		border-radius: 6px;
		padding: 6px 10px;
		cursor: pointer;
		transition: border-color 0.15s, background 0.15s;
		min-height: 32px;
		}
		#__snackkit_debugger__ .dbg-select-trigger:hover { border-color: #3d5070; background: #2d3a55; }
		#__snackkit_debugger__ .dbg-select.open .dbg-select-trigger {
		border-color: #4f8ef7;
		background: #2d3a55;
		}
		#__snackkit_debugger__ .dbg-select-val {
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 12px;
		color: #b8ccec;
		}
		#__snackkit_debugger__ .dbg-select-val.placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-select-arrow {
		color: #3d5070;
		font-size: 10px;
		flex-shrink: 0;
		transition: transform 0.15s, color 0.15s;
		}
		#__snackkit_debugger__ .dbg-select.open .dbg-select-arrow {
		transform: rotate(180deg);
		color: #4f8ef7;
		}
		#__snackkit_debugger__ .dbg-select-dropdown {
		position: absolute;
		bottom: calc(100% + 4px);
		left: 0;
		right: 0;
		background: #1e2638;
		border: 1px solid #2d3a55;
		border-radius: 8px;
		box-shadow: 0 -8px 24px rgba(0,0,0,0.35);
		overflow: hidden;
		opacity: 0;
		transform: translateY(4px);
		pointer-events: none;
		transition: opacity 0.14s, transform 0.14s;
		z-index: 100000;
		}
		#__snackkit_debugger__ .dbg-select.open .dbg-select-dropdown {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		}
		#__snackkit_debugger__ .dbg-select-search {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 7px 10px;
		border-bottom: 1px solid #2d3a55;
		}
		#__snackkit_debugger__ .dbg-select-search-icon { color: #3d5070; font-size: 11px; flex-shrink: 0; }
		#__snackkit_debugger__ .dbg-select-search input {
		flex: 1;
		background: transparent;
		border: none;
		outline: none;
		color: #b8ccec;
		font-size: 12px;
		font-family: inherit;
		}
		#__snackkit_debugger__ .dbg-select-search input::placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-select-list {
		max-height: 160px;
		overflow-y: auto;
		}
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar { width: 3px; }
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar-track { background: transparent; }
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar-thumb { background: #2d3a55; border-radius: 2px; }
		#__snackkit_debugger__ .dbg-select-option {
		padding: 7px 10px;
		cursor: pointer;
		font-size: 12px;
		color: #8aa4c8;
		transition: background 0.1s, color 0.1s;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
		#__snackkit_debugger__ .dbg-select-option:hover { background: #2d3a55; color: #dce8fa; }
		#__snackkit_debugger__ .dbg-select-option.active { color: #7aacfa; background: #1e3060; }
		#__snackkit_debugger__ .dbg-select-option.hidden { display: none; }
		#__snackkit_debugger__ .dbg-select-empty {
		padding: 12px 10px;
		font-size: 12px;
		color: #3d5070;
		text-align: center;
		}

		/* \u2500\u2500 \u8DEF\u7531\u5217\u8868 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-ctx-field {
		flex: 1;
		min-height: 0;
		display: flex;
		flex-direction: column;
		gap: 5px;
		}
		#__snackkit_debugger__ .dbg-ctx-wrap {
		flex: 1;
		min-height: 0;
		border: 1px solid #2d3a55;
		border-radius: 6px;
		overflow: hidden;
		background: #252f45;
		display: flex;
		flex-direction: column;
		}
		#__snackkit_debugger__ .dbg-ctx-search {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 10px;
		border-bottom: 1px solid #2d3a55;
		background: #1e2638;
		}
		#__snackkit_debugger__ .dbg-ctx-search input {
		flex: 1;
		background: transparent;
		border: none;
		outline: none;
		color: #b8ccec;
		font-size: 12px;
		font-family: inherit;
		}
		#__snackkit_debugger__ .dbg-ctx-search input::placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-ctx-list {
		flex: 1;
		min-height: 0;
		overflow-y: auto;
		}
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar { width: 3px; }
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar-track { background: transparent; }
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar-thumb { background: #2d3a55; border-radius: 2px; }
		#__snackkit_debugger__ .dbg-ctx-item {
		padding: 5px 10px;
		cursor: pointer;
		display: grid;
		grid-template-columns: minmax(80px, 148px) 1fr auto;
		gap: 8px;
		align-items: center;
		border-bottom: 1px solid #1e2638;
		transition: background 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:last-child { border-bottom: none; }
		#__snackkit_debugger__ .dbg-ctx-item:hover { background: #2d3a55; }
		#__snackkit_debugger__ .dbg-ctx-item.hidden { display: none; }
		#__snackkit_debugger__ .dbg-ctx-key {
		font-size: 12px;
		color: #7aacfa;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
		#__snackkit_debugger__ .dbg-ctx-val {
		font-size: 11px;
		color: #4d6080;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		transition: color 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:hover .dbg-ctx-val { color: #7a90b0; }
		#__snackkit_debugger__ .dbg-ctx-copy {
		font-size: 11px;
		color: #3d5070;
		opacity: 0;
		flex-shrink: 0;
		transition: opacity 0.1s, color 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:hover .dbg-ctx-copy { opacity: 1; color: #5e72a0; }
		#__snackkit_debugger__ .dbg-ctx-item.copied .dbg-ctx-copy { color: #34d399; opacity: 1; }
		#__snackkit_debugger__ .dbg-ctx-empty {
		padding: 16px 10px;
		font-size: 12px;
		color: #3d5070;
		text-align: center;
		}

		/* \u2500\u2500 \u5E95\u90E8\u72B6\u6001\u680F \u2500\u2500 */
		#__snackkit_debugger__ .dbg-footer {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 7px 14px;
		background: #171e2e;
		border-top: 1px solid #2d3a55;
		border-radius: 0 0 12px 12px;
		font-size: 11px;
		color: #4d6080;
		min-height: 30px;
		}
		#__snackkit_debugger__ .dbg-footer.ok { color: #34d399; }
		#__snackkit_debugger__ .dbg-footer.err { color: #f87171; }
		#__snackkit_debugger__ .dbg-footer-dot {
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: currentColor;
		flex-shrink: 0;
		}

		@keyframes dbg-pulse {
		0%, 100% { opacity: 1; }
		50% { opacity: 0.35; }
		}
		`;
		var SearchSelect = class {
		constructor(onChange) {
		this.options = [];
		this.selected = "";
		this.onChange = onChange;
		this.el = document.createElement("div");
		this.el.className = "dbg-select";
		this.trigger = document.createElement("div");
		this.trigger.className = "dbg-select-trigger";
		this.valEl = document.createElement("span");
		this.valEl.className = "dbg-select-val placeholder";
		const arrow = document.createElement("span");
		arrow.className = "dbg-select-arrow";
		arrow.textContent = "\u25BE";
		this.trigger.appendChild(this.valEl);
		this.trigger.appendChild(arrow);
		this.dropdown = document.createElement("div");
		this.dropdown.className = "dbg-select-dropdown";
		const searchWrap = document.createElement("div");
		searchWrap.className = "dbg-select-search";
		const searchIcon = document.createElement("span");
		searchIcon.className = "dbg-select-search-icon";
		searchIcon.textContent = "\u2315";
		this.searchInput = document.createElement("input");
		this.searchInput.type = "text";
		this.searchInput.placeholder = T.search();
		searchWrap.appendChild(searchIcon);
		searchWrap.appendChild(this.searchInput);
		this.listEl = document.createElement("div");
		this.listEl.className = "dbg-select-list";
		this.dropdown.appendChild(searchWrap);
		this.dropdown.appendChild(this.listEl);
		this.el.appendChild(this.trigger);
		this.el.appendChild(this.dropdown);
		this.bindEvents();
		}
		bindEvents() {
		this.trigger.addEventListener("click", (e) => {
		e.stopPropagation();
		const isOpen = this.el.classList.contains("open");
		document.querySelectorAll("#__snackkit_debugger__ .dbg-select.open").forEach((el) => {
		if (el !== this.el) el.classList.remove("open");
		});
		this.el.classList.toggle("open", !isOpen);
		if (!isOpen) {
		this.searchInput.value = "";
		this.filterOptions("");
		setTimeout(() => this.searchInput.focus(), 50);
		}
		});
		this.searchInput.addEventListener("input", () => {
		this.filterOptions(this.searchInput.value);
		});
		this.searchInput.addEventListener("click", (e) => e.stopPropagation());
		document.addEventListener("click", () => {
		this.el.classList.remove("open");
		});
		}
		filterOptions(query) {
		const q = query.toLowerCase();
		let visibleCount = 0;
		this.listEl.querySelectorAll(".dbg-select-option").forEach((opt) => {
		const match = !q \|\| opt.textContent.toLowerCase().includes(q);
		opt.classList.toggle("hidden", !match);
		if (match) visibleCount++;
		});
		let emptyEl = this.listEl.querySelector(".dbg-select-empty");
		if (visibleCount === 0) {
		if (!emptyEl) {
		emptyEl = document.createElement("div");
		emptyEl.className = "dbg-select-empty";
		emptyEl.textContent = T.noMatch();
		this.listEl.appendChild(emptyEl);
		}
		} else {
		emptyEl?.remove();
		}
		}
		/** 更新选项列表 */
		setOptions(options, placeholder) {
		this.options = options;
		this.listEl.innerHTML = "";
		this.valEl.textContent = placeholder;
		this.valEl.className = "dbg-select-val placeholder";
		this.selected = "";
		options.forEach(({ value, label }) => {
		const opt = document.createElement("div");
		opt.className = "dbg-select-option";
		opt.dataset["value"] = value;
		opt.textContent = label;
		opt.setAttribute("title", label);
		opt.addEventListener("click", (e) => {
		e.stopPropagation();
		this.select(value, label);
		this.el.classList.remove("open");
		});
		this.listEl.appendChild(opt);
		});
		}
		/** 选中某个值（不触发 onChange） */
		setValue(value) {
		const opt = this.options.find((o) => o.value === value);
		if (opt) this.select(opt.value, opt.label, false);
		}
		select(value, label, emit = true) {
		this.selected = value;
		this.valEl.textContent = label;
		this.valEl.className = "dbg-select-val";
		this.listEl.querySelectorAll(".dbg-select-option").forEach((el) => {
		el.classList.toggle("active", el.dataset["value"] === value);
		});
		if (emit) this.onChange(value);
		}
		getValue() {
		return this.selected;
		}
		getElement() {
		return this.el;
		}
		};
		var Debugger = class _Debugger {
		constructor(options) {
		this.servers = [];
		this.currentCtxMap = {};
		this.options = options;
		this.gateways = Array.isArray(options.gateways) ? options.gateways : [options.gateways];
		}
		/**
		* 初始化并渲染调试面板
		*
		* 支持两种调用形式：
		* - 配置对象：传入 `DebuggerOptions`，可配置网关列表和超时时间
		* - 数组简写：直接传入网关 URL 数组，等价于 `{ gateways: [...] }`
		*
		* 调用后在页面右下角插入浮动按钮，点击展开调试面板。
		* 面板支持：选择调试网关、切换目标服务、查看并复制路由 ctx。
		* 网关/服务选择通过 `localStorage` 持久化，刷新后自动恢复。
		*
		* @param options 配置对象或网关 URL 数组
		*
		* @example 配置对象形式
		* ```ts
		* import { Debugger } from '@snack-kit/lib/debugger'
		*
		* await Debugger.init({
		* gateways: [
		* 'http://dev-gateway.example.com',
		* 'http://test-gateway.example.com',
		* ],
		* timeout: 5000,
		* })
		* ```
		*
		* @example 数组简写形式
		* ```ts
		* await Debugger.init([
		* 'http://dev-gateway.example.com',
		* 'http://test-gateway.example.com',
		* ])
		* ```
		*
		* @example 仅在非生产环境加载
		* ```ts
		* if (import.meta.env.DEV) {
		* const { Debugger } = await import('@snack-kit/lib/debugger')
		* await Debugger.init(['http://dev-gateway.example.com'])
		* }
		* ```
		*/
		static async init(options) {
		globalThis[chunkUNFUIZVY_cjs.DEBUGGER_ACTIVE_KEY] = true;
		const normalized = Array.isArray(options) ? { gateways: options } : options;
		const instance = new _Debugger({ timeout: 1e4, ...normalized });
		instance.injectStyle();
		instance.buildDOM();
		await instance.restoreState();
		return instance;
		}
		/** 注入内联样式 */
		injectStyle() {
		if (document.getElementById("__snackkit_debugger_style__")) return;
		const style = document.createElement("style");
		style.id = "__snackkit_debugger_style__";
		style.textContent = PANEL_STYLE;
		document.head.appendChild(style);
		}
		/** 构建 DOM 结构 */
		buildDOM() {
		const root = document.createElement("div");
		root.id = "__snackkit_debugger__";
		const panel = document.createElement("div");
		panel.className = "dbg-panel";
		this.panelEl = panel;
		const header = document.createElement("div");
		header.className = "dbg-header";
		const headerLeft = document.createElement("div");
		headerLeft.className = "dbg-header-left";
		this.headerDot = document.createElement("span");
		this.headerDot.className = "dbg-header-dot loading";
		const headerTitle = document.createElement("span");
		headerTitle.className = "dbg-header-title";
		headerTitle.textContent = "Snack Kit Debugger";
		headerLeft.appendChild(this.headerDot);
		headerLeft.appendChild(headerTitle);
		header.appendChild(headerLeft);
		panel.appendChild(header);
		const body = document.createElement("div");
		body.className = "dbg-body";
		this.gwVersion = document.createElement("span");
		this.gwVersion.className = "dbg-header-meta";
		this.gwSelect = new SearchSelect((val) => this.onGatewayChange(val));
		this.gwSelect.setOptions(this.gateways.map((g) => ({ value: g, label: g })), T.selectGateway());
		body.appendChild(this.createFieldWithAction(T.gateway(), this.gwVersion, this.gwSelect.getElement()));
		this.typeSelect = new SearchSelect((val) => this.onTypeChange(val));
		body.appendChild(this.createField(T.tag(), this.typeSelect.getElement()));
		this.serverSelect = new SearchSelect((val) => this.onServerChange(val));
		body.appendChild(this.createField(T.server(), this.serverSelect.getElement()));
		const ctxWrap = document.createElement("div");
		ctxWrap.className = "dbg-ctx-wrap";
		const ctxSearch = document.createElement("div");
		ctxSearch.className = "dbg-ctx-search";
		const ctxSearchIcon = document.createElement("span");
		ctxSearchIcon.className = "dbg-select-search-icon";
		ctxSearchIcon.textContent = "\u2315";
		this.ctxSearchInput = document.createElement("input");
		this.ctxSearchInput.type = "text";
		this.ctxSearchInput.placeholder = T.filterCtx();
		this.ctxSearchInput.addEventListener("input", () => this.filterCtx(this.ctxSearchInput.value));
		ctxSearch.appendChild(ctxSearchIcon);
		ctxSearch.appendChild(this.ctxSearchInput);
		this.ctxList = document.createElement("div");
		this.ctxList.className = "dbg-ctx-list";
		ctxWrap.appendChild(ctxSearch);
		ctxWrap.appendChild(this.ctxList);
		this.copyAllBtn = document.createElement("button");
		this.copyAllBtn.className = "dbg-copy-all";
		this.copyAllBtn.textContent = T.copyAll();
		this.copyAllBtn.setAttribute("title", isChinese() ? "\u5C06\u5168\u90E8\u4E0A\u4E0B\u6587\u590D\u5236\u4E3A JSON\uFF0C\u53EF\u4F5C\u4E3A Context.load({...}) \u7684\u53C2\u6570" : "Copy all ctx entries as JSON for Context.load({...})");
		this.copyAllBtn.addEventListener("click", (e) => {
		e.stopPropagation();
		this.copyAllCtx();
		});
		const ctxField = this.createFieldWithAction(T.ctxLabel(), this.copyAllBtn, ctxWrap);
		ctxField.classList.add("dbg-ctx-field");
		body.appendChild(ctxField);
		panel.appendChild(body);
		const footer = document.createElement("div");
		footer.className = "dbg-footer";
		this.footerEl = footer;
		panel.appendChild(footer);
		const toggle = document.createElement("button");
		toggle.className = "dbg-toggle";
		toggle.textContent = "\u{1F41B}";
		toggle.setAttribute("title", "Snack Debugger");
		toggle.addEventListener("click", (e) => {
		e.stopPropagation();
		panel.classList.toggle("open");
		});
		root.appendChild(panel);
		root.appendChild(toggle);
		document.body.appendChild(root);
		}
		/** 创建普通字段行（label + content） */
		createField(label, content) {
		const field = document.createElement("div");
		field.className = "dbg-field";
		const lbl = document.createElement("div");
		lbl.className = "dbg-label";
		lbl.textContent = label;
		field.appendChild(lbl);
		field.appendChild(content);
		return field;
		}
		/** 创建带操作按钮的字段行（label + action button + content） */
		createFieldWithAction(label, action, content) {
		const field = document.createElement("div");
		field.className = "dbg-field";
		const fieldHeader = document.createElement("div");
		fieldHeader.className = "dbg-field-header";
		const lbl = document.createElement("div");
		lbl.className = "dbg-label";
		lbl.textContent = label;
		fieldHeader.appendChild(lbl);
		fieldHeader.appendChild(action);
		field.appendChild(fieldHeader);
		field.appendChild(content);
		return field;
		}
		/** 恢复上次持久化的状态 */
		async restoreState() {
		const savedGw = localStorage.getItem(KEY_GATEWAY);
		const gw = savedGw && this.gateways.includes(savedGw) ? savedGw : this.gateways[0];
		this.gwSelect.setValue(gw);
		await this.loadServers(gw);
		const savedType = localStorage.getItem(KEY_TYPE);
		if (savedType) {
		this.typeSelect.setValue(savedType);
		this.renderServerOptions(savedType);
		}
		const savedServer = localStorage.getItem(KEY_SERVER);
		if (savedServer && this.servers.find((s) => s.key === savedServer)) {
		this.serverSelect.setValue(savedServer);
		await this.applyServer(savedServer);
		}
		}
		async onGatewayChange(gw) {
		localStorage.setItem(KEY_GATEWAY, gw);
		this.gwVersion.textContent = "";
		await this.loadServers(gw);
		}
		onTypeChange(type) {
		localStorage.setItem(KEY_TYPE, type);
		this.renderServerOptions(type);
		}
		async onServerChange(key) {
		localStorage.setItem(KEY_SERVER, key);
		await this.applyServer(key);
		}
		/** 从网关加载服务列表 */
		async loadServers(gwUrl) {
		this.setHeader("loading");
		this.setFooter(T.loading(), "");
		try {
		const res = await _http.get(`${gwUrl}/web-debug/host/list`, {
		timeout: this.options.timeout
		});
		this.servers = res.data ?? [];
		this.renderTypeOptions();
		this.setHeader("ok");
		this.setFooter(T.loaded(this.servers.length), "ok");
		} catch (err) {
		const message = err instanceof Error ? err.message : String(err);
		this.setHeader("err");
		this.setFooter(T.loadFailed(message), "err");
		}
		}
		/** 渲染标签选项 */
		renderTypeOptions() {
		const types = [...new Set(this.servers.map((s) => s.type).filter(Boolean))];
		const opts = [{ value: "", label: T.allTags() }, ...types.map((t) => ({ value: t, label: t }))];
		this.typeSelect.setOptions(opts, T.allTags());
		this.typeSelect.setValue("");
		this.renderServerOptions("");
		}
		/** 根据标签渲染服务选项 */
		renderServerOptions(type) {
		const filtered = type ? this.servers.filter((s) => s.type === type) : this.servers;
		this.serverSelect.setOptions(
		filtered.map((s) => ({ value: s.key, label: `${s.name} (${s.key})` })),
		T.selectServer()
		);
		this.renderCtxList({});
		}
		/** 切换目标服务，重新加载 Context 路由映射 */
		async applyServer(key) {
		if (!key) {
		this.renderCtxList({});
		return;
		}
		const server = this.servers.find((s) => s.key === key);
		if (!server) return;
		this.setFooter(T.switching(), "");
		try {
		await chunkUNFUIZVY_cjs.Context.load(server.origin, this.options.timeout);
		const res = await fetch(`${server.origin}/ngw/context`);
		const raw = res.ok ? await res.json() : {};
		const ctxMap = {};
		for (const [k, v] of Object.entries(raw)) {
		if (k !== "$info" && typeof v === "string") ctxMap[k] = v;
		}
		const info = chunkUNFUIZVY_cjs.Context.info;
		if (info) this.gwVersion.textContent = `v${info.version}`;
		this.renderCtxList(ctxMap);
		const count = Object.keys(ctxMap).length;
		this.setFooter(T.routes(server.name, count), "ok");
		} catch (err) {
		const msg = err instanceof Error ? err.message : String(err);
		this.setFooter(T.switchFailed(msg), "err");
		}
		}
		/** 渲染路由列表 */
		renderCtxList(ctxMap) {
		this.currentCtxMap = ctxMap;
		this.ctxList.innerHTML = "";
		this.ctxSearchInput.value = "";
		const entries = Object.entries(ctxMap);
		if (entries.length === 0) {
		const empty = document.createElement("div");
		empty.className = "dbg-ctx-empty";
		empty.textContent = T.selectFirst();
		this.ctxList.appendChild(empty);
		return;
		}
		entries.forEach(([k, v]) => {
		const item = document.createElement("div");
		item.className = "dbg-ctx-item";
		item.dataset["key"] = k;
		const keySpan = document.createElement("span");
		keySpan.className = "dbg-ctx-key";
		keySpan.textContent = k;
		keySpan.setAttribute("title", k);
		const valSpan = document.createElement("span");
		valSpan.className = "dbg-ctx-val";
		valSpan.textContent = v;
		valSpan.setAttribute("title", `${k} \u2192 ${v}`);
		const copyIcon = document.createElement("span");
		copyIcon.className = "dbg-ctx-copy";
		copyIcon.textContent = "\u2398";
		item.appendChild(keySpan);
		item.appendChild(valSpan);
		item.appendChild(copyIcon);
		item.addEventListener("click", () => this.copyCtxItem(item, k));
		this.ctxList.appendChild(item);
		});
		}
		/** 过滤路由列表 */
		filterCtx(query) {
		const q = query.toLowerCase();
		this.ctxList.querySelectorAll(".dbg-ctx-item").forEach((item) => {
		const key = item.dataset["key"] ?? "";
		item.classList.toggle("hidden", !!q && !key.toLowerCase().includes(q));
		});
		}
		/** 复制单个 ctx key */
		copyCtxItem(item, text) {
		navigator.clipboard.writeText(text).then(() => {
		item.classList.add("copied");
		const icon = item.querySelector(".dbg-ctx-copy");
		if (icon) icon.textContent = "\u2713";
		setTimeout(() => {
		item.classList.remove("copied");
		const ic = item.querySelector(".dbg-ctx-copy");
		if (ic) ic.textContent = "\u2398";
		}, 1500);
		this.setFooter(T.copied(text), "ok");
		setTimeout(() => this.setFooter("", ""), 2e3);
		});
		}
		/** 一键复制全部上下文为 JSON */
		copyAllCtx() {
		const entries = Object.keys(this.currentCtxMap);
		if (entries.length === 0) return;
		const json = JSON.stringify(this.currentCtxMap, null, 2);
		navigator.clipboard.writeText(json).then(() => {
		this.copyAllBtn.textContent = "\u2713 " + T.copyAllDone();
		this.copyAllBtn.classList.add("done");
		setTimeout(() => {
		this.copyAllBtn.textContent = T.copyAll();
		this.copyAllBtn.classList.remove("done");
		}, 2e3);
		this.setFooter(T.copyAllDone(), "ok");
		setTimeout(() => this.setFooter("", ""), 2500);
		});
		}
		setHeader(state) {
		this.headerDot.className = `dbg-header-dot${state !== "ok" ? ` ${state}` : ""}`;
		}
		setFooter(msg, cls) {
		this.footerEl.innerHTML = msg ? `<span class="dbg-footer-dot"></span>${msg}` : "";
		this.footerEl.className = `dbg-footer${cls ? ` ${cls}` : ""}`;
		}
		};

		exports.Debugger = Debugger;
		//# sourceMappingURL=chunk-PQTH7HUD.cjs.map
		//# sourceMappingURL=chunk-PQTH7HUD.cjs.map

+1

dist/cjs/chunk-PQTH7HUD.cjs.map

+203

dist/cjs/chunk-UT3D47LI.cjs

		'use strict';

		Object.defineProperty(exports, '__esModule', { value: true });

		var chunkUNFUIZVY_cjs = require('./chunk-UNFUIZVY.cjs');
		var axios = require('axios');

		function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

		var axios__default = /#__PURE__/_interopDefault(axios);

		// src/http/cancel.ts
		var registry = /* @__PURE__ */ new Map();
		function Register(id) {
		if (registry.has(id)) {
		registry.get(id).abort();
		}
		const controller = new AbortController();
		registry.set(id, controller);
		return controller;
		}
		function Cancel(id) {
		const controller = registry.get(id);
		if (!controller) return false;
		controller.abort();
		registry.delete(id);
		return true;
		}
		function CancelAll() {
		for (const controller of registry.values()) {
		controller.abort();
		}
		registry.clear();
		}
		function Unregister(id) {
		registry.delete(id);
		}
		function generateId() {
		if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
		return crypto.randomUUID();
		}
		return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
		}
		async function Request(config) {
		const { ctx, cancelId: customCancelId, onCancelId, cache = false, ...axiosConfig } = config;
		if (ctx && chunkUNFUIZVY_cjs.Context.loaded) {
		const base = chunkUNFUIZVY_cjs.Context.get(ctx);
		if (base) {
		axiosConfig.baseURL = base;
		}
		}
		if (!cache) {
		const sep = (axiosConfig.url ?? "").includes("?") ? "&" : "?";
		axiosConfig.url = `${axiosConfig.url ?? ""}${sep}_=${Date.now()}`;
		}
		const cancelId = customCancelId ?? generateId();
		const controller = Register(cancelId);
		axiosConfig.signal = controller.signal;
		onCancelId?.(cancelId);
		try {
		const response = await axios__default.default.request({ ...axiosConfig });
		return response;
		} catch (err) {
		if (axios.isAxiosError(err)) {
		return {
		error: {
		status: err.response?.status,
		message: err.message,
		data: err.response?.data
		}
		};
		}
		const message = err instanceof Error ? err.message : String(err);
		return { error: { message } };
		} finally {
		Unregister(cancelId);
		}
		}
		function Get(urlOrConfig, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "GET", url: urlOrConfig });
		}
		return Request({ ...urlOrConfig, method: "GET" });
		}
		function Post(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "POST", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "POST" });
		}
		function Put(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "PUT", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "PUT" });
		}
		function Patch(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "PATCH", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "PATCH" });
		}
		function Del(urlOrConfig, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "DELETE", url: urlOrConfig });
		}
		return Request({ ...urlOrConfig, method: "DELETE" });
		}

		// src/http/ws.ts
		var _registry = /* @__PURE__ */ new Map();
		function generateId2() {
		if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
		return crypto.randomUUID();
		}
		return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
		}
		function Ws(urlOrConfig, event) {
		const config = typeof urlOrConfig === "string" ? { url: urlOrConfig } : urlOrConfig;
		const { ctx, cancelId: customCancelId, onCancelId, cache = false, binaryType } = config;
		const cancelId = customCancelId ?? generateId2();
		if (_registry.has(cancelId)) {
		_registry.get(cancelId).close();
		_registry.delete(cancelId);
		}
		let url = config.url;
		if (ctx && chunkUNFUIZVY_cjs.Context.loaded && !/^wss?:\/\//.test(url)) {
		const host = chunkUNFUIZVY_cjs.Context.get(ctx);
		if (host) {
		const base = host.startsWith("/") ? chunkUNFUIZVY_cjs.Origin + host : host;
		url = base + url;
		}
		}
		url = url.replace(/^https/, "wss").replace(/^http/, "ws");
		if (!cache) {
		const sep = url.includes("?") ? "&" : "?";
		url = `${url}${sep}_=${Date.now()}`;
		}
		const ws = new WebSocket(url);
		if (binaryType) ws.binaryType = binaryType;
		_registry.set(cancelId, ws);
		onCancelId?.(cancelId);
		ws.onopen = (evt) => {
		event("connection", evt, ws);
		};
		ws.onmessage = (evt) => {
		let data;
		const raw = evt.data;
		if (raw instanceof ArrayBuffer) {
		const text = new TextDecoder("utf-8").decode(raw);
		try {
		data = JSON.parse(text);
		} catch {
		data = text;
		}
		} else if (typeof Blob !== "undefined" && raw instanceof Blob) {
		data = raw;
		} else {
		try {
		data = JSON.parse(raw);
		} catch {
		data = raw;
		}
		}
		event("message", data, ws, evt);
		};
		ws.onclose = (evt) => {
		event("close", evt, ws);
		_registry.delete(cancelId);
		};
		return ws;
		}
		function WsClose(id) {
		const ws = _registry.get(id);
		if (!ws) return false;
		ws.close();
		_registry.delete(id);
		return true;
		}
		function WsCloseAll() {
		for (const ws of _registry.values()) {
		ws.close();
		}
		_registry.clear();
		}

		Object.defineProperty(exports, "default", {
		enumerable: true,
		get: function () { return axios__default.default; }
		});
		exports.Cancel = Cancel;
		exports.CancelAll = CancelAll;
		exports.Del = Del;
		exports.Get = Get;
		exports.Patch = Patch;
		exports.Post = Post;
		exports.Put = Put;
		exports.Request = Request;
		exports.Ws = Ws;
		exports.WsClose = WsClose;
		exports.WsCloseAll = WsCloseAll;
		//# sourceMappingURL=chunk-UT3D47LI.cjs.map
		//# sourceMappingURL=chunk-UT3D47LI.cjs.map

+1

dist/cjs/chunk-UT3D47LI.cjs.map

+876

dist/es/chunk-FNBSAJUM.js

		import { DEBUGGER_ACTIVE_KEY, Context } from './chunk-M5R2NQYU.js';
		import axios from 'axios';

		var _http = axios.create();
		var STORAGE_PREFIX = "__snackkit_debugger__";
		var KEY_GATEWAY = `${STORAGE_PREFIX}gateway`;
		var KEY_TYPE = `${STORAGE_PREFIX}type`;
		var KEY_SERVER = `${STORAGE_PREFIX}server`;
		function isChinese() {
		return /^zh/i.test(navigator.language ?? "");
		}
		var T = {
		gateway: () => isChinese() ? "\u7F51\u5173" : "Gateway",
		tag: () => isChinese() ? "\u6807\u7B7E" : "Tag",
		server: () => isChinese() ? "\u670D\u52A1" : "Server",
		ctx: () => isChinese() ? "\u4E0A\u4E0B\u6587" : "Ctx",
		ctxLabel: () => isChinese() ? "\u4E0A\u4E0B\u6587 \u2014 \u70B9\u51FB\u884C\u590D\u5236 key" : "Ctx \u2014 click row to copy key",
		search: () => isChinese() ? "\u641C\u7D22..." : "Search...",
		noMatch: () => isChinese() ? "\u65E0\u5339\u914D\u9879" : "No results",
		allTags: () => isChinese() ? "\u5168\u90E8\u6807\u7B7E" : "All tags",
		selectGateway: () => isChinese() ? "\u9009\u62E9\u7F51\u5173" : "Select gateway",
		selectServer: () => isChinese() ? "\u9009\u62E9\u670D\u52A1" : "Select server",
		filterCtx: () => isChinese() ? "\u8FC7\u6EE4\u8DEF\u7531..." : "Filter routes...",
		selectFirst: () => isChinese() ? "\u2190 \u8BF7\u5148\u9009\u62E9\u670D\u52A1" : "\u2190 Select a server first",
		loading: () => isChinese() ? "\u52A0\u8F7D\u670D\u52A1\u5217\u8868..." : "Loading...",
		loadFailed: (m) => isChinese() ? `\u52A0\u8F7D\u5931\u8D25: ${m}` : `Failed: ${m}`,
		loaded: (n) => isChinese() ? `\u5DF2\u52A0\u8F7D ${n} \u4E2A\u670D\u52A1` : `${n} servers loaded`,
		switching: () => isChinese() ? "\u5207\u6362\u670D\u52A1\u4E2D..." : "Switching...",
		switchFailed: (m) => isChinese() ? `\u5207\u6362\u5931\u8D25: ${m}` : `Failed: ${m}`,
		routes: (name, n) => isChinese() ? `${name} \xB7 ${n} \u6761\u8DEF\u7531` : `${name} \xB7 ${n} routes`,
		copied: (k) => isChinese() ? `\u5DF2\u590D\u5236: ${k}` : `Copied: ${k}`,
		copyAll: () => isChinese() ? "\u590D\u5236\u5168\u90E8 JSON" : "Copy all JSON",
		copyAllDone: () => isChinese() ? "\u5DF2\u590D\u5236\u4E3A JSON" : "Copied as JSON"
		};
		var PANEL_STYLE = `
		#__snackkit_debugger__ {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 99999;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;
		font-size: 13px;
		color: #b8ccec;
		user-select: none;
		}

		/* \u2500\u2500 \u6D6E\u52A8\u6309\u94AE \u2500\u2500 */
		#__snackkit_debugger__ .dbg-toggle {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		background: linear-gradient(135deg, #4f8ef7, #6d6ff5);
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 4px 14px rgba(79,142,247,0.45);
		margin-left: auto;
		font-size: 20px;
		transition: transform 0.15s, box-shadow 0.15s;
		}
		#__snackkit_debugger__ .dbg-toggle:hover {
		transform: scale(1.08);
		box-shadow: 0 6px 20px rgba(79,142,247,0.55);
		}
		#__snackkit_debugger__ .dbg-toggle:active { transform: scale(0.94); }

		/* \u2500\u2500 \u9762\u677F\u4E3B\u4F53 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-panel {
		background: #1e2638;
		border: 1px solid #2d3a55;
		border-radius: 12px;
		width: 440px;
		margin-bottom: 10px;
		box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05);
		overflow: visible;
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px) scale(0.98);
		pointer-events: none;
		transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
		}
		#__snackkit_debugger__ .dbg-panel.open {
		opacity: 1;
		visibility: visible;
		transform: translateY(0) scale(1);
		pointer-events: auto;
		}

		/* \u2500\u2500 \u9762\u677F Header \u2500\u2500 */
		#__snackkit_debugger__ .dbg-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 14px;
		background: #171e2e;
		border-bottom: 1px solid #2d3a55;
		border-radius: 12px 12px 0 0;
		}
		#__snackkit_debugger__ .dbg-header-left {
		display: flex;
		align-items: center;
		gap: 7px;
		}
		#__snackkit_debugger__ .dbg-header-dot {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #34d399;
		box-shadow: 0 0 6px rgba(52,211,153,0.6);
		}
		#__snackkit_debugger__ .dbg-header-dot.loading {
		background: #fbbf24;
		box-shadow: 0 0 6px rgba(251,191,36,0.6);
		animation: dbg-pulse 1s ease-in-out infinite;
		}
		#__snackkit_debugger__ .dbg-header-dot.err {
		background: #f87171;
		box-shadow: 0 0 6px rgba(248,113,113,0.6);
		}
		#__snackkit_debugger__ .dbg-header-title {
		font-size: 12px;
		font-weight: 600;
		color: #dce8fa;
		letter-spacing: 0.03em;
		}
		#__snackkit_debugger__ .dbg-header-meta {
		font-size: 11px;
		color: #4d6080;
		}

		/* \u2500\u2500 \u9762\u677F\u5185\u5BB9\u533A \u2500\u2500 */
		#__snackkit_debugger__ .dbg-body {
		padding: 12px 14px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: 420px;
		overflow: visible;
		}

		/* \u2500\u2500 \u5B57\u6BB5\u884C \u2500\u2500 */
		#__snackkit_debugger__ .dbg-field {
		display: flex;
		flex-direction: column;
		gap: 5px;
		}
		#__snackkit_debugger__ .dbg-field-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		}
		#__snackkit_debugger__ .dbg-label {
		font-size: 10px;
		font-weight: 600;
		color: #5e72a0;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		}

		/* \u2500\u2500 \u4E00\u952E\u590D\u5236\u5168\u90E8 JSON \u6309\u94AE \u2500\u2500 */
		#__snackkit_debugger__ .dbg-copy-all {
		display: flex;
		align-items: center;
		gap: 4px;
		background: transparent;
		border: 1px solid #2d3a55;
		border-radius: 4px;
		padding: 2px 7px;
		color: #5e72a0;
		font-size: 10px;
		font-family: inherit;
		cursor: pointer;
		transition: border-color 0.15s, color 0.15s, background 0.15s;
		}
		#__snackkit_debugger__ .dbg-copy-all:hover {
		border-color: #4f8ef7;
		color: #7aacfa;
		background: rgba(79,142,247,0.08);
		}
		#__snackkit_debugger__ .dbg-copy-all.done {
		border-color: #34d399;
		color: #34d399;
		}

		/* \u2500\u2500 \u81EA\u5B9A\u4E49\u4E0B\u62C9 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-select {
		position: relative;
		}
		#__snackkit_debugger__ .dbg-select-trigger {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 6px;
		background: #252f45;
		border: 1px solid #2d3a55;
		border-radius: 6px;
		padding: 6px 10px;
		cursor: pointer;
		transition: border-color 0.15s, background 0.15s;
		min-height: 32px;
		}
		#__snackkit_debugger__ .dbg-select-trigger:hover { border-color: #3d5070; background: #2d3a55; }
		#__snackkit_debugger__ .dbg-select.open .dbg-select-trigger {
		border-color: #4f8ef7;
		background: #2d3a55;
		}
		#__snackkit_debugger__ .dbg-select-val {
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 12px;
		color: #b8ccec;
		}
		#__snackkit_debugger__ .dbg-select-val.placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-select-arrow {
		color: #3d5070;
		font-size: 10px;
		flex-shrink: 0;
		transition: transform 0.15s, color 0.15s;
		}
		#__snackkit_debugger__ .dbg-select.open .dbg-select-arrow {
		transform: rotate(180deg);
		color: #4f8ef7;
		}
		#__snackkit_debugger__ .dbg-select-dropdown {
		position: absolute;
		bottom: calc(100% + 4px);
		left: 0;
		right: 0;
		background: #1e2638;
		border: 1px solid #2d3a55;
		border-radius: 8px;
		box-shadow: 0 -8px 24px rgba(0,0,0,0.35);
		overflow: hidden;
		opacity: 0;
		transform: translateY(4px);
		pointer-events: none;
		transition: opacity 0.14s, transform 0.14s;
		z-index: 100000;
		}
		#__snackkit_debugger__ .dbg-select.open .dbg-select-dropdown {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		}
		#__snackkit_debugger__ .dbg-select-search {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 7px 10px;
		border-bottom: 1px solid #2d3a55;
		}
		#__snackkit_debugger__ .dbg-select-search-icon { color: #3d5070; font-size: 11px; flex-shrink: 0; }
		#__snackkit_debugger__ .dbg-select-search input {
		flex: 1;
		background: transparent;
		border: none;
		outline: none;
		color: #b8ccec;
		font-size: 12px;
		font-family: inherit;
		}
		#__snackkit_debugger__ .dbg-select-search input::placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-select-list {
		max-height: 160px;
		overflow-y: auto;
		}
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar { width: 3px; }
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar-track { background: transparent; }
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar-thumb { background: #2d3a55; border-radius: 2px; }
		#__snackkit_debugger__ .dbg-select-option {
		padding: 7px 10px;
		cursor: pointer;
		font-size: 12px;
		color: #8aa4c8;
		transition: background 0.1s, color 0.1s;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
		#__snackkit_debugger__ .dbg-select-option:hover { background: #2d3a55; color: #dce8fa; }
		#__snackkit_debugger__ .dbg-select-option.active { color: #7aacfa; background: #1e3060; }
		#__snackkit_debugger__ .dbg-select-option.hidden { display: none; }
		#__snackkit_debugger__ .dbg-select-empty {
		padding: 12px 10px;
		font-size: 12px;
		color: #3d5070;
		text-align: center;
		}

		/* \u2500\u2500 \u8DEF\u7531\u5217\u8868 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-ctx-field {
		flex: 1;
		min-height: 0;
		display: flex;
		flex-direction: column;
		gap: 5px;
		}
		#__snackkit_debugger__ .dbg-ctx-wrap {
		flex: 1;
		min-height: 0;
		border: 1px solid #2d3a55;
		border-radius: 6px;
		overflow: hidden;
		background: #252f45;
		display: flex;
		flex-direction: column;
		}
		#__snackkit_debugger__ .dbg-ctx-search {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 10px;
		border-bottom: 1px solid #2d3a55;
		background: #1e2638;
		}
		#__snackkit_debugger__ .dbg-ctx-search input {
		flex: 1;
		background: transparent;
		border: none;
		outline: none;
		color: #b8ccec;
		font-size: 12px;
		font-family: inherit;
		}
		#__snackkit_debugger__ .dbg-ctx-search input::placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-ctx-list {
		flex: 1;
		min-height: 0;
		overflow-y: auto;
		}
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar { width: 3px; }
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar-track { background: transparent; }
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar-thumb { background: #2d3a55; border-radius: 2px; }
		#__snackkit_debugger__ .dbg-ctx-item {
		padding: 5px 10px;
		cursor: pointer;
		display: grid;
		grid-template-columns: minmax(80px, 148px) 1fr auto;
		gap: 8px;
		align-items: center;
		border-bottom: 1px solid #1e2638;
		transition: background 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:last-child { border-bottom: none; }
		#__snackkit_debugger__ .dbg-ctx-item:hover { background: #2d3a55; }
		#__snackkit_debugger__ .dbg-ctx-item.hidden { display: none; }
		#__snackkit_debugger__ .dbg-ctx-key {
		font-size: 12px;
		color: #7aacfa;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
		#__snackkit_debugger__ .dbg-ctx-val {
		font-size: 11px;
		color: #4d6080;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		transition: color 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:hover .dbg-ctx-val { color: #7a90b0; }
		#__snackkit_debugger__ .dbg-ctx-copy {
		font-size: 11px;
		color: #3d5070;
		opacity: 0;
		flex-shrink: 0;
		transition: opacity 0.1s, color 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:hover .dbg-ctx-copy { opacity: 1; color: #5e72a0; }
		#__snackkit_debugger__ .dbg-ctx-item.copied .dbg-ctx-copy { color: #34d399; opacity: 1; }
		#__snackkit_debugger__ .dbg-ctx-empty {
		padding: 16px 10px;
		font-size: 12px;
		color: #3d5070;
		text-align: center;
		}

		/* \u2500\u2500 \u5E95\u90E8\u72B6\u6001\u680F \u2500\u2500 */
		#__snackkit_debugger__ .dbg-footer {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 7px 14px;
		background: #171e2e;
		border-top: 1px solid #2d3a55;
		border-radius: 0 0 12px 12px;
		font-size: 11px;
		color: #4d6080;
		min-height: 30px;
		}
		#__snackkit_debugger__ .dbg-footer.ok { color: #34d399; }
		#__snackkit_debugger__ .dbg-footer.err { color: #f87171; }
		#__snackkit_debugger__ .dbg-footer-dot {
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: currentColor;
		flex-shrink: 0;
		}

		@keyframes dbg-pulse {
		0%, 100% { opacity: 1; }
		50% { opacity: 0.35; }
		}
		`;
		var SearchSelect = class {
		constructor(onChange) {
		this.options = [];
		this.selected = "";
		this.onChange = onChange;
		this.el = document.createElement("div");
		this.el.className = "dbg-select";
		this.trigger = document.createElement("div");
		this.trigger.className = "dbg-select-trigger";
		this.valEl = document.createElement("span");
		this.valEl.className = "dbg-select-val placeholder";
		const arrow = document.createElement("span");
		arrow.className = "dbg-select-arrow";
		arrow.textContent = "\u25BE";
		this.trigger.appendChild(this.valEl);
		this.trigger.appendChild(arrow);
		this.dropdown = document.createElement("div");
		this.dropdown.className = "dbg-select-dropdown";
		const searchWrap = document.createElement("div");
		searchWrap.className = "dbg-select-search";
		const searchIcon = document.createElement("span");
		searchIcon.className = "dbg-select-search-icon";
		searchIcon.textContent = "\u2315";
		this.searchInput = document.createElement("input");
		this.searchInput.type = "text";
		this.searchInput.placeholder = T.search();
		searchWrap.appendChild(searchIcon);
		searchWrap.appendChild(this.searchInput);
		this.listEl = document.createElement("div");
		this.listEl.className = "dbg-select-list";
		this.dropdown.appendChild(searchWrap);
		this.dropdown.appendChild(this.listEl);
		this.el.appendChild(this.trigger);
		this.el.appendChild(this.dropdown);
		this.bindEvents();
		}
		bindEvents() {
		this.trigger.addEventListener("click", (e) => {
		e.stopPropagation();
		const isOpen = this.el.classList.contains("open");
		document.querySelectorAll("#__snackkit_debugger__ .dbg-select.open").forEach((el) => {
		if (el !== this.el) el.classList.remove("open");
		});
		this.el.classList.toggle("open", !isOpen);
		if (!isOpen) {
		this.searchInput.value = "";
		this.filterOptions("");
		setTimeout(() => this.searchInput.focus(), 50);
		}
		});
		this.searchInput.addEventListener("input", () => {
		this.filterOptions(this.searchInput.value);
		});
		this.searchInput.addEventListener("click", (e) => e.stopPropagation());
		document.addEventListener("click", () => {
		this.el.classList.remove("open");
		});
		}
		filterOptions(query) {
		const q = query.toLowerCase();
		let visibleCount = 0;
		this.listEl.querySelectorAll(".dbg-select-option").forEach((opt) => {
		const match = !q \|\| opt.textContent.toLowerCase().includes(q);
		opt.classList.toggle("hidden", !match);
		if (match) visibleCount++;
		});
		let emptyEl = this.listEl.querySelector(".dbg-select-empty");
		if (visibleCount === 0) {
		if (!emptyEl) {
		emptyEl = document.createElement("div");
		emptyEl.className = "dbg-select-empty";
		emptyEl.textContent = T.noMatch();
		this.listEl.appendChild(emptyEl);
		}
		} else {
		emptyEl?.remove();
		}
		}
		/** 更新选项列表 */
		setOptions(options, placeholder) {
		this.options = options;
		this.listEl.innerHTML = "";
		this.valEl.textContent = placeholder;
		this.valEl.className = "dbg-select-val placeholder";
		this.selected = "";
		options.forEach(({ value, label }) => {
		const opt = document.createElement("div");
		opt.className = "dbg-select-option";
		opt.dataset["value"] = value;
		opt.textContent = label;
		opt.setAttribute("title", label);
		opt.addEventListener("click", (e) => {
		e.stopPropagation();
		this.select(value, label);
		this.el.classList.remove("open");
		});
		this.listEl.appendChild(opt);
		});
		}
		/** 选中某个值（不触发 onChange） */
		setValue(value) {
		const opt = this.options.find((o) => o.value === value);
		if (opt) this.select(opt.value, opt.label, false);
		}
		select(value, label, emit = true) {
		this.selected = value;
		this.valEl.textContent = label;
		this.valEl.className = "dbg-select-val";
		this.listEl.querySelectorAll(".dbg-select-option").forEach((el) => {
		el.classList.toggle("active", el.dataset["value"] === value);
		});
		if (emit) this.onChange(value);
		}
		getValue() {
		return this.selected;
		}
		getElement() {
		return this.el;
		}
		};
		var Debugger = class _Debugger {
		constructor(options) {
		this.servers = [];
		this.currentCtxMap = {};
		this.options = options;
		this.gateways = Array.isArray(options.gateways) ? options.gateways : [options.gateways];
		}
		/**
		* 初始化并渲染调试面板
		*
		* 支持两种调用形式：
		* - 配置对象：传入 `DebuggerOptions`，可配置网关列表和超时时间
		* - 数组简写：直接传入网关 URL 数组，等价于 `{ gateways: [...] }`
		*
		* 调用后在页面右下角插入浮动按钮，点击展开调试面板。
		* 面板支持：选择调试网关、切换目标服务、查看并复制路由 ctx。
		* 网关/服务选择通过 `localStorage` 持久化，刷新后自动恢复。
		*
		* @param options 配置对象或网关 URL 数组
		*
		* @example 配置对象形式
		* ```ts
		* import { Debugger } from '@snack-kit/lib/debugger'
		*
		* await Debugger.init({
		* gateways: [
		* 'http://dev-gateway.example.com',
		* 'http://test-gateway.example.com',
		* ],
		* timeout: 5000,
		* })
		* ```
		*
		* @example 数组简写形式
		* ```ts
		* await Debugger.init([
		* 'http://dev-gateway.example.com',
		* 'http://test-gateway.example.com',
		* ])
		* ```
		*
		* @example 仅在非生产环境加载
		* ```ts
		* if (import.meta.env.DEV) {
		* const { Debugger } = await import('@snack-kit/lib/debugger')
		* await Debugger.init(['http://dev-gateway.example.com'])
		* }
		* ```
		*/
		static async init(options) {
		globalThis[DEBUGGER_ACTIVE_KEY] = true;
		const normalized = Array.isArray(options) ? { gateways: options } : options;
		const instance = new _Debugger({ timeout: 1e4, ...normalized });
		instance.injectStyle();
		instance.buildDOM();
		await instance.restoreState();
		return instance;
		}
		/** 注入内联样式 */
		injectStyle() {
		if (document.getElementById("__snackkit_debugger_style__")) return;
		const style = document.createElement("style");
		style.id = "__snackkit_debugger_style__";
		style.textContent = PANEL_STYLE;
		document.head.appendChild(style);
		}
		/** 构建 DOM 结构 */
		buildDOM() {
		const root = document.createElement("div");
		root.id = "__snackkit_debugger__";
		const panel = document.createElement("div");
		panel.className = "dbg-panel";
		this.panelEl = panel;
		const header = document.createElement("div");
		header.className = "dbg-header";
		const headerLeft = document.createElement("div");
		headerLeft.className = "dbg-header-left";
		this.headerDot = document.createElement("span");
		this.headerDot.className = "dbg-header-dot loading";
		const headerTitle = document.createElement("span");
		headerTitle.className = "dbg-header-title";
		headerTitle.textContent = "Snack Kit Debugger";
		headerLeft.appendChild(this.headerDot);
		headerLeft.appendChild(headerTitle);
		header.appendChild(headerLeft);
		panel.appendChild(header);
		const body = document.createElement("div");
		body.className = "dbg-body";
		this.gwVersion = document.createElement("span");
		this.gwVersion.className = "dbg-header-meta";
		this.gwSelect = new SearchSelect((val) => this.onGatewayChange(val));
		this.gwSelect.setOptions(this.gateways.map((g) => ({ value: g, label: g })), T.selectGateway());
		body.appendChild(this.createFieldWithAction(T.gateway(), this.gwVersion, this.gwSelect.getElement()));
		this.typeSelect = new SearchSelect((val) => this.onTypeChange(val));
		body.appendChild(this.createField(T.tag(), this.typeSelect.getElement()));
		this.serverSelect = new SearchSelect((val) => this.onServerChange(val));
		body.appendChild(this.createField(T.server(), this.serverSelect.getElement()));
		const ctxWrap = document.createElement("div");
		ctxWrap.className = "dbg-ctx-wrap";
		const ctxSearch = document.createElement("div");
		ctxSearch.className = "dbg-ctx-search";
		const ctxSearchIcon = document.createElement("span");
		ctxSearchIcon.className = "dbg-select-search-icon";
		ctxSearchIcon.textContent = "\u2315";
		this.ctxSearchInput = document.createElement("input");
		this.ctxSearchInput.type = "text";
		this.ctxSearchInput.placeholder = T.filterCtx();
		this.ctxSearchInput.addEventListener("input", () => this.filterCtx(this.ctxSearchInput.value));
		ctxSearch.appendChild(ctxSearchIcon);
		ctxSearch.appendChild(this.ctxSearchInput);
		this.ctxList = document.createElement("div");
		this.ctxList.className = "dbg-ctx-list";
		ctxWrap.appendChild(ctxSearch);
		ctxWrap.appendChild(this.ctxList);
		this.copyAllBtn = document.createElement("button");
		this.copyAllBtn.className = "dbg-copy-all";
		this.copyAllBtn.textContent = T.copyAll();
		this.copyAllBtn.setAttribute("title", isChinese() ? "\u5C06\u5168\u90E8\u4E0A\u4E0B\u6587\u590D\u5236\u4E3A JSON\uFF0C\u53EF\u4F5C\u4E3A Context.load({...}) \u7684\u53C2\u6570" : "Copy all ctx entries as JSON for Context.load({...})");
		this.copyAllBtn.addEventListener("click", (e) => {
		e.stopPropagation();
		this.copyAllCtx();
		});
		const ctxField = this.createFieldWithAction(T.ctxLabel(), this.copyAllBtn, ctxWrap);
		ctxField.classList.add("dbg-ctx-field");
		body.appendChild(ctxField);
		panel.appendChild(body);
		const footer = document.createElement("div");
		footer.className = "dbg-footer";
		this.footerEl = footer;
		panel.appendChild(footer);
		const toggle = document.createElement("button");
		toggle.className = "dbg-toggle";
		toggle.textContent = "\u{1F41B}";
		toggle.setAttribute("title", "Snack Debugger");
		toggle.addEventListener("click", (e) => {
		e.stopPropagation();
		panel.classList.toggle("open");
		});
		root.appendChild(panel);
		root.appendChild(toggle);
		document.body.appendChild(root);
		}
		/** 创建普通字段行（label + content） */
		createField(label, content) {
		const field = document.createElement("div");
		field.className = "dbg-field";
		const lbl = document.createElement("div");
		lbl.className = "dbg-label";
		lbl.textContent = label;
		field.appendChild(lbl);
		field.appendChild(content);
		return field;
		}
		/** 创建带操作按钮的字段行（label + action button + content） */
		createFieldWithAction(label, action, content) {
		const field = document.createElement("div");
		field.className = "dbg-field";
		const fieldHeader = document.createElement("div");
		fieldHeader.className = "dbg-field-header";
		const lbl = document.createElement("div");
		lbl.className = "dbg-label";
		lbl.textContent = label;
		fieldHeader.appendChild(lbl);
		fieldHeader.appendChild(action);
		field.appendChild(fieldHeader);
		field.appendChild(content);
		return field;
		}
		/** 恢复上次持久化的状态 */
		async restoreState() {
		const savedGw = localStorage.getItem(KEY_GATEWAY);
		const gw = savedGw && this.gateways.includes(savedGw) ? savedGw : this.gateways[0];
		this.gwSelect.setValue(gw);
		await this.loadServers(gw);
		const savedType = localStorage.getItem(KEY_TYPE);
		if (savedType) {
		this.typeSelect.setValue(savedType);
		this.renderServerOptions(savedType);
		}
		const savedServer = localStorage.getItem(KEY_SERVER);
		if (savedServer && this.servers.find((s) => s.key === savedServer)) {
		this.serverSelect.setValue(savedServer);
		await this.applyServer(savedServer);
		}
		}
		async onGatewayChange(gw) {
		localStorage.setItem(KEY_GATEWAY, gw);
		this.gwVersion.textContent = "";
		await this.loadServers(gw);
		}
		onTypeChange(type) {
		localStorage.setItem(KEY_TYPE, type);
		this.renderServerOptions(type);
		}
		async onServerChange(key) {
		localStorage.setItem(KEY_SERVER, key);
		await this.applyServer(key);
		}
		/** 从网关加载服务列表 */
		async loadServers(gwUrl) {
		this.setHeader("loading");
		this.setFooter(T.loading(), "");
		try {
		const res = await _http.get(`${gwUrl}/web-debug/host/list`, {
		timeout: this.options.timeout
		});
		this.servers = res.data ?? [];
		this.renderTypeOptions();
		this.setHeader("ok");
		this.setFooter(T.loaded(this.servers.length), "ok");
		} catch (err) {
		const message = err instanceof Error ? err.message : String(err);
		this.setHeader("err");
		this.setFooter(T.loadFailed(message), "err");
		}
		}
		/** 渲染标签选项 */
		renderTypeOptions() {
		const types = [...new Set(this.servers.map((s) => s.type).filter(Boolean))];
		const opts = [{ value: "", label: T.allTags() }, ...types.map((t) => ({ value: t, label: t }))];
		this.typeSelect.setOptions(opts, T.allTags());
		this.typeSelect.setValue("");
		this.renderServerOptions("");
		}
		/** 根据标签渲染服务选项 */
		renderServerOptions(type) {
		const filtered = type ? this.servers.filter((s) => s.type === type) : this.servers;
		this.serverSelect.setOptions(
		filtered.map((s) => ({ value: s.key, label: `${s.name} (${s.key})` })),
		T.selectServer()
		);
		this.renderCtxList({});
		}
		/** 切换目标服务，重新加载 Context 路由映射 */
		async applyServer(key) {
		if (!key) {
		this.renderCtxList({});
		return;
		}
		const server = this.servers.find((s) => s.key === key);
		if (!server) return;
		this.setFooter(T.switching(), "");
		try {
		await Context.load(server.origin, this.options.timeout);
		const res = await fetch(`${server.origin}/ngw/context`);
		const raw = res.ok ? await res.json() : {};
		const ctxMap = {};
		for (const [k, v] of Object.entries(raw)) {
		if (k !== "$info" && typeof v === "string") ctxMap[k] = v;
		}
		const info = Context.info;
		if (info) this.gwVersion.textContent = `v${info.version}`;
		this.renderCtxList(ctxMap);
		const count = Object.keys(ctxMap).length;
		this.setFooter(T.routes(server.name, count), "ok");
		} catch (err) {
		const msg = err instanceof Error ? err.message : String(err);
		this.setFooter(T.switchFailed(msg), "err");
		}
		}
		/** 渲染路由列表 */
		renderCtxList(ctxMap) {
		this.currentCtxMap = ctxMap;
		this.ctxList.innerHTML = "";
		this.ctxSearchInput.value = "";
		const entries = Object.entries(ctxMap);
		if (entries.length === 0) {
		const empty = document.createElement("div");
		empty.className = "dbg-ctx-empty";
		empty.textContent = T.selectFirst();
		this.ctxList.appendChild(empty);
		return;
		}
		entries.forEach(([k, v]) => {
		const item = document.createElement("div");
		item.className = "dbg-ctx-item";
		item.dataset["key"] = k;
		const keySpan = document.createElement("span");
		keySpan.className = "dbg-ctx-key";
		keySpan.textContent = k;
		keySpan.setAttribute("title", k);
		const valSpan = document.createElement("span");
		valSpan.className = "dbg-ctx-val";
		valSpan.textContent = v;
		valSpan.setAttribute("title", `${k} \u2192 ${v}`);
		const copyIcon = document.createElement("span");
		copyIcon.className = "dbg-ctx-copy";
		copyIcon.textContent = "\u2398";
		item.appendChild(keySpan);
		item.appendChild(valSpan);
		item.appendChild(copyIcon);
		item.addEventListener("click", () => this.copyCtxItem(item, k));
		this.ctxList.appendChild(item);
		});
		}
		/** 过滤路由列表 */
		filterCtx(query) {
		const q = query.toLowerCase();
		this.ctxList.querySelectorAll(".dbg-ctx-item").forEach((item) => {
		const key = item.dataset["key"] ?? "";
		item.classList.toggle("hidden", !!q && !key.toLowerCase().includes(q));
		});
		}
		/** 复制单个 ctx key */
		copyCtxItem(item, text) {
		navigator.clipboard.writeText(text).then(() => {
		item.classList.add("copied");
		const icon = item.querySelector(".dbg-ctx-copy");
		if (icon) icon.textContent = "\u2713";
		setTimeout(() => {
		item.classList.remove("copied");
		const ic = item.querySelector(".dbg-ctx-copy");
		if (ic) ic.textContent = "\u2398";
		}, 1500);
		this.setFooter(T.copied(text), "ok");
		setTimeout(() => this.setFooter("", ""), 2e3);
		});
		}
		/** 一键复制全部上下文为 JSON */
		copyAllCtx() {
		const entries = Object.keys(this.currentCtxMap);
		if (entries.length === 0) return;
		const json = JSON.stringify(this.currentCtxMap, null, 2);
		navigator.clipboard.writeText(json).then(() => {
		this.copyAllBtn.textContent = "\u2713 " + T.copyAllDone();
		this.copyAllBtn.classList.add("done");
		setTimeout(() => {
		this.copyAllBtn.textContent = T.copyAll();
		this.copyAllBtn.classList.remove("done");
		}, 2e3);
		this.setFooter(T.copyAllDone(), "ok");
		setTimeout(() => this.setFooter("", ""), 2500);
		});
		}
		setHeader(state) {
		this.headerDot.className = `dbg-header-dot${state !== "ok" ? ` ${state}` : ""}`;
		}
		setFooter(msg, cls) {
		this.footerEl.innerHTML = msg ? `<span class="dbg-footer-dot"></span>${msg}` : "";
		this.footerEl.className = `dbg-footer${cls ? ` ${cls}` : ""}`;
		}
		};

		export { Debugger };
		//# sourceMappingURL=chunk-FNBSAJUM.js.map
		//# sourceMappingURL=chunk-FNBSAJUM.js.map

+1

dist/es/chunk-FNBSAJUM.js.map

+182

dist/es/chunk-P5PAPAKJ.js

		import { Context, Origin } from './chunk-M5R2NQYU.js';
		import axios, { isAxiosError } from 'axios';
		export { default } from 'axios';

		// src/http/cancel.ts
		var registry = /* @__PURE__ */ new Map();
		function Register(id) {
		if (registry.has(id)) {
		registry.get(id).abort();
		}
		const controller = new AbortController();
		registry.set(id, controller);
		return controller;
		}
		function Cancel(id) {
		const controller = registry.get(id);
		if (!controller) return false;
		controller.abort();
		registry.delete(id);
		return true;
		}
		function CancelAll() {
		for (const controller of registry.values()) {
		controller.abort();
		}
		registry.clear();
		}
		function Unregister(id) {
		registry.delete(id);
		}
		function generateId() {
		if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
		return crypto.randomUUID();
		}
		return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
		}
		async function Request(config) {
		const { ctx, cancelId: customCancelId, onCancelId, cache = false, ...axiosConfig } = config;
		if (ctx && Context.loaded) {
		const base = Context.get(ctx);
		if (base) {
		axiosConfig.baseURL = base;
		}
		}
		if (!cache) {
		const sep = (axiosConfig.url ?? "").includes("?") ? "&" : "?";
		axiosConfig.url = `${axiosConfig.url ?? ""}${sep}_=${Date.now()}`;
		}
		const cancelId = customCancelId ?? generateId();
		const controller = Register(cancelId);
		axiosConfig.signal = controller.signal;
		onCancelId?.(cancelId);
		try {
		const response = await axios.request({ ...axiosConfig });
		return response;
		} catch (err) {
		if (isAxiosError(err)) {
		return {
		error: {
		status: err.response?.status,
		message: err.message,
		data: err.response?.data
		}
		};
		}
		const message = err instanceof Error ? err.message : String(err);
		return { error: { message } };
		} finally {
		Unregister(cancelId);
		}
		}
		function Get(urlOrConfig, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "GET", url: urlOrConfig });
		}
		return Request({ ...urlOrConfig, method: "GET" });
		}
		function Post(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "POST", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "POST" });
		}
		function Put(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "PUT", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "PUT" });
		}
		function Patch(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "PATCH", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "PATCH" });
		}
		function Del(urlOrConfig, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "DELETE", url: urlOrConfig });
		}
		return Request({ ...urlOrConfig, method: "DELETE" });
		}

		// src/http/ws.ts
		var _registry = /* @__PURE__ */ new Map();
		function generateId2() {
		if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
		return crypto.randomUUID();
		}
		return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
		}
		function Ws(urlOrConfig, event) {
		const config = typeof urlOrConfig === "string" ? { url: urlOrConfig } : urlOrConfig;
		const { ctx, cancelId: customCancelId, onCancelId, cache = false, binaryType } = config;
		const cancelId = customCancelId ?? generateId2();
		if (_registry.has(cancelId)) {
		_registry.get(cancelId).close();
		_registry.delete(cancelId);
		}
		let url = config.url;
		if (ctx && Context.loaded && !/^wss?:\/\//.test(url)) {
		const host = Context.get(ctx);
		if (host) {
		const base = host.startsWith("/") ? Origin + host : host;
		url = base + url;
		}
		}
		url = url.replace(/^https/, "wss").replace(/^http/, "ws");
		if (!cache) {
		const sep = url.includes("?") ? "&" : "?";
		url = `${url}${sep}_=${Date.now()}`;
		}
		const ws = new WebSocket(url);
		if (binaryType) ws.binaryType = binaryType;
		_registry.set(cancelId, ws);
		onCancelId?.(cancelId);
		ws.onopen = (evt) => {
		event("connection", evt, ws);
		};
		ws.onmessage = (evt) => {
		let data;
		const raw = evt.data;
		if (raw instanceof ArrayBuffer) {
		const text = new TextDecoder("utf-8").decode(raw);
		try {
		data = JSON.parse(text);
		} catch {
		data = text;
		}
		} else if (typeof Blob !== "undefined" && raw instanceof Blob) {
		data = raw;
		} else {
		try {
		data = JSON.parse(raw);
		} catch {
		data = raw;
		}
		}
		event("message", data, ws, evt);
		};
		ws.onclose = (evt) => {
		event("close", evt, ws);
		_registry.delete(cancelId);
		};
		return ws;
		}
		function WsClose(id) {
		const ws = _registry.get(id);
		if (!ws) return false;
		ws.close();
		_registry.delete(id);
		return true;
		}
		function WsCloseAll() {
		for (const ws of _registry.values()) {
		ws.close();
		}
		_registry.clear();
		}

		export { Cancel, CancelAll, Del, Get, Patch, Post, Put, Request, Ws, WsClose, WsCloseAll };
		//# sourceMappingURL=chunk-P5PAPAKJ.js.map
		//# sourceMappingURL=chunk-P5PAPAKJ.js.map

+1

dist/es/chunk-P5PAPAKJ.js.map

+274

dist/types/context-DcZ8YTMj.d.ts

 import { AxiosRequestConfig, AxiosResponse } from 'axios';
 /**
  * HTTP 请求配置，扩展自 AxiosRequestConfig
  */
 interface HttpRequestConfig<D = unknown> extends AxiosRequestConfig<D> {
     /** Context key，自动从 HttpContext 获取 baseURL */
     ctx?: string;
     /** 自定义请求 ID，用于主动取消 */
     cancelId?: string;
     /** 回调接收生成的 cancelId */
     onCancelId?: (id: string) => void;
     /**
      * 是否添加时间戳防缓存，默认 false（添加防缓存时间戳）
      * 设为 true 时不添加时间戳
      */
     cache?: boolean;
 /**
  * 快捷请求方法（Get / Post 等）的 config 入参类型。
  * 与 `HttpRequestConfig` 相同，但不含 `method`（由快捷方法预置）。
  * 适用于以纯配置对象方式调用时，避免重复指定已知的 method。
  * @example
  * ```ts
  * const config: HttpMethodConfig = { url: '/api/user', ctx: 'user-svc' }
  * const { data } = await Get(config)
  * ```
  */
 type HttpMethodConfig<D = unknown> = Omit<HttpRequestConfig<D>, 'method'>;
 /**
  * HTTP 请求结果，扩展自 AxiosResponse
  */
 interface HttpResult<T = unknown> extends Partial<AxiosResponse<T>> {
     /** 有 error 则请求失败，无 error 则成功 */
     error?: HttpError;
 /**
  * HTTP 错误信息
  */
 interface HttpError {
     /** HTTP 状态码 */
     status?: number;
     /** 错误描述 */
     message: string;
     /** 服务端返回的原始错误体 */
     data?: unknown;
 /**
  * WebSocket 请求配置
  */
 interface WsRequestConfig {
     /** 请求地址或路径 */
     url: string;
     /**
      * Context key，自动从 HttpContext 获取 host 进行拼接。
      * 当 url 为绝对路径（ws:// / wss://）时该参数失效。
      */
     ctx?: string;
     /** 自定义连接 ID，用于主动关闭；默认自动生成 */
     cancelId?: string;
     /** 回调接收生成的 cancelId */
     onCancelId?: (id: string) => void;
     /**
      * 是否添加时间戳防缓存，默认 false（添加防缓存时间戳）。
      * 设为 true 时不添加时间戳。
      */
     cache?: boolean;
     /**
      * WebSocket 二进制数据类型，默认 `'blob'`。
      * 设为 `'arraybuffer'` 时，message 事件回调的 data 为 ArrayBuffer 或解码后的对象。
      */
     binaryType?: BinaryType;
 /** WebSocket 事件名称 */
 type WsEventName = 'connection' | 'message' | 'close';
 /**
  * WebSocket 事件回调
  * @param eventName 事件类型：connection（已连接）、message（收到消息）、close（连接关闭）
  * @param data 事件数据：connection 为 Event，message 为解析后的数据，close 为 CloseEvent
  * @param ws WebSocket 实例，可调用 ws.send() 发送消息
  * @param evt message 事件的原始 MessageEvent（仅 message 时有值）
  */
 type WsEventCallback<T = unknown> = (eventName: WsEventName, data: T | Event | CloseEvent, ws: WebSocket, evt?: MessageEvent) => void;
 /**
  * 网关 `/ngw/context` 接口返回的元数据（`$info` 字段）
  */
 interface ContextInfo {
     /** 网关版本号，例如 `"4.6.2-r10"` */
     version: string;
     /** 网关域名，例如 `"http://172.16.32.155:20000"` */
     domain: string;
     /** 客户端标识 */
     client: string;
     /** 当前语言 */
     lang: string;
 /**
  * 网关 `/web-debug/host/list` 接口返回的服务列表项
  */
 interface ServerItem {
     /** 服务唯一标识 */
     key: string;
     /** 服务名称 */
     name: string;
     /** 服务类型分组，可为空字符串 */
     type: string;
     /** 服务地址，用于 `context.load()` 切换路由映射 */
     origin: string;
     /** 代理配置（由网关管理，前端只读） */
     proxyInfo: Record<string, unknown>;
 /**
  * globalThis 上的标志位 key，由 `Debugger.init()` 写入。
  * `Context.load()` 无参数调用时，若检测到此标志则跳过自动加载，
  * 由 Debugger 负责在用户选择服务后调用 `Context.load(origin)`。
  */
 declare const DEBUGGER_ACTIVE_KEY = "__snackkit_debugger__active";
 /**
  * 管理服务地址映射的上下文单例
  * 支持三种加载方式：
  * - **不传参数**：生产环境自动以当前页面 Origin 为网关，开发环境由 `Debugger` 接管
  * - **远程加载**：传入网关 URL，自动请求 `GET /ngw/context` 获取映射表
  * - **本地注入**：直接传入键值对象，不发起网络请求
  * @example 生产环境不传参（推荐）
  * ```ts
  * import { Context } from '@snack-kit/lib/http'
  * await Context.load()
  * Context.get('ngw') // 'https://app.example.com/ngw'
  * ```
  * @example 远程加载（指定网关）
  * ```ts
  * await Context.load('http://172.16.32.155:20000')
  * Context.get('ngw')   // 'http://172.16.32.155:20000/ngw'
  * Context.info         // { version: '4.6.2-r10', domain: '...', ... }
  * ```
  * @example 本地注入
  * ```ts
  * await Context.load({
  *   'user-svc': 'http://user.api.com',
  *   'order-svc': 'http://order.api.com',
  * })
  * ```
  */
 declare class HttpContext {
     private _store;
     private _loaded;
     private _info;
     /**
      * 加载服务地址映射
      * 支持三种调用方式：
      * - **传入字符串**：作为网关地址，自动请求 `GET /ngw/context` 获取映射表
      * - **传入对象**：直接注入键值映射，不发起网络请求
      * - **不传参数**：
      *   - 生产环境（`NODE_ENV === 'production'`）：以当前页面 `Origin` 为网关地址自动加载
      *   - 开发环境：立即返回，不做任何操作（应由 `Debugger.init()` 接管加载流程）
      * 远程加载时，响应中的 `$info` 元数据字段会被单独存储，不计入路由映射表。
      * @param source 网关 URL / 键值对象 / 省略
      * @param timeout 远程加载超时（ms），默认 5000
      * @example 不传参——生产环境自动使用当前页面 Origin
      * ```ts
      * await Context.load()
      * ```
      * @example 传入网关地址
      * ```ts
      * await Context.load('http://172.16.32.155:20000', 3000)
      * ```
      * @example 本地注入
      * ```ts
      * await Context.load({ 'user-svc': 'http://user.api.com' })
      * ```
      */
     load(source?: string | Record<string, string>, timeout?: number): Promise<void>;
     /**
      * 获取指定 ctx key 对应的服务地址
      * @param key ctx key，例如 `'ngw'`、`'osc'`
      * @returns 服务地址，未找到时返回空字符串
      * @example
      * ```ts
      * await Context.load('http://172.16.32.155:20000')
      * Context.get('osc')  // 'http://172.16.32.155:20000/osc'
      * Context.get('none') // ''
      * ```
      */
     get(key: string): string;
     /**
      * 网关元数据（仅远程加载后可用）
      * @example
      * ```ts
      * await Context.load('http://172.16.32.155:20000')
      * Context.info?.version // '4.6.2-r10'
      * Context.info?.domain  // 'http://172.16.32.155:20000'
      * ```
      */
     get info(): ContextInfo | undefined;
     /**
      * Context 是否已加载
      * @example
      * ```ts
      * Context.loaded // false
      * await Context.load({ 'user-svc': 'http://user.api.com' })
      * Context.loaded // true
      * ```
      */
     get loaded(): boolean;
     /**
      * 清空所有映射并重置加载状态
      * @example
      * ```ts
      * Context.clear()
      * Context.loaded // false
      * ```
      */
     clear(): void;
 /**
  * HttpContext 全局单例
  * @example
  * ```ts
  * import { Context } from '@snack-kit/lib/http'
  * await Context.load('http://172.16.32.155:20000')
  * Context.get('osc') // 'http://172.16.32.155:20000/osc'
  * ```
  */
 declare const Context: HttpContext;
 /**
  * 当前页面的 origin（`protocol + host`）
  * 在非浏览器环境（如 SSR/Node）返回空字符串。
  * @example
  * ```ts
  * import { Origin } from '@snack-kit/lib/http'
  * // 浏览器中：'https://app.example.com'
  * // Node 环境：''
  * ```
  */
 declare const Origin: string;
 /**
  * 当前页面路径的首段，可直接用作 `ctx` 参数
  * 例如 `/osc/employee` → `'osc'`，在非浏览器环境返回空字符串。
  * @example
  * ```ts
  * import { Ctx, Get } from '@snack-kit/lib/http'
  * // 当前路径为 /osc/... 时，Ctx === 'osc'
  * const result = await Get('/employee', { ctx: Ctx })
  * ```
  */
 declare const Ctx: string;
 export { Context as C, DEBUGGER_ACTIVE_KEY as D, HttpContext as H, Origin as O, type ServerItem as S, type WsEventCallback as W, type ContextInfo as a, Ctx as b, type HttpError as c, type HttpMethodConfig as d, type HttpRequestConfig as e, type HttpResult as f, type WsEventName as g, type WsRequestConfig as h };

+2

-2

dist/cjs/debugger.cjs

		'use strict';

		var chunkLQ5WJVQX_cjs = require('./chunk-LQ5WJVQX.cjs');
		var chunkPQTH7HUD_cjs = require('./chunk-PQTH7HUD.cjs');
		var chunkUNFUIZVY_cjs = require('./chunk-UNFUIZVY.cjs');
		@@ -10,3 +10,3 @@
		enumerable: true,
		get: function () { return chunkLQ5WJVQX_cjs.Debugger; }
		get: function () { return chunkPQTH7HUD_cjs.Debugger; }
		});
		@@ -13,0 +13,0 @@ Object.defineProperty(exports, "DEBUGGER_ACTIVE_KEY", {

+23

-11

dist/cjs/http.cjs

		'use strict';

		var chunkUM4J7HF4_cjs = require('./chunk-UM4J7HF4.cjs');
		var chunkUT3D47LI_cjs = require('./chunk-UT3D47LI.cjs');
		var chunkUNFUIZVY_cjs = require('./chunk-UNFUIZVY.cjs');
		@@ -8,3 +8,3 @@

		var chunkUM4J7HF4_cjs__default = /#__PURE__/_interopDefault(chunkUM4J7HF4_cjs);
		var chunkUT3D47LI_cjs__default = /#__PURE__/_interopDefault(chunkUT3D47LI_cjs);

		@@ -15,35 +15,47 @@
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Cancel; }
		get: function () { return chunkUT3D47LI_cjs.Cancel; }
		});
		Object.defineProperty(exports, "CancelAll", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.CancelAll; }
		get: function () { return chunkUT3D47LI_cjs.CancelAll; }
		});
		Object.defineProperty(exports, "Del", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Del; }
		get: function () { return chunkUT3D47LI_cjs.Del; }
		});
		Object.defineProperty(exports, "Get", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Get; }
		get: function () { return chunkUT3D47LI_cjs.Get; }
		});
		Object.defineProperty(exports, "Patch", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Patch; }
		get: function () { return chunkUT3D47LI_cjs.Patch; }
		});
		Object.defineProperty(exports, "Post", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Post; }
		get: function () { return chunkUT3D47LI_cjs.Post; }
		});
		Object.defineProperty(exports, "Put", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Put; }
		get: function () { return chunkUT3D47LI_cjs.Put; }
		});
		Object.defineProperty(exports, "Request", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Request; }
		get: function () { return chunkUT3D47LI_cjs.Request; }
		});
		Object.defineProperty(exports, "Ws", {
		enumerable: true,
		get: function () { return chunkUT3D47LI_cjs.Ws; }
		});
		Object.defineProperty(exports, "WsClose", {
		enumerable: true,
		get: function () { return chunkUT3D47LI_cjs.WsClose; }
		});
		Object.defineProperty(exports, "WsCloseAll", {
		enumerable: true,
		get: function () { return chunkUT3D47LI_cjs.WsCloseAll; }
		});
		Object.defineProperty(exports, "axios", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs__default.default; }
		get: function () { return chunkUT3D47LI_cjs__default.default; }
		});
		@@ -50,0 +62,0 @@ Object.defineProperty(exports, "Context", {

+26

-14

dist/cjs/index.cjs

		'use strict';

		var chunkUM4J7HF4_cjs = require('./chunk-UM4J7HF4.cjs');
		var chunkLQ5WJVQX_cjs = require('./chunk-LQ5WJVQX.cjs');
		var chunkUT3D47LI_cjs = require('./chunk-UT3D47LI.cjs');
		var chunkPQTH7HUD_cjs = require('./chunk-PQTH7HUD.cjs');
		var chunkUNFUIZVY_cjs = require('./chunk-UNFUIZVY.cjs');
		@@ -10,46 +10,58 @@ var chunkMNKOKLT2_cjs = require('./chunk-MNKOKLT2.cjs');

		var chunkUM4J7HF4_cjs__default = /#__PURE__/_interopDefault(chunkUM4J7HF4_cjs);
		var chunkUT3D47LI_cjs__default = /#__PURE__/_interopDefault(chunkUT3D47LI_cjs);

		// package.json
		var version = "0.8.0";
		var version = "0.9.0";

		Object.defineProperty(exports, "Cancel", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Cancel; }
		get: function () { return chunkUT3D47LI_cjs.Cancel; }
		});
		Object.defineProperty(exports, "CancelAll", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.CancelAll; }
		get: function () { return chunkUT3D47LI_cjs.CancelAll; }
		});
		Object.defineProperty(exports, "Del", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Del; }
		get: function () { return chunkUT3D47LI_cjs.Del; }
		});
		Object.defineProperty(exports, "Get", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Get; }
		get: function () { return chunkUT3D47LI_cjs.Get; }
		});
		Object.defineProperty(exports, "Patch", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Patch; }
		get: function () { return chunkUT3D47LI_cjs.Patch; }
		});
		Object.defineProperty(exports, "Post", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Post; }
		get: function () { return chunkUT3D47LI_cjs.Post; }
		});
		Object.defineProperty(exports, "Put", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Put; }
		get: function () { return chunkUT3D47LI_cjs.Put; }
		});
		Object.defineProperty(exports, "Request", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs.Request; }
		get: function () { return chunkUT3D47LI_cjs.Request; }
		});
		Object.defineProperty(exports, "Ws", {
		enumerable: true,
		get: function () { return chunkUT3D47LI_cjs.Ws; }
		});
		Object.defineProperty(exports, "WsClose", {
		enumerable: true,
		get: function () { return chunkUT3D47LI_cjs.WsClose; }
		});
		Object.defineProperty(exports, "WsCloseAll", {
		enumerable: true,
		get: function () { return chunkUT3D47LI_cjs.WsCloseAll; }
		});
		Object.defineProperty(exports, "axios", {
		enumerable: true,
		get: function () { return chunkUM4J7HF4_cjs__default.default; }
		get: function () { return chunkUT3D47LI_cjs__default.default; }
		});
		Object.defineProperty(exports, "Debugger", {
		enumerable: true,
		get: function () { return chunkLQ5WJVQX_cjs.Debugger; }
		get: function () { return chunkPQTH7HUD_cjs.Debugger; }
		});
		@@ -56,0 +68,0 @@ Object.defineProperty(exports, "Context", {

+1

-1

dist/cjs/index.cjs.map

		@@ -1,1 +0,1 @@
		{"version":3,"sources":["../../package.json"],"names":[],"mappings":";;;;;;;;;;;;AAEE,IAAA,OAAA,GAAW","file":"index.cjs","sourcesContent":["{\n \"name\": \"@snack-kit/lib\",\n \"version\": \"0.8.0\",\n \"description\": \"Enterprise-grade utility library\",\n \"keywords\": [],\n \"license\": \"MIT\",\n \"type\": \"module\",\n \"exports\": {\n \".\": {\n \"types\": \"./dist/types/index.d.ts\",\n \"import\": \"./dist/es/index.js\",\n \"require\": \"./dist/cjs/index.cjs\"\n },\n \"./http\": {\n \"types\": \"./dist/types/http.d.ts\",\n \"import\": \"./dist/es/http.js\",\n \"require\": \"./dist/cjs/http.cjs\"\n },\n \"./debugger\": {\n \"types\": \"./dist/types/debugger.d.ts\",\n \"import\": \"./dist/es/debugger.js\",\n \"require\": \"./dist/cjs/debugger.cjs\"\n },\n \"./utils\": {\n \"types\": \"./dist/types/utils.d.ts\",\n \"import\": \"./dist/es/utils.js\",\n \"require\": \"./dist/cjs/utils.cjs\"\n }\n },\n \"main\": \"./dist/cjs/index.cjs\",\n \"module\": \"./dist/es/index.js\",\n \"types\": \"./dist/types/index.d.ts\",\n \"files\": [\n \"dist\"\n ],\n \"scripts\": {\n \"build\": \"tsup\",\n \"build:watch\": \"tsup --watch\",\n \"test\": \"vitest run\",\n \"test:watch\": \"vitest\",\n \"test:coverage\": \"vitest run --coverage\",\n \"docs\": \"typedoc && cp -r docs/demo docs/api/demo\",\n \"docs:watch\": \"typedoc --watch\",\n \"lint\": \"tsc --noEmit\",\n \"prepublishOnly\": \"npm run build\",\n \"release\": \"npm run build && npm publish --access public\"\n },\n \"devDependencies\": {\n \"@vitest/coverage-v8\": \"^2.0.0\",\n \"tsup\": \"^8.0.0\",\n \"typedoc\": \"^0.26.0\",\n \"typescript\": \"^5.5.3\",\n \"vitest\": \"^2.0.0\"\n },\n \"dependencies\": {\n \"axios\": \"^1.13.6\"\n }\n}\n"]}
		{"version":3,"sources":["../../package.json"],"names":[],"mappings":";;;;;;;;;;;;AAEE,IAAA,OAAA,GAAW","file":"index.cjs","sourcesContent":["{\n \"name\": \"@snack-kit/lib\",\n \"version\": \"0.9.0\",\n \"description\": \"Enterprise-grade utility library\",\n \"keywords\": [],\n \"license\": \"MIT\",\n \"type\": \"module\",\n \"exports\": {\n \".\": {\n \"types\": \"./dist/types/index.d.ts\",\n \"import\": \"./dist/es/index.js\",\n \"require\": \"./dist/cjs/index.cjs\"\n },\n \"./http\": {\n \"types\": \"./dist/types/http.d.ts\",\n \"import\": \"./dist/es/http.js\",\n \"require\": \"./dist/cjs/http.cjs\"\n },\n \"./debugger\": {\n \"types\": \"./dist/types/debugger.d.ts\",\n \"import\": \"./dist/es/debugger.js\",\n \"require\": \"./dist/cjs/debugger.cjs\"\n },\n \"./utils\": {\n \"types\": \"./dist/types/utils.d.ts\",\n \"import\": \"./dist/es/utils.js\",\n \"require\": \"./dist/cjs/utils.cjs\"\n }\n },\n \"main\": \"./dist/cjs/index.cjs\",\n \"module\": \"./dist/es/index.js\",\n \"types\": \"./dist/types/index.d.ts\",\n \"files\": [\n \"dist\"\n ],\n \"scripts\": {\n \"build\": \"tsup\",\n \"build:watch\": \"tsup --watch\",\n \"test\": \"vitest run\",\n \"test:watch\": \"vitest\",\n \"test:coverage\": \"vitest run --coverage\",\n \"docs\": \"typedoc && cp -r docs/demo docs/api/demo\",\n \"docs:watch\": \"typedoc --watch\",\n \"lint\": \"tsc --noEmit\",\n \"prepublishOnly\": \"npm run build\",\n \"release\": \"npm run build && npm publish --access public\"\n },\n \"devDependencies\": {\n \"@vitest/coverage-v8\": \"^2.0.0\",\n \"tsup\": \"^8.0.0\",\n \"typedoc\": \"^0.26.0\",\n \"typescript\": \"^5.5.3\",\n \"vitest\": \"^2.0.0\"\n },\n \"dependencies\": {\n \"axios\": \"^1.13.6\"\n }\n}\n"]}

+1

-1

dist/es/debugger.js

		@@ -1,4 +0,4 @@
		export { Debugger } from './chunk-YXJTZURC.js';
		export { Debugger } from './chunk-FNBSAJUM.js';
		export { DEBUGGER_ACTIVE_KEY } from './chunk-M5R2NQYU.js';
		//# sourceMappingURL=debugger.js.map
		//# sourceMappingURL=debugger.js.map

+1

-1

dist/es/http.js

		@@ -1,4 +0,4 @@
		export { Cancel, CancelAll, Del, Get, Patch, Post, Put, Request, default as axios } from './chunk-2YYI2T2B.js';
		export { Cancel, CancelAll, Del, Get, Patch, Post, Put, Request, Ws, WsClose, WsCloseAll, default as axios } from './chunk-P5PAPAKJ.js';
		export { Context, Ctx, HttpContext, Origin } from './chunk-M5R2NQYU.js';
		//# sourceMappingURL=http.js.map
		//# sourceMappingURL=http.js.map

+3

-3

dist/es/index.js

		@@ -1,3 +0,3 @@
		export { Cancel, CancelAll, Del, Get, Patch, Post, Put, Request, default as axios } from './chunk-2YYI2T2B.js';
		export { Debugger } from './chunk-YXJTZURC.js';
		export { Cancel, CancelAll, Del, Get, Patch, Post, Put, Request, Ws, WsClose, WsCloseAll, default as axios } from './chunk-P5PAPAKJ.js';
		export { Debugger } from './chunk-FNBSAJUM.js';
		export { Context, Ctx, DEBUGGER_ACTIVE_KEY, HttpContext, Origin } from './chunk-M5R2NQYU.js';
		@@ -7,3 +7,3 @@ export { CleanObject, CopyToClipboard, Debounce, DeepClone, Delay, FormatDate, GetDateOffset, GetDayRange, GetURLParam, GetURLParams, IsArray, IsBoolean, IsEmail, IsEqual, IsFunction, IsInteger, IsIpv4, IsNull, IsNumber, IsObject, IsPhone, IsPositiveInteger, IsRealNumber, IsString, IsUrl, Minus, ObjectToQuery, Omit, Pick, QueryToObject, REGEX, REGEXPRULES, Throttle, UUID, Unique, UniqueByKey } from './chunk-C4CPPDML.js';
		// package.json
		var version = "0.8.0";
		var version = "0.9.0";

		@@ -10,0 +10,0 @@ export { version as VERSION };

+1

-1

dist/es/index.js.map

		@@ -1,1 +0,1 @@
		{"version":3,"sources":["../../package.json"],"names":[],"mappings":";;;;;;AAEE,IAAA,OAAA,GAAW","file":"index.js","sourcesContent":["{\n \"name\": \"@snack-kit/lib\",\n \"version\": \"0.8.0\",\n \"description\": \"Enterprise-grade utility library\",\n \"keywords\": [],\n \"license\": \"MIT\",\n \"type\": \"module\",\n \"exports\": {\n \".\": {\n \"types\": \"./dist/types/index.d.ts\",\n \"import\": \"./dist/es/index.js\",\n \"require\": \"./dist/cjs/index.cjs\"\n },\n \"./http\": {\n \"types\": \"./dist/types/http.d.ts\",\n \"import\": \"./dist/es/http.js\",\n \"require\": \"./dist/cjs/http.cjs\"\n },\n \"./debugger\": {\n \"types\": \"./dist/types/debugger.d.ts\",\n \"import\": \"./dist/es/debugger.js\",\n \"require\": \"./dist/cjs/debugger.cjs\"\n },\n \"./utils\": {\n \"types\": \"./dist/types/utils.d.ts\",\n \"import\": \"./dist/es/utils.js\",\n \"require\": \"./dist/cjs/utils.cjs\"\n }\n },\n \"main\": \"./dist/cjs/index.cjs\",\n \"module\": \"./dist/es/index.js\",\n \"types\": \"./dist/types/index.d.ts\",\n \"files\": [\n \"dist\"\n ],\n \"scripts\": {\n \"build\": \"tsup\",\n \"build:watch\": \"tsup --watch\",\n \"test\": \"vitest run\",\n \"test:watch\": \"vitest\",\n \"test:coverage\": \"vitest run --coverage\",\n \"docs\": \"typedoc && cp -r docs/demo docs/api/demo\",\n \"docs:watch\": \"typedoc --watch\",\n \"lint\": \"tsc --noEmit\",\n \"prepublishOnly\": \"npm run build\",\n \"release\": \"npm run build && npm publish --access public\"\n },\n \"devDependencies\": {\n \"@vitest/coverage-v8\": \"^2.0.0\",\n \"tsup\": \"^8.0.0\",\n \"typedoc\": \"^0.26.0\",\n \"typescript\": \"^5.5.3\",\n \"vitest\": \"^2.0.0\"\n },\n \"dependencies\": {\n \"axios\": \"^1.13.6\"\n }\n}\n"]}
		{"version":3,"sources":["../../package.json"],"names":[],"mappings":";;;;;;AAEE,IAAA,OAAA,GAAW","file":"index.js","sourcesContent":["{\n \"name\": \"@snack-kit/lib\",\n \"version\": \"0.9.0\",\n \"description\": \"Enterprise-grade utility library\",\n \"keywords\": [],\n \"license\": \"MIT\",\n \"type\": \"module\",\n \"exports\": {\n \".\": {\n \"types\": \"./dist/types/index.d.ts\",\n \"import\": \"./dist/es/index.js\",\n \"require\": \"./dist/cjs/index.cjs\"\n },\n \"./http\": {\n \"types\": \"./dist/types/http.d.ts\",\n \"import\": \"./dist/es/http.js\",\n \"require\": \"./dist/cjs/http.cjs\"\n },\n \"./debugger\": {\n \"types\": \"./dist/types/debugger.d.ts\",\n \"import\": \"./dist/es/debugger.js\",\n \"require\": \"./dist/cjs/debugger.cjs\"\n },\n \"./utils\": {\n \"types\": \"./dist/types/utils.d.ts\",\n \"import\": \"./dist/es/utils.js\",\n \"require\": \"./dist/cjs/utils.cjs\"\n }\n },\n \"main\": \"./dist/cjs/index.cjs\",\n \"module\": \"./dist/es/index.js\",\n \"types\": \"./dist/types/index.d.ts\",\n \"files\": [\n \"dist\"\n ],\n \"scripts\": {\n \"build\": \"tsup\",\n \"build:watch\": \"tsup --watch\",\n \"test\": \"vitest run\",\n \"test:watch\": \"vitest\",\n \"test:coverage\": \"vitest run --coverage\",\n \"docs\": \"typedoc && cp -r docs/demo docs/api/demo\",\n \"docs:watch\": \"typedoc --watch\",\n \"lint\": \"tsc --noEmit\",\n \"prepublishOnly\": \"npm run build\",\n \"release\": \"npm run build && npm publish --access public\"\n },\n \"devDependencies\": {\n \"@vitest/coverage-v8\": \"^2.0.0\",\n \"tsup\": \"^8.0.0\",\n \"typedoc\": \"^0.26.0\",\n \"typescript\": \"^5.5.3\",\n \"vitest\": \"^2.0.0\"\n },\n \"dependencies\": {\n \"axios\": \"^1.13.6\"\n }\n}\n"]}

+1

-1

dist/types/debugger.d.ts

		@@ -1,2 +0,2 @@
		export { D as DEBUGGER_ACTIVE_KEY } from './context-C4dFUDbw.js';
		export { D as DEBUGGER_ACTIVE_KEY } from './context-DcZ8YTMj.js';
		import 'axios';
		@@ -3,0 +3,0 @@

+76

-3

dist/types/http.d.ts

		@@ -1,3 +0,3 @@
		import { d as HttpMethodConfig, f as HttpResult, e as HttpRequestConfig } from './context-C4dFUDbw.js';
		export { C as Context, a as ContextInfo, b as Ctx, H as HttpContext, c as HttpError, O as Origin, S as ServerItem } from './context-C4dFUDbw.js';
		import { d as HttpMethodConfig, f as HttpResult, e as HttpRequestConfig, h as WsRequestConfig, W as WsEventCallback } from './context-DcZ8YTMj.js';
		export { C as Context, a as ContextInfo, b as Ctx, H as HttpContext, c as HttpError, O as Origin, S as ServerItem, g as WsEventName } from './context-DcZ8YTMj.js';
		export { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, default as axios } from 'axios';
		@@ -180,2 +180,75 @@

		export { Cancel, CancelAll, Del, Get, HttpMethodConfig, HttpRequestConfig, HttpResult, Patch, Post, Put, Request };
		/**
		* 创建 WebSocket 连接
		*
		* 自动处理：
		* - `ctx` → 从 HttpContext 查询 host 并拼接 URL
		* - 协议转换 → `http(s)://` 自动替换为 `ws(s)://`
		* - `cache: false`（默认）→ URL 附加 `?_=timestamp` 防缓存
		* - 连接管理 → 通过 cancelId 注册，支持 `WsClose` / `WsCloseAll` 主动关闭
		* - 消息解析 → message 事件自动尝试 JSON.parse
		*
		* @param urlOrConfig 请求地址或配置对象
		* @param event 事件回调，eventName: connection（已连接）、message（收到消息）、close（连接关闭）
		* @returns WebSocket 实例
		*
		* @remarks Chrome 16+ · Firefox 11+ · Safari 7+ · Node.js 21+
		*
		* @example 基础用法
		* ```ts
		* import { Ws } from '@snack-kit/lib/http'
		*
		* const ws = Ws('wss://echo.example.com', (eventName, data, ws) => {
		* if (eventName === 'connection') ws.send('hello')
		* if (eventName === 'message') console.log(data)
		* if (eventName === 'close') console.log('disconnected')
		* })
		* ```
		*
		* @example 使用 ctx 自动拼接地址
		* ```ts
		* import { Context, Ws } from '@snack-kit/lib/http'
		*
		* await Context.load('http://172.16.32.155:20000')
		* const ws = Ws({ url: '/channel', ctx: 'ngw' }, (eventName, data) => {
		* // 实际连接：ws://172.16.32.155:20000/ngw/channel
		* })
		* ```
		*
		* @example 获取 cancelId 以便主动关闭
		* ```ts
		* let id = ''
		* Ws({ url: 'wss://...', onCancelId: (cid) => { id = cid } }, () => {})
		* WsClose(id)
		* ```
		*/
		declare function Ws<T = unknown>(urlOrConfig: string \| WsRequestConfig, event: WsEventCallback<T>): WebSocket;
		/**
		* 关闭指定 ID 的 WebSocket 连接
		*
		* @param id 连接唯一标识（由 `onCancelId` 回调获取，或自定义 `cancelId`）
		* @returns 是否找到并关闭了连接
		*
		* @example
		* ```ts
		* import { Ws, WsClose } from '@snack-kit/lib/http'
		*
		* let cancelId = ''
		* Ws({ url: 'wss://...', onCancelId: (id) => { cancelId = id } }, () => {})
		* WsClose(cancelId)
		* ```
		*/
		declare function WsClose(id: string): boolean;
		/**
		* 关闭所有已注册的 WebSocket 连接并清空注册表
		*
		* @example
		* ```ts
		* import { WsCloseAll } from '@snack-kit/lib/http'
		*
		* window.addEventListener('beforeunload', () => WsCloseAll())
		* ```
		*/
		declare function WsCloseAll(): void;

		export { Cancel, CancelAll, Del, Get, HttpMethodConfig, HttpRequestConfig, HttpResult, Patch, Post, Put, Request, Ws, WsClose, WsCloseAll, WsEventCallback, WsRequestConfig };

+3

-3

dist/types/index.d.ts

		@@ -1,3 +0,3 @@
		export { C as Context, a as ContextInfo, b as Ctx, D as DEBUGGER_ACTIVE_KEY, H as HttpContext, c as HttpError, d as HttpMethodConfig, e as HttpRequestConfig, f as HttpResult, O as Origin, S as ServerItem } from './context-C4dFUDbw.js';
		export { Cancel, CancelAll, Del, Get, Patch, Post, Put, Request } from './http.js';
		export { C as Context, a as ContextInfo, b as Ctx, D as DEBUGGER_ACTIVE_KEY, H as HttpContext, c as HttpError, d as HttpMethodConfig, e as HttpRequestConfig, f as HttpResult, O as Origin, S as ServerItem, W as WsEventCallback, g as WsEventName, h as WsRequestConfig } from './context-DcZ8YTMj.js';
		export { Cancel, CancelAll, Del, Get, Patch, Post, Put, Request, Ws, WsClose, WsCloseAll } from './http.js';
		export { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, default as axios } from 'axios';
		@@ -7,4 +7,4 @@ export { Debugger, DebuggerOptions } from './debugger.js';

		var version = "0.8.0";
		var version = "0.9.0";

		export { version as VERSION };

+1

-1

package.json

		{
		"name": "@snack-kit/lib",
		"version": "0.8.0",
		"version": "0.9.0",
		"description": "Enterprise-grade utility library",
		@@ -5,0 +5,0 @@ "keywords": [],

+7

-0

README.md

		@@ -254,2 +254,9 @@ # @snack-kit/lib

		### 0.9.0

		- [http] 新增 WebSocket 封装：`Ws(url \| config, event)` 创建连接，`WsClose(id)` 关闭指定连接，`WsCloseAll()` 关闭所有连接
		- [http] 新增 WS 相关类型：`WsRequestConfig`、`WsEventName`、`WsEventCallback<T>`
		- [http] `Ws` 支持 `ctx` 自动从 Context 获取 host 拼接地址，自动将 `http(s)://` 转换为 `ws(s)://`
		- [http] `Ws` message 事件自动尝试 JSON 解析，支持泛型 `<T>` 类型推导

		### 0.8.0
		@@ -256,0 +263,0 @@

-880

dist/cjs/chunk-LQ5WJVQX.cjs

		'use strict';

		var chunkUNFUIZVY_cjs = require('./chunk-UNFUIZVY.cjs');
		var axios = require('axios');

		function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

		var axios__default = /#__PURE__/_interopDefault(axios);

		var _http = axios__default.default.create();
		var STORAGE_PREFIX = "__snackkit_debugger__";
		var KEY_GATEWAY = `${STORAGE_PREFIX}gateway`;
		var KEY_TYPE = `${STORAGE_PREFIX}type`;
		var KEY_SERVER = `${STORAGE_PREFIX}server`;
		function isChinese() {
		return /^zh/i.test(navigator.language ?? "");
		}
		var T = {
		gateway: () => isChinese() ? "\u7F51\u5173" : "Gateway",
		tag: () => isChinese() ? "\u6807\u7B7E" : "Tag",
		server: () => isChinese() ? "\u670D\u52A1" : "Server",
		ctx: () => isChinese() ? "\u4E0A\u4E0B\u6587" : "Ctx",
		ctxLabel: () => isChinese() ? "\u4E0A\u4E0B\u6587 \u2014 \u70B9\u51FB\u884C\u590D\u5236 key" : "Ctx \u2014 click row to copy key",
		search: () => isChinese() ? "\u641C\u7D22..." : "Search...",
		noMatch: () => isChinese() ? "\u65E0\u5339\u914D\u9879" : "No results",
		allTags: () => isChinese() ? "\u5168\u90E8\u6807\u7B7E" : "All tags",
		selectGateway: () => isChinese() ? "\u9009\u62E9\u7F51\u5173" : "Select gateway",
		selectServer: () => isChinese() ? "\u9009\u62E9\u670D\u52A1" : "Select server",
		filterCtx: () => isChinese() ? "\u8FC7\u6EE4\u8DEF\u7531..." : "Filter routes...",
		selectFirst: () => isChinese() ? "\u2190 \u8BF7\u5148\u9009\u62E9\u670D\u52A1" : "\u2190 Select a server first",
		loading: () => isChinese() ? "\u52A0\u8F7D\u670D\u52A1\u5217\u8868..." : "Loading...",
		loadFailed: (m) => isChinese() ? `\u52A0\u8F7D\u5931\u8D25: ${m}` : `Failed: ${m}`,
		loaded: (n) => isChinese() ? `\u5DF2\u52A0\u8F7D ${n} \u4E2A\u670D\u52A1` : `${n} servers loaded`,
		switching: () => isChinese() ? "\u5207\u6362\u670D\u52A1\u4E2D..." : "Switching...",
		switchFailed: (m) => isChinese() ? `\u5207\u6362\u5931\u8D25: ${m}` : `Failed: ${m}`,
		routes: (name, n) => isChinese() ? `${name} \xB7 ${n} \u6761\u8DEF\u7531` : `${name} \xB7 ${n} routes`,
		copied: (k) => isChinese() ? `\u5DF2\u590D\u5236: ${k}` : `Copied: ${k}`,
		copyAll: () => isChinese() ? "\u590D\u5236\u5168\u90E8 JSON" : "Copy all JSON",
		copyAllDone: () => isChinese() ? "\u5DF2\u590D\u5236\u4E3A JSON" : "Copied as JSON"
		};
		var PANEL_STYLE = `
		#__snackkit_debugger__ {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 99999;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;
		font-size: 13px;
		color: #b8ccec;
		user-select: none;
		}

		/* \u2500\u2500 \u6D6E\u52A8\u6309\u94AE \u2500\u2500 */
		#__snackkit_debugger__ .dbg-toggle {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		background: linear-gradient(135deg, #4f8ef7, #6d6ff5);
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 4px 14px rgba(79,142,247,0.45);
		margin-left: auto;
		font-size: 20px;
		transition: transform 0.15s, box-shadow 0.15s;
		}
		#__snackkit_debugger__ .dbg-toggle:hover {
		transform: scale(1.08);
		box-shadow: 0 6px 20px rgba(79,142,247,0.55);
		}
		#__snackkit_debugger__ .dbg-toggle:active { transform: scale(0.94); }

		/* \u2500\u2500 \u9762\u677F\u4E3B\u4F53 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-panel {
		background: #1e2638;
		border: 1px solid #2d3a55;
		border-radius: 12px;
		width: 440px;
		margin-bottom: 10px;
		box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05);
		overflow: visible;
		opacity: 0;
		transform: translateY(8px) scale(0.98);
		pointer-events: none;
		transition: opacity 0.18s ease, transform 0.18s ease;
		}
		#__snackkit_debugger__ .dbg-panel.open {
		opacity: 1;
		transform: translateY(0) scale(1);
		pointer-events: auto;
		}

		/* \u2500\u2500 \u9762\u677F Header \u2500\u2500 */
		#__snackkit_debugger__ .dbg-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 14px;
		background: #171e2e;
		border-bottom: 1px solid #2d3a55;
		border-radius: 12px 12px 0 0;
		}
		#__snackkit_debugger__ .dbg-header-left {
		display: flex;
		align-items: center;
		gap: 7px;
		}
		#__snackkit_debugger__ .dbg-header-dot {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #34d399;
		box-shadow: 0 0 6px rgba(52,211,153,0.6);
		}
		#__snackkit_debugger__ .dbg-header-dot.loading {
		background: #fbbf24;
		box-shadow: 0 0 6px rgba(251,191,36,0.6);
		animation: dbg-pulse 1s ease-in-out infinite;
		}
		#__snackkit_debugger__ .dbg-header-dot.err {
		background: #f87171;
		box-shadow: 0 0 6px rgba(248,113,113,0.6);
		}
		#__snackkit_debugger__ .dbg-header-title {
		font-size: 12px;
		font-weight: 600;
		color: #dce8fa;
		letter-spacing: 0.03em;
		}
		#__snackkit_debugger__ .dbg-header-meta {
		font-size: 11px;
		color: #4d6080;
		}

		/* \u2500\u2500 \u9762\u677F\u5185\u5BB9\u533A \u2500\u2500 */
		#__snackkit_debugger__ .dbg-body {
		padding: 12px 14px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: 420px;
		overflow: visible;
		}

		/* \u2500\u2500 \u5B57\u6BB5\u884C \u2500\u2500 */
		#__snackkit_debugger__ .dbg-field {
		display: flex;
		flex-direction: column;
		gap: 5px;
		}
		#__snackkit_debugger__ .dbg-field-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		}
		#__snackkit_debugger__ .dbg-label {
		font-size: 10px;
		font-weight: 600;
		color: #5e72a0;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		}

		/* \u2500\u2500 \u4E00\u952E\u590D\u5236\u5168\u90E8 JSON \u6309\u94AE \u2500\u2500 */
		#__snackkit_debugger__ .dbg-copy-all {
		display: flex;
		align-items: center;
		gap: 4px;
		background: transparent;
		border: 1px solid #2d3a55;
		border-radius: 4px;
		padding: 2px 7px;
		color: #5e72a0;
		font-size: 10px;
		font-family: inherit;
		cursor: pointer;
		transition: border-color 0.15s, color 0.15s, background 0.15s;
		}
		#__snackkit_debugger__ .dbg-copy-all:hover {
		border-color: #4f8ef7;
		color: #7aacfa;
		background: rgba(79,142,247,0.08);
		}
		#__snackkit_debugger__ .dbg-copy-all.done {
		border-color: #34d399;
		color: #34d399;
		}

		/* \u2500\u2500 \u81EA\u5B9A\u4E49\u4E0B\u62C9 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-select {
		position: relative;
		}
		#__snackkit_debugger__ .dbg-select-trigger {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 6px;
		background: #252f45;
		border: 1px solid #2d3a55;
		border-radius: 6px;
		padding: 6px 10px;
		cursor: pointer;
		transition: border-color 0.15s, background 0.15s;
		min-height: 32px;
		}
		#__snackkit_debugger__ .dbg-select-trigger:hover { border-color: #3d5070; background: #2d3a55; }
		#__snackkit_debugger__ .dbg-select.open .dbg-select-trigger {
		border-color: #4f8ef7;
		background: #2d3a55;
		}
		#__snackkit_debugger__ .dbg-select-val {
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 12px;
		color: #b8ccec;
		}
		#__snackkit_debugger__ .dbg-select-val.placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-select-arrow {
		color: #3d5070;
		font-size: 10px;
		flex-shrink: 0;
		transition: transform 0.15s, color 0.15s;
		}
		#__snackkit_debugger__ .dbg-select.open .dbg-select-arrow {
		transform: rotate(180deg);
		color: #4f8ef7;
		}
		#__snackkit_debugger__ .dbg-select-dropdown {
		position: absolute;
		bottom: calc(100% + 4px);
		left: 0;
		right: 0;
		background: #1e2638;
		border: 1px solid #2d3a55;
		border-radius: 8px;
		box-shadow: 0 -8px 24px rgba(0,0,0,0.35);
		overflow: hidden;
		opacity: 0;
		transform: translateY(4px);
		pointer-events: none;
		transition: opacity 0.14s, transform 0.14s;
		z-index: 100000;
		}
		#__snackkit_debugger__ .dbg-select.open .dbg-select-dropdown {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		}
		#__snackkit_debugger__ .dbg-select-search {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 7px 10px;
		border-bottom: 1px solid #2d3a55;
		}
		#__snackkit_debugger__ .dbg-select-search-icon { color: #3d5070; font-size: 11px; flex-shrink: 0; }
		#__snackkit_debugger__ .dbg-select-search input {
		flex: 1;
		background: transparent;
		border: none;
		outline: none;
		color: #b8ccec;
		font-size: 12px;
		font-family: inherit;
		}
		#__snackkit_debugger__ .dbg-select-search input::placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-select-list {
		max-height: 160px;
		overflow-y: auto;
		}
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar { width: 3px; }
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar-track { background: transparent; }
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar-thumb { background: #2d3a55; border-radius: 2px; }
		#__snackkit_debugger__ .dbg-select-option {
		padding: 7px 10px;
		cursor: pointer;
		font-size: 12px;
		color: #8aa4c8;
		transition: background 0.1s, color 0.1s;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
		#__snackkit_debugger__ .dbg-select-option:hover { background: #2d3a55; color: #dce8fa; }
		#__snackkit_debugger__ .dbg-select-option.active { color: #7aacfa; background: #1e3060; }
		#__snackkit_debugger__ .dbg-select-option.hidden { display: none; }
		#__snackkit_debugger__ .dbg-select-empty {
		padding: 12px 10px;
		font-size: 12px;
		color: #3d5070;
		text-align: center;
		}

		/* \u2500\u2500 \u8DEF\u7531\u5217\u8868 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-ctx-field {
		flex: 1;
		min-height: 0;
		display: flex;
		flex-direction: column;
		gap: 5px;
		}
		#__snackkit_debugger__ .dbg-ctx-wrap {
		flex: 1;
		min-height: 0;
		border: 1px solid #2d3a55;
		border-radius: 6px;
		overflow: hidden;
		background: #252f45;
		display: flex;
		flex-direction: column;
		}
		#__snackkit_debugger__ .dbg-ctx-search {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 10px;
		border-bottom: 1px solid #2d3a55;
		background: #1e2638;
		}
		#__snackkit_debugger__ .dbg-ctx-search input {
		flex: 1;
		background: transparent;
		border: none;
		outline: none;
		color: #b8ccec;
		font-size: 12px;
		font-family: inherit;
		}
		#__snackkit_debugger__ .dbg-ctx-search input::placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-ctx-list {
		flex: 1;
		min-height: 0;
		overflow-y: auto;
		}
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar { width: 3px; }
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar-track { background: transparent; }
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar-thumb { background: #2d3a55; border-radius: 2px; }
		#__snackkit_debugger__ .dbg-ctx-item {
		padding: 5px 10px;
		cursor: pointer;
		display: grid;
		grid-template-columns: minmax(80px, 148px) 1fr auto;
		gap: 8px;
		align-items: center;
		border-bottom: 1px solid #1e2638;
		transition: background 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:last-child { border-bottom: none; }
		#__snackkit_debugger__ .dbg-ctx-item:hover { background: #2d3a55; }
		#__snackkit_debugger__ .dbg-ctx-item.hidden { display: none; }
		#__snackkit_debugger__ .dbg-ctx-key {
		font-size: 12px;
		color: #7aacfa;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
		#__snackkit_debugger__ .dbg-ctx-val {
		font-size: 11px;
		color: #4d6080;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		transition: color 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:hover .dbg-ctx-val { color: #7a90b0; }
		#__snackkit_debugger__ .dbg-ctx-copy {
		font-size: 11px;
		color: #3d5070;
		opacity: 0;
		flex-shrink: 0;
		transition: opacity 0.1s, color 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:hover .dbg-ctx-copy { opacity: 1; color: #5e72a0; }
		#__snackkit_debugger__ .dbg-ctx-item.copied .dbg-ctx-copy { color: #34d399; opacity: 1; }
		#__snackkit_debugger__ .dbg-ctx-empty {
		padding: 16px 10px;
		font-size: 12px;
		color: #3d5070;
		text-align: center;
		}

		/* \u2500\u2500 \u5E95\u90E8\u72B6\u6001\u680F \u2500\u2500 */
		#__snackkit_debugger__ .dbg-footer {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 7px 14px;
		background: #171e2e;
		border-top: 1px solid #2d3a55;
		border-radius: 0 0 12px 12px;
		font-size: 11px;
		color: #4d6080;
		min-height: 30px;
		}
		#__snackkit_debugger__ .dbg-footer.ok { color: #34d399; }
		#__snackkit_debugger__ .dbg-footer.err { color: #f87171; }
		#__snackkit_debugger__ .dbg-footer-dot {
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: currentColor;
		flex-shrink: 0;
		}

		@keyframes dbg-pulse {
		0%, 100% { opacity: 1; }
		50% { opacity: 0.35; }
		}
		`;
		var SearchSelect = class {
		constructor(onChange) {
		this.options = [];
		this.selected = "";
		this.onChange = onChange;
		this.el = document.createElement("div");
		this.el.className = "dbg-select";
		this.trigger = document.createElement("div");
		this.trigger.className = "dbg-select-trigger";
		this.valEl = document.createElement("span");
		this.valEl.className = "dbg-select-val placeholder";
		const arrow = document.createElement("span");
		arrow.className = "dbg-select-arrow";
		arrow.textContent = "\u25BE";
		this.trigger.appendChild(this.valEl);
		this.trigger.appendChild(arrow);
		this.dropdown = document.createElement("div");
		this.dropdown.className = "dbg-select-dropdown";
		const searchWrap = document.createElement("div");
		searchWrap.className = "dbg-select-search";
		const searchIcon = document.createElement("span");
		searchIcon.className = "dbg-select-search-icon";
		searchIcon.textContent = "\u2315";
		this.searchInput = document.createElement("input");
		this.searchInput.type = "text";
		this.searchInput.placeholder = T.search();
		searchWrap.appendChild(searchIcon);
		searchWrap.appendChild(this.searchInput);
		this.listEl = document.createElement("div");
		this.listEl.className = "dbg-select-list";
		this.dropdown.appendChild(searchWrap);
		this.dropdown.appendChild(this.listEl);
		this.el.appendChild(this.trigger);
		this.el.appendChild(this.dropdown);
		this.bindEvents();
		}
		bindEvents() {
		this.trigger.addEventListener("click", (e) => {
		e.stopPropagation();
		const isOpen = this.el.classList.contains("open");
		document.querySelectorAll("#__snackkit_debugger__ .dbg-select.open").forEach((el) => {
		if (el !== this.el) el.classList.remove("open");
		});
		this.el.classList.toggle("open", !isOpen);
		if (!isOpen) {
		this.searchInput.value = "";
		this.filterOptions("");
		setTimeout(() => this.searchInput.focus(), 50);
		}
		});
		this.searchInput.addEventListener("input", () => {
		this.filterOptions(this.searchInput.value);
		});
		this.searchInput.addEventListener("click", (e) => e.stopPropagation());
		document.addEventListener("click", () => {
		this.el.classList.remove("open");
		});
		}
		filterOptions(query) {
		const q = query.toLowerCase();
		let visibleCount = 0;
		this.listEl.querySelectorAll(".dbg-select-option").forEach((opt) => {
		const match = !q \|\| opt.textContent.toLowerCase().includes(q);
		opt.classList.toggle("hidden", !match);
		if (match) visibleCount++;
		});
		let emptyEl = this.listEl.querySelector(".dbg-select-empty");
		if (visibleCount === 0) {
		if (!emptyEl) {
		emptyEl = document.createElement("div");
		emptyEl.className = "dbg-select-empty";
		emptyEl.textContent = T.noMatch();
		this.listEl.appendChild(emptyEl);
		}
		} else {
		emptyEl?.remove();
		}
		}
		/** 更新选项列表 */
		setOptions(options, placeholder) {
		this.options = options;
		this.listEl.innerHTML = "";
		this.valEl.textContent = placeholder;
		this.valEl.className = "dbg-select-val placeholder";
		this.selected = "";
		options.forEach(({ value, label }) => {
		const opt = document.createElement("div");
		opt.className = "dbg-select-option";
		opt.dataset["value"] = value;
		opt.textContent = label;
		opt.setAttribute("title", label);
		opt.addEventListener("click", (e) => {
		e.stopPropagation();
		this.select(value, label);
		this.el.classList.remove("open");
		});
		this.listEl.appendChild(opt);
		});
		}
		/** 选中某个值（不触发 onChange） */
		setValue(value) {
		const opt = this.options.find((o) => o.value === value);
		if (opt) this.select(opt.value, opt.label, false);
		}
		select(value, label, emit = true) {
		this.selected = value;
		this.valEl.textContent = label;
		this.valEl.className = "dbg-select-val";
		this.listEl.querySelectorAll(".dbg-select-option").forEach((el) => {
		el.classList.toggle("active", el.dataset["value"] === value);
		});
		if (emit) this.onChange(value);
		}
		getValue() {
		return this.selected;
		}
		getElement() {
		return this.el;
		}
		};
		var Debugger = class _Debugger {
		constructor(options) {
		this.servers = [];
		this.currentCtxMap = {};
		this.options = options;
		this.gateways = Array.isArray(options.gateways) ? options.gateways : [options.gateways];
		}
		/**
		* 初始化并渲染调试面板
		*
		* 支持两种调用形式：
		* - 配置对象：传入 `DebuggerOptions`，可配置网关列表和超时时间
		* - 数组简写：直接传入网关 URL 数组，等价于 `{ gateways: [...] }`
		*
		* 调用后在页面右下角插入浮动按钮，点击展开调试面板。
		* 面板支持：选择调试网关、切换目标服务、查看并复制路由 ctx。
		* 网关/服务选择通过 `localStorage` 持久化，刷新后自动恢复。
		*
		* @param options 配置对象或网关 URL 数组
		*
		* @example 配置对象形式
		* ```ts
		* import { Debugger } from '@snack-kit/lib/debugger'
		*
		* await Debugger.init({
		* gateways: [
		* 'http://dev-gateway.example.com',
		* 'http://test-gateway.example.com',
		* ],
		* timeout: 5000,
		* })
		* ```
		*
		* @example 数组简写形式
		* ```ts
		* await Debugger.init([
		* 'http://dev-gateway.example.com',
		* 'http://test-gateway.example.com',
		* ])
		* ```
		*
		* @example 仅在非生产环境加载
		* ```ts
		* if (import.meta.env.DEV) {
		* const { Debugger } = await import('@snack-kit/lib/debugger')
		* await Debugger.init(['http://dev-gateway.example.com'])
		* }
		* ```
		*/
		static async init(options) {
		globalThis[chunkUNFUIZVY_cjs.DEBUGGER_ACTIVE_KEY] = true;
		const normalized = Array.isArray(options) ? { gateways: options } : options;
		const instance = new _Debugger({ timeout: 1e4, ...normalized });
		instance.injectStyle();
		instance.buildDOM();
		await instance.restoreState();
		return instance;
		}
		/** 注入内联样式 */
		injectStyle() {
		if (document.getElementById("__snackkit_debugger_style__")) return;
		const style = document.createElement("style");
		style.id = "__snackkit_debugger_style__";
		style.textContent = PANEL_STYLE;
		document.head.appendChild(style);
		}
		/** 构建 DOM 结构 */
		buildDOM() {
		const root = document.createElement("div");
		root.id = "__snackkit_debugger__";
		const panel = document.createElement("div");
		panel.className = "dbg-panel";
		this.panelEl = panel;
		const header = document.createElement("div");
		header.className = "dbg-header";
		const headerLeft = document.createElement("div");
		headerLeft.className = "dbg-header-left";
		this.headerDot = document.createElement("span");
		this.headerDot.className = "dbg-header-dot loading";
		const headerTitle = document.createElement("span");
		headerTitle.className = "dbg-header-title";
		headerTitle.textContent = "Snack Kit Debugger";
		headerLeft.appendChild(this.headerDot);
		headerLeft.appendChild(headerTitle);
		header.appendChild(headerLeft);
		panel.appendChild(header);
		const body = document.createElement("div");
		body.className = "dbg-body";
		this.gwVersion = document.createElement("span");
		this.gwVersion.className = "dbg-header-meta";
		this.gwSelect = new SearchSelect((val) => this.onGatewayChange(val));
		this.gwSelect.setOptions(this.gateways.map((g) => ({ value: g, label: g })), T.selectGateway());
		body.appendChild(this.createFieldWithAction(T.gateway(), this.gwVersion, this.gwSelect.getElement()));
		this.typeSelect = new SearchSelect((val) => this.onTypeChange(val));
		body.appendChild(this.createField(T.tag(), this.typeSelect.getElement()));
		this.serverSelect = new SearchSelect((val) => this.onServerChange(val));
		body.appendChild(this.createField(T.server(), this.serverSelect.getElement()));
		const ctxWrap = document.createElement("div");
		ctxWrap.className = "dbg-ctx-wrap";
		const ctxSearch = document.createElement("div");
		ctxSearch.className = "dbg-ctx-search";
		const ctxSearchIcon = document.createElement("span");
		ctxSearchIcon.className = "dbg-select-search-icon";
		ctxSearchIcon.textContent = "\u2315";
		this.ctxSearchInput = document.createElement("input");
		this.ctxSearchInput.type = "text";
		this.ctxSearchInput.placeholder = T.filterCtx();
		this.ctxSearchInput.addEventListener("input", () => this.filterCtx(this.ctxSearchInput.value));
		ctxSearch.appendChild(ctxSearchIcon);
		ctxSearch.appendChild(this.ctxSearchInput);
		this.ctxList = document.createElement("div");
		this.ctxList.className = "dbg-ctx-list";
		ctxWrap.appendChild(ctxSearch);
		ctxWrap.appendChild(this.ctxList);
		this.copyAllBtn = document.createElement("button");
		this.copyAllBtn.className = "dbg-copy-all";
		this.copyAllBtn.textContent = T.copyAll();
		this.copyAllBtn.setAttribute("title", isChinese() ? "\u5C06\u5168\u90E8\u4E0A\u4E0B\u6587\u590D\u5236\u4E3A JSON\uFF0C\u53EF\u4F5C\u4E3A Context.load({...}) \u7684\u53C2\u6570" : "Copy all ctx entries as JSON for Context.load({...})");
		this.copyAllBtn.addEventListener("click", (e) => {
		e.stopPropagation();
		this.copyAllCtx();
		});
		const ctxField = this.createFieldWithAction(T.ctxLabel(), this.copyAllBtn, ctxWrap);
		ctxField.classList.add("dbg-ctx-field");
		body.appendChild(ctxField);
		panel.appendChild(body);
		const footer = document.createElement("div");
		footer.className = "dbg-footer";
		this.footerEl = footer;
		panel.appendChild(footer);
		const toggle = document.createElement("button");
		toggle.className = "dbg-toggle";
		toggle.textContent = "\u{1F41B}";
		toggle.setAttribute("title", "Snack Debugger");
		toggle.addEventListener("click", (e) => {
		e.stopPropagation();
		panel.classList.toggle("open");
		});
		root.appendChild(panel);
		root.appendChild(toggle);
		document.body.appendChild(root);
		}
		/** 创建普通字段行（label + content） */
		createField(label, content) {
		const field = document.createElement("div");
		field.className = "dbg-field";
		const lbl = document.createElement("div");
		lbl.className = "dbg-label";
		lbl.textContent = label;
		field.appendChild(lbl);
		field.appendChild(content);
		return field;
		}
		/** 创建带操作按钮的字段行（label + action button + content） */
		createFieldWithAction(label, action, content) {
		const field = document.createElement("div");
		field.className = "dbg-field";
		const fieldHeader = document.createElement("div");
		fieldHeader.className = "dbg-field-header";
		const lbl = document.createElement("div");
		lbl.className = "dbg-label";
		lbl.textContent = label;
		fieldHeader.appendChild(lbl);
		fieldHeader.appendChild(action);
		field.appendChild(fieldHeader);
		field.appendChild(content);
		return field;
		}
		/** 恢复上次持久化的状态 */
		async restoreState() {
		const savedGw = localStorage.getItem(KEY_GATEWAY);
		const gw = savedGw && this.gateways.includes(savedGw) ? savedGw : this.gateways[0];
		this.gwSelect.setValue(gw);
		await this.loadServers(gw);
		const savedType = localStorage.getItem(KEY_TYPE);
		if (savedType) {
		this.typeSelect.setValue(savedType);
		this.renderServerOptions(savedType);
		}
		const savedServer = localStorage.getItem(KEY_SERVER);
		if (savedServer && this.servers.find((s) => s.key === savedServer)) {
		this.serverSelect.setValue(savedServer);
		await this.applyServer(savedServer);
		}
		}
		async onGatewayChange(gw) {
		localStorage.setItem(KEY_GATEWAY, gw);
		this.gwVersion.textContent = "";
		await this.loadServers(gw);
		}
		onTypeChange(type) {
		localStorage.setItem(KEY_TYPE, type);
		this.renderServerOptions(type);
		}
		async onServerChange(key) {
		localStorage.setItem(KEY_SERVER, key);
		await this.applyServer(key);
		}
		/** 从网关加载服务列表 */
		async loadServers(gwUrl) {
		this.setHeader("loading");
		this.setFooter(T.loading(), "");
		try {
		const res = await _http.get(`${gwUrl}/web-debug/host/list`, {
		timeout: this.options.timeout
		});
		this.servers = res.data ?? [];
		this.renderTypeOptions();
		this.setHeader("ok");
		this.setFooter(T.loaded(this.servers.length), "ok");
		} catch (err) {
		const message = err instanceof Error ? err.message : String(err);
		this.setHeader("err");
		this.setFooter(T.loadFailed(message), "err");
		}
		}
		/** 渲染标签选项 */
		renderTypeOptions() {
		const types = [...new Set(this.servers.map((s) => s.type).filter(Boolean))];
		const opts = [{ value: "", label: T.allTags() }, ...types.map((t) => ({ value: t, label: t }))];
		this.typeSelect.setOptions(opts, T.allTags());
		this.typeSelect.setValue("");
		this.renderServerOptions("");
		}
		/** 根据标签渲染服务选项 */
		renderServerOptions(type) {
		const filtered = type ? this.servers.filter((s) => s.type === type) : this.servers;
		this.serverSelect.setOptions(
		filtered.map((s) => ({ value: s.key, label: `${s.name} (${s.key})` })),
		T.selectServer()
		);
		this.renderCtxList({});
		}
		/** 切换目标服务，重新加载 Context 路由映射 */
		async applyServer(key) {
		if (!key) {
		this.renderCtxList({});
		return;
		}
		const server = this.servers.find((s) => s.key === key);
		if (!server) return;
		this.setFooter(T.switching(), "");
		try {
		await chunkUNFUIZVY_cjs.Context.load(server.origin, this.options.timeout);
		const res = await fetch(`${server.origin}/ngw/context`);
		const raw = res.ok ? await res.json() : {};
		const ctxMap = {};
		for (const [k, v] of Object.entries(raw)) {
		if (k !== "$info" && typeof v === "string") ctxMap[k] = v;
		}
		const info = chunkUNFUIZVY_cjs.Context.info;
		if (info) this.gwVersion.textContent = `v${info.version}`;
		this.renderCtxList(ctxMap);
		const count = Object.keys(ctxMap).length;
		this.setFooter(T.routes(server.name, count), "ok");
		} catch (err) {
		const msg = err instanceof Error ? err.message : String(err);
		this.setFooter(T.switchFailed(msg), "err");
		}
		}
		/** 渲染路由列表 */
		renderCtxList(ctxMap) {
		this.currentCtxMap = ctxMap;
		this.ctxList.innerHTML = "";
		this.ctxSearchInput.value = "";
		const entries = Object.entries(ctxMap);
		if (entries.length === 0) {
		const empty = document.createElement("div");
		empty.className = "dbg-ctx-empty";
		empty.textContent = T.selectFirst();
		this.ctxList.appendChild(empty);
		return;
		}
		entries.forEach(([k, v]) => {
		const item = document.createElement("div");
		item.className = "dbg-ctx-item";
		item.dataset["key"] = k;
		const keySpan = document.createElement("span");
		keySpan.className = "dbg-ctx-key";
		keySpan.textContent = k;
		keySpan.setAttribute("title", k);
		const valSpan = document.createElement("span");
		valSpan.className = "dbg-ctx-val";
		valSpan.textContent = v;
		valSpan.setAttribute("title", `${k} \u2192 ${v}`);
		const copyIcon = document.createElement("span");
		copyIcon.className = "dbg-ctx-copy";
		copyIcon.textContent = "\u2398";
		item.appendChild(keySpan);
		item.appendChild(valSpan);
		item.appendChild(copyIcon);
		item.addEventListener("click", () => this.copyCtxItem(item, k));
		this.ctxList.appendChild(item);
		});
		}
		/** 过滤路由列表 */
		filterCtx(query) {
		const q = query.toLowerCase();
		this.ctxList.querySelectorAll(".dbg-ctx-item").forEach((item) => {
		const key = item.dataset["key"] ?? "";
		item.classList.toggle("hidden", !!q && !key.toLowerCase().includes(q));
		});
		}
		/** 复制单个 ctx key */
		copyCtxItem(item, text) {
		navigator.clipboard.writeText(text).then(() => {
		item.classList.add("copied");
		const icon = item.querySelector(".dbg-ctx-copy");
		if (icon) icon.textContent = "\u2713";
		setTimeout(() => {
		item.classList.remove("copied");
		const ic = item.querySelector(".dbg-ctx-copy");
		if (ic) ic.textContent = "\u2398";
		}, 1500);
		this.setFooter(T.copied(text), "ok");
		setTimeout(() => this.setFooter("", ""), 2e3);
		});
		}
		/** 一键复制全部上下文为 JSON */
		copyAllCtx() {
		const entries = Object.keys(this.currentCtxMap);
		if (entries.length === 0) return;
		const json = JSON.stringify(this.currentCtxMap, null, 2);
		navigator.clipboard.writeText(json).then(() => {
		this.copyAllBtn.textContent = "\u2713 " + T.copyAllDone();
		this.copyAllBtn.classList.add("done");
		setTimeout(() => {
		this.copyAllBtn.textContent = T.copyAll();
		this.copyAllBtn.classList.remove("done");
		}, 2e3);
		this.setFooter(T.copyAllDone(), "ok");
		setTimeout(() => this.setFooter("", ""), 2500);
		});
		}
		setHeader(state) {
		this.headerDot.className = `dbg-header-dot${state !== "ok" ? ` ${state}` : ""}`;
		}
		setFooter(msg, cls) {
		this.footerEl.innerHTML = msg ? `<span class="dbg-footer-dot"></span>${msg}` : "";
		this.footerEl.className = `dbg-footer${cls ? ` ${cls}` : ""}`;
		}
		};

		exports.Debugger = Debugger;
		//# sourceMappingURL=chunk-LQ5WJVQX.cjs.map
		//# sourceMappingURL=chunk-LQ5WJVQX.cjs.map

-1

dist/cjs/chunk-LQ5WJVQX.cjs.map

-123

dist/cjs/chunk-UM4J7HF4.cjs

		'use strict';

		Object.defineProperty(exports, '__esModule', { value: true });

		var chunkUNFUIZVY_cjs = require('./chunk-UNFUIZVY.cjs');
		var axios = require('axios');

		function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

		var axios__default = /#__PURE__/_interopDefault(axios);

		// src/http/cancel.ts
		var registry = /* @__PURE__ */ new Map();
		function Register(id) {
		if (registry.has(id)) {
		registry.get(id).abort();
		}
		const controller = new AbortController();
		registry.set(id, controller);
		return controller;
		}
		function Cancel(id) {
		const controller = registry.get(id);
		if (!controller) return false;
		controller.abort();
		registry.delete(id);
		return true;
		}
		function CancelAll() {
		for (const controller of registry.values()) {
		controller.abort();
		}
		registry.clear();
		}
		function Unregister(id) {
		registry.delete(id);
		}
		function generateId() {
		if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
		return crypto.randomUUID();
		}
		return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
		}
		async function Request(config) {
		const { ctx, cancelId: customCancelId, onCancelId, cache = false, ...axiosConfig } = config;
		if (ctx && chunkUNFUIZVY_cjs.Context.loaded) {
		const base = chunkUNFUIZVY_cjs.Context.get(ctx);
		if (base) {
		axiosConfig.baseURL = base;
		}
		}
		if (!cache) {
		const sep = (axiosConfig.url ?? "").includes("?") ? "&" : "?";
		axiosConfig.url = `${axiosConfig.url ?? ""}${sep}_=${Date.now()}`;
		}
		const cancelId = customCancelId ?? generateId();
		const controller = Register(cancelId);
		axiosConfig.signal = controller.signal;
		onCancelId?.(cancelId);
		try {
		const response = await axios__default.default.request({ ...axiosConfig });
		return response;
		} catch (err) {
		if (axios.isAxiosError(err)) {
		return {
		error: {
		status: err.response?.status,
		message: err.message,
		data: err.response?.data
		}
		};
		}
		const message = err instanceof Error ? err.message : String(err);
		return { error: { message } };
		} finally {
		Unregister(cancelId);
		}
		}
		function Get(urlOrConfig, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "GET", url: urlOrConfig });
		}
		return Request({ ...urlOrConfig, method: "GET" });
		}
		function Post(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "POST", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "POST" });
		}
		function Put(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "PUT", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "PUT" });
		}
		function Patch(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "PATCH", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "PATCH" });
		}
		function Del(urlOrConfig, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "DELETE", url: urlOrConfig });
		}
		return Request({ ...urlOrConfig, method: "DELETE" });
		}

		Object.defineProperty(exports, "default", {
		enumerable: true,
		get: function () { return axios__default.default; }
		});
		exports.Cancel = Cancel;
		exports.CancelAll = CancelAll;
		exports.Del = Del;
		exports.Get = Get;
		exports.Patch = Patch;
		exports.Post = Post;
		exports.Put = Put;
		exports.Request = Request;
		//# sourceMappingURL=chunk-UM4J7HF4.cjs.map
		//# sourceMappingURL=chunk-UM4J7HF4.cjs.map

-1

dist/cjs/chunk-UM4J7HF4.cjs.map

-105

dist/es/chunk-2YYI2T2B.js

		import { Context } from './chunk-M5R2NQYU.js';
		import axios, { isAxiosError } from 'axios';
		export { default } from 'axios';

		// src/http/cancel.ts
		var registry = /* @__PURE__ */ new Map();
		function Register(id) {
		if (registry.has(id)) {
		registry.get(id).abort();
		}
		const controller = new AbortController();
		registry.set(id, controller);
		return controller;
		}
		function Cancel(id) {
		const controller = registry.get(id);
		if (!controller) return false;
		controller.abort();
		registry.delete(id);
		return true;
		}
		function CancelAll() {
		for (const controller of registry.values()) {
		controller.abort();
		}
		registry.clear();
		}
		function Unregister(id) {
		registry.delete(id);
		}
		function generateId() {
		if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
		return crypto.randomUUID();
		}
		return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
		}
		async function Request(config) {
		const { ctx, cancelId: customCancelId, onCancelId, cache = false, ...axiosConfig } = config;
		if (ctx && Context.loaded) {
		const base = Context.get(ctx);
		if (base) {
		axiosConfig.baseURL = base;
		}
		}
		if (!cache) {
		const sep = (axiosConfig.url ?? "").includes("?") ? "&" : "?";
		axiosConfig.url = `${axiosConfig.url ?? ""}${sep}_=${Date.now()}`;
		}
		const cancelId = customCancelId ?? generateId();
		const controller = Register(cancelId);
		axiosConfig.signal = controller.signal;
		onCancelId?.(cancelId);
		try {
		const response = await axios.request({ ...axiosConfig });
		return response;
		} catch (err) {
		if (isAxiosError(err)) {
		return {
		error: {
		status: err.response?.status,
		message: err.message,
		data: err.response?.data
		}
		};
		}
		const message = err instanceof Error ? err.message : String(err);
		return { error: { message } };
		} finally {
		Unregister(cancelId);
		}
		}
		function Get(urlOrConfig, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "GET", url: urlOrConfig });
		}
		return Request({ ...urlOrConfig, method: "GET" });
		}
		function Post(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "POST", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "POST" });
		}
		function Put(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "PUT", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "PUT" });
		}
		function Patch(urlOrConfig, data, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "PATCH", url: urlOrConfig, data });
		}
		return Request({ ...urlOrConfig, method: "PATCH" });
		}
		function Del(urlOrConfig, config) {
		if (typeof urlOrConfig === "string") {
		return Request({ ...config, method: "DELETE", url: urlOrConfig });
		}
		return Request({ ...urlOrConfig, method: "DELETE" });
		}

		export { Cancel, CancelAll, Del, Get, Patch, Post, Put, Request };
		//# sourceMappingURL=chunk-2YYI2T2B.js.map
		//# sourceMappingURL=chunk-2YYI2T2B.js.map

-1

dist/es/chunk-2YYI2T2B.js.map

-874

dist/es/chunk-YXJTZURC.js

		import { DEBUGGER_ACTIVE_KEY, Context } from './chunk-M5R2NQYU.js';
		import axios from 'axios';

		var _http = axios.create();
		var STORAGE_PREFIX = "__snackkit_debugger__";
		var KEY_GATEWAY = `${STORAGE_PREFIX}gateway`;
		var KEY_TYPE = `${STORAGE_PREFIX}type`;
		var KEY_SERVER = `${STORAGE_PREFIX}server`;
		function isChinese() {
		return /^zh/i.test(navigator.language ?? "");
		}
		var T = {
		gateway: () => isChinese() ? "\u7F51\u5173" : "Gateway",
		tag: () => isChinese() ? "\u6807\u7B7E" : "Tag",
		server: () => isChinese() ? "\u670D\u52A1" : "Server",
		ctx: () => isChinese() ? "\u4E0A\u4E0B\u6587" : "Ctx",
		ctxLabel: () => isChinese() ? "\u4E0A\u4E0B\u6587 \u2014 \u70B9\u51FB\u884C\u590D\u5236 key" : "Ctx \u2014 click row to copy key",
		search: () => isChinese() ? "\u641C\u7D22..." : "Search...",
		noMatch: () => isChinese() ? "\u65E0\u5339\u914D\u9879" : "No results",
		allTags: () => isChinese() ? "\u5168\u90E8\u6807\u7B7E" : "All tags",
		selectGateway: () => isChinese() ? "\u9009\u62E9\u7F51\u5173" : "Select gateway",
		selectServer: () => isChinese() ? "\u9009\u62E9\u670D\u52A1" : "Select server",
		filterCtx: () => isChinese() ? "\u8FC7\u6EE4\u8DEF\u7531..." : "Filter routes...",
		selectFirst: () => isChinese() ? "\u2190 \u8BF7\u5148\u9009\u62E9\u670D\u52A1" : "\u2190 Select a server first",
		loading: () => isChinese() ? "\u52A0\u8F7D\u670D\u52A1\u5217\u8868..." : "Loading...",
		loadFailed: (m) => isChinese() ? `\u52A0\u8F7D\u5931\u8D25: ${m}` : `Failed: ${m}`,
		loaded: (n) => isChinese() ? `\u5DF2\u52A0\u8F7D ${n} \u4E2A\u670D\u52A1` : `${n} servers loaded`,
		switching: () => isChinese() ? "\u5207\u6362\u670D\u52A1\u4E2D..." : "Switching...",
		switchFailed: (m) => isChinese() ? `\u5207\u6362\u5931\u8D25: ${m}` : `Failed: ${m}`,
		routes: (name, n) => isChinese() ? `${name} \xB7 ${n} \u6761\u8DEF\u7531` : `${name} \xB7 ${n} routes`,
		copied: (k) => isChinese() ? `\u5DF2\u590D\u5236: ${k}` : `Copied: ${k}`,
		copyAll: () => isChinese() ? "\u590D\u5236\u5168\u90E8 JSON" : "Copy all JSON",
		copyAllDone: () => isChinese() ? "\u5DF2\u590D\u5236\u4E3A JSON" : "Copied as JSON"
		};
		var PANEL_STYLE = `
		#__snackkit_debugger__ {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 99999;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;
		font-size: 13px;
		color: #b8ccec;
		user-select: none;
		}

		/* \u2500\u2500 \u6D6E\u52A8\u6309\u94AE \u2500\u2500 */
		#__snackkit_debugger__ .dbg-toggle {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		background: linear-gradient(135deg, #4f8ef7, #6d6ff5);
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 4px 14px rgba(79,142,247,0.45);
		margin-left: auto;
		font-size: 20px;
		transition: transform 0.15s, box-shadow 0.15s;
		}
		#__snackkit_debugger__ .dbg-toggle:hover {
		transform: scale(1.08);
		box-shadow: 0 6px 20px rgba(79,142,247,0.55);
		}
		#__snackkit_debugger__ .dbg-toggle:active { transform: scale(0.94); }

		/* \u2500\u2500 \u9762\u677F\u4E3B\u4F53 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-panel {
		background: #1e2638;
		border: 1px solid #2d3a55;
		border-radius: 12px;
		width: 440px;
		margin-bottom: 10px;
		box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05);
		overflow: visible;
		opacity: 0;
		transform: translateY(8px) scale(0.98);
		pointer-events: none;
		transition: opacity 0.18s ease, transform 0.18s ease;
		}
		#__snackkit_debugger__ .dbg-panel.open {
		opacity: 1;
		transform: translateY(0) scale(1);
		pointer-events: auto;
		}

		/* \u2500\u2500 \u9762\u677F Header \u2500\u2500 */
		#__snackkit_debugger__ .dbg-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 14px;
		background: #171e2e;
		border-bottom: 1px solid #2d3a55;
		border-radius: 12px 12px 0 0;
		}
		#__snackkit_debugger__ .dbg-header-left {
		display: flex;
		align-items: center;
		gap: 7px;
		}
		#__snackkit_debugger__ .dbg-header-dot {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #34d399;
		box-shadow: 0 0 6px rgba(52,211,153,0.6);
		}
		#__snackkit_debugger__ .dbg-header-dot.loading {
		background: #fbbf24;
		box-shadow: 0 0 6px rgba(251,191,36,0.6);
		animation: dbg-pulse 1s ease-in-out infinite;
		}
		#__snackkit_debugger__ .dbg-header-dot.err {
		background: #f87171;
		box-shadow: 0 0 6px rgba(248,113,113,0.6);
		}
		#__snackkit_debugger__ .dbg-header-title {
		font-size: 12px;
		font-weight: 600;
		color: #dce8fa;
		letter-spacing: 0.03em;
		}
		#__snackkit_debugger__ .dbg-header-meta {
		font-size: 11px;
		color: #4d6080;
		}

		/* \u2500\u2500 \u9762\u677F\u5185\u5BB9\u533A \u2500\u2500 */
		#__snackkit_debugger__ .dbg-body {
		padding: 12px 14px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: 420px;
		overflow: visible;
		}

		/* \u2500\u2500 \u5B57\u6BB5\u884C \u2500\u2500 */
		#__snackkit_debugger__ .dbg-field {
		display: flex;
		flex-direction: column;
		gap: 5px;
		}
		#__snackkit_debugger__ .dbg-field-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		}
		#__snackkit_debugger__ .dbg-label {
		font-size: 10px;
		font-weight: 600;
		color: #5e72a0;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		}

		/* \u2500\u2500 \u4E00\u952E\u590D\u5236\u5168\u90E8 JSON \u6309\u94AE \u2500\u2500 */
		#__snackkit_debugger__ .dbg-copy-all {
		display: flex;
		align-items: center;
		gap: 4px;
		background: transparent;
		border: 1px solid #2d3a55;
		border-radius: 4px;
		padding: 2px 7px;
		color: #5e72a0;
		font-size: 10px;
		font-family: inherit;
		cursor: pointer;
		transition: border-color 0.15s, color 0.15s, background 0.15s;
		}
		#__snackkit_debugger__ .dbg-copy-all:hover {
		border-color: #4f8ef7;
		color: #7aacfa;
		background: rgba(79,142,247,0.08);
		}
		#__snackkit_debugger__ .dbg-copy-all.done {
		border-color: #34d399;
		color: #34d399;
		}

		/* \u2500\u2500 \u81EA\u5B9A\u4E49\u4E0B\u62C9 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-select {
		position: relative;
		}
		#__snackkit_debugger__ .dbg-select-trigger {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 6px;
		background: #252f45;
		border: 1px solid #2d3a55;
		border-radius: 6px;
		padding: 6px 10px;
		cursor: pointer;
		transition: border-color 0.15s, background 0.15s;
		min-height: 32px;
		}
		#__snackkit_debugger__ .dbg-select-trigger:hover { border-color: #3d5070; background: #2d3a55; }
		#__snackkit_debugger__ .dbg-select.open .dbg-select-trigger {
		border-color: #4f8ef7;
		background: #2d3a55;
		}
		#__snackkit_debugger__ .dbg-select-val {
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 12px;
		color: #b8ccec;
		}
		#__snackkit_debugger__ .dbg-select-val.placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-select-arrow {
		color: #3d5070;
		font-size: 10px;
		flex-shrink: 0;
		transition: transform 0.15s, color 0.15s;
		}
		#__snackkit_debugger__ .dbg-select.open .dbg-select-arrow {
		transform: rotate(180deg);
		color: #4f8ef7;
		}
		#__snackkit_debugger__ .dbg-select-dropdown {
		position: absolute;
		bottom: calc(100% + 4px);
		left: 0;
		right: 0;
		background: #1e2638;
		border: 1px solid #2d3a55;
		border-radius: 8px;
		box-shadow: 0 -8px 24px rgba(0,0,0,0.35);
		overflow: hidden;
		opacity: 0;
		transform: translateY(4px);
		pointer-events: none;
		transition: opacity 0.14s, transform 0.14s;
		z-index: 100000;
		}
		#__snackkit_debugger__ .dbg-select.open .dbg-select-dropdown {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		}
		#__snackkit_debugger__ .dbg-select-search {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 7px 10px;
		border-bottom: 1px solid #2d3a55;
		}
		#__snackkit_debugger__ .dbg-select-search-icon { color: #3d5070; font-size: 11px; flex-shrink: 0; }
		#__snackkit_debugger__ .dbg-select-search input {
		flex: 1;
		background: transparent;
		border: none;
		outline: none;
		color: #b8ccec;
		font-size: 12px;
		font-family: inherit;
		}
		#__snackkit_debugger__ .dbg-select-search input::placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-select-list {
		max-height: 160px;
		overflow-y: auto;
		}
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar { width: 3px; }
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar-track { background: transparent; }
		#__snackkit_debugger__ .dbg-select-list::-webkit-scrollbar-thumb { background: #2d3a55; border-radius: 2px; }
		#__snackkit_debugger__ .dbg-select-option {
		padding: 7px 10px;
		cursor: pointer;
		font-size: 12px;
		color: #8aa4c8;
		transition: background 0.1s, color 0.1s;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
		#__snackkit_debugger__ .dbg-select-option:hover { background: #2d3a55; color: #dce8fa; }
		#__snackkit_debugger__ .dbg-select-option.active { color: #7aacfa; background: #1e3060; }
		#__snackkit_debugger__ .dbg-select-option.hidden { display: none; }
		#__snackkit_debugger__ .dbg-select-empty {
		padding: 12px 10px;
		font-size: 12px;
		color: #3d5070;
		text-align: center;
		}

		/* \u2500\u2500 \u8DEF\u7531\u5217\u8868 \u2500\u2500 */
		#__snackkit_debugger__ .dbg-ctx-field {
		flex: 1;
		min-height: 0;
		display: flex;
		flex-direction: column;
		gap: 5px;
		}
		#__snackkit_debugger__ .dbg-ctx-wrap {
		flex: 1;
		min-height: 0;
		border: 1px solid #2d3a55;
		border-radius: 6px;
		overflow: hidden;
		background: #252f45;
		display: flex;
		flex-direction: column;
		}
		#__snackkit_debugger__ .dbg-ctx-search {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 10px;
		border-bottom: 1px solid #2d3a55;
		background: #1e2638;
		}
		#__snackkit_debugger__ .dbg-ctx-search input {
		flex: 1;
		background: transparent;
		border: none;
		outline: none;
		color: #b8ccec;
		font-size: 12px;
		font-family: inherit;
		}
		#__snackkit_debugger__ .dbg-ctx-search input::placeholder { color: #3d5070; }
		#__snackkit_debugger__ .dbg-ctx-list {
		flex: 1;
		min-height: 0;
		overflow-y: auto;
		}
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar { width: 3px; }
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar-track { background: transparent; }
		#__snackkit_debugger__ .dbg-ctx-list::-webkit-scrollbar-thumb { background: #2d3a55; border-radius: 2px; }
		#__snackkit_debugger__ .dbg-ctx-item {
		padding: 5px 10px;
		cursor: pointer;
		display: grid;
		grid-template-columns: minmax(80px, 148px) 1fr auto;
		gap: 8px;
		align-items: center;
		border-bottom: 1px solid #1e2638;
		transition: background 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:last-child { border-bottom: none; }
		#__snackkit_debugger__ .dbg-ctx-item:hover { background: #2d3a55; }
		#__snackkit_debugger__ .dbg-ctx-item.hidden { display: none; }
		#__snackkit_debugger__ .dbg-ctx-key {
		font-size: 12px;
		color: #7aacfa;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
		#__snackkit_debugger__ .dbg-ctx-val {
		font-size: 11px;
		color: #4d6080;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		transition: color 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:hover .dbg-ctx-val { color: #7a90b0; }
		#__snackkit_debugger__ .dbg-ctx-copy {
		font-size: 11px;
		color: #3d5070;
		opacity: 0;
		flex-shrink: 0;
		transition: opacity 0.1s, color 0.1s;
		}
		#__snackkit_debugger__ .dbg-ctx-item:hover .dbg-ctx-copy { opacity: 1; color: #5e72a0; }
		#__snackkit_debugger__ .dbg-ctx-item.copied .dbg-ctx-copy { color: #34d399; opacity: 1; }
		#__snackkit_debugger__ .dbg-ctx-empty {
		padding: 16px 10px;
		font-size: 12px;
		color: #3d5070;
		text-align: center;
		}

		/* \u2500\u2500 \u5E95\u90E8\u72B6\u6001\u680F \u2500\u2500 */
		#__snackkit_debugger__ .dbg-footer {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 7px 14px;
		background: #171e2e;
		border-top: 1px solid #2d3a55;
		border-radius: 0 0 12px 12px;
		font-size: 11px;
		color: #4d6080;
		min-height: 30px;
		}
		#__snackkit_debugger__ .dbg-footer.ok { color: #34d399; }
		#__snackkit_debugger__ .dbg-footer.err { color: #f87171; }
		#__snackkit_debugger__ .dbg-footer-dot {
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: currentColor;
		flex-shrink: 0;
		}

		@keyframes dbg-pulse {
		0%, 100% { opacity: 1; }
		50% { opacity: 0.35; }
		}
		`;
		var SearchSelect = class {
		constructor(onChange) {
		this.options = [];
		this.selected = "";
		this.onChange = onChange;
		this.el = document.createElement("div");
		this.el.className = "dbg-select";
		this.trigger = document.createElement("div");
		this.trigger.className = "dbg-select-trigger";
		this.valEl = document.createElement("span");
		this.valEl.className = "dbg-select-val placeholder";
		const arrow = document.createElement("span");
		arrow.className = "dbg-select-arrow";
		arrow.textContent = "\u25BE";
		this.trigger.appendChild(this.valEl);
		this.trigger.appendChild(arrow);
		this.dropdown = document.createElement("div");
		this.dropdown.className = "dbg-select-dropdown";
		const searchWrap = document.createElement("div");
		searchWrap.className = "dbg-select-search";
		const searchIcon = document.createElement("span");
		searchIcon.className = "dbg-select-search-icon";
		searchIcon.textContent = "\u2315";
		this.searchInput = document.createElement("input");
		this.searchInput.type = "text";
		this.searchInput.placeholder = T.search();
		searchWrap.appendChild(searchIcon);
		searchWrap.appendChild(this.searchInput);
		this.listEl = document.createElement("div");
		this.listEl.className = "dbg-select-list";
		this.dropdown.appendChild(searchWrap);
		this.dropdown.appendChild(this.listEl);
		this.el.appendChild(this.trigger);
		this.el.appendChild(this.dropdown);
		this.bindEvents();
		}
		bindEvents() {
		this.trigger.addEventListener("click", (e) => {
		e.stopPropagation();
		const isOpen = this.el.classList.contains("open");
		document.querySelectorAll("#__snackkit_debugger__ .dbg-select.open").forEach((el) => {
		if (el !== this.el) el.classList.remove("open");
		});
		this.el.classList.toggle("open", !isOpen);
		if (!isOpen) {
		this.searchInput.value = "";
		this.filterOptions("");
		setTimeout(() => this.searchInput.focus(), 50);
		}
		});
		this.searchInput.addEventListener("input", () => {
		this.filterOptions(this.searchInput.value);
		});
		this.searchInput.addEventListener("click", (e) => e.stopPropagation());
		document.addEventListener("click", () => {
		this.el.classList.remove("open");
		});
		}
		filterOptions(query) {
		const q = query.toLowerCase();
		let visibleCount = 0;
		this.listEl.querySelectorAll(".dbg-select-option").forEach((opt) => {
		const match = !q \|\| opt.textContent.toLowerCase().includes(q);
		opt.classList.toggle("hidden", !match);
		if (match) visibleCount++;
		});
		let emptyEl = this.listEl.querySelector(".dbg-select-empty");
		if (visibleCount === 0) {
		if (!emptyEl) {
		emptyEl = document.createElement("div");
		emptyEl.className = "dbg-select-empty";
		emptyEl.textContent = T.noMatch();
		this.listEl.appendChild(emptyEl);
		}
		} else {
		emptyEl?.remove();
		}
		}
		/** 更新选项列表 */
		setOptions(options, placeholder) {
		this.options = options;
		this.listEl.innerHTML = "";
		this.valEl.textContent = placeholder;
		this.valEl.className = "dbg-select-val placeholder";
		this.selected = "";
		options.forEach(({ value, label }) => {
		const opt = document.createElement("div");
		opt.className = "dbg-select-option";
		opt.dataset["value"] = value;
		opt.textContent = label;
		opt.setAttribute("title", label);
		opt.addEventListener("click", (e) => {
		e.stopPropagation();
		this.select(value, label);
		this.el.classList.remove("open");
		});
		this.listEl.appendChild(opt);
		});
		}
		/** 选中某个值（不触发 onChange） */
		setValue(value) {
		const opt = this.options.find((o) => o.value === value);
		if (opt) this.select(opt.value, opt.label, false);
		}
		select(value, label, emit = true) {
		this.selected = value;
		this.valEl.textContent = label;
		this.valEl.className = "dbg-select-val";
		this.listEl.querySelectorAll(".dbg-select-option").forEach((el) => {
		el.classList.toggle("active", el.dataset["value"] === value);
		});
		if (emit) this.onChange(value);
		}
		getValue() {
		return this.selected;
		}
		getElement() {
		return this.el;
		}
		};
		var Debugger = class _Debugger {
		constructor(options) {
		this.servers = [];
		this.currentCtxMap = {};
		this.options = options;
		this.gateways = Array.isArray(options.gateways) ? options.gateways : [options.gateways];
		}
		/**
		* 初始化并渲染调试面板
		*
		* 支持两种调用形式：
		* - 配置对象：传入 `DebuggerOptions`，可配置网关列表和超时时间
		* - 数组简写：直接传入网关 URL 数组，等价于 `{ gateways: [...] }`
		*
		* 调用后在页面右下角插入浮动按钮，点击展开调试面板。
		* 面板支持：选择调试网关、切换目标服务、查看并复制路由 ctx。
		* 网关/服务选择通过 `localStorage` 持久化，刷新后自动恢复。
		*
		* @param options 配置对象或网关 URL 数组
		*
		* @example 配置对象形式
		* ```ts
		* import { Debugger } from '@snack-kit/lib/debugger'
		*
		* await Debugger.init({
		* gateways: [
		* 'http://dev-gateway.example.com',
		* 'http://test-gateway.example.com',
		* ],
		* timeout: 5000,
		* })
		* ```
		*
		* @example 数组简写形式
		* ```ts
		* await Debugger.init([
		* 'http://dev-gateway.example.com',
		* 'http://test-gateway.example.com',
		* ])
		* ```
		*
		* @example 仅在非生产环境加载
		* ```ts
		* if (import.meta.env.DEV) {
		* const { Debugger } = await import('@snack-kit/lib/debugger')
		* await Debugger.init(['http://dev-gateway.example.com'])
		* }
		* ```
		*/
		static async init(options) {
		globalThis[DEBUGGER_ACTIVE_KEY] = true;
		const normalized = Array.isArray(options) ? { gateways: options } : options;
		const instance = new _Debugger({ timeout: 1e4, ...normalized });
		instance.injectStyle();
		instance.buildDOM();
		await instance.restoreState();
		return instance;
		}
		/** 注入内联样式 */
		injectStyle() {
		if (document.getElementById("__snackkit_debugger_style__")) return;
		const style = document.createElement("style");
		style.id = "__snackkit_debugger_style__";
		style.textContent = PANEL_STYLE;
		document.head.appendChild(style);
		}
		/** 构建 DOM 结构 */
		buildDOM() {
		const root = document.createElement("div");
		root.id = "__snackkit_debugger__";
		const panel = document.createElement("div");
		panel.className = "dbg-panel";
		this.panelEl = panel;
		const header = document.createElement("div");
		header.className = "dbg-header";
		const headerLeft = document.createElement("div");
		headerLeft.className = "dbg-header-left";
		this.headerDot = document.createElement("span");
		this.headerDot.className = "dbg-header-dot loading";
		const headerTitle = document.createElement("span");
		headerTitle.className = "dbg-header-title";
		headerTitle.textContent = "Snack Kit Debugger";
		headerLeft.appendChild(this.headerDot);
		headerLeft.appendChild(headerTitle);
		header.appendChild(headerLeft);
		panel.appendChild(header);
		const body = document.createElement("div");
		body.className = "dbg-body";
		this.gwVersion = document.createElement("span");
		this.gwVersion.className = "dbg-header-meta";
		this.gwSelect = new SearchSelect((val) => this.onGatewayChange(val));
		this.gwSelect.setOptions(this.gateways.map((g) => ({ value: g, label: g })), T.selectGateway());
		body.appendChild(this.createFieldWithAction(T.gateway(), this.gwVersion, this.gwSelect.getElement()));
		this.typeSelect = new SearchSelect((val) => this.onTypeChange(val));
		body.appendChild(this.createField(T.tag(), this.typeSelect.getElement()));
		this.serverSelect = new SearchSelect((val) => this.onServerChange(val));
		body.appendChild(this.createField(T.server(), this.serverSelect.getElement()));
		const ctxWrap = document.createElement("div");
		ctxWrap.className = "dbg-ctx-wrap";
		const ctxSearch = document.createElement("div");
		ctxSearch.className = "dbg-ctx-search";
		const ctxSearchIcon = document.createElement("span");
		ctxSearchIcon.className = "dbg-select-search-icon";
		ctxSearchIcon.textContent = "\u2315";
		this.ctxSearchInput = document.createElement("input");
		this.ctxSearchInput.type = "text";
		this.ctxSearchInput.placeholder = T.filterCtx();
		this.ctxSearchInput.addEventListener("input", () => this.filterCtx(this.ctxSearchInput.value));
		ctxSearch.appendChild(ctxSearchIcon);
		ctxSearch.appendChild(this.ctxSearchInput);
		this.ctxList = document.createElement("div");
		this.ctxList.className = "dbg-ctx-list";
		ctxWrap.appendChild(ctxSearch);
		ctxWrap.appendChild(this.ctxList);
		this.copyAllBtn = document.createElement("button");
		this.copyAllBtn.className = "dbg-copy-all";
		this.copyAllBtn.textContent = T.copyAll();
		this.copyAllBtn.setAttribute("title", isChinese() ? "\u5C06\u5168\u90E8\u4E0A\u4E0B\u6587\u590D\u5236\u4E3A JSON\uFF0C\u53EF\u4F5C\u4E3A Context.load({...}) \u7684\u53C2\u6570" : "Copy all ctx entries as JSON for Context.load({...})");
		this.copyAllBtn.addEventListener("click", (e) => {
		e.stopPropagation();
		this.copyAllCtx();
		});
		const ctxField = this.createFieldWithAction(T.ctxLabel(), this.copyAllBtn, ctxWrap);
		ctxField.classList.add("dbg-ctx-field");
		body.appendChild(ctxField);
		panel.appendChild(body);
		const footer = document.createElement("div");
		footer.className = "dbg-footer";
		this.footerEl = footer;
		panel.appendChild(footer);
		const toggle = document.createElement("button");
		toggle.className = "dbg-toggle";
		toggle.textContent = "\u{1F41B}";
		toggle.setAttribute("title", "Snack Debugger");
		toggle.addEventListener("click", (e) => {
		e.stopPropagation();
		panel.classList.toggle("open");
		});
		root.appendChild(panel);
		root.appendChild(toggle);
		document.body.appendChild(root);
		}
		/** 创建普通字段行（label + content） */
		createField(label, content) {
		const field = document.createElement("div");
		field.className = "dbg-field";
		const lbl = document.createElement("div");
		lbl.className = "dbg-label";
		lbl.textContent = label;
		field.appendChild(lbl);
		field.appendChild(content);
		return field;
		}
		/** 创建带操作按钮的字段行（label + action button + content） */
		createFieldWithAction(label, action, content) {
		const field = document.createElement("div");
		field.className = "dbg-field";
		const fieldHeader = document.createElement("div");
		fieldHeader.className = "dbg-field-header";
		const lbl = document.createElement("div");
		lbl.className = "dbg-label";
		lbl.textContent = label;
		fieldHeader.appendChild(lbl);
		fieldHeader.appendChild(action);
		field.appendChild(fieldHeader);
		field.appendChild(content);
		return field;
		}
		/** 恢复上次持久化的状态 */
		async restoreState() {
		const savedGw = localStorage.getItem(KEY_GATEWAY);
		const gw = savedGw && this.gateways.includes(savedGw) ? savedGw : this.gateways[0];
		this.gwSelect.setValue(gw);
		await this.loadServers(gw);
		const savedType = localStorage.getItem(KEY_TYPE);
		if (savedType) {
		this.typeSelect.setValue(savedType);
		this.renderServerOptions(savedType);
		}
		const savedServer = localStorage.getItem(KEY_SERVER);
		if (savedServer && this.servers.find((s) => s.key === savedServer)) {
		this.serverSelect.setValue(savedServer);
		await this.applyServer(savedServer);
		}
		}
		async onGatewayChange(gw) {
		localStorage.setItem(KEY_GATEWAY, gw);
		this.gwVersion.textContent = "";
		await this.loadServers(gw);
		}
		onTypeChange(type) {
		localStorage.setItem(KEY_TYPE, type);
		this.renderServerOptions(type);
		}
		async onServerChange(key) {
		localStorage.setItem(KEY_SERVER, key);
		await this.applyServer(key);
		}
		/** 从网关加载服务列表 */
		async loadServers(gwUrl) {
		this.setHeader("loading");
		this.setFooter(T.loading(), "");
		try {
		const res = await _http.get(`${gwUrl}/web-debug/host/list`, {
		timeout: this.options.timeout
		});
		this.servers = res.data ?? [];
		this.renderTypeOptions();
		this.setHeader("ok");
		this.setFooter(T.loaded(this.servers.length), "ok");
		} catch (err) {
		const message = err instanceof Error ? err.message : String(err);
		this.setHeader("err");
		this.setFooter(T.loadFailed(message), "err");
		}
		}
		/** 渲染标签选项 */
		renderTypeOptions() {
		const types = [...new Set(this.servers.map((s) => s.type).filter(Boolean))];
		const opts = [{ value: "", label: T.allTags() }, ...types.map((t) => ({ value: t, label: t }))];
		this.typeSelect.setOptions(opts, T.allTags());
		this.typeSelect.setValue("");
		this.renderServerOptions("");
		}
		/** 根据标签渲染服务选项 */
		renderServerOptions(type) {
		const filtered = type ? this.servers.filter((s) => s.type === type) : this.servers;
		this.serverSelect.setOptions(
		filtered.map((s) => ({ value: s.key, label: `${s.name} (${s.key})` })),
		T.selectServer()
		);
		this.renderCtxList({});
		}
		/** 切换目标服务，重新加载 Context 路由映射 */
		async applyServer(key) {
		if (!key) {
		this.renderCtxList({});
		return;
		}
		const server = this.servers.find((s) => s.key === key);
		if (!server) return;
		this.setFooter(T.switching(), "");
		try {
		await Context.load(server.origin, this.options.timeout);
		const res = await fetch(`${server.origin}/ngw/context`);
		const raw = res.ok ? await res.json() : {};
		const ctxMap = {};
		for (const [k, v] of Object.entries(raw)) {
		if (k !== "$info" && typeof v === "string") ctxMap[k] = v;
		}
		const info = Context.info;
		if (info) this.gwVersion.textContent = `v${info.version}`;
		this.renderCtxList(ctxMap);
		const count = Object.keys(ctxMap).length;
		this.setFooter(T.routes(server.name, count), "ok");
		} catch (err) {
		const msg = err instanceof Error ? err.message : String(err);
		this.setFooter(T.switchFailed(msg), "err");
		}
		}
		/** 渲染路由列表 */
		renderCtxList(ctxMap) {
		this.currentCtxMap = ctxMap;
		this.ctxList.innerHTML = "";
		this.ctxSearchInput.value = "";
		const entries = Object.entries(ctxMap);
		if (entries.length === 0) {
		const empty = document.createElement("div");
		empty.className = "dbg-ctx-empty";
		empty.textContent = T.selectFirst();
		this.ctxList.appendChild(empty);
		return;
		}
		entries.forEach(([k, v]) => {
		const item = document.createElement("div");
		item.className = "dbg-ctx-item";
		item.dataset["key"] = k;
		const keySpan = document.createElement("span");
		keySpan.className = "dbg-ctx-key";
		keySpan.textContent = k;
		keySpan.setAttribute("title", k);
		const valSpan = document.createElement("span");
		valSpan.className = "dbg-ctx-val";
		valSpan.textContent = v;
		valSpan.setAttribute("title", `${k} \u2192 ${v}`);
		const copyIcon = document.createElement("span");
		copyIcon.className = "dbg-ctx-copy";
		copyIcon.textContent = "\u2398";
		item.appendChild(keySpan);
		item.appendChild(valSpan);
		item.appendChild(copyIcon);
		item.addEventListener("click", () => this.copyCtxItem(item, k));
		this.ctxList.appendChild(item);
		});
		}
		/** 过滤路由列表 */
		filterCtx(query) {
		const q = query.toLowerCase();
		this.ctxList.querySelectorAll(".dbg-ctx-item").forEach((item) => {
		const key = item.dataset["key"] ?? "";
		item.classList.toggle("hidden", !!q && !key.toLowerCase().includes(q));
		});
		}
		/** 复制单个 ctx key */
		copyCtxItem(item, text) {
		navigator.clipboard.writeText(text).then(() => {
		item.classList.add("copied");
		const icon = item.querySelector(".dbg-ctx-copy");
		if (icon) icon.textContent = "\u2713";
		setTimeout(() => {
		item.classList.remove("copied");
		const ic = item.querySelector(".dbg-ctx-copy");
		if (ic) ic.textContent = "\u2398";
		}, 1500);
		this.setFooter(T.copied(text), "ok");
		setTimeout(() => this.setFooter("", ""), 2e3);
		});
		}
		/** 一键复制全部上下文为 JSON */
		copyAllCtx() {
		const entries = Object.keys(this.currentCtxMap);
		if (entries.length === 0) return;
		const json = JSON.stringify(this.currentCtxMap, null, 2);
		navigator.clipboard.writeText(json).then(() => {
		this.copyAllBtn.textContent = "\u2713 " + T.copyAllDone();
		this.copyAllBtn.classList.add("done");
		setTimeout(() => {
		this.copyAllBtn.textContent = T.copyAll();
		this.copyAllBtn.classList.remove("done");
		}, 2e3);
		this.setFooter(T.copyAllDone(), "ok");
		setTimeout(() => this.setFooter("", ""), 2500);
		});
		}
		setHeader(state) {
		this.headerDot.className = `dbg-header-dot${state !== "ok" ? ` ${state}` : ""}`;
		}
		setFooter(msg, cls) {
		this.footerEl.innerHTML = msg ? `<span class="dbg-footer-dot"></span>${msg}` : "";
		this.footerEl.className = `dbg-footer${cls ? ` ${cls}` : ""}`;
		}
		};

		export { Debugger };
		//# sourceMappingURL=chunk-YXJTZURC.js.map
		//# sourceMappingURL=chunk-YXJTZURC.js.map

-1

dist/es/chunk-YXJTZURC.js.map

-237

dist/types/context-C4dFUDbw.d.ts

 import { AxiosRequestConfig, AxiosResponse } from 'axios';
 /**
  * HTTP 请求配置，扩展自 AxiosRequestConfig
  */
 interface HttpRequestConfig<D = unknown> extends AxiosRequestConfig<D> {
     /** Context key，自动从 HttpContext 获取 baseURL */
     ctx?: string;
     /** 自定义请求 ID，用于主动取消 */
     cancelId?: string;
     /** 回调接收生成的 cancelId */
     onCancelId?: (id: string) => void;
     /**
      * 是否添加时间戳防缓存，默认 false（添加防缓存时间戳）
      * 设为 true 时不添加时间戳
      */
     cache?: boolean;
 /**
  * 快捷请求方法（Get / Post 等）的 config 入参类型。
  * 与 `HttpRequestConfig` 相同，但不含 `method`（由快捷方法预置）。
  * 适用于以纯配置对象方式调用时，避免重复指定已知的 method。
  * @example
  * ```ts
  * const config: HttpMethodConfig = { url: '/api/user', ctx: 'user-svc' }
  * const { data } = await Get(config)
  * ```
  */
 type HttpMethodConfig<D = unknown> = Omit<HttpRequestConfig<D>, 'method'>;
 /**
  * HTTP 请求结果，扩展自 AxiosResponse
  */
 interface HttpResult<T = unknown> extends Partial<AxiosResponse<T>> {
     /** 有 error 则请求失败，无 error 则成功 */
     error?: HttpError;
 /**
  * HTTP 错误信息
  */
 interface HttpError {
     /** HTTP 状态码 */
     status?: number;
     /** 错误描述 */
     message: string;
     /** 服务端返回的原始错误体 */
     data?: unknown;
 /**
  * 网关 `/ngw/context` 接口返回的元数据（`$info` 字段）
  */
 interface ContextInfo {
     /** 网关版本号，例如 `"4.6.2-r10"` */
     version: string;
     /** 网关域名，例如 `"http://172.16.32.155:20000"` */
     domain: string;
     /** 客户端标识 */
     client: string;
     /** 当前语言 */
     lang: string;
 /**
  * 网关 `/web-debug/host/list` 接口返回的服务列表项
  */
 interface ServerItem {
     /** 服务唯一标识 */
     key: string;
     /** 服务名称 */
     name: string;
     /** 服务类型分组，可为空字符串 */
     type: string;
     /** 服务地址，用于 `context.load()` 切换路由映射 */
     origin: string;
     /** 代理配置（由网关管理，前端只读） */
     proxyInfo: Record<string, unknown>;
 /**
  * globalThis 上的标志位 key，由 `Debugger.init()` 写入。
  * `Context.load()` 无参数调用时，若检测到此标志则跳过自动加载，
  * 由 Debugger 负责在用户选择服务后调用 `Context.load(origin)`。
  */
 declare const DEBUGGER_ACTIVE_KEY = "__snackkit_debugger__active";
 /**
  * 管理服务地址映射的上下文单例
  * 支持三种加载方式：
  * - **不传参数**：生产环境自动以当前页面 Origin 为网关，开发环境由 `Debugger` 接管
  * - **远程加载**：传入网关 URL，自动请求 `GET /ngw/context` 获取映射表
  * - **本地注入**：直接传入键值对象，不发起网络请求
  * @example 生产环境不传参（推荐）
  * ```ts
  * import { Context } from '@snack-kit/lib/http'
  * await Context.load()
  * Context.get('ngw') // 'https://app.example.com/ngw'
  * ```
  * @example 远程加载（指定网关）
  * ```ts
  * await Context.load('http://172.16.32.155:20000')
  * Context.get('ngw')   // 'http://172.16.32.155:20000/ngw'
  * Context.info         // { version: '4.6.2-r10', domain: '...', ... }
  * ```
  * @example 本地注入
  * ```ts
  * await Context.load({
  *   'user-svc': 'http://user.api.com',
  *   'order-svc': 'http://order.api.com',
  * })
  * ```
  */
 declare class HttpContext {
     private _store;
     private _loaded;
     private _info;
     /**
      * 加载服务地址映射
      * 支持三种调用方式：
      * - **传入字符串**：作为网关地址，自动请求 `GET /ngw/context` 获取映射表
      * - **传入对象**：直接注入键值映射，不发起网络请求
      * - **不传参数**：
      *   - 生产环境（`NODE_ENV === 'production'`）：以当前页面 `Origin` 为网关地址自动加载
      *   - 开发环境：立即返回，不做任何操作（应由 `Debugger.init()` 接管加载流程）
      * 远程加载时，响应中的 `$info` 元数据字段会被单独存储，不计入路由映射表。
      * @param source 网关 URL / 键值对象 / 省略
      * @param timeout 远程加载超时（ms），默认 5000
      * @example 不传参——生产环境自动使用当前页面 Origin
      * ```ts
      * await Context.load()
      * ```
      * @example 传入网关地址
      * ```ts
      * await Context.load('http://172.16.32.155:20000', 3000)
      * ```
      * @example 本地注入
      * ```ts
      * await Context.load({ 'user-svc': 'http://user.api.com' })
      * ```
      */
     load(source?: string | Record<string, string>, timeout?: number): Promise<void>;
     /**
      * 获取指定 ctx key 对应的服务地址
      * @param key ctx key，例如 `'ngw'`、`'osc'`
      * @returns 服务地址，未找到时返回空字符串
      * @example
      * ```ts
      * await Context.load('http://172.16.32.155:20000')
      * Context.get('osc')  // 'http://172.16.32.155:20000/osc'
      * Context.get('none') // ''
      * ```
      */
     get(key: string): string;
     /**
      * 网关元数据（仅远程加载后可用）
      * @example
      * ```ts
      * await Context.load('http://172.16.32.155:20000')
      * Context.info?.version // '4.6.2-r10'
      * Context.info?.domain  // 'http://172.16.32.155:20000'
      * ```
      */
     get info(): ContextInfo | undefined;
     /**
      * Context 是否已加载
      * @example
      * ```ts
      * Context.loaded // false
      * await Context.load({ 'user-svc': 'http://user.api.com' })
      * Context.loaded // true
      * ```
      */
     get loaded(): boolean;
     /**
      * 清空所有映射并重置加载状态
      * @example
      * ```ts
      * Context.clear()
      * Context.loaded // false
      * ```
      */
     clear(): void;
 /**
  * HttpContext 全局单例
  * @example
  * ```ts
  * import { Context } from '@snack-kit/lib/http'
  * await Context.load('http://172.16.32.155:20000')
  * Context.get('osc') // 'http://172.16.32.155:20000/osc'
  * ```
  */
 declare const Context: HttpContext;
 /**
  * 当前页面的 origin（`protocol + host`）
  * 在非浏览器环境（如 SSR/Node）返回空字符串。
  * @example
  * ```ts
  * import { Origin } from '@snack-kit/lib/http'
  * // 浏览器中：'https://app.example.com'
  * // Node 环境：''
  * ```
  */
 declare const Origin: string;
 /**
  * 当前页面路径的首段，可直接用作 `ctx` 参数
  * 例如 `/osc/employee` → `'osc'`，在非浏览器环境返回空字符串。
  * @example
  * ```ts
  * import { Ctx, Get } from '@snack-kit/lib/http'
  * // 当前路径为 /osc/... 时，Ctx === 'osc'
  * const result = await Get('/employee', { ctx: Ctx })
  * ```
  */
 declare const Ctx: string;
 export { Context as C, DEBUGGER_ACTIVE_KEY as D, HttpContext as H, Origin as O, type ServerItem as S, type ContextInfo as a, Ctx as b, type HttpError as c, type HttpMethodConfig as d, type HttpRequestConfig as e, type HttpResult as f };

dist/umd/debugger.global.js