@yusr_systems/cli 2.0.0 → 2.0.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @yusr_systems/cli
 
+## 2.0.2
+
+### Patch Changes
+
+- making sidebar collabsable
+
+## 2.0.1
+
+### Patch Changes
+
+- add the ability to change perm format
+
 ## 2.0.0
 
 ### Major Changes

package/index.js

@@ -1,11 +1,12 @@
 #!/usr/bin/env node
 
-const { program } = require('commander');
-const execa = require('execa');
-const fs = require('fs-extra');
-const path = require('path');
-const chalk = require('chalk');
-const inquirer = require('inquirer');
+import { program } from 'commander';
+import  execa  from 'execa';
+import fs from 'fs-extra';
+import path from 'path';
+import chalk from 'chalk';
+import inquirer from 'inquirer';
+
 
 program
   .version('1.0.0')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yusr_systems/cli",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "CLI to initialize Yusr Systems environment",
   "private": false,
   "type": "module",
@@ -8,11 +8,14 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "main": "index.js",
+  "main": "./dist/index.js",
   "bin": {
-    "yusr-init": "./index.js"
+    "yusr-init": "./dist/index.js"
   },
   "scripts": {
+    "build": "tsup src/index.ts --format esm --clean --minify",
+    "dev": "tsup src/index.ts --format esm --watch",
+    "start": "node dist/index.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [
@@ -24,9 +27,16 @@
   "license": "ISC",
   "dependencies": {
     "chalk": "^4.1.2",
-    "commander": "^11.0.0",
+    "commander": "^11.1.0",
     "execa": "^5.1.1",
-    "fs-extra": "^11.1.1",
+    "fs-extra": "^11.3.4",
     "inquirer": "^8.2.7"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/inquirer": "^9.0.9",
+    "@types/node": "^25.5.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   }
 }

package/src/index.ts

@@ -0,0 +1,156 @@
+#!/usr/bin/env node
+
+import { program } from "commander";
+import execa from "execa";
+import fs from "fs-extra";
+import path from "path";
+import chalk from "chalk";
+import inquirer from "inquirer";
+import os from "os";
+import YusrDefaultCss from "./yusr_default_code/yusr_default_css";
+
+interface ProjectAnswers {
+  projectName: string;
+  framework: "Next.js" | "Vite (React)";
+}
+
+program.version("1.0.0").description("Yusr Systems Project Initializer");
+
+program
+  .command("create")
+  .description("Create a new project using the Yusr environment")
+  .action(async (): Promise<void> => {
+    try {
+      const answers: ProjectAnswers = await inquirer.prompt([
+        {
+          type: "input",
+          name: "projectName",
+          message: "What is your project name?",
+          default: "my-yusr-app",
+        },
+        {
+          type: "list",
+          name: "framework",
+          message: "Which framework would you like to use?",
+          choices: ["Next.js", "Vite (React)"],
+        },
+      ]);
+
+      const { projectName, framework } = answers;
+      const finalDestination = path.resolve(process.cwd(), projectName);
+
+      // Extract a safe folder name
+      const safeName = path.basename(finalDestination);
+
+      // 1. SAFE CLEANUP
+      if (await fs.pathExists(finalDestination)) {
+        const { overwrite } = await inquirer.prompt([
+          {
+            type: "confirm",
+            name: "overwrite",
+            message: chalk.red(
+              `⚠️  Directory "${projectName}" already exists. Overwrite it?`,
+            ),
+            default: false,
+          },
+        ]);
+
+        if (!overwrite) {
+          console.log(chalk.yellow("❌ Initialization aborted."));
+          process.exit(1);
+        }
+        await fs.remove(finalDestination);
+      }
+
+      console.log(
+        chalk.blue.bold(`\n🚀 Initializing your ${framework} project...`),
+      );
+
+      // 2. CREATE A TEMPORARY DIRECTORY
+      const tempDir = path.join(os.tmpdir(), `yusr-init-${Date.now()}`);
+      await fs.ensureDir(tempDir);
+
+      try {
+        const template = framework === "Next.js" ? "next" : "vite";
+
+        // 3. RUN SHADCN IN THE TEMP DIRECTORY
+        // Using your discovered flags: -n, -d, -b radix, and --no-monorepo
+        await execa(
+          "npx",
+          [
+            "shadcn@latest",
+            "init",
+            "-t",
+            template,
+            "-n",
+            safeName,
+            "-b",
+            "radix",
+            "-d",
+            "--no-monorepo",
+            "--preset",
+            "nova",
+            "--rtl",
+          ],
+          {
+            cwd: tempDir,
+            stdio: "inherit",
+          },
+        );
+
+        // 4. MOVE THE PROJECT TO THE FINAL DESTINATION
+        const createdProjectPath = path.join(tempDir, safeName);
+        await fs.move(createdProjectPath, finalDestination);
+
+        console.log(chalk.green("\n✅ Project created and configured."));
+      } finally {
+        // Always clean up the temp directory
+        await fs.remove(tempDir);
+      }
+
+      // 5. INSTALL YUSR PACKAGES
+      console.log(
+        chalk.yellow("\n📦 Installing @yusr_systems dependencies..."),
+      );
+      await execa(
+        "npm",
+        [
+          "install",
+          "@yusr_systems/ui",
+          "@yusr_systems/core",
+          "--legacy-peer-deps",
+          "@fontsource/ibm-plex-sans-arabic",
+        ],
+        {
+          cwd: finalDestination,
+          stdio: "inherit",
+        },
+      );
+      console.log(chalk.green("✅ Packages installed."));
+
+      // 6. FINAL CSS OVERRIDE
+      console.log(chalk.yellow("\n🛠️  Applying Yusr custom styles..."));
+
+      const cssPath =
+        framework === "Next.js"
+          ? path.join(finalDestination, "app/globals.css")
+          : path.join(finalDestination, "src/index.css");
+
+      const customCss = YusrDefaultCss.getDefaultCss(framework);
+      // Append our custom CSS to the bottom of the file
+      await fs.writeFile(cssPath, customCss);
+      console.log(chalk.green("✅ Styles applied."));
+
+      console.log(
+        chalk.green.bold(`\n✨ Success! Your project ${projectName} is ready.`),
+      );
+      console.log(
+        chalk.cyan(`\nNext steps:\n  cd ${projectName}\n  npm run dev\n`),
+      );
+    } catch (error: any) {
+      console.error(chalk.red("\n❌ An error occurred:"), error.message);
+      process.exit(1);
+    }
+  });
+
+program.parse(process.argv);

package/src/types.ts

@@ -0,0 +1 @@
+export type frameworkType = "Next.js" | "Vite (React)";

package/src/yusr_default_code/yusr_default_css.ts

@@ -0,0 +1,35 @@
+import { frameworkType } from "../types";
+
+export default class YusrDefaultCss {
+  public static getDefaultCss(framework: frameworkType): string {
+    if (framework === "Vite (React)") return this._getViteCustomCss();
+
+    return this._getNextCustomCss();
+  }
+  private static _getViteCustomCss(): string {
+    return `
+        /* --- Yusr Auto Generated CSS Styles --- */
+        @import "tailwindcss";
+        @import "tw-animate-css";
+        @import "shadcn/tailwind.css";
+        @import "@fontsource/ibm-plex-sans-arabic/100.css";
+        @import "@fontsource/ibm-plex-sans-arabic/400.css";
+        @import "@fontsource/ibm-plex-sans-arabic/700.css";
+        @import "@yusr_systems/ui/style.css";
+        @source "../node_modules/@yusr_systems/ui/dist/yusr-ui.js";
+        `;
+  }
+
+  private static _getNextCustomCss(): string {
+    return `
+        /* --- Yusr Auto Generated CSS Styles --- */
+        @import "tailwindcss";
+        @import "shadcn/tailwind.css";
+        @import "@fontsource/ibm-plex-sans-arabic/100.css";
+        @import "@fontsource/ibm-plex-sans-arabic/400.css";
+        @import "@fontsource/ibm-plex-sans-arabic/700.css";
+        @import "@yusr_systems/ui/style.css";
+        @source "../node_modules/@yusr_systems/ui/dist/yusr-ui.js";
+        `;
+  }
+}

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "dist"
+  },
+  "include": ["src/**/*"]
+}