(김준회) 결재 프리뷰 공통컴포넌트 작성 및 index.ts --> client.ts 분리 (서버사이드 코드가 번들링되어 클라측에서 실행되는 문제 해결 목적)

1 files changed, 23 insertions, 0 deletions

diff --git a/lib/approval/client.ts b/lib/approval/client.ts
new file mode 100644
index 00000000..4f62ddfc
--- /dev/null
+++ b/lib/approval/client.ts
@@ -0,0 +1,23 @@
+/**
+ * 결재 시스템 - 클라이언트 컴포넌트 Export
+ * 
+ * ⚠️ 중요: 이 파일은 클라이언트 컴포넌트만 export합니다.
+ * 
+ * 서버 전용 함수(Saga, 템플릿 유틸 등)와 분리하여
+ * 클라이언트 번들에 서버 전용 코드가 포함되는 것을 방지합니다.
+ * 
+ * 사용법:
+ * ```typescript
+ * // ✅ 올바른 방법
+ * import { ApprovalPreviewDialog } from '@/lib/approval/client';
+ * 
+ * // ❌ 잘못된 방법 (서버 코드가 클라이언트 번들에 포함됨)
+ * import { ApprovalPreviewDialog } from '@/lib/approval';
+ * ```
+ */
+
+export {
+  ApprovalPreviewDialog,
+  type ApprovalPreviewDialogProps,
+} from './approval-preview-dialog';
+