pui-inject 0.1.6 → 0.1.8

package/bin/pui-inject.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 
 import axios from "axios";
 import fs from "fs-extra";
@@ -10,7 +10,11 @@ const componentName = process.argv[2];
 
 if (!componentName) {
   console.log(
-    chalk.red("✖ Usage: pui-inject <component-name>\nExample: pui-inject sidebar01")
+    chalk.red.bold("✖ Missing component name\n") +
+      chalk.gray("Usage: ") +
+      chalk.cyan("pui-inject <component-name>\n") +
+      chalk.gray("Example: ") +
+      chalk.cyan("pui-inject sidebar01")
   );
   process.exit(1);
 }
@@ -18,28 +22,38 @@ if (!componentName) {
 const REGISTRY_URL =
   "https://raw.githubusercontent.com/komal-rastogi080/PUI_flutter_cli/main/manifest.json";
 
+const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
+
 async function run() {
-  const spinner = ora("Fetching PUI registry...").start();
+  const spinner = ora({
+    text: "Fetching PUI registry",
+    spinner: "dots",
+  }).start();
 
   try {
-    // 1. Fetch manifest
+    /* ---------------- FETCH MANIFEST ---------------- */
     const { data: manifest } = await axios.get(REGISTRY_URL);
 
     const component = manifest.components[componentName];
 
     if (!component) {
-      spinner.fail("Component not found in registry");
+      spinner.fail("Component not found");
+
       console.log(
-        chalk.yellow("Available components:"),
-        Object.keys(manifest.components).join(", ")
+        "\n" +
+          chalk.yellow.bold("Available components:\n") +
+          Object.keys(manifest.components)
+            .map((c) => `  • ${chalk.cyan(c)}`)
+            .join("\n")
       );
       process.exit(1);
     }
 
     spinner.succeed("Component found");
+    await sleep(300);
 
-    const baseRawUrl = REGISTRY_URL
-      .replace("/manifest.json", "");
+    /* ---------------- PATH SETUP ---------------- */
+    const baseRawUrl = REGISTRY_URL.replace("/manifest.json", "");
 
     const targetDir = path.join(
       process.cwd(),
@@ -50,17 +64,21 @@ async function run() {
 
     fs.ensureDirSync(targetDir);
 
-    // 2. Download files
+    const addedFiles = [];
+
+    /* ---------------- DOWNLOAD FILES ---------------- */
     for (const file of component.files) {
       const fileUrl = `${baseRawUrl}/${component.path}/${file}`;
       const targetPath = path.join(targetDir, file);
 
-      const fileSpinner = ora(`Downloading ${file}`).start();
+      const fileSpinner = ora(`Injecting ${file}`).start();
 
       try {
         const response = await axios.get(fileUrl);
         fs.writeFileSync(targetPath, response.data);
-        fileSpinner.succeed(`${file} added`);
+        addedFiles.push(file);
+        fileSpinner.succeed(`${file} injected`);
+        await sleep(120);
       } catch (err) {
         fileSpinner.fail(`Failed to download ${file}`);
         console.log(chalk.red("URL:"), fileUrl);
@@ -68,13 +86,41 @@ async function run() {
       }
     }
 
-    console.log(
-      chalk.green(`\n✔ ${componentName} successfully added to:`),
-      chalk.cyan(`lib/components/${componentName}`)
-    );
+    /* ---------------- SUCCESS BANNER ---------------- */
+    await sleep(400);
+
+    const border = chalk.hex("#7CFFB2");
+    const glow = chalk.hex("#5EEAD4").bold;
+    const accent = chalk.hex("#A78BFA");
+    const dim = chalk.gray;
+
+    console.log(`
+${border("╭──────────────────────────────────────────────────╮")}
+${border("│")}                                                  ${border("│")}
+${border("│")}   ${glow("✨ PUI Inject · Component Ready")}           ${border("│")}
+${border("│")}                                                  ${border("│")}
+${border("╰──────────────────────────────────────────────────╯")}
+
+${accent("▸ Component")}
+  ${chalk.bold.white(componentName)}
+
+${accent("▸ Injected Path")}
+  ${chalk.white(`lib/components/${componentName}`)}
+
+${accent("▸ Files Added")}
+${addedFiles.map(f => `  ${chalk.green("✔")} ${chalk.white(f)}`).join("\n")}
+
+${dim("──────────────────────────────────────────────────")}
+
+${chalk.yellow.bold("Next steps")}
+  1. Import the widget into your screen
+  2. Adjust theme & layout as needed
+  3. Build faster with ${chalk.bold("PUI")} 🚀
+`);
+
   } catch (error) {
     spinner.fail("Failed to fetch registry");
-    console.error(error.message);
+    console.error(chalk.red(error.message));
     process.exit(1);
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pui-inject",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "bin": {
     "pui-inject": "bin/pui-inject.js"
   },