c4-gen 1.6.2 → 1.6.3

package/.github/banner.svg

@@ -0,0 +1,107 @@
+<svg width="1200" height="300" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#f093fb;stop-opacity:0.3" />
+      <stop offset="100%" style="stop-color:#f5576c;stop-opacity:0.3" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background -->
+  <rect width="1200" height="300" fill="url(#grad1)"/>
+  
+  <!-- Decorative circles -->
+  <circle cx="100" cy="50" r="80" fill="url(#grad2)" opacity="0.3"/>
+  <circle cx="1100" cy="250" r="100" fill="url(#grad2)" opacity="0.3"/>
+  <circle cx="950" cy="80" r="60" fill="url(#grad2)" opacity="0.2"/>
+  
+  <!-- Main content container -->
+  <g>
+    <!-- Icon/Logo area -->
+    <g transform="translate(80, 80)">
+      <!-- Architecture icon -->
+      <rect x="0" y="0" width="40" height="40" rx="5" fill="white" opacity="0.9"/>
+      <rect x="50" y="0" width="40" height="40" rx="5" fill="white" opacity="0.8"/>
+      <rect x="25" y="50" width="40" height="40" rx="5" fill="white" opacity="0.7"/>
+      <line x1="20" y1="20" x2="70" y2="20" stroke="white" stroke-width="3" opacity="0.9"/>
+      <line x1="45" y1="40" x2="45" y2="50" stroke="white" stroke-width="3" opacity="0.9"/>
+    </g>
+    
+    <!-- Title -->
+    <text x="220" y="120" font-family="'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" 
+          font-size="72" font-weight="800" fill="white" letter-spacing="-2">
+      c4-gen
+    </text>
+    
+    <!-- Emoji -->
+    <text x="480" y="120" font-size="60">🏗️</text>
+    
+    <!-- Subtitle -->
+    <text x="220" y="165" font-family="'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" 
+          font-size="28" font-weight="400" fill="white" opacity="0.95">
+      AI-Powered C4 Architecture Documentation Generator
+    </text>
+    
+    <!-- Features -->
+    <g transform="translate(220, 200)">
+      <text x="0" y="0" font-family="'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" 
+            font-size="18" font-weight="500" fill="white" opacity="0.9">
+        ⚡ Instant Documentation
+      </text>
+      <text x="220" y="0" font-family="'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" 
+            font-size="18" font-weight="500" fill="white" opacity="0.9">
+        🤖 Google Gemini AI
+      </text>
+      <text x="420" y="0" font-family="'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" 
+            font-size="18" font-weight="500" fill="white" opacity="0.9">
+        📊 Beautiful Diagrams
+      </text>
+      <text x="630" y="0" font-family="'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" 
+            font-size="18" font-weight="500" fill="white" opacity="0.9">
+        🌍 13+ Languages
+      </text>
+    </g>
+    
+    <!-- Author badge -->
+    <g transform="translate(220, 245)">
+      <rect x="0" y="0" width="180" height="35" rx="17.5" fill="white" opacity="0.15"/>
+      <text x="18" y="23" font-family="'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" 
+            font-size="16" font-weight="600" fill="white">
+        👨‍💻 by haodq4
+      </text>
+    </g>
+    
+    <!-- NPM badge -->
+    <g transform="translate(420, 245)">
+      <rect x="0" y="0" width="140" height="35" rx="17.5" fill="white" opacity="0.15"/>
+      <text x="18" y="23" font-family="'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" 
+            font-size="16" font-weight="600" fill="white">
+        📦 npm install
+      </text>
+    </g>
+  </g>
+  
+  <!-- Code snippet decoration -->
+  <g transform="translate(900, 100)">
+    <rect x="0" y="0" width="250" height="150" rx="10" fill="white" opacity="0.1"/>
+    <text x="20" y="35" font-family="'Fira Code', 'Courier New', monospace" 
+          font-size="14" fill="white" opacity="0.8">
+      $ npm i -g c4-gen
+    </text>
+    <text x="20" y="65" font-family="'Fira Code', 'Courier New', monospace" 
+          font-size="14" fill="white" opacity="0.8">
+      $ c4-gen init
+    </text>
+    <text x="20" y="95" font-family="'Fira Code', 'Courier New', monospace" 
+          font-size="14" fill="white" opacity="0.8">
+      $ c4-gen generate
+    </text>
+    <text x="20" y="125" font-family="'Fira Code', 'Courier New', monospace" 
+          font-size="14" fill="#4ade80" opacity="0.9">
+      ✨ Done!
+    </text>
+  </g>
+</svg>

