nh-library 1.0.2 → 1.0.4

package/cli/index.cjs

@@ -3,82 +3,56 @@
 const fs = require("fs");
 const path = require("path");
 
-// 1. Setup Paths
-// __dirname is /node_modules/nh-library/cli
-// We need to go up one level to reach /node_modules/nh-library/
-const libraryRoot = path.join(__dirname, "..");
-const projectRoot = process.cwd();
-
-// 2. Get the component name from CLI arguments
+const RAW_BASE_URL = "https://raw.githubusercontent.com/NirmataHub/NH-Library/main/";
 const componentName = process.argv[2];
+const libraryRoot = path.join(__dirname, "..");
 
-if (!componentName) {
-  console.error("\x1b[31m%s\x1b[0m", "Error: Please specify a component name.");
-  console.log("Usage: npx nh-library <ComponentName>");
-  process.exit(1);
-}
-
-// 3. Load the registry
+// 1. Load Registry
 const registryPath = path.join(libraryRoot, "registry", "components.json");
-
 if (!fs.existsSync(registryPath)) {
-  console.error("\x1b[31m%s\x1b[0m", "Error: Registry file not found in the library.");
+  console.error("❌ Registry not found.");
   process.exit(1);
 }
-
 const registry = require(registryPath);
 
-const componentConfig = registry[componentName];
-
-if (!componentConfig) {
-  console.error("\x1b[31m%s\x1b[0m", `Error: Component "${componentName}" not found in registry.`);
-  console.log("Available components:", Object.keys(registry).join(", "));
+if (!componentName || !registry[componentName]) {
+  console.error(`❌ Component "${componentName || ''}" not found.`);
+  console.log("Available:", Object.keys(registry).join(", "));
   process.exit(1);
 }
 
-// 4. Define Destination (Standardizing on src/components/ui)
-const destFolder = path.join(projectRoot, "src", "components", "ui", componentName);
+async function downloadComponent() {
+  const componentConfig = registry[componentName];
+  const projectRoot = process.cwd();
+  
+  // Smart pathing: if user is in 'src', don't add another 'src'
+  const baseFolder = path.basename(projectRoot) === "src" ? "" : "src";
+  const destFolder = path.join(projectRoot, baseFolder, "components", "ui", componentName);
 
-// 5. Recursive Copy Function
-function copyRecursive(src, dest) {
-  const exists = fs.existsSync(src);
-  const stats = exists && fs.statSync(src);
-  const isDirectory = exists && stats.isDirectory();
+  if (!fs.existsSync(destFolder)) {
+    fs.mkdirSync(destFolder, { recursive: true });
+  }
 
-  if (isDirectory) {
-    if (!fs.existsSync(dest)) {
-      fs.mkdirSync(dest, { recursive: true });
+  console.log(`\n🚀 Installing ${componentName}...`);
+
+  for (const fileRelativePath of componentConfig.files) {
+    const url = `${RAW_BASE_URL}${fileRelativePath}`;
+    const fileName = path.basename(fileRelativePath);
+    const destPath = path.join(destFolder, fileName);
+
+    try {
+      const response = await fetch(url);
+      if (!response.ok) throw new Error(`${response.statusText}`);
+      
+      const content = await response.text();
+      fs.writeFileSync(destPath, content);
+      console.log(`  ✅ Downloaded: ${fileName}`);
+    } catch (err) {
+      console.error(`  ❌ Failed to download ${fileName}: ${err.message}`);
     }
-    fs.readdirSync(src).forEach((childItemName) => {
-      copyRecursive(
-        path.join(src, childItemName),
-        path.join(dest, childItemName)
-      );
-    });
-  } else {
-    fs.copyFileSync(src, dest);
-    console.log(`  \x1b[32m%s\x1b[0m`, `ADDED: ${path.relative(projectRoot, dest)}`);
   }
-}
-
-// 6. Execution
-console.log(`\nInstalling ${componentName} into your project...`);
 
-try {
-  componentConfig.files.forEach((fileRelativePath) => {
-    // Construct the absolute path to the source in node_modules
-    const sourcePath = path.join(libraryRoot, fileRelativePath);
-
-    if (fs.existsSync(sourcePath)) {
-      copyRecursive(sourcePath, destFolder);
-    } else {
-      console.warn(`\x1b[33m%s\x1b[0m`, `Warning: Source path not found: ${fileRelativePath}`);
-    }
-  });
+  console.log(`\n✨ Success! ${componentName} is now in /src/components/ui/${componentName}\n`);
+}
 
-  console.log(`\n\x1b[32m%s\x1b[0m`, `Success! ${componentName} is ready to use.`);
-  console.log(`Location: /src/components/ui/${componentName}\n`);
-} catch (error) {
-  console.error("\x1b[31m%s\x1b[0m", "An error occurred during installation:");
-  console.error(error);
-}
+downloadComponent();

package/package.json

@@ -1,17 +1,12 @@
 {
   "name": "nh-library",
-  "version": "1.0.2",
-  "description": "CLI-based React component library",
-  "main": "cli/index.cjs",
+  "version": "1.0.4",
   "bin": {
-    "nh-lib": "./cli/index.cjs"
+    "nh-library": "./cli/index.cjs"
   },
   "files": [
     "cli",
-    "registry",
-    "Components"
+    "registry"
   ],
-  "type": "commonjs",
-  "author": "Your Name",
-  "license": "MIT"
+  "type": "commonjs"
 }

package/registry/components.json

@@ -1,5 +1,20 @@
 {
-  "ComponentTestOne": { "files": ["Components/ComponentTestOne"] },
-  "ComponentTestTwo": { "files": ["Components/ComponentTestTwo"] },
-  "ComponentTestTree": { "files": ["Components/ComponentTestTree"] }
+  "ComponentTestOne": {
+    "files": [
+      "Components/ComponentTestOne/ComponentTest.css",
+      "Components/ComponentTestOne/ComponentTest.jsx"
+    ]
+  },
+  "ComponentTestTwo": {
+    "files": [
+      "Components/ComponentTestTwo/ComponentTest.css",
+      "Components/ComponentTestTwo/ComponentTestTwo.jsx"
+    ]
+  },
+  "ComponentTestTree": {
+    "files": [
+      "Components/ComponentTestTree/ComponentTest.css",
+      "Components/ComponentTestTree/ComponentTestTree.jsx"
+    ]
+  }
 }

package/Components/ComponentTestOne/ComponentTest.css

@@ -1,3 +0,0 @@
-h1{
-    color: cyan;
-}

package/Components/ComponentTestOne/ComponentTest.jsx

@@ -1,11 +0,0 @@
-import "./ComponentTest.css"
-
-const ComponentTest = () => {
-  return (
-    <div>
-      <h1>NH-Lib is on Git! </h1>
-    </div>
-  )
-}
-
-export default ComponentTest

package/Components/ComponentTestTree/ComponentTest.css

@@ -1,3 +0,0 @@
-h1{
-    color: cyan;
-}

package/Components/ComponentTestTree/ComponentTestTree.jsx

@@ -1,11 +0,0 @@
-import "./ComponentTest.css"
-
-const ComponentTestThree = () => {
-  return (
-    <div>
-      <h1>Nirmata is here 3333! </h1>
-    </div>
-  )
-}
-
-export default ComponentTestThree

package/Components/ComponentTestTwo/ComponentTest.css

@@ -1,3 +0,0 @@
-h1{
-    color: cyan;
-}

package/Components/ComponentTestTwo/ComponentTestTwo.jsx

@@ -1,11 +0,0 @@
-import "./ComponentTest.css"
-
-const ComponentTestTwo = () => {
-  return (
-    <div>
-      <h1>Nirmata is here 222! </h1>
-    </div>
-  )
-}
-
-export default ComponentTestTwo