@ait-co/devtools 0.1.22 → 0.1.24

package/dist/panel/index.js

@@ -1050,7 +1050,7 @@ function readGlobalString(key) {
 }
 const TELEMETRY_ENDPOINT = readGlobalString("__TELEMETRY_ENDPOINT__") ?? "https://t.aitc.dev";
 function getVersion() {
-	return "0.1.22";
+	return "0.1.24";
 }
 let panelVisibleSince = null;
 let accumulatedMs = 0;
@@ -3274,7 +3274,7 @@ const NONE_PRESET = {
 };
 /**
 * Device presets (2026). CSS viewport 크기는 실제 기기의 `window.innerWidth/innerHeight`.
-* iPhone 17 시리즈는 2025-09 출시. iPhone Air는 2026-04 기준 미출시 추정(`(est)` 라벨).
+* iPhone 17 시리즈는 2025-09 출시. iPhone Air는 2026-04 출시.
 * Galaxy S26 시리즈는 2026-03-11 출시 — viewport 값은 phone-simulator.com에서 보고된
 * 측정치를 사용. safe area는 토스 호스트 환경 실측 필요 — S25 값으로 잠정.
 *
@@ -3315,7 +3315,7 @@ const VIEWPORT_PRESETS = [
 	},
 	{
 		id: "iphone-air",
-		label: "iPhone Air (est)",
+		label: "iPhone Air",
 		width: 420,
 		height: 912,
 		dpr: 3,
@@ -3529,7 +3529,7 @@ function removeNavBarElement() {
 *   우측 `⋯` + 구분선 + `×`.
 * - `game`: 투명 배경, 게임 캔버스를 가리지 않도록 우측 `⋯` + 구분선 + `×`만.
 *
-* `env(safe-area-inset-top)`에는 이 높이가 포함되지 않으므로 (공식 SDK 확인),
+* `env(safe-area-inset-top)`에는 이 높이가 포함되지 않으므로 (SDK 동작 확인),
 * 오버레이는 preset.safeAreaTop만큼 아래로 내려서 그린다.
 *
 * 뒤로가기 버튼은 `__ait:backEvent`를 트리거하고, X 버튼은 `closeView()`를 호출한다.
@@ -3980,6 +3980,21 @@ function createTabRenderers(refreshPanel) {
 * import 하면 자동으로 페이지에 DevTools 패널을 마운트한다.
 * 외부 의존성 없이 vanilla DOM으로 구현.
 */
+/** MCP endpoint registered by the unplugin when `mcp: true` is set */
+const MCP_STATE_PATH = "/api/ait-devtools/state";
+/**
+* Push a state snapshot to the Vite dev-server MCP endpoint.
+* No-ops silently when the endpoint is not available (e.g., mcp option not set,
+* or running in production). Fire-and-forget — never throws.
+*/
+function pushStateToMcpEndpoint(state) {
+	if (typeof fetch === "undefined") return;
+	fetch(MCP_STATE_PATH, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(state)
+	}).catch(() => {});
+}
 function makeDraggable(el, onClickOnly) {
 	let isDragging = false;
 	let startX = 0, startY = 0;
@@ -4167,7 +4182,7 @@ function mount() {
 		mockBadge.textContent = aitState.state.panelEditable ? t("panel.editMode.on") : t("panel.editMode.off");
 		refreshPanel();
 	});
-	const headerRight = h("span", { style: "display:flex;align-items:center;gap:6px" }, mockBadge, h("span", { style: "font-size:11px;color:#666;font-weight:400" }, `v0.1.22`), closeBtn);
+	const headerRight = h("span", { style: "display:flex;align-items:center;gap:6px" }, mockBadge, h("span", { style: "font-size:11px;color:#666;font-weight:400" }, `v0.1.24`), closeBtn);
 	const header = h("div", { className: "ait-panel-header" }, h("span", {}, t("panel.title")), headerRight);
 	tabsEl = h("div", { className: "ait-panel-tabs" });
 	for (const tab of getTabs()) {
@@ -4213,6 +4228,7 @@ function mount() {
 		} catch (err) {
 			console.error("[@ait-co/devtools] Error in subscribe callback:", err);
 		}
+		pushStateToMcpEndpoint(aitState.state);
 	});
 	panelSwitchTabHandler = (e) => {
 		currentTab = e.detail.tab;