@ait-co/debug-console

한국어 · English

앱인토스(Apps in Toss) 미니앱의 on-device attach + eruda 콘솔. 이번 분리에서 프로덕션 번들에 들어갈 수 있는 유일한 패키지다 — dependency는 eruda 하나뿐이고 peerDependency는 0개라, SDK 버전(2.x/3.x)과 완전히 무관하게 동작한다.

이 프로젝트는 더 이상 유지보수되지 않는다. repo는 archive되어 read-only가 되지만 소스와 이슈 기록은 GitHub에 그대로 남고, 이 패키지도 npm에서 계속 설치할 수 있다 — 다만 더 이상 업데이트되지 않는다. aitc.dev 도메인과 그 위에서 돌던 사이트는 종료되므로, 문서는 docs repo의 소스 파일에서 본다.

설치

pnpm add @ait-co/debug-console

peerDependency가 없으므로 @apps-in-toss/web-framework의 설치 여부·버전과 무관하게 그대로 추가할 수 있다. SDK 브릿지(아래 window.__sdk)는 런타임에 동적 import로 SDK 존재 여부를 probe하며, SDK가 없으면 조용히 스킵된다.

사용

자동 게이팅 엔트리 (권장)

미니앱 엔트리에 한 줄만 추가한다. 디버그 활성화 신호(?debug=1 + ?relay=, 또는 DEV 빌드)가 없으면 아무 동작도 하지 않는다:

import '@ait-co/debug-console/auto';

활성화되면 두 가지가 설치된다: (1) on-device Chii 타겟 injection(원격 CDP attach), (2) window.__sdk / window.__sdkCall — 에이전트가 CDP relay 너머로 임의의 SDK API를 직접 호출할 수 있게 해주는 브릿지.

/auto는 런타임 self-gate다 — release 번들에서 "코드가 물리적으로 0바이트"를 보장하지는 않는다(활성화되지 않은 채로 잠들어 있는 청크는 남는다). 그 보장이 필요하면 consumer가 직접 build-time 게이트를 두고 명시적으로 import한다:

if (__DEBUG_BUILD__) {
  import('@ait-co/debug-console').then((m) => m.maybeAttach());
}

define: { __DEBUG_BUILD__: 'false' }로 release 빌드하면 번들러가 @ait-co/debug-console 그래프 전체를 dead-code-eliminate한다.

보너스: relay 없는 단독 eruda 콘솔

mountEruda() / unmountEruda()는 위 gate와 무관하게 직접 호출할 수 있는 export다. relay·attach 없이 폰 화면 위에 eruda 콘솔만 띄우고 싶다면:

import { mountEruda } from '@ait-co/debug-console';

if (import.meta.env.DEV) {
  mountEruda();
}

Exports

| subpath | 내용 | |---|---| | @ait-co/debug-console | checkDebugGate, maybeAttach, mountEruda/unmountEruda, gate 타입/헬퍼 등 전체 API | | @ait-co/debug-console/auto | side-effect 전용 자동 게이팅 엔트리 (위 사용 예시) |

bin은 없다.

@ait-co/devtools와의 관계

@ait-co/devtools는 mock SDK · DevTools 패널 · unplugin(브라우저 dev 환경, station 2)을 담당하고, 이 패키지는 실기기 attach의 in-app 절반(station 3)을 담당한다. @ait-co/debugger가 host(PC) 쪽 MCP 데몬·CDP relay라면, @ait-co/debug-console은 phone(device) 쪽에서 그 relay에 붙는 대상 — Chii 타겟 injection과 eruda 콘솔 오버레이다. 8개 기능 표면을 담던 하나의 devtools 패키지를 이번 분리에서 "브라우저 dev 환경"과 "실기기 디버깅"으로 나눈 결과이며, 이 패키지는 그중에서도 dependency 표면이 가장 좁아야 하는 쪽 — 프로덕션에 실릴 수 있는 유일한 조각이기 때문이다.

보안 스코프

이 패키지는 프로덕션 번들에 실제로 들어갈 수 있다 — 그래서 dependency가 eruda 하나로 고정되어 있고 peerDependency는 0개다. attach는 3단계 활성화 게이트를 통과해야만 이뤄진다: (B) 호스트 allowlist + 배포 엔트리 파라미터, (C) debug=1 opt-in + 유효한 wss: relay URL + (설정된 경우) TOTP 코드. 이 게이트를 통과하지 못하면 attach는 일어나지 않으며, gate 실패 사유는 'host' | 'entry' | 'opt-in' | 'invalid-relay' | 'auth' enum 값으로만 노출된다 — 시크릿·코드 값·relay URL 자체는 어떤 로그에도 남지 않는다.

라이선스

BSD-3-Clause

커뮤니티 오픈소스 프로젝트입니다.