@ng-cn/core 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-cn/core",
-  "version": "1.0.07",
+  "version": "1.0.9",
   "description": "Beautifully designed Angular components built with Tailwind CSS v4 - The official Angular port of shadcn/ui",
   "keywords": [
     "angular",
@@ -78,12 +78,12 @@
     "shiki": "^3.20.0",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.0",
+    "@angular-devkit/core": "^21.0.4",
+    "@angular-devkit/schematics": "^21.0.4"
   },
   "devDependencies": {
     "@analogjs/vitest-angular": "^2.2.0",
-    "@angular-devkit/core": "^21.0.4",
-    "@angular-devkit/schematics": "^21.0.4",
     "@angular/build": "^21.0.4",
     "@angular/cli": "^21.0.4",
     "@angular/compiler-cli": "^21.0.6",

package/schematics/ng-add/index.js

@@ -702,31 +702,51 @@ function ngAdd(options) {
                 context.logger.info('   ✓ Path aliases already set');
             }
         }
-        // Install selected components
+        // Copy selected components from @ng-cn/core
         const componentsToInstall = parseComponentsOption(options.components);
         if (componentsToInstall.length > 0) {
             context.logger.info('');
             if (options.components === 'all') {
-                context.logger.info(`🚀 Installing ALL ${componentsToInstall.length} components... (Magic Mode)`);
+                context.logger.info(`🚀 Copying ALL ${componentsToInstall.length} components... (Magic Mode)`);
             }
             else {
                 context.logger.info('📦 Selected Components');
             }
-            const packageJson = JSON.parse(tree.read(packageJsonPath).toString('utf-8'));
+            const sourceComponentsBase = 'node_modules/@ng-cn/core/src/app/lib/components/ui';
+            let componentsCopied = 0;
             for (const component of componentsToInstall) {
-                const packageName = `@ng-cn/${component}`;
-                if (!packageJson.dependencies?.[packageName]) {
-                    packageJson.dependencies = packageJson.dependencies || {};
-                    packageJson.dependencies[packageName] = 'latest';
-                    context.logger.info(`   + ${packageName}`);
+                // Convert kebab-case to component folder name
+                const componentFolder = component.replace(/-/g, '-');
+                const sourceComponentPath = (0, core_1.join)((0, core_1.normalize)(sourceComponentsBase), (0, core_1.normalize)(componentFolder));
+                const targetComponentPath = (0, core_1.join)((0, core_1.normalize)(uiPath), (0, core_1.normalize)(componentFolder));
+                try {
+                    // Try to copy the entire component folder
+                    const sourceFiles = tree.getDir(sourceComponentPath);
+                    if (sourceFiles && sourceFiles.subfiles.length > 0) {
+                        for (const file of sourceFiles.subfiles) {
+                            const sourceFile = sourceComponentPath + '/' + file;
+                            const targetFile = targetComponentPath + '/' + file;
+                            const content = tree.read(sourceFile);
+                            if (content) {
+                                if (tree.exists(targetFile)) {
+                                    tree.overwrite(targetFile, content);
+                                }
+                                else {
+                                    tree.create(targetFile, content);
+                                }
+                                componentsCopied++;
+                            }
+                        }
+                        context.logger.info(`   + ${component}`);
+                    }
                 }
-                else {
-                    context.logger.info(`   ✓ ${packageName} already installed`);
+                catch (e) {
+                    // Component folder doesn't exist yet or not available, skip
+                    context.logger.debug(`   ⊘ ${component} not available in core package`);
                 }
             }
-            tree.overwrite(packageJsonPath, JSON.stringify(packageJson, null, 2));
-            if (!options.skipInstall) {
-                context.addTask(new tasks_1.NodePackageInstallTask());
+            if (componentsCopied > 0) {
+                context.logger.info(`   ✓ ${componentsCopied} component files copied`);
             }
         }
         // Success message with ASCII art banner

package/schematics/ng-add/index.ts

@@ -769,33 +769,52 @@ export function ngAdd(options: NgAddOptions): Rule {
       }
     }
 
-    // Install selected components
+    // Copy selected components from @ng-cn/core
     const componentsToInstall = parseComponentsOption(options.components);
     if (componentsToInstall.length > 0) {
       context.logger.info('');
       if (options.components === 'all') {
-        context.logger.info(`🚀 Installing ALL ${componentsToInstall.length} components... (Magic Mode)`);
+        context.logger.info(`🚀 Copying ALL ${componentsToInstall.length} components... (Magic Mode)`);
       } else {
         context.logger.info('📦 Selected Components');
       }
 
-      const packageJson = JSON.parse(tree.read(packageJsonPath)!.toString('utf-8'));
+      const sourceComponentsBase = 'node_modules/@ng-cn/core/src/app/lib/components/ui';
+      let componentsCopied = 0;
 
       for (const component of componentsToInstall) {
-        const packageName = `@ng-cn/${component}`;
-        if (!packageJson.dependencies?.[packageName]) {
-          packageJson.dependencies = packageJson.dependencies || {};
-          packageJson.dependencies[packageName] = 'latest';
-          context.logger.info(`   + ${packageName}`);
-        } else {
-          context.logger.info(`   ✓ ${packageName} already installed`);
+        // Convert kebab-case to component folder name
+        const componentFolder = component.replace(/-/g, '-');
+        const sourceComponentPath = join(normalize(sourceComponentsBase), normalize(componentFolder)) as Path;
+        const targetComponentPath = join(normalize(uiPath), normalize(componentFolder)) as Path;
+
+        try {
+          // Try to copy the entire component folder
+          const sourceFiles = tree.getDir(sourceComponentPath);
+          if (sourceFiles && sourceFiles.subfiles.length > 0) {
+            for (const file of sourceFiles.subfiles) {
+              const sourceFile = sourceComponentPath + '/' + file;
+              const targetFile = targetComponentPath + '/' + file;
+              const content = tree.read(sourceFile as Path);
+              if (content) {
+                if (tree.exists(targetFile as Path)) {
+                  tree.overwrite(targetFile as Path, content);
+                } else {
+                  tree.create(targetFile as Path, content);
+                }
+                componentsCopied++;
+              }
+            }
+            context.logger.info(`   + ${component}`);
+          }
+        } catch (e) {
+          // Component folder doesn't exist yet or not available, skip
+          context.logger.debug(`   ⊘ ${component} not available in core package`);
         }
       }
 
-      tree.overwrite(packageJsonPath, JSON.stringify(packageJson, null, 2));
-
-      if (!options.skipInstall) {
-        context.addTask(new NodePackageInstallTask());
+      if (componentsCopied > 0) {
+        context.logger.info(`   ✓ ${componentsCopied} component files copied`);
       }
     }