services:
  setup-shadcn:
    image: node:20-alpine
    working_dir: /app
    volumes:
      - /share/Container/dms/frontend:/app
    user: "${UID:-1000}:${GID:-1000}"
    command: >
      sh -c "
        echo '...installing dependencies...' &&
        npm install &&
        echo '...initiallizing shadcn/ui...' &&
        npx shadcn@latest init -y -f &&
        echo '...adding components...' &&
        npx shadcn@latest add -y alert dialog alert-dialog dropdown-menu checkbox scroll-area table tooltip switch button label input card badge progress tabs select &&
        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