@gilav21/shadcn-angular 0.0.4 → 0.0.6

package/dist/commands/add.js

@@ -55,7 +55,7 @@ export async function add(components, options) {
     const config = await getConfig(cwd);
     if (!config) {
         console.log(chalk.red('Error: components.json not found.'));
-        console.log(chalk.dim('Run `npx shadcn-angular init` first.'));
+        console.log(chalk.dim('Run `npx @gilav21/shadcn-angular init` first.'));
         process.exit(1);
     }
     // Get components to add
@@ -138,7 +138,11 @@ export async function add(components, options) {
             for (const file of component.files) {
                 const targetPath = path.join(targetDir, file);
                 try {
-                    const content = await fetchComponentContent(file, options);
+                    let content = await fetchComponentContent(file, options);
+                    // Transform imports
+                    // Replace ../lib/utils (or similar relative paths) with the configured alias
+                    const utilsAlias = config.aliases.utils;
+                    content = content.replace(/(\.\.\/)+lib\/utils/g, utilsAlias);
                     await fs.ensureDir(path.dirname(targetPath));
                     await fs.writeFile(targetPath, content);
                     spinner.text = `Added ${file}`;

package/dist/commands/init.js

@@ -88,9 +88,9 @@ export async function init(options) {
                 cssVariables: true,
             },
             aliases: {
-                components: '@/components',
-                utils: '@/lib/utils',
-                ui: '@/components/ui',
+                components: responses.componentsPath.replace('src/', '@/'), // Basic heuristic
+                utils: responses.utilsPath.replace('src/', '@/').replace('.ts', ''),
+                ui: responses.componentsPath.replace('src/', '@/'),
             },
             iconLibrary: 'lucide-angular',
         };
@@ -101,9 +101,15 @@ export async function init(options) {
         await fs.writeJson(componentsJsonPath, config, { spaces: 2 });
         spinner.text = 'Created components.json';
         // Create utils directory and file
-        const utilsDir = path.join(cwd, config.aliases.utils.replace('@/', 'src/').replace('/utils', ''));
+        // Resolve path from the config alias, assuming @/ maps to src/ logic for file creation if not provided directly
+        // But we have the 'responses' object from CLI prompt only in the else block above!
+        // So we should rely on config to reconstruct the path, or better yet, if we are in 'defaults' mode, check what config is.
+        // If config came from defaults, aliases are set.
+        // We can reverse-map alias to path: @/ -> src/
+        const utilsPathResolved = config.aliases.utils.replace('@/', 'src/');
+        const utilsDir = path.dirname(path.join(cwd, utilsPathResolved + '.ts')); // utils usually ends in path/to/utils
         await fs.ensureDir(utilsDir);
-        await fs.writeFile(path.join(utilsDir, 'utils.ts'), getUtilsTemplate());
+        await fs.writeFile(path.join(cwd, utilsPathResolved + '.ts'), getUtilsTemplate());
         spinner.text = 'Created utils.ts';
         // Create/update styles file
         const stylesPath = path.join(cwd, config.tailwind.css);
@@ -115,7 +121,8 @@ export async function init(options) {
             spinner.text = 'Updated styles with theme variables';
         }
         // Create components/ui directory
-        const uiDir = path.join(cwd, 'src/components/ui');
+        const uiPathResolved = config.aliases.ui.replace('@/', 'src/');
+        const uiDir = path.join(cwd, uiPathResolved);
         await fs.ensureDir(uiDir);
         spinner.text = 'Created components directory';
         // Install dependencies
@@ -171,8 +178,15 @@ export async function init(options) {
         }
         spinner.succeed(chalk.green('Project initialized successfully!'));
         console.log('\n' + chalk.bold('Next steps:'));
-        console.log(chalk.dim('  1. Add components: ') + chalk.cyan('npx shadcn-angular add button'));
+        console.log(chalk.dim('  1. Add components: ') + chalk.cyan('npx @gilav21/shadcn-angular add button'));
         console.log(chalk.dim('  2. Import and use in your templates'));
+        console.log(chalk.dim('  3. Update your ') + chalk.bold('tsconfig.json') + chalk.dim(' paths:'));
+        console.log(chalk.dim('    "compilerOptions": {'));
+        console.log(chalk.dim('      "baseUrl": ".",'));
+        console.log(chalk.dim('      "paths": {'));
+        console.log(chalk.dim('        "@/*": ["./src/*"]'));
+        console.log(chalk.dim('      }'));
+        console.log(chalk.dim('    }'));
         console.log('');
     }
     catch (error) {

package/dist/index.js

@@ -6,7 +6,7 @@ const program = new Command();
 program
     .name('shadcn-angular')
     .description('CLI for adding shadcn-angular components to your Angular project')
-    .version('0.0.1');
+    .version('0.0.6');
 program
     .command('init')
     .description('Initialize shadcn-angular in your project')

package/dist/registry/index.js

@@ -38,10 +38,12 @@ export const registry = {
     'button-group': {
         name: 'button-group',
         files: ['button-group.component.ts'],
+        dependencies: ['button']
     },
     calendar: {
         name: 'calendar',
-        files: ['calendar.component.ts'],
+        files: ['calendar.component.ts', 'calendar-locales.ts'],
+        dependencies: ['button', 'select'],
     },
     card: {
         name: 'card',
@@ -213,4 +215,9 @@ export const registry = {
         name: 'tooltip',
         files: ['tooltip.component.ts'],
     },
+    'speed-dial': {
+        name: 'speed-dial',
+        files: ['speed-dial.component.ts'],
+        dependencies: ['button']
+    },
 };

package/package.json

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

package/src/commands/add.ts

@@ -70,7 +70,7 @@ export async function add(components: string[], options: AddOptions) {
     const config = await getConfig(cwd);
     if (!config) {
         console.log(chalk.red('Error: components.json not found.'));
-        console.log(chalk.dim('Run `npx shadcn-angular init` first.'));
+        console.log(chalk.dim('Run `npx @gilav21/shadcn-angular init` first.'));
         process.exit(1);
     }
 
@@ -163,7 +163,12 @@ export async function add(components: string[], options: AddOptions) {
                 const targetPath = path.join(targetDir, file);
 
                 try {
-                    const content = await fetchComponentContent(file, options);
+                    let content = await fetchComponentContent(file, options);
+
+                    // Transform imports
+                    // Replace ../lib/utils (or similar relative paths) with the configured alias
+                    const utilsAlias = config.aliases.utils;
+                    content = content.replace(/(\.\.\/)+lib\/utils/g, utilsAlias);
                     await fs.ensureDir(path.dirname(targetPath));
                     await fs.writeFile(targetPath, content);
                     spinner.text = `Added ${file}`;

package/src/commands/init.ts

@@ -99,9 +99,9 @@ export async function init(options: InitOptions) {
                 cssVariables: true,
             },
             aliases: {
-                components: '@/components',
-                utils: '@/lib/utils',
-                ui: '@/components/ui',
+                components: responses.componentsPath.replace('src/', '@/'), // Basic heuristic
+                utils: responses.utilsPath.replace('src/', '@/').replace('.ts', ''),
+                ui: responses.componentsPath.replace('src/', '@/'),
             },
             iconLibrary: 'lucide-angular',
         };
@@ -115,9 +115,17 @@ export async function init(options: InitOptions) {
         spinner.text = 'Created components.json';
 
         // Create utils directory and file
-        const utilsDir = path.join(cwd, config.aliases.utils.replace('@/', 'src/').replace('/utils', ''));
+        // Resolve path from the config alias, assuming @/ maps to src/ logic for file creation if not provided directly
+        // But we have the 'responses' object from CLI prompt only in the else block above!
+        // So we should rely on config to reconstruct the path, or better yet, if we are in 'defaults' mode, check what config is.
+        // If config came from defaults, aliases are set.
+        // We can reverse-map alias to path: @/ -> src/
+
+        const utilsPathResolved = config.aliases.utils.replace('@/', 'src/');
+        const utilsDir = path.dirname(path.join(cwd, utilsPathResolved + '.ts')); // utils usually ends in path/to/utils
+
         await fs.ensureDir(utilsDir);
-        await fs.writeFile(path.join(utilsDir, 'utils.ts'), getUtilsTemplate());
+        await fs.writeFile(path.join(cwd, utilsPathResolved + '.ts'), getUtilsTemplate());
         spinner.text = 'Created utils.ts';
 
         // Create/update styles file
@@ -132,7 +140,8 @@ export async function init(options: InitOptions) {
         }
 
         // Create components/ui directory
-        const uiDir = path.join(cwd, 'src/components/ui');
+        const uiPathResolved = config.aliases.ui.replace('@/', 'src/');
+        const uiDir = path.join(cwd, uiPathResolved);
         await fs.ensureDir(uiDir);
         spinner.text = 'Created components directory';
 
@@ -190,8 +199,15 @@ export async function init(options: InitOptions) {
         spinner.succeed(chalk.green('Project initialized successfully!'));
 
         console.log('\n' + chalk.bold('Next steps:'));
-        console.log(chalk.dim('  1. Add components: ') + chalk.cyan('npx shadcn-angular add button'));
+        console.log(chalk.dim('  1. Add components: ') + chalk.cyan('npx @gilav21/shadcn-angular add button'));
         console.log(chalk.dim('  2. Import and use in your templates'));
+        console.log(chalk.dim('  3. Update your ') + chalk.bold('tsconfig.json') + chalk.dim(' paths:'));
+        console.log(chalk.dim('    "compilerOptions": {'));
+        console.log(chalk.dim('      "baseUrl": ".",'));
+        console.log(chalk.dim('      "paths": {'));
+        console.log(chalk.dim('        "@/*": ["./src/*"]'));
+        console.log(chalk.dim('      }'));
+        console.log(chalk.dim('    }'));
         console.log('');
 
     } catch (error) {

package/src/index.ts

@@ -8,7 +8,7 @@ const program = new Command();
 program
     .name('shadcn-angular')
     .description('CLI for adding shadcn-angular components to your Angular project')
-    .version('0.0.1');
+    .version('0.0.6');
 
 program
     .command('init')

package/src/registry/index.ts

@@ -47,10 +47,12 @@ export const registry: Record<string, ComponentDefinition> = {
   'button-group': {
     name: 'button-group',
     files: ['button-group.component.ts'],
+    dependencies: ['button']
   },
   calendar: {
     name: 'calendar',
-    files: ['calendar.component.ts'],
+    files: ['calendar.component.ts', 'calendar-locales.ts'],
+    dependencies: ['button', 'select'],
   },
   card: {
     name: 'card',
@@ -222,4 +224,9 @@ export const registry: Record<string, ComponentDefinition> = {
     name: 'tooltip',
     files: ['tooltip.component.ts'],
   },
+  'speed-dial': {
+    name: 'speed-dial',
+    files: ['speed-dial.component.ts'],
+    dependencies: ['button']
+  },
 };