@wipco/sdui

WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 그린다.

프레임워크 의존성이 없다. peer는 react·react-dom뿐이고, 차트(recharts)·지도(ol)는 별도 진입점의 선택적 peer라 안 깔아도 렌더가 죽지 않는다.

import { SduiRenderer } from '@wipco/sdui';
import '@wipco/sdui/styles.css';

export function Page({ spec }: { spec: unknown }) {
  return <SduiRenderer page={spec} />;
}

진입점

| 진입점 | 내용 | 추가 peer | | --- | --- | --- | | @wipco/sdui | 렌더러 · 기본 어휘 41종 · 검증 · 권한 게이트 | 없음 | | @wipco/sdui/rich | Chart · MapPreview — createRegistry(richComponents)로 얹는다 | recharts · ol (선택) | | @wipco/sdui/meta | 컴포넌트 메타데이터 — 빌더 UI의 팔레트·속성 패널용 | 없음 | | @wipco/sdui/styles.css | 공용 시트 (.wp-*) | — |

rich를 core에서 직접 import하면 안 된다 — 그 순간 core 번들이 recharts·ol을 끌고 온다. meta는 런타임과 완전히 분리돼 있어(컴포넌트를 값으로 import하지 않는다) 빌더가 아닌 앱에는 한 바이트도 들어가지 않는다.

스타일

styles.css는 side-effectful이라 sideEffects 목록에 들어 있다. 번들러가 지우지 않으므로 앱 진입점에서 한 번만 import하면 된다.

자세한 것은 저장소 README 참고.