neonblade 0.0.1 → 0.0.3

package/index.js

@@ -2,89 +2,72 @@
 
 const fs = require("fs")
 const path = require("path")
+const axios = require("axios")
+const { execSync } = require("child_process")
 
+const BASE_URL = "https://neonbladeui-registry.vercel.app"
 
+async function main() {
+  const projectRoot = process.cwd()
+  const targetAppPath = findAppPath(projectRoot)
 
-const projectRoot = process.cwd()
-const targetAppPath = findAppPath(projectRoot)
-
-const args = process.argv.slice(2)
-
-const command = args[0]
-const component = args[1]
-
-if (command !== "add") {
-  console.log("Usage: neonblade add <component>")
-  process.exit(1)
-}
-
-if (!component) {
-  console.log("Please provide a component name")
-  process.exit(1)
-}
-
-const componentDir = path.join(
-  __dirname,
-  "../registry/components",
-  component
-)
+  const args = process.argv.slice(2)
+  const command = args[0]
+  const component = args[1]
 
-//log if component is not found
-if (!fs.existsSync(componentDir)) {
-  logError(`${component} not found`)
-  process.exit(1)
-}
+  if (command !== "add") {
+    console.log("Usage: neonblade add <component>")
+    process.exit(1)
+  }
 
-// Read metadata
-const metaPath = path.join(componentDir, "meta.json")
+  if (!component) {
+    console.log("Please provide a component name")
+    process.exit(1)
+  }
 
-if (!fs.existsSync(metaPath)) {
-  console.log("Component metadata not found")
-  process.exit(1)
-}
+  console.log("\n⚡ NeonBlade UI\n")
 
-const meta = JSON.parse(fs.readFileSync(metaPath, "utf-8"))
+  logStep(`Adding ${component}...`)
 
-console.log("\n⚡ NeonBlade UI\n")
+  const data = await fetchComponent(component)
 
-// Copy files
-logStep(`Adding ${component}...`)
-logStep("Copying files...")
+  logStep("Copying files...")
 
-meta.files.forEach((file) => {
-  const sourcePath = path.join(componentDir, file)
+  for (const file of data.files) {
+    const fileRes = await axios.get(file.url)
 
-  const targetPath = path.join(
-    targetAppPath,
-    "components/ui",
-    toKebabCase(file)
-  )
+    const targetPath = path.join(
+      targetAppPath,
+      file.path
+    )
 
-  fs.mkdirSync(path.dirname(targetPath), { recursive: true })
-  fs.copyFileSync(sourcePath, targetPath)
-})
+    fs.mkdirSync(path.dirname(targetPath), { recursive: true })
+    fs.writeFileSync(targetPath, fileRes.data)
+  }
 
-const { execSync } = require("child_process")
+  if (data.dependencies && data.dependencies.length > 0) {
+    logStep("Installing dependencies...")
 
-// Install dependencies if any
-if (meta.dependencies && meta.dependencies.length > 0) {
-  logStep("Installing dependencies...")
+    execSync(
+      `pnpm add ${data.dependencies.join(" ")}`,
+      {
+        stdio: "inherit",
+        cwd: targetAppPath,
+      }
+    )
+  }
 
-  execSync(
-    `pnpm add ${meta.dependencies.join(" ")}`,
-    { stdio: "inherit", cwd: targetAppPath }
-  )
+  logSuccess(`${component} added successfully`)
 }
 
-logSuccess(`${component} added successfully`)
+main()
 
+// ---------------- HELPERS ----------------
 
 function findAppPath(root) {
   const appsDir = path.join(root, "apps")
 
-  if (!fs.existsSync(appsDir)) {
-    return root
-  }
+  if (!fs.existsSync(appsDir)) return root
 
   const apps = fs.readdirSync(appsDir)
 
@@ -104,10 +87,6 @@ function findAppPath(root) {
   return root
 }
 
-function toKebabCase(str) {
-  return str.toLowerCase()
-}
-
 function logStep(message) {
   console.log(`📦 ${message}`)
 }
@@ -120,35 +99,14 @@ function logError(message) {
   console.log(`❌ ${message}`)
 }
 
-function gradientLog(text) {
-
-
-  //yellow and blue gradient
-  const colors = [
-    "#ffff00",
-    "#00ffff",
-    "#0000ff",
-    "#0080ff",
-    "#00ff80",
-    "#00ff00",
-    "#80ff00",
-    "#ffbf00",
-    "#ff8000",
-    "#ff4000",
-    "#ff0000",
-  ];
-
-  const args = [];
-  let format = '';
-
-  [...text].forEach((char, i) => {
-    const color = colors[i % colors.length];
-    format += `%c${char}`;
-    args.push(`color: ${color}; font-size: 16px; font-weight: bold;`);
-  });
-
-  console.log(format, ...args);
-
-
-}
-
+async function fetchComponent(component) {
+  try {
+    const res = await axios.get(
+      `${BASE_URL}/components/${component}/index.json`
+    )
+    return res.data
+  } catch (err) {
+    logError(`Component "${component}" not found`)
+    process.exit(1)
+  }
+}

package/package.json

@@ -1,11 +1,14 @@
-{
-  "name": "neonblade",
-  "version": "0.0.1",
-  "description": "NeonBlade UI CLI",
- 
-  "bin": {
-    "neonblade": "index.js"
-  },
-  "type": "commonjs"
-
-}
+{
+  "name": "neonblade",
+  "version": "0.0.3",
+  "description": "NeonBlade UI CLI",
+  "bin": {
+    "neonblade": "index.js"
+  },
+  "type": "commonjs",
+  "dependencies": {
+    "axios": "^1.14.0",
+    "lucide-react": "^1.7.0",
+    "react-icons": "^5.6.0"
+  }
+}