@mandujs/mcp 0.36.2 → 0.37.0

package/src/resources/skills/mandu-composition/rules/comp-state-lift-state.md

@@ -1,150 +1,150 @@
----
-title: Lift State into Provider for Sibling Access
-impact: HIGH
-impactDescription: Enables state sharing without prop drilling
-tags: composition, state, provider, lift-state
----
-
-## Lift State into Provider for Sibling Access
-
-**Impact: HIGH (Enables state sharing without prop drilling)**
-
-형제 컴포넌트가 상태를 공유해야 할 때, 상태를 Provider로 끌어올리세요. Provider 경계 내의 모든 컴포넌트가 상태에 접근할 수 있습니다.
-
-**Incorrect (prop drilling):**
-
-```tsx
-// ❌ 상태를 여러 단계로 전달
-function ChatPage() {
-  const [message, setMessage] = useState("");
-  const [isTyping, setIsTyping] = useState(false);
-
-  return (
-    <div>
-      <MessageList
-        isTyping={isTyping}
-        typingMessage={message}  // prop drilling
-      />
-      <Composer
-        message={message}
-        setMessage={setMessage}
-        setIsTyping={setIsTyping}
-      />
-      <TypingIndicator isTyping={isTyping} />  // prop drilling
-    </div>
-  );
-}
-```
-
-**Correct (Provider로 끌어올리기):**
-
-```tsx
-// ✅ Provider가 상태 관리
-interface ChatContextValue {
-  state: { message: string; isTyping: boolean };
-  actions: { setMessage: (msg: string) => void; setIsTyping: (val: boolean) => void };
-}
-
-const ChatContext = createContext<ChatContextValue | null>(null);
-
-function ChatProvider({ children }: { children: React.ReactNode }) {
-  const [message, setMessage] = useState("");
-  const [isTyping, setIsTyping] = useState(false);
-
-  return (
-    <ChatContext value={{
-      state: { message, isTyping },
-      actions: { setMessage, setIsTyping },
-    }}>
-      {children}
-    </ChatContext>
-  );
-}
-
-// 각 컴포넌트가 필요한 것만 가져감
-function MessageList() {
-  const { state } = use(ChatContext)!;
-  return (
-    <div>
-      {messages.map(msg => <Message key={msg.id} {...msg} />)}
-      {state.isTyping && <TypingPreview text={state.message} />}
-    </div>
-  );
-}
-
-function Composer() {
-  const { state, actions } = use(ChatContext)!;
-  return (
-    <textarea
-      value={state.message}
-      onChange={(e) => {
-        actions.setMessage(e.target.value);
-        actions.setIsTyping(e.target.value.length > 0);
-      }}
-    />
-  );
-}
-
-function TypingIndicator() {
-  const { state } = use(ChatContext)!;
-  if (!state.isTyping) return null;
-  return <span>Someone is typing...</span>;
-}
-```
-
-**사용:**
-
-```tsx
-function ChatPage() {
-  return (
-    <ChatProvider>
-      <div>
-        <MessageList />    {/* context에서 상태 읽음 */}
-        <Composer />       {/* context에서 상태 수정 */}
-        <TypingIndicator /> {/* context에서 상태 읽음 */}
-      </div>
-    </ChatProvider>
-  );
-}
-```
-
-## Provider 경계 이해하기
-
-Provider 경계 내라면 시각적 위치와 무관하게 상태 접근 가능:
-
-```tsx
-<ChatProvider>
-  <Dialog>
-    {/* Dialog 내부 */}
-    <Composer.Frame>
-      <Composer.Input />
-    </Composer.Frame>
-
-    {/* Frame 외부지만 Provider 내부! */}
-    <MessagePreview />  {/* ✅ context 접근 가능 */}
-
-    <DialogActions>
-      <SendButton />    {/* ✅ context 접근 가능 */}
-    </DialogActions>
-  </Dialog>
-</ChatProvider>
-```
-
-## Mandu Island에서의 적용
-
-```tsx
-// app/chat/page.tsx
-import { ChatIsland } from "./client";
-
-export default function ChatPage({ data }) {
-  return (
-    <div>
-      <h1>Chat</h1>
-      {/* Island 내부에서 Provider로 상태 관리 */}
-      <ChatIsland initialMessages={data.messages} />
-    </div>
-  );
-}
-```
-
-Reference: [Lifting State Up](https://react.dev/learn/sharing-state-between-components)
+---
+title: Lift State into Provider for Sibling Access
+impact: HIGH
+impactDescription: Enables state sharing without prop drilling
+tags: composition, state, provider, lift-state
+---
+
+## Lift State into Provider for Sibling Access
+
+**Impact: HIGH (Enables state sharing without prop drilling)**
+
+형제 컴포넌트가 상태를 공유해야 할 때, 상태를 Provider로 끌어올리세요. Provider 경계 내의 모든 컴포넌트가 상태에 접근할 수 있습니다.
+
+**Incorrect (prop drilling):**
+
+```tsx
+// ❌ 상태를 여러 단계로 전달
+function ChatPage() {
+  const [message, setMessage] = useState("");
+  const [isTyping, setIsTyping] = useState(false);
+
+  return (
+    <div>
+      <MessageList
+        isTyping={isTyping}
+        typingMessage={message}  // prop drilling
+      />
+      <Composer
+        message={message}
+        setMessage={setMessage}
+        setIsTyping={setIsTyping}
+      />
+      <TypingIndicator isTyping={isTyping} />  // prop drilling
+    </div>
+  );
+}
+```
+
+**Correct (Provider로 끌어올리기):**
+
+```tsx
+// ✅ Provider가 상태 관리
+interface ChatContextValue {
+  state: { message: string; isTyping: boolean };
+  actions: { setMessage: (msg: string) => void; setIsTyping: (val: boolean) => void };
+}
+
+const ChatContext = createContext<ChatContextValue | null>(null);
+
+function ChatProvider({ children }: { children: React.ReactNode }) {
+  const [message, setMessage] = useState("");
+  const [isTyping, setIsTyping] = useState(false);
+
+  return (
+    <ChatContext value={{
+      state: { message, isTyping },
+      actions: { setMessage, setIsTyping },
+    }}>
+      {children}
+    </ChatContext>
+  );
+}
+
+// 각 컴포넌트가 필요한 것만 가져감
+function MessageList() {
+  const { state } = use(ChatContext)!;
+  return (
+    <div>
+      {messages.map(msg => <Message key={msg.id} {...msg} />)}
+      {state.isTyping && <TypingPreview text={state.message} />}
+    </div>
+  );
+}
+
+function Composer() {
+  const { state, actions } = use(ChatContext)!;
+  return (
+    <textarea
+      value={state.message}
+      onChange={(e) => {
+        actions.setMessage(e.target.value);
+        actions.setIsTyping(e.target.value.length > 0);
+      }}
+    />
+  );
+}
+
+function TypingIndicator() {
+  const { state } = use(ChatContext)!;
+  if (!state.isTyping) return null;
+  return <span>Someone is typing...</span>;
+}
+```
+
+**사용:**
+
+```tsx
+function ChatPage() {
+  return (
+    <ChatProvider>
+      <div>
+        <MessageList />    {/* context에서 상태 읽음 */}
+        <Composer />       {/* context에서 상태 수정 */}
+        <TypingIndicator /> {/* context에서 상태 읽음 */}
+      </div>
+    </ChatProvider>
+  );
+}
+```
+
+## Provider 경계 이해하기
+
+Provider 경계 내라면 시각적 위치와 무관하게 상태 접근 가능:
+
+```tsx
+<ChatProvider>
+  <Dialog>
+    {/* Dialog 내부 */}
+    <Composer.Frame>
+      <Composer.Input />
+    </Composer.Frame>
+
+    {/* Frame 외부지만 Provider 내부! */}
+    <MessagePreview />  {/* ✅ context 접근 가능 */}
+
+    <DialogActions>
+      <SendButton />    {/* ✅ context 접근 가능 */}
+    </DialogActions>
+  </Dialog>
+</ChatProvider>
+```
+
+## Mandu Island에서의 적용
+
+```tsx
+// app/chat/page.tsx
+import { ChatIsland } from "./client";
+
+export default function ChatPage({ data }) {
+  return (
+    <div>
+      <h1>Chat</h1>
+      {/* Island 내부에서 Provider로 상태 관리 */}
+      <ChatIsland initialMessages={data.messages} />
+    </div>
+  );
+}
+```
+
+Reference: [Lifting State Up](https://react.dev/learn/sharing-state-between-components)

package/src/resources/skills/mandu-deployment/SKILL.md

@@ -1,92 +1,92 @@
----
-name: Mandu Deployment
-description: Production deployment patterns for Mandu applications
-metadata:
-  version: "1.0.0"
-  author: mandu
-globs:
-  - "render.yaml"
-  - "Dockerfile"
-  - "docker-compose.yml"
-  - ".github/workflows/*.yml"
-  - "bunfig.toml"
----
-
-# Mandu Deployment Skill
-
-Mandu 앱을 프로덕션 환경에 안전하고 효율적으로 배포하기 위한 가이드입니다.
-
-## 핵심 원칙
-
-1. **Bun 네이티브**: Bun 런타임과 번들러를 최대한 활용
-2. **환경 분리**: 개발/스테이징/프로덕션 환경 명확히 구분
-3. **자동화**: CI/CD를 통한 일관된 배포 프로세스
-4. **보안 우선**: 민감 정보는 환경 변수로 관리
-
-## 빠른 시작
-
-### Render 배포 (권장)
-
-```yaml
-# render.yaml
-services:
-  - type: web
-    name: mandu-app
-    runtime: node
-    buildCommand: bun install && bun run build
-    startCommand: bun run start
-    envVars:
-      - key: NODE_ENV
-        value: production
-      - key: BUN_ENV
-        value: production
-```
-
-### Docker 배포
-
-```dockerfile
-FROM oven/bun:1.0
-
-WORKDIR /app
-COPY package.json bun.lockb ./
-RUN bun install --frozen-lockfile --production
-
-COPY . .
-RUN bun run build
-
-EXPOSE 3000
-CMD ["bun", "run", "start"]
-```
-
-## 배포 체크리스트
-
-### 빌드 준비
-- [ ] `bun run build` 성공 확인
-- [ ] 번들 크기 최적화 (tree-shaking, code-splitting)
-- [ ] 환경 변수 설정 완료
-
-### 플랫폼 설정
-- [ ] Render/Docker 설정 파일 작성
-- [ ] 헬스체크 엔드포인트 구현
-- [ ] 로깅 설정 완료
-
-### 보안
-- [ ] 민감 정보 환경 변수로 분리
-- [ ] HTTPS 강제 적용
-- [ ] 보안 헤더 설정
-
-### 모니터링
-- [ ] 에러 트래킹 설정
-- [ ] 성능 모니터링 구성
-- [ ] 알림 설정
-
-## 규칙 카테고리
-
-| Category | Description | Rules |
-|----------|-------------|-------|
-| Build | 프로덕션 빌드 최적화 | 2 |
-| Platform | 플랫폼별 배포 설정 | 3 |
-| Container | Docker 컨테이너화 | 2 |
-| CI/CD | 자동화 파이프라인 | 1 |
-
-→ 세부 규칙은 `rules/` 폴더 참조
+---
+name: Mandu Deployment
+description: Production deployment patterns for Mandu applications
+metadata:
+  version: "1.0.0"
+  author: mandu
+globs:
+  - "render.yaml"
+  - "Dockerfile"
+  - "docker-compose.yml"
+  - ".github/workflows/*.yml"
+  - "bunfig.toml"
+---
+
+# Mandu Deployment Skill
+
+Mandu 앱을 프로덕션 환경에 안전하고 효율적으로 배포하기 위한 가이드입니다.
+
+## 핵심 원칙
+
+1. **Bun 네이티브**: Bun 런타임과 번들러를 최대한 활용
+2. **환경 분리**: 개발/스테이징/프로덕션 환경 명확히 구분
+3. **자동화**: CI/CD를 통한 일관된 배포 프로세스
+4. **보안 우선**: 민감 정보는 환경 변수로 관리
+
+## 빠른 시작
+
+### Render 배포 (권장)
+
+```yaml
+# render.yaml
+services:
+  - type: web
+    name: mandu-app
+    runtime: node
+    buildCommand: bun install && bun run build
+    startCommand: bun run start
+    envVars:
+      - key: NODE_ENV
+        value: production
+      - key: BUN_ENV
+        value: production
+```
+
+### Docker 배포
+
+```dockerfile
+FROM oven/bun:1.0
+
+WORKDIR /app
+COPY package.json bun.lockb ./
+RUN bun install --frozen-lockfile --production
+
+COPY . .
+RUN bun run build
+
+EXPOSE 3000
+CMD ["bun", "run", "start"]
+```
+
+## 배포 체크리스트
+
+### 빌드 준비
+- [ ] `bun run build` 성공 확인
+- [ ] 번들 크기 최적화 (tree-shaking, code-splitting)
+- [ ] 환경 변수 설정 완료
+
+### 플랫폼 설정
+- [ ] Render/Docker 설정 파일 작성
+- [ ] 헬스체크 엔드포인트 구현
+- [ ] 로깅 설정 완료
+
+### 보안
+- [ ] 민감 정보 환경 변수로 분리
+- [ ] HTTPS 강제 적용
+- [ ] 보안 헤더 설정
+
+### 모니터링
+- [ ] 에러 트래킹 설정
+- [ ] 성능 모니터링 구성
+- [ ] 알림 설정
+
+## 규칙 카테고리
+
+| Category | Description | Rules |
+|----------|-------------|-------|
+| Build | 프로덕션 빌드 최적화 | 2 |
+| Platform | 플랫폼별 배포 설정 | 3 |
+| Container | Docker 컨테이너화 | 2 |
+| CI/CD | 자동화 파이프라인 | 1 |
+
+→ 세부 규칙은 `rules/` 폴더 참조

package/src/resources/skills/mandu-deployment/_sections.md

@@ -1,41 +1,41 @@
-# Mandu Deployment - Rule Categories
-
-## Build
-프로덕션 빌드 최적화 및 번들링 설정
-
-| Impact | Description |
-|--------|-------------|
-| CRITICAL | 빌드 실패 시 배포 불가 |
-| HIGH | 번들 크기, 빌드 시간에 큰 영향 |
-
-## Platform
-배포 플랫폼별 설정 및 최적화
-
-| Impact | Description |
-|--------|-------------|
-| CRITICAL | 플랫폼 호환성 필수 |
-| HIGH | 성능, 비용에 큰 영향 |
-
-## Container
-Docker 컨테이너화 및 오케스트레이션
-
-| Impact | Description |
-|--------|-------------|
-| HIGH | 일관된 배포 환경 보장 |
-| MEDIUM | 개발/프로덕션 환경 일치 |
-
-## CI/CD
-지속적 통합 및 배포 파이프라인
-
-| Impact | Description |
-|--------|-------------|
-| HIGH | 자동화된 품질 보증 |
-| MEDIUM | 배포 속도 및 안정성 향상 |
-
-## Environment
-환경 변수 및 설정 관리
-
-| Impact | Description |
-|--------|-------------|
-| CRITICAL | 보안 민감 정보 보호 |
-| HIGH | 환경별 설정 분리 |
+# Mandu Deployment - Rule Categories
+
+## Build
+프로덕션 빌드 최적화 및 번들링 설정
+
+| Impact | Description |
+|--------|-------------|
+| CRITICAL | 빌드 실패 시 배포 불가 |
+| HIGH | 번들 크기, 빌드 시간에 큰 영향 |
+
+## Platform
+배포 플랫폼별 설정 및 최적화
+
+| Impact | Description |
+|--------|-------------|
+| CRITICAL | 플랫폼 호환성 필수 |
+| HIGH | 성능, 비용에 큰 영향 |
+
+## Container
+Docker 컨테이너화 및 오케스트레이션
+
+| Impact | Description |
+|--------|-------------|
+| HIGH | 일관된 배포 환경 보장 |
+| MEDIUM | 개발/프로덕션 환경 일치 |
+
+## CI/CD
+지속적 통합 및 배포 파이프라인
+
+| Impact | Description |
+|--------|-------------|
+| HIGH | 자동화된 품질 보증 |
+| MEDIUM | 배포 속도 및 안정성 향상 |
+
+## Environment
+환경 변수 및 설정 관리
+
+| Impact | Description |
+|--------|-------------|
+| CRITICAL | 보안 민감 정보 보호 |
+| HIGH | 환경별 설정 분리 |

package/src/resources/skills/mandu-deployment/_template.md

@@ -1,38 +1,38 @@
----
-title: Rule Title Here
-impact: CRITICAL | HIGH | MEDIUM | LOW
-impactDescription: One-line description of why this matters
-tags: deployment, tag2, tag3
----
-
-## Rule Title Here
-
-**Impact: LEVEL (Impact description)**
-
-규칙에 대한 간단한 설명.
-
-**설정 예시:**
-
-```yaml
-# 설정 파일 예시
-key: value
-```
-
-**구현 예시:**
-
-```typescript
-// 코드 예시
-```
-
-## 추가 설정
-
-```bash
-# 명령어 예시
-```
-
-## 주의사항
-
-- 첫 번째 주의사항
-- 두 번째 주의사항
-
-Reference: [문서 링크](https://example.com)
+---
+title: Rule Title Here
+impact: CRITICAL | HIGH | MEDIUM | LOW
+impactDescription: One-line description of why this matters
+tags: deployment, tag2, tag3
+---
+
+## Rule Title Here
+
+**Impact: LEVEL (Impact description)**
+
+규칙에 대한 간단한 설명.
+
+**설정 예시:**
+
+```yaml
+# 설정 파일 예시
+key: value
+```
+
+**구현 예시:**
+
+```typescript
+// 코드 예시
+```
+
+## 추가 설정
+
+```bash
+# 명령어 예시
+```
+
+## 주의사항
+
+- 첫 번째 주의사항
+- 두 번째 주의사항
+
+Reference: [문서 링크](https://example.com)

package/src/resources/skills/mandu-deployment/metadata.json

@@ -1,13 +1,13 @@
-{
-  "id": "mandu-deployment",
-  "name": "Mandu Deployment",
-  "version": "1.0.0",
-  "description": "Production deployment patterns for Mandu applications",
-  "author": "mandu",
-  "references": [
-    "https://bun.sh/docs/bundler",
-    "https://render.com/docs",
-    "https://docs.docker.com/"
-  ],
-  "abstract": "Mandu 앱을 프로덕션 환경에 배포하기 위한 패턴과 가이드. Bun 빌드 최적화, Render/Docker 배포, CI/CD 파이프라인, 환경 설정을 다룹니다."
-}
+{
+  "id": "mandu-deployment",
+  "name": "Mandu Deployment",
+  "version": "1.0.0",
+  "description": "Production deployment patterns for Mandu applications",
+  "author": "mandu",
+  "references": [
+    "https://bun.sh/docs/bundler",
+    "https://render.com/docs",
+    "https://docs.docker.com/"
+  ],
+  "abstract": "Mandu 앱을 프로덕션 환경에 배포하기 위한 패턴과 가이드. Bun 빌드 최적화, Render/Docker 배포, CI/CD 파이프라인, 환경 설정을 다룹니다."
+}