@gilav21/shadcn-angular 0.0.13 → 0.0.15

package/dist/commands/init.js

@@ -130,7 +130,6 @@ export async function init(options) {
                 utils: responses.utilsPath.replace('src/', '@/').replace('.ts', ''),
                 ui: responses.componentsPath.replace('src/', '@/'),
             },
-            iconLibrary: 'lucide-angular',
         };
     }
     const spinner = ora('Initializing project...').start();
@@ -178,7 +177,6 @@ export async function init(options) {
             'clsx',
             'tailwind-merge',
             'class-variance-authority',
-            'lucide-angular',
             'tailwindcss',
             'postcss',
             '@tailwindcss/postcss'
@@ -195,35 +193,6 @@ export async function init(options) {
             };
             await fs.writeJson(postcssrcPath, configContent, { spaces: 4 });
         }
-        // Configure app.config.ts with Lucide icons
-        spinner.text = 'Configuring icons in app.config.ts...';
-        const appConfigPath = path.join(cwd, 'src/app/app.config.ts');
-        if (await fs.pathExists(appConfigPath)) {
-            let appConfigContent = await fs.readFile(appConfigPath, 'utf-8');
-            // Add imports
-            if (!appConfigContent.includes('LucideAngularModule')) {
-                const iconImports = "import { LucideAngularModule, ArrowDown, ArrowUp, ChevronsUpDown, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-angular';";
-                appConfigContent = iconImports + '\n' + appConfigContent;
-            }
-            if (!appConfigContent.includes('importProvidersFrom')) {
-                appConfigContent = "import { importProvidersFrom } from '@angular/core';\n" + appConfigContent;
-            }
-            // Add provider
-            const providerCode = `
-    importProvidersFrom(LucideAngularModule.pick({ 
-      ArrowDown, 
-      ArrowUp, 
-      ChevronsUpDown, 
-      ChevronLeft, 
-      ChevronRight, 
-      ChevronsLeft, 
-      ChevronsRight 
-    }))`;
-            if (!appConfigContent.includes('LucideAngularModule.pick')) {
-                appConfigContent = appConfigContent.replace(/providers:\s*\[/, `providers: [${providerCode},`);
-                await fs.writeFile(appConfigPath, appConfigContent);
-            }
-        }
         spinner.succeed(chalk.green('Project initialized successfully!'));
         console.log('\n' + chalk.bold('Next steps:'));
         console.log(chalk.dim('  1. Add components: ') + chalk.cyan('npx @gilav21/shadcn-angular add button'));

package/dist/registry/index.js

@@ -119,7 +119,7 @@ export const registry = {
             'data-table/data-table-column-header.component.ts',
             'data-table/data-table-pagination.component.ts',
             'data-table/data-table.types.ts',
-            'data-table/cell-host.directive.ts',
+            'data-table/index.ts',
         ],
         dependencies: [
             'table',
@@ -129,6 +129,8 @@ export const registry = {
             'select',
             'pagination',
             'popover',
+            'component-outlet',
+            'icon',
         ],
     },
     dialog: {
@@ -143,11 +145,12 @@ export const registry = {
             'dock-icon.component.ts',
             'dock-label.component.ts',
         ],
+        dependencies: ['icon'],
     },
     'tree-select': {
         name: 'tree-select',
         files: ['tree-select.component.ts'],
-        dependencies: ['popover', 'tree'],
+        dependencies: ['popover', 'tree', 'icon'],
     },
     'virtual-scroll': {
         name: 'virtual-scroll',
@@ -174,6 +177,10 @@ export const registry = {
         name: 'field',
         files: ['field.component.ts'],
     },
+    icon: {
+        name: 'icon',
+        files: ['icon.component.ts'],
+    },
     'file-upload': {
         name: 'file-upload',
         files: ['file-upload.component.ts'],
@@ -263,7 +270,7 @@ export const registry = {
     sidebar: {
         name: 'sidebar',
         files: ['sidebar.component.ts'],
-        dependencies: ['scroll-area', 'tooltip'],
+        dependencies: ['scroll-area', 'tooltip', 'icon'],
     },
     skeleton: {
         name: 'skeleton',
@@ -320,6 +327,7 @@ export const registry = {
     tree: {
         name: 'tree',
         files: ['tree.component.ts'],
+        dependencies: ['icon'],
     },
     'speed-dial': {
         name: 'speed-dial',
@@ -423,11 +431,34 @@ export const registry = {
     },
     'bento-grid': {
         name: 'bento-grid',
-        dependencies: ['context-menu'],
+        dependencies: ['context-menu', 'component-outlet', 'icon'],
         files: [
             'bento-grid.component.ts',
         ],
     },
+    'page-builder': {
+        name: 'page-builder',
+        dependencies: [
+            'bento-grid',
+            'button',
+            'input',
+            'label',
+            'select',
+            'switch',
+            'slider',
+            'icon'
+        ],
+        files: [
+            'page-builder/page-builder.component.ts',
+            'page-builder/page-builder.types.ts',
+            'page-builder/property-editor.component.ts',
+            'page-builder/page-renderer.component.ts'
+        ],
+    },
+    'component-outlet': {
+        name: 'component-outlet',
+        files: ['component-outlet.directive.ts'],
+    },
     'split-button': {
         name: 'split-button',
         files: ['split-button.component.ts'],

package/dist/utils/config.d.ts

@@ -12,7 +12,6 @@ export interface Config {
         utils: string;
         ui: string;
     };
-    iconLibrary: string;
 }
 export declare function getDefaultConfig(): Config;
 export declare function getConfig(cwd: string): Promise<Config | null>;

package/dist/utils/config.js

@@ -15,7 +15,6 @@ export function getDefaultConfig() {
             utils: '@/components/lib/utils',
             ui: '@/components/ui',
         },
-        iconLibrary: 'lucide-angular',
     };
 }
 export async function getConfig(cwd) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gilav21/shadcn-angular",
-    "version": "0.0.13",
+    "version": "0.0.15",
     "description": "CLI for adding shadcn-angular components to your project",
     "bin": {
         "shadcn-angular": "./dist/index.js"

package/src/commands/init.ts

@@ -145,7 +145,6 @@ export async function init(options: InitOptions) {
                 utils: responses.utilsPath.replace('src/', '@/').replace('.ts', ''),
                 ui: responses.componentsPath.replace('src/', '@/'),
             },
-            iconLibrary: 'lucide-angular',
         };
     }
 
@@ -204,7 +203,6 @@ export async function init(options: InitOptions) {
             'clsx',
             'tailwind-merge',
             'class-variance-authority',
-            'lucide-angular',
             'tailwindcss',
             'postcss',
             '@tailwindcss/postcss'
@@ -224,43 +222,6 @@ export async function init(options: InitOptions) {
             await fs.writeJson(postcssrcPath, configContent, { spaces: 4 });
         }
 
-        // Configure app.config.ts with Lucide icons
-        spinner.text = 'Configuring icons in app.config.ts...';
-        const appConfigPath = path.join(cwd, 'src/app/app.config.ts');
-
-        if (await fs.pathExists(appConfigPath)) {
-            let appConfigContent = await fs.readFile(appConfigPath, 'utf-8');
-
-            // Add imports
-            if (!appConfigContent.includes('LucideAngularModule')) {
-                const iconImports = "import { LucideAngularModule, ArrowDown, ArrowUp, ChevronsUpDown, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-angular';";
-                appConfigContent = iconImports + '\n' + appConfigContent;
-            }
-
-            if (!appConfigContent.includes('importProvidersFrom')) {
-                appConfigContent = "import { importProvidersFrom } from '@angular/core';\n" + appConfigContent;
-            }
-
-            // Add provider
-            const providerCode = `
-    importProvidersFrom(LucideAngularModule.pick({ 
-      ArrowDown, 
-      ArrowUp, 
-      ChevronsUpDown, 
-      ChevronLeft, 
-      ChevronRight, 
-      ChevronsLeft, 
-      ChevronsRight 
-    }))`;
-
-            if (!appConfigContent.includes('LucideAngularModule.pick')) {
-                appConfigContent = appConfigContent.replace(
-                    /providers:\s*\[/,
-                    `providers: [${providerCode},`
-                );
-                await fs.writeFile(appConfigPath, appConfigContent);
-            }
-        }
 
         spinner.succeed(chalk.green('Project initialized successfully!'));
 

package/src/registry/index.ts

@@ -129,7 +129,7 @@ export const registry: Record<string, ComponentDefinition> = {
       'data-table/data-table-column-header.component.ts',
       'data-table/data-table-pagination.component.ts',
       'data-table/data-table.types.ts',
-      'data-table/cell-host.directive.ts',
+      'data-table/index.ts',
     ],
     dependencies: [
       'table',
@@ -139,6 +139,8 @@ export const registry: Record<string, ComponentDefinition> = {
       'select',
       'pagination',
       'popover',
+      'component-outlet',
+      'icon',
     ],
   },
   dialog: {
@@ -153,11 +155,12 @@ export const registry: Record<string, ComponentDefinition> = {
       'dock-icon.component.ts',
       'dock-label.component.ts',
     ],
+    dependencies: ['icon'],
   },
   'tree-select': {
     name: 'tree-select',
     files: ['tree-select.component.ts'],
-    dependencies: ['popover', 'tree'],
+    dependencies: ['popover', 'tree', 'icon'],
   },
   'virtual-scroll': {
     name: 'virtual-scroll',
@@ -184,6 +187,10 @@ export const registry: Record<string, ComponentDefinition> = {
     name: 'field',
     files: ['field.component.ts'],
   },
+  icon: {
+    name: 'icon',
+    files: ['icon.component.ts'],
+  },
 
   'file-upload': {
     name: 'file-upload',
@@ -274,7 +281,7 @@ export const registry: Record<string, ComponentDefinition> = {
   sidebar: {
     name: 'sidebar',
     files: ['sidebar.component.ts'],
-    dependencies: ['scroll-area', 'tooltip'],
+    dependencies: ['scroll-area', 'tooltip', 'icon'],
   },
   skeleton: {
     name: 'skeleton',
@@ -331,6 +338,7 @@ export const registry: Record<string, ComponentDefinition> = {
   tree: {
     name: 'tree',
     files: ['tree.component.ts'],
+    dependencies: ['icon'],
   },
   'speed-dial': {
     name: 'speed-dial',
@@ -434,11 +442,34 @@ export const registry: Record<string, ComponentDefinition> = {
   },
   'bento-grid': {
     name: 'bento-grid',
-    dependencies: ['context-menu'],
+    dependencies: ['context-menu', 'component-outlet', 'icon'],
     files: [
       'bento-grid.component.ts',
     ],
   },
+  'page-builder': {
+    name: 'page-builder',
+    dependencies: [
+      'bento-grid',
+      'button',
+      'input',
+      'label',
+      'select',
+      'switch',
+      'slider',
+      'icon'
+    ],
+    files: [
+      'page-builder/page-builder.component.ts',
+      'page-builder/page-builder.types.ts',
+      'page-builder/property-editor.component.ts',
+      'page-builder/page-renderer.component.ts'
+    ],
+  },
+  'component-outlet': {
+    name: 'component-outlet',
+    files: ['component-outlet.directive.ts'],
+  },
   'split-button': {
     name: 'split-button',
     files: ['split-button.component.ts'],

package/src/utils/config.ts

@@ -15,7 +15,6 @@ export interface Config {
         utils: string;
         ui: string;
     };
-    iconLibrary: string;
 }
 
 export function getDefaultConfig(): Config {
@@ -33,7 +32,6 @@ export function getDefaultConfig(): Config {
             utils: '@/components/lib/utils',
             ui: '@/components/ui',
         },
-        iconLibrary: 'lucide-angular',
     };
 }