@cloudwick/astral-ui-cli 0.1.1 → 0.2.0

package/README.md

@@ -121,6 +121,7 @@ astral-ui add [component...]
 | `--all` | `-a` | Add all available components |
 | `--path <path>` | `-p` | Specify the path to add the component to |
 | `--silent` | `-s` | Mute output |
+| `--skip-dependencies` |  | Skip installing internal component dependencies |
 
 #### Examples
 
@@ -133,6 +134,9 @@ astral-ui add --all
 
 # Add a component to a specific directory
 astral-ui add button --path ./components/custom
+
+# Skip installing internal component dependencies
+astral-ui add button --skip-dependencies
 ```
 
 ### `repair-tailwind`

package/dist/index.js

@@ -1442,6 +1442,10 @@ var REGISTRY = {
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "adpicon",
+      "button"
+    ],
     "files": [
       {
         "name": "index.ts",
@@ -1468,6 +1472,7 @@ var REGISTRY = {
       "react",
       "class-variance-authority"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "svgObjects.tsx",
@@ -1498,6 +1503,7 @@ var REGISTRY = {
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "index.ts",
@@ -1524,6 +1530,9 @@ var REGISTRY = {
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "avatar"
+    ],
     "files": [
       {
         "name": "index.ts",
@@ -1550,6 +1559,7 @@ var REGISTRY = {
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "index.ts",
@@ -1576,6 +1586,9 @@ var REGISTRY = {
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "adpicon"
+    ],
     "files": [
       {
         "name": "index.ts",
@@ -1607,6 +1620,10 @@ var REGISTRY = {
       "react",
       "@floating-ui/react"
     ],
+    "internalDependencies": [
+      "tooltip",
+      "adpicon"
+    ],
     "files": [
       {
         "name": "index.ts",
@@ -1633,6 +1650,11 @@ var REGISTRY = {
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "ctagroup",
+      "button",
+      "adpicon"
+    ],
     "files": [
       {
         "name": "index.ts",
@@ -1659,6 +1681,7 @@ var REGISTRY = {
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "index.ts",
@@ -1788,6 +1811,9 @@ export const checkmarkClipPath = \`polygon(
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "checkbox"
+    ],
     "files": [
       {
         "name": "index.ts",
@@ -1815,6 +1841,11 @@ export const checkmarkClipPath = \`polygon(
       "react",
       "react-dom"
     ],
+    "internalDependencies": [
+      "adpicon",
+      "dropdown",
+      "tooltip"
+    ],
     "files": [
       {
         "name": "index.ts",
@@ -1845,6 +1876,22 @@ export const checkmarkClipPath = \`polygon(
       "react-datepicker",
       "clsx"
     ],
+    "internalDependencies": [
+      "loader",
+      "adpicon",
+      "emptystate",
+      "badge",
+      "button",
+      "modal",
+      "radio",
+      "textfield",
+      "select",
+      "pagination",
+      "checkbox",
+      "panel",
+      "accordion",
+      "toggle"
+    ],
     "files": [
       {
         "name": "table.tsx",
@@ -1896,6 +1943,9 @@ export const checkmarkClipPath = \`polygon(
       "react",
       "react-datepicker"
     ],
+    "internalDependencies": [
+      "textfield"
+    ],
     "files": [
       {
         "name": "index.ts",
@@ -1928,6 +1978,7 @@ export const checkmarkClipPath = \`polygon(
       "react-dom",
       "@floating-ui/react"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "index.ts",
@@ -2075,6 +2126,9 @@ DropdownItem.displayName = "DropdownItem";`
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "button"
+    ],
     "files": [
       {
         "name": "index.ts",
@@ -2109,6 +2163,12 @@ DropdownItem.displayName = "DropdownItem";`
       "react",
       "class-variance-authority"
     ],
+    "internalDependencies": [
+      "adpicon",
+      "progress",
+      "tooltip",
+      "button"
+    ],
     "files": [
       {
         "name": "storyUtil.tsx",
@@ -2147,6 +2207,7 @@ DropdownItem.displayName = "DropdownItem";`
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "loaderVariants.ts",
@@ -2175,6 +2236,9 @@ DropdownItem.displayName = "DropdownItem";`
       "react-dom",
       "react-focus-on"
     ],
+    "internalDependencies": [
+      "button"
+    ],
     "files": [
       {
         "name": "modalVariants.ts",
@@ -2201,6 +2265,7 @@ DropdownItem.displayName = "DropdownItem";`
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "otpVariants.ts",
@@ -2231,6 +2296,10 @@ DropdownItem.displayName = "DropdownItem";`
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "button",
+      "adpicon"
+    ],
     "files": [
       {
         "name": "paginationVariants.ts",
@@ -2259,6 +2328,10 @@ DropdownItem.displayName = "DropdownItem";`
       "react-dom",
       "react-focus-on"
     ],
+    "internalDependencies": [
+      "button",
+      "adpicon"
+    ],
     "files": [
       {
         "name": "panelVariants.ts",
@@ -2398,6 +2471,10 @@ PanelHeader.displayName = "PanelHeader";`
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "panel",
+      "button"
+    ],
     "files": [
       {
         "name": "panelGroupVariants.ts",
@@ -2493,6 +2570,11 @@ PanelGroup.displayName = "PanelGroup";`
     "dependencies": [
       "react"
     ],
+    "internalDependencies": [
+      "textfield",
+      "button",
+      "adpicon"
+    ],
     "files": [
       {
         "name": "passwordField.tsx",
@@ -2515,6 +2597,7 @@ PanelGroup.displayName = "PanelGroup";`
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "progressVariants.ts",
@@ -2541,6 +2624,7 @@ PanelGroup.displayName = "PanelGroup";`
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "radioVariants.ts",
@@ -2619,6 +2703,9 @@ export const radioLabelVariants = cva(
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "radio"
+    ],
     "files": [
       {
         "name": "radioGroupVariants.ts",
@@ -2646,6 +2733,7 @@ export const radioLabelVariants = cva(
       "react",
       "react-merge-refs"
     ],
+    "internalDependencies": [],
     "files": [
       {
         "name": "utils.ts",
@@ -2678,6 +2766,11 @@ export const radioLabelVariants = cva(
       "react",
       "clsx"
     ],
+    "internalDependencies": [
+      "checkbox",
+      "adpicon",
+      "button"
+    ],
     "files": [
       {
         "name": "utils.ts",
@@ -2708,6 +2801,9 @@ export const radioLabelVariants = cva(
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "adpicon"
+    ],
     "files": [
       {
         "name": "tabsVariants.ts",
@@ -2734,6 +2830,10 @@ export const radioLabelVariants = cva(
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "adpicon",
+      "button"
+    ],
     "files": [
       {
         "name": "textCopyVariants.ts",
@@ -2774,6 +2874,9 @@ export const textCopyVariants = cva(
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "adpicon"
+    ],
     "files": [
       {
         "name": "textFieldVariants.ts",
@@ -2800,6 +2903,9 @@ export const textCopyVariants = cva(
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "adpicon"
+    ],
     "files": [
       {
         "name": "textareaVariants.ts",
@@ -2826,6 +2932,10 @@ export const textCopyVariants = cva(
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "adpicon",
+      "button"
+    ],
     "files": [
       {
         "name": "toastVariants.ts",
@@ -2852,6 +2962,9 @@ export const textCopyVariants = cva(
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "adpicon"
+    ],
     "files": [
       {
         "name": "toggleVariants.ts",
@@ -2879,6 +2992,9 @@ export const textCopyVariants = cva(
       "react",
       "@floating-ui/react"
     ],
+    "internalDependencies": [
+      "adpicon"
+    ],
     "files": [
       {
         "name": "tooltipVariants.ts",
@@ -2905,6 +3021,10 @@ export const textCopyVariants = cva(
       "class-variance-authority",
       "react"
     ],
+    "internalDependencies": [
+      "button",
+      "modal"
+    ],
     "files": [
       {
         "name": "truncateVariants.ts",
@@ -3144,13 +3264,15 @@ var addOptionsSchema = import_zod2.z.object({
   overwrite: import_zod2.z.boolean().default(false),
   all: import_zod2.z.boolean().default(false),
   path: import_zod2.z.string().optional(),
-  silent: import_zod2.z.boolean().default(false)
+  silent: import_zod2.z.boolean().default(false),
+  skipDependencies: import_zod2.z.boolean().default(false)
+  // Add option to skip dependencies
 });
 var add = new import_commander2.Command().name("add").description("add a component to your project").argument("[components...]", "the components to add or a url to the component").option("-y, --yes", "skip confirmation prompts", false).option("-o, --overwrite", "overwrite existing files", false).option(
   "-c, --cwd <cwd>",
   "the working directory. defaults to the current directory",
   process.cwd()
-).option("-a, --all", "add all available components", false).option("-p, --path <path>", "the path to add the component to").option("-s, --silent", "mute output", false).action(async (components, opts) => {
+).option("-a, --all", "add all available components", false).option("-p, --path <path>", "the path to add the component to").option("-s, --silent", "mute output", false).option("--skip-dependencies", "skip installing dependencies", false).action(async (components, opts) => {
   try {
     const options = addOptionsSchema.parse(opts);
     const cwd = import_path8.default.resolve(options.cwd);
@@ -3204,8 +3326,25 @@ var add = new import_commander2.Command().name("add").description("add a compone
       );
     }
     const dependenciesToInstall = /* @__PURE__ */ new Set();
+    const installedOrPendingComponents = /* @__PURE__ */ new Set();
+    const componentDependencies = /* @__PURE__ */ new Map();
+    const explicitlyRequestedComponents = new Set(selectedComponents);
+    if (!options.skipDependencies) {
+      selectedComponents = await resolveAllComponentDependencies(
+        selectedComponents,
+        allComponents,
+        componentDependencies
+      );
+    }
     for (const componentName of selectedComponents) {
-      const spinner = (0, import_ora2.default)(`Adding ${componentName}...`).start();
+      if (installedOrPendingComponents.has(componentName)) {
+        continue;
+      }
+      installedOrPendingComponents.add(componentName);
+      const isExplicitlyRequested = explicitlyRequestedComponents.has(componentName);
+      const spinner = (0, import_ora2.default)(
+        `Adding ${componentName}${isExplicitlyRequested ? "" : " (dependency)"}`
+      ).start();
       const component = allComponents.find((c) => c.name === componentName);
       if (!component) {
         spinner.fail(`Component ${componentName} not found`);
@@ -3263,7 +3402,7 @@ var add = new import_commander2.Command().name("add").description("add a compone
           continue;
         }
         if (success) {
-          spinner.succeed(`Added ${componentName}`);
+          spinner.succeed(`Added ${componentName}${isExplicitlyRequested ? "" : " (dependency)"}`);
           if (dependencies && dependencies.length > 0) {
             dependencies.filter(
               (dep) => !(dep === "@utils" || dep === "@components" || dep.startsWith("@components/") || dep.startsWith("@/") || dep.includes("/lib/"))
@@ -3297,12 +3436,58 @@ var add = new import_commander2.Command().name("add").description("add a compone
     }
     if (!options.silent) {
       console.info(import_chalk4.default.green("\n\u2705 Components added successfully!"));
+      const addedAsDependencies = [...installedOrPendingComponents].filter(
+        (comp) => !explicitlyRequestedComponents.has(comp)
+      );
+      if (addedAsDependencies.length > 0) {
+        console.info(
+          import_chalk4.default.cyan("\nThe following components were automatically added as dependencies:")
+        );
+        addedAsDependencies.forEach((comp) => {
+          const deps = componentDependencies.get(comp) || [];
+          if (deps.length > 0) {
+            const requiredBy = deps.filter(
+              (d) => selectedComponents.includes(d) && (explicitlyRequestedComponents.has(d) || componentDependencies.has(d))
+            );
+            console.info(`  - ${comp} (required by: ${requiredBy.join(", ")})`);
+          } else {
+            console.info(`  - ${comp}`);
+          }
+        });
+      }
     }
   } catch (error) {
     console.error(import_chalk4.default.red("Error adding components:"), error);
     process.exit(1);
   }
 });
+async function resolveAllComponentDependencies(componentNames, allComponents, dependencyMap) {
+  const result = /* @__PURE__ */ new Set();
+  const processedComponents = /* @__PURE__ */ new Set();
+  async function processComponent(name, parentComponents = []) {
+    if (processedComponents.has(name)) {
+      return;
+    }
+    processedComponents.add(name);
+    result.add(name);
+    const component = allComponents.find((c) => c.name === name);
+    if (!component) {
+      return;
+    }
+    const internalDependencies = component.internalDependencies;
+    for (const depName of internalDependencies) {
+      if (!dependencyMap.has(depName)) {
+        dependencyMap.set(depName, []);
+      }
+      dependencyMap.get(depName)?.push(name);
+      await processComponent(depName, [...parentComponents, name]);
+    }
+  }
+  for (const componentName of componentNames) {
+    await processComponent(componentName);
+  }
+  return Array.from(result);
+}
 
 // src/commands/repair-tailwind.ts
 init_cjs_shims();
@@ -3768,7 +3953,7 @@ import { cn } from '@utils';
 var import_gradient_string = __toESM(require("gradient-string"));
 var packageInfo = {
   name: "@cloudwick/astral-ui-cli",
-  version: "0.1.1"
+  version: "0.2.0"
 };
 var program = new import_commander5.Command().name(packageInfo.name).description("CLI for installing Astral UI components in any codebase").version(
   packageInfo.version,