@gilav21/shadcn-angular 0.0.16 → 0.0.18

package/dist/commands/add.js

@@ -173,9 +173,8 @@ export async function add(components, options) {
                 const localContent = await fs.readFile(targetPath, 'utf-8');
                 try {
                     let remoteContent = await fetchComponentContent(file, options);
-                    // Transform imports for comparison
-                    const utilsAlias = config.aliases.utils;
-                    remoteContent = remoteContent.replace(/(\.\.\/)+lib\/utils/g, utilsAlias);
+                    // Transform all lib/ imports for comparison
+                    remoteContent = remoteContent.replace(/(\.\.\/)+lib\//g, config.aliases.utils + '/');
                     const normalize = (str) => str.replace(/\r\n/g, '\n').trim();
                     if (normalize(localContent) !== normalize(remoteContent)) {
                         hasChanges = true;
@@ -255,9 +254,8 @@ export async function add(components, options) {
                     let content = contentCache.get(file);
                     if (!content) {
                         content = await fetchComponentContent(file, options);
-                        // Transform imports if not already transformed (cached is transformed)
-                        const utilsAlias = config.aliases.utils;
-                        content = content.replace(/(\.\.\/)+lib\/utils/g, utilsAlias);
+                        // Transform all lib/ imports if not already transformed (cached is transformed)
+                        content = content.replace(/(\.\.\/)+lib\//g, config.aliases.utils + '/');
                     }
                     await fs.ensureDir(path.dirname(targetPath));
                     await fs.writeFile(targetPath, content);
@@ -283,6 +281,32 @@ export async function add(components, options) {
         else {
             spinner.info('No new components installed.');
         }
+        // Install required lib utility files
+        if (finalComponents.length > 0) {
+            const requiredLibFiles = new Set();
+            for (const name of allComponents) {
+                const component = registry[name];
+                if (component.libFiles) {
+                    component.libFiles.forEach(f => requiredLibFiles.add(f));
+                }
+            }
+            if (requiredLibFiles.size > 0) {
+                const libDir = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils));
+                await fs.ensureDir(libDir);
+                for (const libFile of requiredLibFiles) {
+                    const libTargetPath = path.join(libDir, libFile);
+                    if (!await fs.pathExists(libTargetPath) || options.overwrite) {
+                        try {
+                            const libContent = await fetchLibContent(libFile, options);
+                            await fs.writeFile(libTargetPath, libContent);
+                        }
+                        catch (err) {
+                            console.warn(chalk.yellow(`Could not install lib file ${libFile}: ${err.message}`));
+                        }
+                    }
+                }
+            }
+        }
         if (finalComponents.length > 0) {
             const npmDependencies = new Set();
             for (const name of finalComponents) {
@@ -305,12 +329,11 @@ export async function add(components, options) {
         }
         const shortcutEntries = collectInstalledShortcutEntries(targetDir);
         if (shortcutEntries.length > 0) {
-            const utilsPathResolved = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils) + '.ts');
-            const utilsDir = path.dirname(utilsPathResolved);
-            const shortcutServicePath = path.join(utilsDir, 'shortcut-binding.service.ts');
+            const libDir2 = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils));
+            const shortcutServicePath = path.join(libDir2, 'shortcut-binding.service.ts');
             if (!await fs.pathExists(shortcutServicePath)) {
                 const shortcutServiceContent = await fetchLibContent('shortcut-binding.service.ts', options);
-                await fs.ensureDir(utilsDir);
+                await fs.ensureDir(libDir2);
                 await fs.writeFile(shortcutServicePath, shortcutServiceContent);
             }
         }

package/dist/commands/init.js

@@ -195,12 +195,11 @@ export async function init(options) {
         // 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 = resolveAliasOrPath(cwd, config.aliases.utils + '.ts');
-        const utilsDir = path.dirname(utilsPathResolved); // utils usually ends in path/to/utils
-        await fs.ensureDir(utilsDir);
-        await fs.writeFile(utilsPathResolved, getUtilsTemplate());
+        const libDir = resolveAliasOrPath(cwd, config.aliases.utils);
+        await fs.ensureDir(libDir);
+        await fs.writeFile(path.join(libDir, 'utils.ts'), getUtilsTemplate());
         spinner.text = 'Created utils.ts';
-        const shortcutServicePath = path.join(utilsDir, 'shortcut-binding.service.ts');
+        const shortcutServicePath = path.join(libDir, 'shortcut-binding.service.ts');
         const shortcutServiceContent = await fetchLibFileContent('shortcut-binding.service.ts');
         await fs.writeFile(shortcutServicePath, shortcutServiceContent);
         spinner.text = 'Created shortcut-binding.service.ts';

package/dist/registry/index.d.ts

@@ -3,6 +3,7 @@ export interface ComponentDefinition {
     files: string[];
     dependencies?: string[];
     npmDependencies?: string[];
+    libFiles?: string[];
     shortcutDefinitions?: {
         exportName: string;
         componentName: string;

package/dist/registry/index.js

@@ -140,6 +140,7 @@ export const registry = {
             'component-outlet',
             'icon',
         ],
+        libFiles: ['xlsx.ts'],
     },
     dialog: {
         name: 'dialog',
@@ -376,6 +377,7 @@ export const registry = {
             'dialog',
             'scroll-area',
         ],
+        libFiles: ['pdf-parser.ts', 'image-validator.ts', 'svg-sanitizer.ts'],
         shortcutDefinitions: [
             {
                 exportName: 'RICH_TEXT_SHORTCUT_DEFINITIONS',

package/dist/templates/utils.js

@@ -6,7 +6,7 @@ import { twMerge } from 'tailwind-merge';
  * Utility function for merging Tailwind CSS classes with proper precedence
  */
 export function cn(...inputs: ClassValue[]): string {
-  return twMerge(clsx(inputs));
+    return twMerge(clsx(inputs));
 }
 
 /**
@@ -17,5 +17,35 @@ export function isRtl(el: HTMLElement): boolean {
     return getComputedStyle(el).direction === 'rtl';
 }
 
+/**
+ * Returns the bounding rect of the nearest ancestor that clips overflow
+ * (overflow: hidden | auto | scroll | clip on either axis).
+ * Falls back to the full viewport rect when no such ancestor exists.
+ *
+ * Use this instead of \`window.innerWidth/innerHeight\` when calculating
+ * popup collision boundaries so that containers like sidebars or
+ * fixed-height scroll panes are respected.
+ */
+export function getClippingRect(element: HTMLElement): DOMRect {
+    let parent = element.parentElement;
+    while (parent && parent !== document.documentElement) {
+        const style = window.getComputedStyle(parent);
+        if (
+            /^(hidden|auto|scroll|clip)$/.test(style.overflowX) ||
+            /^(hidden|auto|scroll|clip)$/.test(style.overflowY)
+        ) {
+            return parent.getBoundingClientRect();
+        }
+        parent = parent.parentElement;
+    }
+    return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
+}
+
+/**
+ * Check if the user prefers reduced motion via the OS-level accessibility setting.
+ */
+export function prefersReducedMotion(): boolean {
+    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+}
 `;
 }

package/dist/utils/config.js

@@ -12,7 +12,7 @@ export function getDefaultConfig() {
         },
         aliases: {
             components: '@/components',
-            utils: '@/components/lib/utils',
+            utils: '@/components/lib',
             ui: '@/components/ui',
         },
     };

package/dist/utils/shortcut-registry.js

@@ -14,9 +14,8 @@ function resolveProjectPath(cwd, inputPath) {
     return resolved;
 }
 function getShortcutRegistryIndexPath(cwd, config) {
-    const utilsFilePath = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils) + '.ts');
-    const utilsDir = path.dirname(utilsFilePath);
-    return path.join(utilsDir, 'shortcut-registry.index.ts');
+    const libDir = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils));
+    return path.join(libDir, 'shortcut-registry.index.ts');
 }
 export async function writeShortcutRegistryIndex(cwd, config, entries) {
     const registryPath = getShortcutRegistryIndexPath(cwd, config);
@@ -24,10 +23,7 @@ export async function writeShortcutRegistryIndex(cwd, config, entries) {
     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 shortcutServiceImport = `${config.aliases.utils}/shortcut-binding.service`;
     const imports = uniqueEntries
         .map(entry => {
         const importPath = `${uiAlias}/${entry.sourceFile.replace(/\.ts$/, '')}`;

package/package.json

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