uikki 1.0.2 โ 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -7
- package/index.js +1 -13
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
# UikkiโฆUikki CLI ๐
|
|
2
2
|
|
|
3
|
-
The official CLI tool for **[UikkiโฆUikki](https://
|
|
4
|
-
|
|
5
|
-
*(Note: Please replace the Vercel URL above with your actual live URL if it is different)*
|
|
3
|
+
The official CLI tool for **[UikkiโฆUikki](https://uikki.vercel.app)**, a Zero-dependency React UI Component Gallery.
|
|
6
4
|
|
|
7
5
|
## ๐ What is Uikki?
|
|
8
6
|
|
|
@@ -15,17 +13,43 @@ You get total control over the code, allowing you to customize it exactly how yo
|
|
|
15
13
|
Run the following command in your React/Tailwind project to add a component:
|
|
16
14
|
|
|
17
15
|
```bash
|
|
18
|
-
npx uikki add <component-name>
|
|
16
|
+
npx -y uikki add <component-name>
|
|
19
17
|
```
|
|
20
18
|
|
|
21
19
|
**Example:**
|
|
22
20
|
```bash
|
|
23
|
-
npx uikki add button
|
|
24
|
-
npx uikki add drawer
|
|
21
|
+
npx -y uikki add button
|
|
22
|
+
npx -y uikki add drawer
|
|
25
23
|
```
|
|
26
24
|
|
|
27
25
|
The CLI will automatically download the component from the Uikki GitHub repository and save it to your `src/components/ui/` folder.
|
|
28
26
|
|
|
27
|
+
## ๐ฎ Live Demo & Component Playground
|
|
28
|
+
|
|
29
|
+
You don't need to install anything to see what Uikki can do!
|
|
30
|
+
Visit our live gallery to test components, tweak their props in real-time, and copy the code:
|
|
31
|
+
|
|
32
|
+
๐ **[Live Demo & Playground](https://uikki.vercel.app)** ๐
|
|
33
|
+
|
|
34
|
+
## ๐ฆ Available Components
|
|
35
|
+
|
|
36
|
+
Currently, the following components are available to fetch via CLI. You can see how each of them looks and behaves on our live website.
|
|
37
|
+
|
|
38
|
+
- `accordion`
|
|
39
|
+
- `avatar`
|
|
40
|
+
- `badge`
|
|
41
|
+
- `button`
|
|
42
|
+
- `card`
|
|
43
|
+
- `drawer`
|
|
44
|
+
- `input`
|
|
45
|
+
- `list`
|
|
46
|
+
- `modal`
|
|
47
|
+
- `progress`
|
|
48
|
+
- `tabs`
|
|
49
|
+
- `toast`
|
|
50
|
+
- `toggle`
|
|
51
|
+
- `tooltip`
|
|
52
|
+
|
|
29
53
|
## ๐จ Features
|
|
30
54
|
|
|
31
55
|
- **Zero-dependency:** Animations and logic are built using pure React state and Tailwind CSS. No Framer Motion, no heavy dependencies!
|
|
@@ -34,5 +58,4 @@ The CLI will automatically download the component from the Uikki GitHub reposito
|
|
|
34
58
|
|
|
35
59
|
## ๐ Links
|
|
36
60
|
|
|
37
|
-
- **Component Gallery & Playground:** [UikkiโฆUikki Website](https://comp-plus-seven.vercel.app)
|
|
38
61
|
- **GitHub Repository:** [dmswl6310/Uikki-uikki](https://github.com/dmswl6310/Uikki-uikki)
|
package/index.js
CHANGED
|
@@ -79,19 +79,7 @@ https.get(repoUrl, (res) => {
|
|
|
79
79
|
fs.writeFileSync(targetPath, cleanedCode);
|
|
80
80
|
|
|
81
81
|
console.log(`โ
์ฑ๊ณต์ ์ผ๋ก ์ถ๊ฐ๋์์ต๋๋ค: ${targetPath}`);
|
|
82
|
-
|
|
83
|
-
// Check for common dependencies (heuristics)
|
|
84
|
-
const deps = [];
|
|
85
|
-
if (cleanedCode.includes('lucide-react')) deps.push('lucide-react');
|
|
86
|
-
if (cleanedCode.includes('framer-motion')) deps.push('framer-motion');
|
|
87
|
-
if (cleanedCode.includes('clsx') || cleanedCode.includes('tailwind-merge')) deps.push('clsx tailwind-merge');
|
|
88
|
-
|
|
89
|
-
if (deps.length > 0) {
|
|
90
|
-
console.log(`\n๐ฆ ์ถ๊ฐ ์ค์น๊ฐ ํ์ํ ํจํค์ง๊ฐ ๋ฐ๊ฒฌ๋์์ต๋๋ค:`);
|
|
91
|
-
console.log(`npm install ${deps.join(' ')}`);
|
|
92
|
-
} else {
|
|
93
|
-
console.log(`\n๐ ์ถ๊ฐ ์ค์น๊ฐ ํ์ํ ์์กด์ฑ์ด ์์ต๋๋ค. ๋ฐ๋ก ์ฌ์ฉํ์ธ์!`);
|
|
94
|
-
}
|
|
82
|
+
console.log(`๐ ๋ฐ๋ก ์ฌ์ฉํ์ธ์!`);
|
|
95
83
|
});
|
|
96
84
|
}).on('error', (err) => {
|
|
97
85
|
console.error(`โ ์๋ฌ ๋ฐ์: ${err.message}`);
|