ds-01 1.0.7 → 1.0.8

package/dist/commands/add.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAgEpC,eAAO,MAAM,GAAG,SAkRZ,CAAC"}
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAuDpC,eAAO,MAAM,GAAG,SA0MZ,CAAC"}

package/dist/commands/add.js

@@ -84,8 +84,9 @@ export const add = new Command()
             },
         });
         if (!response.ok) {
+            const errorData = await response.json().catch(() => null);
             s.stop(pc.red("Component fetch failed."));
-            cancel(`Component not found or server error (HTTP ${response.status})`);
+            cancel(errorData?.error || `Server returned HTTP ${response.status}`);
             process.exit(1);
         }
         const componentData = await response.json();
@@ -118,8 +119,7 @@ export const add = new Command()
         // --------------------------------------------------
         // 7. Install dependencies
         // --------------------------------------------------
-        if (componentData.dependencies &&
-            componentData.dependencies.length > 0) {
+        if (componentData.dependencies && componentData.dependencies.length > 0) {
             const depsToInstall = componentData.dependencies.join(" ");
             s.start(`Installing missing dependencies: ${pc.cyan(depsToInstall)}...`);
             try {
@@ -136,16 +136,14 @@ export const add = new Command()
         // --------------------------------------------------
         // 8. Success
         // --------------------------------------------------
-        const mainFile = bundledFileNames.find((name) => name.toLowerCase() ===
-            componentName.toLowerCase()) || bundledFileNames[0];
+        const mainFile = bundledFileNames.find((name) => name.toLowerCase() === componentName.toLowerCase()) || bundledFileNames[0];
         outro(`${pc.white("✔")} ${pc.bold(`Component <${componentName} /> is ready!`)}\n` +
             pc.gray("Import it: ") +
             pc.cyan(`import { ${mainFile} } from "@/${config.componentsPath}/${componentName}/${mainFile}"`));
     }
     catch (error) {
         s.stop(pc.red("An error occurred during injection."));
-        cancel(pc.gray(error?.message ||
-            "Unknown CLI Error"));
+        cancel(pc.gray(error?.message || "Unknown CLI Error"));
         process.exit(1);
     }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ds-01",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Make your site best with DS01",
   "type": "module",
   "bin": {

package/src/commands/add.ts

@@ -12,8 +12,7 @@ import machineIdPkg from "node-machine-id";
 
 const { machineIdSync } = machineIdPkg;
 
-const API_BASE_URL =
-  process.env.DS01_API_URL || "https://ds-01.vercel.app";
+const API_BASE_URL = process.env.DS01_API_URL || "https://ds-01.vercel.app";
 
 // Helper to verify Tailwind exists before doing anything
 function checkTailwindInstallation() {
@@ -29,9 +28,7 @@ function checkTailwindInstallation() {
     process.exit(1);
   }
 
-  const pkgJson = JSON.parse(
-    fs.readFileSync(pkgJsonPath, "utf-8"),
-  );
+  const pkgJson = JSON.parse(fs.readFileSync(pkgJsonPath, "utf-8"));
 
   const allDeps = {
     ...pkgJson.dependencies,
@@ -40,22 +37,16 @@ function checkTailwindInstallation() {
 
   if (!allDeps["tailwindcss"]) {
     cancel(
-      pc.red(
-        "Tailwind CSS is missing from your project dependencies.\n",
-      ) +
+      pc.red("Tailwind CSS is missing from your project dependencies.\n") +
         pc.gray(
           "DS01 components rely strictly on Tailwind CSS for styling.\n\n",
         ) +
         pc.white(
           "Kindly install it and configure your project, then retry:\n",
         ) +
-        pc.cyan(
-          "  npm install tailwindcss @tailwindcss/postcss postcss\n\n",
-        ) +
+        pc.cyan("  npm install tailwindcss @tailwindcss/postcss postcss\n\n") +
         pc.gray("Official Setup Guide: ") +
-        pc.underline(
-          "https://tailwindcss.com/docs/installation",
-        ),
+        pc.underline("https://tailwindcss.com/docs/installation"),
     );
 
     process.exit(1);
@@ -65,10 +56,7 @@ function checkTailwindInstallation() {
 export const add = new Command()
   .name("add")
   .description("Add a component from DS01 to your project")
-  .argument(
-    "<component>",
-    "The name of the component (e.g., premium-section)",
-  )
+  .argument("<component>", "The name of the component (e.g., premium-section)")
   .action(async (componentName: string) => {
     console.log();
 
@@ -82,45 +70,28 @@ export const add = new Command()
 
     const cwd = process.cwd();
 
-    const configPath = path.join(
-      cwd,
-      "ds01.config.json",
-    );
+    const configPath = path.join(cwd, "ds01.config.json");
 
     if (!fs.existsSync(configPath)) {
-      cancel(
-        pc.red(
-          "ds01.config.json not found. Run 'npx ds-01 init' first.",
-        ),
-      );
+      cancel(pc.red("ds01.config.json not found. Run 'npx ds-01 init' first."));
 
       process.exit(1);
     }
 
-    const config = JSON.parse(
-      fs.readFileSync(configPath, "utf-8"),
-    );
+    const config = JSON.parse(fs.readFileSync(configPath, "utf-8"));
 
     const token = getToken();
     const machineId = machineIdSync();
 
     if (!token || !machineId) {
-      cancel(
-        pc.red(
-          "You are not authenticated. Run 'npx ds-01 login' first.",
-        ),
-      );
+      cancel(pc.red("You are not authenticated. Run 'npx ds-01 login' first."));
 
       process.exit(1);
     }
 
     const s = spinner();
 
-    s.start(
-      `Fetching ${pc.cyan(
-        `<${componentName} />`,
-      )} from registry...`,
-    );
+    s.start(`Fetching ${pc.cyan(`<${componentName} />`)} from registry...`);
 
     try {
       // --------------------------------------------------
@@ -144,8 +115,7 @@ export const add = new Command()
         new TextEncoder().encode(message),
       );
 
-      const signatureBase64 =
-        Buffer.from(signature).toString("base64");
+      const signatureBase64 = Buffer.from(signature).toString("base64");
 
       // --------------------------------------------------
       // 3. Send token + machine ID + signature
@@ -169,29 +139,22 @@ export const add = new Command()
       );
 
       if (!response.ok) {
-        s.stop(
-          pc.red("Component fetch failed."),
-        );
+        const errorData = await response.json().catch(() => null);
 
-        cancel(
-          `Component not found or server error (HTTP ${response.status})`,
-        );
+        s.stop(pc.red("Component fetch failed."));
+
+        cancel(errorData?.error || `Server returned HTTP ${response.status}`);
 
         process.exit(1);
       }
 
-      const componentData =
-        await response.json();
+      const componentData = await response.json();
 
       // --------------------------------------------------
       // 4. Create component folder
       // --------------------------------------------------
 
-      const targetDir = path.join(
-        cwd,
-        config.componentsPath,
-        componentName,
-      );
+      const targetDir = path.join(cwd, config.componentsPath, componentName);
 
       if (!fs.existsSync(targetDir)) {
         fs.mkdirSync(targetDir, {
@@ -203,45 +166,29 @@ export const add = new Command()
       // 5. Extract bundled file names
       // --------------------------------------------------
 
-      const bundledFileNames =
-        componentData.files.map(
-          (file: any) =>
-            file.name.replace(
-              /\.[^/.]+$/,
-              "",
-            ),
-        );
+      const bundledFileNames = componentData.files.map((file: any) =>
+        file.name.replace(/\.[^/.]+$/, ""),
+      );
 
       // --------------------------------------------------
       // 6. Write component files
       // --------------------------------------------------
 
       for (const file of componentData.files) {
-        const filePath = path.join(
-          targetDir,
-          file.name,
-        );
+        const filePath = path.join(targetDir, file.name);
 
         let content = file.content;
 
-        bundledFileNames.forEach(
-          (fileName: string) => {
-            const regex = new RegExp(
-              `from\\s+["']\\.[^"']*?\\/${fileName}["']`,
-              "g",
-            );
-
-            content = content.replace(
-              regex,
-              `from "./${fileName}"`,
-            );
-          },
-        );
+        bundledFileNames.forEach((fileName: string) => {
+          const regex = new RegExp(
+            `from\\s+["']\\.[^"']*?\\/${fileName}["']`,
+            "g",
+          );
 
-        fs.writeFileSync(
-          filePath,
-          content,
-        );
+          content = content.replace(regex, `from "./${fileName}"`);
+        });
+
+        fs.writeFileSync(filePath, content);
       }
 
       s.stop(
@@ -256,45 +203,28 @@ export const add = new Command()
       // 7. Install dependencies
       // --------------------------------------------------
 
-      if (
-        componentData.dependencies &&
-        componentData.dependencies.length > 0
-      ) {
-        const depsToInstall =
-          componentData.dependencies.join(" ");
+      if (componentData.dependencies && componentData.dependencies.length > 0) {
+        const depsToInstall = componentData.dependencies.join(" ");
 
         s.start(
-          `Installing missing dependencies: ${pc.cyan(
-            depsToInstall,
-          )}...`,
+          `Installing missing dependencies: ${pc.cyan(depsToInstall)}...`,
         );
 
         try {
-          execSync(
-            `npm install ${depsToInstall}`,
-            {
-              stdio: "ignore",
-            },
-          );
+          execSync(`npm install ${depsToInstall}`, {
+            stdio: "ignore",
+          });
 
           s.stop(
             pc.green(
-              `Dependencies installed successfully: ${pc.gray(
-                depsToInstall,
-              )}`,
+              `Dependencies installed successfully: ${pc.gray(depsToInstall)}`,
             ),
           );
         } catch {
-          s.stop(
-            pc.red(
-              "Failed to auto-install dependencies.",
-            ),
-          );
+          s.stop(pc.red("Failed to auto-install dependencies."));
 
           note(
-            `Please run: ${pc.cyan(
-              `npm install ${depsToInstall}`,
-            )} manually.`,
+            `Please run: ${pc.cyan(`npm install ${depsToInstall}`)} manually.`,
             "Manual Action Required",
           );
         }
@@ -306,9 +236,7 @@ export const add = new Command()
 
       const mainFile =
         bundledFileNames.find(
-          (name: string) =>
-            name.toLowerCase() ===
-            componentName.toLowerCase(),
+          (name: string) => name.toLowerCase() === componentName.toLowerCase(),
         ) || bundledFileNames[0];
 
       outro(
@@ -321,19 +249,10 @@ export const add = new Command()
           ),
       );
     } catch (error: any) {
-      s.stop(
-        pc.red(
-          "An error occurred during injection.",
-        ),
-      );
+      s.stop(pc.red("An error occurred during injection."));
 
-      cancel(
-        pc.gray(
-          error?.message ||
-            "Unknown CLI Error",
-        ),
-      );
+      cancel(pc.gray(error?.message || "Unknown CLI Error"));
 
       process.exit(1);
     }
-  });
+  });