@gilav21/shadcn-angular 0.0.7 → 0.0.9

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.
Files changed (6) hide show
  1. package/README.md +107 -0
  2. package/dist/index.js +1 -1
  3. package/dist/registry/index.js +30 -0
  4. package/package.json +2 -2
  5. package/src/index.ts +1 -1
  6. package/src/registry/index.ts +30 -0
package/README.md ADDED
@@ -0,0 +1,107 @@
1
+ # @gilav21/shadcn-angular
2
+
3
+ An Angular port of [shadcn/ui](https://ui.shadcn.com/) - beautifully designed components that you can copy and paste into your apps.
4
+
5
+ This CLI tool helps you easily add components to your Angular project.
6
+
7
+ ## Prerequisites
8
+
9
+ - Angular v17+
10
+ - Tailwind CSS installed and configured
11
+
12
+ ## Installation
13
+
14
+ Run the `init` command to set up your project:
15
+
16
+ ```bash
17
+ npx @gilav21/shadcn-angular init
18
+ ```
19
+
20
+ This will:
21
+ 1. Configure your `tailwind.config.ts`.
22
+ 2. Add CSS variables to your global styles.
23
+ 3. Add a `cn` utility for class merging.
24
+ 4. Create a `components.json` configuration file.
25
+
26
+ ## Usage
27
+
28
+ Use the `add` command to add components to your project:
29
+
30
+ ```bash
31
+ npx @gilav21/shadcn-angular add [component]
32
+ ```
33
+
34
+ Example:
35
+
36
+ ```bash
37
+ npx @gilav21/shadcn-angular add button
38
+ ```
39
+
40
+ You can also run the command without arguments to select from a list:
41
+
42
+ ```bash
43
+ npx @gilav21/shadcn-angular add
44
+ ```
45
+
46
+ ## Available Components
47
+
48
+ - Accordion
49
+ - Alert
50
+ - Alert Dialog
51
+ - Aspect Ratio
52
+ - Avatar
53
+ - Badge
54
+ - Breadcrumb
55
+ - Button
56
+ - Button Group
57
+ - Calendar
58
+ - Card
59
+ - Carousel
60
+ - Checkbox
61
+ - Chip List
62
+ - Collapsible
63
+ - Command
64
+ - Context Menu
65
+ - Date Picker
66
+ - Dialog
67
+ - Drawer
68
+ - Dropdown Menu
69
+ - Emoji Picker
70
+ - Empty State
71
+ - Field
72
+ - Hover Card
73
+ - Input
74
+ - Input Group
75
+ - Input OTP
76
+ - Kbd (Keyboard Key)
77
+ - Label
78
+ - Menubar
79
+ - Native Select
80
+ - Navigation Menu
81
+ - Pagination
82
+ - Popover
83
+ - Progress
84
+ - Radio Group
85
+ - Resizable
86
+ - Rich Text Editor
87
+ - Scroll Area
88
+ - Select
89
+ - Separator
90
+ - Sheet
91
+ - Sidebar
92
+ - Skeleton
93
+ - Slider
94
+ - Speed Dial
95
+ - Spinner
96
+ - Switch
97
+ - Table
98
+ - Tabs
99
+ - Textarea
100
+ - Toast
101
+ - Toggle
102
+ - Toggle Group
103
+ - Tooltip
104
+
105
+ ## Documentation
106
+
107
+ For full documentation and examples, verify usage in your local development environment or check the original [shadcn/ui documentation](https://ui.shadcn.com/docs).
package/dist/index.js CHANGED
@@ -6,7 +6,7 @@ const program = new Command();
6
6
  program
7
7
  .name('shadcn-angular')
8
8
  .description('CLI for adding shadcn-angular components to your Angular project')
9
- .version('0.0.6');
9
+ .version('0.0.8');
10
10
  program
11
11
  .command('init')
12
12
  .description('Initialize shadcn-angular in your project')
package/dist/registry/index.js CHANGED
@@ -220,4 +220,34 @@ export const registry = {
220
220
  files: ['speed-dial.component.ts'],
221
221
  dependencies: ['button']
222
222
  },
223
+ 'chip-list': {
224
+ name: 'chip-list',
225
+ files: ['chip-list.component.ts'],
226
+ dependencies: ['badge', 'button'],
227
+ },
228
+ 'emoji-picker': {
229
+ name: 'emoji-picker',
230
+ files: ['emoji-picker.component.ts', 'emoji-data.ts'],
231
+ dependencies: ['button', 'input', 'scroll-area', 'popover'],
232
+ },
233
+ 'rich-text-editor': {
234
+ name: 'rich-text-editor',
235
+ files: [
236
+ 'rich-text-editor.component.ts',
237
+ 'rich-text-toolbar.component.ts',
238
+ 'rich-text-sanitizer.service.ts',
239
+ 'rich-text-markdown.service.ts',
240
+ 'rich-text-mention.component.ts',
241
+ 'rich-text-image-resizer.component.ts',
242
+ ],
243
+ dependencies: [
244
+ 'button',
245
+ 'separator',
246
+ 'popover',
247
+ 'emoji-picker',
248
+ 'select',
249
+ 'input',
250
+ 'scroll-area',
251
+ ],
252
+ },
223
253
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gilav21/shadcn-angular",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "description": "CLI for adding shadcn-angular components to your project",
5
5
  "bin": {
6
6
  "shadcn-angular": "./dist/index.js"
@@ -32,4 +32,4 @@
32
32
  "@types/prompts": "^2.4.9",
33
33
  "typescript": "^5.5.0"
34
34
  }
35
- }
35
+ }
package/src/index.ts CHANGED
@@ -8,7 +8,7 @@ const program = new Command();
8
8
  program
9
9
  .name('shadcn-angular')
10
10
  .description('CLI for adding shadcn-angular components to your Angular project')
11
- .version('0.0.6');
11
+ .version('0.0.8');
12
12
 
13
13
  program
14
14
  .command('init')
package/src/registry/index.ts CHANGED
@@ -229,4 +229,34 @@ export const registry: Record<string, ComponentDefinition> = {
229
229
  files: ['speed-dial.component.ts'],
230
230
  dependencies: ['button']
231
231
  },
232
+ 'chip-list': {
233
+ name: 'chip-list',
234
+ files: ['chip-list.component.ts'],
235
+ dependencies: ['badge', 'button'],
236
+ },
237
+ 'emoji-picker': {
238
+ name: 'emoji-picker',
239
+ files: ['emoji-picker.component.ts', 'emoji-data.ts'],
240
+ dependencies: ['button', 'input', 'scroll-area', 'popover'],
241
+ },
242
+ 'rich-text-editor': {
243
+ name: 'rich-text-editor',
244
+ files: [
245
+ 'rich-text-editor.component.ts',
246
+ 'rich-text-toolbar.component.ts',
247
+ 'rich-text-sanitizer.service.ts',
248
+ 'rich-text-markdown.service.ts',
249
+ 'rich-text-mention.component.ts',
250
+ 'rich-text-image-resizer.component.ts',
251
+ ],
252
+ dependencies: [
253
+ 'button',
254
+ 'separator',
255
+ 'popover',
256
+ 'emoji-picker',
257
+ 'select',
258
+ 'input',
259
+ 'scroll-area',
260
+ ],
261
+ },
232
262
  };