uikki 1.0.0

package/index.js

@@ -0,0 +1,98 @@
+#!/usr/bin/env node
+
+const https = require('https');
+const fs = require('fs');
+const path = require('path');
+
+const args = process.argv.slice(2);
+
+if (args.length === 0 || args[0] !== 'add') {
+  console.log(`
+🚀 Uikki CLI
+사용법: npx uikki add <category>/<component-name>
+예시: npx uikki add ui/button
+  `);
+  process.exit(1);
+}
+
+const rawPath = args[1]; // e.g., button or ui/button
+if (!rawPath) {
+  console.error("❌ 컴포넌트 이름을 입력해주세요. (예: npx uikki add button)");
+  process.exit(1);
+}
+
+let category = 'ui';
+let componentName = rawPath;
+
+if (rawPath.includes('/')) {
+  [category, componentName] = rawPath.split('/');
+}
+
+// Convert kebab-case to PascalCase
+const toPascalCase = (str) =>
+  str
+    .split('-')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join('');
+
+const pascalName = toPascalCase(componentName);
+const fileName = `Custom${pascalName}.tsx`;
+
+// GitHub Raw URL (dev branch)
+const repoUrl = `https://raw.githubusercontent.com/dmswl6310/Uikki-uikki/dev/src/data/components/${category}/${componentName}/${fileName}`;
+
+const targetDir = path.join(process.cwd(), 'src', 'components', category);
+const targetPath = path.join(targetDir, `${pascalName}.tsx`);
+
+console.log(`⬇️  '${componentName}' 컴포넌트를 가져오는 중...`);
+
+https.get(repoUrl, (res) => {
+  if (res.statusCode === 404) {
+    console.error(`❌ 컴포넌트를 찾을 수 없습니다: ${category}/${componentName}`);
+    process.exit(1);
+  }
+
+  if (res.statusCode !== 200) {
+    console.error(`❌ 네트워크 에러 발생: ${res.statusCode}`);
+    process.exit(1);
+  }
+
+  let data = '';
+
+  res.on('data', (chunk) => {
+    data += chunk;
+  });
+
+  res.on('end', () => {
+    // 1. Create directory if not exists
+    if (!fs.existsSync(targetDir)) {
+      fs.mkdirSync(targetDir, { recursive: true });
+    }
+
+    // 2. Clean up code slightly (Remove export type CustomAvatarProps and rename to Avatar)
+    let cleanedCode = data;
+    // We can replace 'CustomAvatar' with 'Avatar' to make it cleaner for the consumer
+    const regexCustom = new RegExp(`Custom${pascalName}`, 'g');
+    cleanedCode = cleanedCode.replace(regexCustom, pascalName);
+
+    // 3. Write to file
+    fs.writeFileSync(targetPath, cleanedCode);
+
+    console.log(`✅ 성공적으로 추가되었습니다: ${targetPath}`);
+    
+    // Check for common dependencies (heuristics)
+    const deps = [];
+    if (cleanedCode.includes('lucide-react')) deps.push('lucide-react');
+    if (cleanedCode.includes('framer-motion')) deps.push('framer-motion');
+    if (cleanedCode.includes('clsx') || cleanedCode.includes('tailwind-merge')) deps.push('clsx tailwind-merge');
+
+    if (deps.length > 0) {
+      console.log(`\n📦 추가 설치가 필요한 패키지가 발견되었습니다:`);
+      console.log(`npm install ${deps.join(' ')}`);
+    } else {
+      console.log(`\n🎉 추가 설치가 필요한 의존성이 없습니다. 바로 사용하세요!`);
+    }
+  });
+}).on('error', (err) => {
+  console.error(`❌ 에러 발생: ${err.message}`);
+});

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "uikki",
+  "version": "1.0.0",
+  "description": "CLI tool for Uikki UI Component Gallery",
+  "bin": {
+    "uikki": "./index.js"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "ui",
+    "components",
+    "react",
+    "cli"
+  ],
+  "author": "",
+  "license": "MIT"
+}