SDK 설치·초기화

# npm 공개 이후
npm install @took-wss/host-sdk

import { WssHostClient } from '@took-wss/host-sdk';

type Session = {
  sessionToken: string;
  expiresAt: string;
  walletUrl: string;
};

export function connectWallet(session: Session, bffUrl: string) {
  const frame = document.querySelector<HTMLIFrameElement>('#wallet');
  if (!frame) throw new Error('지갑 iframe이 필요합니다.');

  const client = new WssHostClient({
    frame,
    walletOrigin: new URL(session.walletUrl).origin,
    sessionToken: session.sessionToken,
    bffUrl,
    // 아래는 호스트가 헤더·탭·안전 영역을 소유하는 예시입니다.
    // 실제 기관 manifest와 호스트 구현에 맞춰 설정하세요.
    hostCapabilities: {
      handlesSafeArea: true,
      rendersRootHeader: true,
      rendersRootTabs: true,
      canScanQr: false,
      canUseContacts: false,
      canOpenRecovery: false,
      canLinkExternalWallet: false,
      canSecureWalletImport: false,
      canCreateSecureSarWallet: false,
    },
    onEvent(event) {
      if (event.type === 'took-wss:bootstrapped') {
        console.info('지갑 연결 완료');
      }
      if (event.type === 'took-wss:error') {
        console.error('지갑 연결 오류:', event.code);
      }
    },
  });

  client.start();
  frame.src = session.walletUrl;
  return () => client.stop();
}