package/README.md

@@ -2,6 +2,8 @@
 
 <div align="center">
 
+![c4-gen Banner](.github/banner.svg)
+
 **Created by [Hao Duong (haodq4)](https://github.com/haodq4)**
 
 [![GitHub](https://img.shields.io/badge/GitHub-haodq4-181717?style=flat-square&logo=github)](https://github.com/haodq4)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "c4-gen",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "Công cụ tự động sinh tài liệu kiến trúc C4 Model từ source code sử dụng AI",
   "main": "index.js",
   "type": "module",

package/src/generator.js

@@ -209,7 +209,7 @@ Hãy trả về JSON với format CHI TIẾT:
 {
   "systemName": "Tên CHÍNH XÁC từ package.json",
   "description": "Mô tả ĐẦY ĐỦ dựa trên phân tích code (3-5 câu)",
-  "businessContext": "Domain nghiệp vụ CHI TIẾT (VD: Restaurant POS system with inventory management, order processing, and payment integration)",
+  "businessContext": "Domain nghiệp vụ CHI TIẾT (VD: Library management system with inventory tracking, book lending, and user management)",
   "purpose": "Mục đích CỤTH (liệt kê 3-5 mục đích chính)",
   "stakeholders": [
     {
@@ -376,8 +376,8 @@ Hãy trả về JSON CHI TIẾT:
       "type": "Type CỤ THỂ (Web Application/API Server/Database/Cache/Message Queue...)",
       "technology": "Tech + version CHÍNH XÁC (Express.js 4.18.2, React 18.2.0, PostgreSQL 14.5...)",
       "description": "Mô tả ĐẦY ĐỦ responsibilities và purpose",
-      "responsibilities": [
-        "LIST TẤT CẢ responsibilities từ code (Handle API requests, Process payments, Manage inventory...)"
+        "responsibilities": [
+          "LIỆT KÊ TẤT CẢ responsibilities từ code (Xử lý yêu cầu API, Quản lý kho, Quản lý logistics, Quản lý thư viện...)"
       ],
       "port": "Port CHÍNH XÁC hoặc 'Not specified'",
       "replicas": "Số instances (1, 3, auto-scale...)",
@@ -579,8 +579,8 @@ Hãy trả về JSON CHI TIẾT:
       "layer": "Layer CỤ THỂ",
       "technology": "Technology stack (Express, Sequelize, TypeORM...)",
       "description": "Mô tả ĐẦY ĐỦ purpose và functionality",
-      "responsibilities": [
-        "LIST TẤT CẢ responsibilities từ methods"
+        "responsibilities": [
+          "LIỆT KÊ TẤT CẢ responsibilities từ methods (Quản lý kho, Quản lý logistics, Quản lý thư viện, Xử lý yêu cầu API...)"
       ],
       "files": [
         "TẤT CẢ file paths liên quan"
@@ -697,12 +697,12 @@ QUAN TRỌNG: Phải ĐỌC TOÀN BỘ CODE và liệt kê ĐẦY ĐỦ, KHÔNG
 
 1. QUÉT TẤT CẢ ROUTES/ENDPOINTS:
    - Đọc TOÀN BỘ files trong routes/, controllers/
-   - Liệt kê TỪNG endpoint: GET /api/users, POST /api/products, PUT /api/orders/:id...
+   - Liệt kê TỪNG endpoint: GET /api/users, POST /api/books, PUT /api/warehouse/:id...
    - Mỗi nhóm endpoints liên quan → 1 sequence diagram
    - VÍ DỤ: 
      * Nhóm /api/auth/* → Authentication Flow
-     * Nhóm /api/products/* → Product Management Flow
-     * Nhóm /api/orders/* → Order Processing Flow
+     * Nhóm /api/books/* → Library Management Flow
+     * Nhóm /api/warehouse/* → Warehouse Logistics Flow
    - PHẢI TẠO sequence diagram cho MỌI nhóm endpoints tìm được
    
 2. TẠO SEQUENCE DIAGRAM CHO MỖI NHÓM: