@gilav21/shadcn-angular 0.0.14 → 0.0.16

package/src/registry/index.ts

@@ -6,6 +6,11 @@ export interface ComponentDefinition {
   files: string[]; // Relative paths to component files
   dependencies?: string[]; // Other components this depends on
   npmDependencies?: string[]; // NPM packages this depends on
+  shortcutDefinitions?: {
+    exportName: string;
+    componentName: string;
+    sourceFile: string;
+  }[];
 }
 
 export type ComponentName = keyof typeof registry;
@@ -49,6 +54,7 @@ export const registry: Record<string, ComponentDefinition> = {
   button: {
     name: 'button',
     files: ['button.component.ts'],
+    dependencies: ['ripple'],
   },
   'button-group': {
     name: 'button-group',
@@ -89,6 +95,13 @@ export const registry: Record<string, ComponentDefinition> = {
     name: 'command',
     files: ['command.component.ts'],
     dependencies: ['dialog'],
+    shortcutDefinitions: [
+      {
+        exportName: 'COMMAND_DIALOG_SHORTCUT_DEFINITIONS',
+        componentName: 'command-dialog',
+        sourceFile: 'command.component.ts',
+      },
+    ],
   },
   'context-menu': {
     name: 'context-menu',
@@ -140,6 +153,7 @@ export const registry: Record<string, ComponentDefinition> = {
       'pagination',
       'popover',
       'component-outlet',
+      'icon',
     ],
   },
   dialog: {
@@ -154,11 +168,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',
@@ -185,6 +200,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',
@@ -275,7 +294,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',
@@ -332,6 +351,7 @@ export const registry: Record<string, ComponentDefinition> = {
   tree: {
     name: 'tree',
     files: ['tree.component.ts'],
+    dependencies: ['icon'],
   },
   'speed-dial': {
     name: 'speed-dial',
@@ -346,7 +366,7 @@ export const registry: Record<string, ComponentDefinition> = {
   'emoji-picker': {
     name: 'emoji-picker',
     files: ['emoji-picker.component.ts', 'emoji-data.ts'],
-    dependencies: ['button', 'input', 'scroll-area', 'popover'],
+    dependencies: ['input', 'scroll-area', 'tooltip'],
   },
   'rich-text-editor': {
     name: 'rich-text-editor',
@@ -355,18 +375,30 @@ export const registry: Record<string, ComponentDefinition> = {
       'rich-text-toolbar.component.ts',
       'rich-text-sanitizer.service.ts',
       'rich-text-markdown.service.ts',
+      'rich-text-paste-normalizer.service.ts',
+      'rich-text-command-registry.service.ts',
       'rich-text-mention.component.ts',
       'rich-text-image-resizer.component.ts',
+      'rich-text-locales.ts',
     ],
     dependencies: [
       'button',
       'separator',
       'popover',
       'emoji-picker',
+      'autocomplete',
       'select',
       'input',
+      'dialog',
       'scroll-area',
     ],
+    shortcutDefinitions: [
+      {
+        exportName: 'RICH_TEXT_SHORTCUT_DEFINITIONS',
+        componentName: 'rich-text-editor',
+        sourceFile: 'rich-text-editor.component.ts',
+      },
+    ],
   },
   // Chart Components
   'pie-chart': {
@@ -435,7 +467,7 @@ export const registry: Record<string, ComponentDefinition> = {
   },
   'bento-grid': {
     name: 'bento-grid',
-    dependencies: ['context-menu', 'component-outlet'],
+    dependencies: ['context-menu', 'component-outlet', 'icon'],
     files: [
       'bento-grid.component.ts',
     ],
@@ -449,12 +481,14 @@ export const registry: Record<string, ComponentDefinition> = {
       'label',
       'select',
       'switch',
-      'slider'
+      'slider',
+      'icon'
     ],
     files: [
       'page-builder/page-builder.component.ts',
       'page-builder/page-builder.types.ts',
-      'page-builder/property-editor.component.ts'
+      'page-builder/property-editor.component.ts',
+      'page-builder/page-renderer.component.ts'
     ],
   },
   'component-outlet': {
@@ -466,4 +500,75 @@ export const registry: Record<string, ComponentDefinition> = {
     files: ['split-button.component.ts'],
     dependencies: ['button', 'dropdown-menu'],
   },
+  // Animations
+  'gradient-text': {
+    name: 'gradient-text',
+    files: ['gradient-text.component.ts'],
+  },
+  'flip-text': {
+    name: 'flip-text',
+    files: ['flip-text.component.ts'],
+  },
+  meteors: {
+    name: 'meteors',
+    files: ['meteors.component.ts'],
+  },
+  'shine-border': {
+    name: 'shine-border',
+    files: ['shine-border.component.ts'],
+  },
+  'scroll-progress': {
+    name: 'scroll-progress',
+    files: ['scroll-progress.component.ts'],
+  },
+  'blur-fade': {
+    name: 'blur-fade',
+    files: ['blur-fade.component.ts'],
+  },
+  ripple: {
+    name: 'ripple',
+    files: ['ripple.directive.ts'],
+  },
+  marquee: {
+    name: 'marquee',
+    files: ['marquee.component.ts'],
+  },
+  'word-rotate': {
+    name: 'word-rotate',
+    files: ['word-rotate.component.ts'],
+  },
+  'morphing-text': {
+    name: 'morphing-text',
+    files: ['morphing-text.component.ts'],
+  },
+  'typing-animation': {
+    name: 'typing-animation',
+    files: ['typing-animation.component.ts'],
+  },
+  'wobble-card': {
+    name: 'wobble-card',
+    files: ['wobble-card.component.ts'],
+  },
+  magnetic: {
+    name: 'magnetic',
+    files: ['magnetic.directive.ts'],
+  },
+  orbit: {
+    name: 'orbit',
+    files: ['orbit.component.ts'],
+  },
+  'stagger-children': {
+    name: 'stagger-children',
+    files: ['stagger-children.component.ts'],
+  },
+  particles: {
+    name: 'particles',
+    files: ['particles.component.ts'],
+  },
+  // Kanban
+  kanban: {
+    name: 'kanban',
+    files: ['kanban.component.ts'],
+    dependencies: ['badge', 'avatar', 'scroll-area', 'separator'],
+  },
 };

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',
     };
 }
 

package/src/utils/shortcut-registry.ts

@@ -0,0 +1,79 @@
+import fs from 'fs-extra';
+import path from 'path';
+import type { Config } from './config.js';
+
+export interface ShortcutRegistryEntry {
+    exportName: string;
+    componentName: string;
+    sourceFile: string;
+}
+
+function aliasToProjectPath(aliasOrPath: string): string {
+    return aliasOrPath.startsWith('@/')
+        ? path.join('src', aliasOrPath.slice(2))
+        : aliasOrPath;
+}
+
+function resolveProjectPath(cwd: string, inputPath: string): string {
+    const resolved = path.resolve(cwd, inputPath);
+    const relative = path.relative(cwd, resolved);
+    if (relative.startsWith('..') || path.isAbsolute(relative)) {
+        throw new Error(`Path must stay inside the project directory: ${inputPath}`);
+    }
+    return resolved;
+}
+
+function getShortcutRegistryIndexPath(cwd: string, config: Config): string {
+    const utilsFilePath = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils) + '.ts');
+    const utilsDir = path.dirname(utilsFilePath);
+    return path.join(utilsDir, 'shortcut-registry.index.ts');
+}
+
+export async function writeShortcutRegistryIndex(
+    cwd: string,
+    config: Config,
+    entries: ShortcutRegistryEntry[],
+): Promise<string> {
+    const registryPath = getShortcutRegistryIndexPath(cwd, config);
+    await fs.ensureDir(path.dirname(registryPath));
+
+    const uniqueEntries = Array.from(new Map(entries.map(entry => [entry.exportName, entry])).values())
+        .sort((a, b) => a.exportName.localeCompare(b.exportName));
+
+    const uiAlias = config.aliases.ui;
+    const utilsAliasDir = config.aliases.utils.includes('/')
+        ? config.aliases.utils.slice(0, config.aliases.utils.lastIndexOf('/'))
+        : config.aliases.utils;
+    const shortcutServiceImport = `${utilsAliasDir}/shortcut-binding.service`;
+
+    const imports = uniqueEntries
+        .map(entry => {
+            const importPath = `${uiAlias}/${entry.sourceFile.replace(/\.ts$/, '')}`;
+            return `import { ${entry.exportName} } from '${importPath}';`;
+        })
+        .join('\n');
+
+    const catalogItems = uniqueEntries
+        .map(entry => `  { componentName: '${entry.componentName}', definitions: ${entry.exportName} },`)
+        .join('\n');
+
+    const content = `// Auto-generated by shadcn-angular CLI. Do not edit manually.
+import type { ShortcutBindingService, ShortcutDefinition } from '${shortcutServiceImport}';
+${imports ? `${imports}\n` : ''}
+export const GENERATED_SHORTCUT_CATALOG: ReadonlyArray<{
+  componentName: string;
+  definitions: ReadonlyArray<ShortcutDefinition>;
+}> = [
+${catalogItems}
+];
+
+export function registerGeneratedShortcutCatalog(shortcuts: ShortcutBindingService): void {
+  for (const entry of GENERATED_SHORTCUT_CATALOG) {
+    shortcuts.defineShortcuts(entry.componentName, [...entry.definitions]);
+  }
+}
+`;
+
+    await fs.writeFile(registryPath, content);
+    return registryPath;
+}