services:
  setup-shadcn:
    image: node:24-alpine
    working_dir: /app
    volumes:
      - /share/Container/dms/frontend:/app
    user: "${UID:-1000}:${GID:-1000}"
    command: >
      sh -c "
        echo '📦 Installing dependencies...' &&
        npm install &&
        echo '🎨 Initializing shadcn/ui...' &&
        npx shadcn@latest init -y -d &&
        echo '📥 Adding components...' &&
        npx shadcn@latest add -y button label input card badge tabs progress dropdown-menu tooltip switch &&
        echo '✅ Done! Check components/ui/ directory'
      "

# วิธีใช้:
# cd /share/Container/dms
# UID=$(id -u) GID=$(id -g) docker compose -f generate-shadcn-components.yml run --rm setup-shadcn
#
# หลังจากนั้น commit ไฟล์เหล่านี้:
# - components/ui/*.tsx (หรือ .jsx)
# - lib/utils.ts (หรือ .js)
# - components.json