@wipco/sdui-editor

SDUI 페이지 스펙 편집기 — 목록 · JSON 편집(실시간 미리보기) · 뷰어.

앱이 아니라 컴포넌트다. 소비 프로젝트가 자기 라우트에 마운트하면 같은 오리진이라 CORS·쿠키 문제가 없고, 그 프로젝트의 세션·권한을 그대로 쓴다. 그래서 이 패키지에는 로그인 화면도 라우터도 없다.

import { SduiEditor, createRestSpecStore } from '@wipco/sdui-editor';
import '@wipco/sdui/styles.css';
import '@wipco/sdui-editor/styles.css';

// 같은 오리진의 /ui/* 를 스펙 저장소로 쓴다. 렌더마다 새로 만들지 말 것.
const store = createRestSpecStore();

export function SpecEditorRoute() {
  return <SduiEditor store={store} />;
}

• 화면 전환은 기본이 내부 상태다. 주소에 실으려면 view/onViewChange로 가져가면 된다.
• 저장소는 SpecStore 인터페이스(패키지에서 타입으로 export)만 만족하면 무엇이든 된다.
• 저장소가 capabilities로 못 하는 일을 밝히면 편집기가 화면을 그에 맞게 재단한다.

자세한 것은 저장소 README 참고. (tarball에는 dist만 담기므로 상대 경로 링크는 npm 페이지에서 깨진다.)