ds-01 1.0.14 → 1.1.1

package/src/commands/add.ts

@@ -12,12 +12,9 @@ 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: Verify Tailwind exists
-// ---------------------------------------------------------
+// function for tailwind dependency check
 
 function checkTailwindInstallation() {
   const targetDir = process.cwd();
@@ -33,9 +30,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,
@@ -44,47 +39,33 @@ 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);
   }
 }
 
-// ---------------------------------------------------------
-// Helper: Find dependencies that are actually missing
-// ---------------------------------------------------------
+// function to Find dependencies that are actually missing
 
-function getMissingDependencies(
-  dependencies: string[],
-): string[] {
-  const packageJsonPath = path.join(
-    process.cwd(),
-    "package.json",
-  );
+function getMissingDependencies(dependencies: string[]): string[] {
+  const packageJsonPath = path.join(process.cwd(), "package.json");
 
+  // I cannot check what is installed, so treat all required dependencies as missing
   if (!fs.existsSync(packageJsonPath)) {
     return dependencies;
   }
 
-  const packageJson = JSON.parse(
-    fs.readFileSync(packageJsonPath, "utf-8"),
-  );
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
 
   const installedDependencies = {
     ...(packageJson.dependencies || {}),
@@ -96,17 +77,10 @@ function getMissingDependencies(
   );
 }
 
-// ---------------------------------------------------------
-// ADD COMMAND
-// ---------------------------------------------------------
-
 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();
 
@@ -116,62 +90,39 @@ export const add = new Command()
       )}`,
     );
 
-    // -----------------------------------------------------
-    // 1. Validate project
-    // -----------------------------------------------------
+    // validatin
 
     checkTailwindInstallation();
 
     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"));
 
-    // -----------------------------------------------------
-    // 2. Authentication
-    // -----------------------------------------------------
+    // for auth
 
     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 {
-      // --------------------------------------------------
-      // 3. Create request-specific signed message
-      // --------------------------------------------------
+      //  Creating request-specific signed message
 
       const timestamp = Date.now().toString();
 
@@ -182,70 +133,43 @@ export const add = new Command()
         machineId,
       ].join("\n");
 
-      // --------------------------------------------------
-      // 4. Sign request with secure device private key
-      // --------------------------------------------------
+      // Sign request with secure device private key
 
       const signature = await signWithDeviceKey(
         new TextEncoder().encode(message),
       );
 
-      const signatureBase64 =
-        Buffer.from(signature).toString("base64");
+      const signatureBase64 = Buffer.from(signature).toString("base64");
 
-      // --------------------------------------------------
-      // 5. Request component from registry
-      // --------------------------------------------------
+      //  Request component from registry
 
       const response = await fetch(
         `${API_BASE_URL}/api/registry/${componentName}`,
         {
           method: "GET",
-
           headers: {
             Authorization: `Bearer ${token}`,
-
             "X-Machine-ID": machineId,
-
             "X-DS01-Timestamp": timestamp,
-
             "X-DS01-Signature": signatureBase64,
           },
         },
       );
 
-      // --------------------------------------------------
-      // 6. Handle registry errors
-      // --------------------------------------------------
+      // Handle registry errors
 
       if (!response.ok) {
-        const errorData =
-          await response.json().catch(() => null);
-
-        s.stop(
-          pc.red("Component fetch failed."),
-        );
-
-        cancel(
-          errorData?.error ||
-            `Server returned HTTP ${response.status}`,
-        );
-
+        const errorData = await response.json().catch(() => null);
+        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();
 
-      // --------------------------------------------------
-      // 7. Create component directory
-      // --------------------------------------------------
+      // Create component directory
 
-      const targetDir = path.join(
-        cwd,
-        config.componentsPath,
-        componentName,
-      );
+      const targetDir = path.join(cwd, config.componentsPath, componentName);
 
       if (!fs.existsSync(targetDir)) {
         fs.mkdirSync(targetDir, {
@@ -253,49 +177,29 @@ export const add = new Command()
         });
       }
 
-      // --------------------------------------------------
-      // 8. Extract bundled file names
-      // --------------------------------------------------
-
-      const bundledFileNames =
-        componentData.files.map(
-          (file: any) =>
-            file.name.replace(
-              /\.[^/.]+$/,
-              "",
-            ),
-        );
-
-      // --------------------------------------------------
-      // 9. Write component files
-      // --------------------------------------------------
+      
+      //  Extract bundled file names
+      const bundledFileNames = componentData.files.map((file: any) =>
+        file.name.replace(/\.[^/.]+$/, ""),
+      );
 
+    
+      //  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(
@@ -306,85 +210,46 @@ export const add = new Command()
         ),
       );
 
-      // --------------------------------------------------
-      // 10. Install ONLY missing dependencies
-      // --------------------------------------------------
+    
+      //  Install ONLY missing dependencies
+      const registryDependencies = Array.isArray(componentData.dependencies)
+        ? componentData.dependencies
+        : [];
 
-      const registryDependencies =
-        Array.isArray(componentData.dependencies)
-          ? componentData.dependencies
-          : [];
-
-      const missingDependencies =
-        getMissingDependencies(
-          registryDependencies,
-        );
+      const missingDependencies = getMissingDependencies(registryDependencies);
 
       if (missingDependencies.length > 0) {
-        const depsToInstall =
-          missingDependencies.join(" ");
+        const depsToInstall = missingDependencies.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",
           );
         }
       }
 
-      // --------------------------------------------------
-      // 11. No dependencies needed
-      // --------------------------------------------------
-
-      // We intentionally don't show a spinner here.
-      //
-      // Example:
-      //
-      // DS01 requires ["motion"]
-      // package.json already contains "motion"
-      //
-      // → Nothing happens.
-      // → No npm install.
-      // → No unnecessary package changes.
-
-      // --------------------------------------------------
-      // 12. Success
-      // --------------------------------------------------
+   
 
       const mainFile =
         bundledFileNames.find(
-          (name: string) =>
-            name.toLowerCase() ===
-            componentName.toLowerCase(),
+          (name: string) => name.toLowerCase() === componentName.toLowerCase(),
         ) || bundledFileNames[0];
 
       outro(
@@ -397,19 +262,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);
     }
-  });
+  });

package/src/commands/init.ts

@@ -17,83 +17,58 @@ export const init = new Command()
     const packageJsonPath = path.join(cwd, "package.json");
     const tsconfigPath = path.join(cwd, "tsconfig.json");
 
-    // 1. Check for package.json
+    // runs only if package file missing
     if (!fs.existsSync(packageJsonPath)) {
       s.stop("Environment check failed.");
-      cancel("No package.json found. Please run this command in the root of your project.");
+      cancel(
+        "No package.json found. Please run this command in the root of your project.",
+      );
       process.exit(1);
     }
 
     const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
-    const deps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+    const deps = {
+      ...packageJson.dependencies,
+      ...packageJson.devDependencies,
+    };
 
-    // 2. Check strictly for React or Next.js
+    //  Check strictly for React or Next.js
     if (!deps.react && !deps.next) {
       s.stop("Environment check failed.");
-      cancel("DS01 strictly supports React and Next.js environments. Please run this in a supported project.");
+      cancel(
+        "DS01 strictly supports React and Next.js environments. Please run this in a supported project.",
+      );
       process.exit(1);
     }
 
-    // 3. Check strictly for TypeScript
+    // Check strictly for TypeScript
     if (!fs.existsSync(tsconfigPath)) {
       s.stop("Environment check failed.");
-      cancel("DS01 requires TypeScript. No tsconfig.json found in the project root.");
+      cancel(
+        "DS01 requires TypeScript. No tsconfig.json found in the project root.",
+      );
       process.exit(1);
     }
 
     s.stop(chalk.green("✔ React and TypeScript detected!"));
 
-    // 4. Ask the user where their global CSS is located
-    const cssPath = await text({
-      message: "Where is your global CSS file?",
-      placeholder: "app/globals.css",
-      initialValue: "app/globals.css",
-    });
-
-    if (isCancel(cssPath)) {
-      cancel("Setup cancelled.");
-      process.exit(0);
-    }
-
-    // 5. Inject Dark Mode / Glassmorphic CSS variables
-    const fullCssPath = path.join(cwd, cssPath as string);
-    if (fs.existsSync(fullCssPath)) {
-      const cssContent = fs.readFileSync(fullCssPath, "utf-8");
-      
-      if (!cssContent.includes("/* ds01-theme-start */")) {
-        const variables = `
-/* ds01-theme-start */
-@layer base {
-  :root {
-    --ds-background: #0a0a0a; /* Deep charcoal */
-    --ds-foreground: #ffffff;
-    --ds-glass-border: rgba(255, 255, 255, 0.08);
-    --ds-glass-blur: blur(16px);
-  }
-}
-/* ds01-theme-end */
-`;
-        fs.appendFileSync(fullCssPath, variables);
-        console.log(chalk.green(`✔ Injected design tokens into ${cssPath}`));
-      } else {
-        console.log(chalk.gray(`- Design tokens already exist in ${cssPath}`));
-      }
-    } else {
-      console.log(chalk.yellow(`⚠ Could not find ${cssPath}. You may need to add the CSS variables manually.`));
-    }
+    // Create the local configuration file so the CLI remembers this project
+    //! Need to be understand
 
-    // 6. Create the local configuration file so the CLI remembers this project
     const configPath = path.join(cwd, "ds01.config.json");
     const configData = {
       $schema: "https://ds-01.vercel.app/schema.json",
       style: "default",
       typescript: true,
-      cssPath: cssPath,
-      componentsPath: "components/ui" // This is where we will inject components later
+      componentsPath: "components/ui", // This is where we will inject components later
     };
-    
+
     fs.writeFileSync(configPath, JSON.stringify(configData, null, 2));
     console.log(chalk.green(`✔ Created ds01.config.json`));
 
-    outro(chalk.green.bold("DS01 successfully initialized! Ready to add components."));
-  });
+    outro(
+      chalk.green.bold(
+        "DS01 successfully initialized! Ready to add components.",
+      ),
+    );
+  });