feat: cli support beta components

README.md

@@ -42,6 +42,7 @@ Usage: nextui [command]
 Options:
   -v, --version                      Output the current version
   --no-cache                         Disable cache, by default data will be cached for 30m after the first request
+  -d, --debug                        Debug mode will not install dependencies
   -h --help                          Display help information for commands
 
 Commands:
@@ -132,6 +133,7 @@ nextui add [components...] [options]
 - `-app --appPath` [string] The path to the App.tsx file
 - `--prettier` [boolean] Add prettier format in the add content which required installed prettier - (default: `false`)
 - `--addApp` [boolean] Add App.tsx file content which required provider (default: `false`)
+- `-b --beta` [boolean] Add beta components (default: `false`)
 
 ##### Example
 
@@ -208,6 +210,7 @@ nextui upgrade [components...] [options]
 - `-p --packagePath` [string] The path to the package.json file
 - `-a --all` [boolean] Upgrade all the NextUI components (default: `false`)
 - `-w --write` [boolean] Write the upgrade version to package.json file (default: `false`)
+- `-b --beta` [boolean] Upgrade beta components (default: `false`)
 - `-h --help` Display help for command
 
 ##### Example

package.json

@@ -64,6 +64,7 @@
     "async-retry": "1.3.3",
     "chalk": "5.3.0",
     "commander": "11.0.0",
+    "compare-versions": "6.1.1",
     "fast-glob": "3.3.2",
     "find-up": "7.0.0",
     "gradient-string": "2.0.2",

src/actions/add-action.ts

@@ -5,6 +5,7 @@ import {existsSync, writeFileSync} from 'node:fs';
 
 import chalk from 'chalk';
 
+import {getBetaComponents} from '@helpers/beta';
 import {
   checkApp,
   checkIllegalComponents,
@@ -36,13 +37,15 @@ interface AddActionOptions {
   tailwindPath?: string;
   appPath?: string;
   addApp?: boolean;
+  beta?: boolean;
 }
 
 export async function addAction(components: string[], options: AddActionOptions) {
   const {
     addApp = false,
     all = false,
     appPath = findFiles('**/App.(j|t)sx')[0],
+    beta = false,
     packagePath = resolver('package.json'),
     tailwindPath = findFiles('**/tailwind.config.(j|t)s')[0]
   } = options;
@@ -73,7 +76,7 @@ export async function addAction(components: string[], options: AddActionOptions)
   }
 
   /** ======================== Add judge whether illegal component exist ======================== */
-  if (!all && !checkIllegalComponents(components)) {
+  if (!all && !checkIllegalComponents(components, true)) {
     return;
   }
 
@@ -113,7 +116,8 @@ export async function addAction(components: string[], options: AddActionOptions)
   if (all) {
     const [, ...missingDependencies] = await checkRequiredContentInstalled(
       'all',
-      allDependenciesKeys
+      allDependenciesKeys,
+      {beta}
     );
 
     if (missingDependencies.length) {
@@ -131,12 +135,13 @@ export async function addAction(components: string[], options: AddActionOptions)
   } else {
     const [, ..._missingDependencies] = await checkRequiredContentInstalled(
       'partial',
-      allDependenciesKeys
+      allDependenciesKeys,
+      {beta}
     );
-    const missingDependencies = [
-      ..._missingDependencies,
-      ...components.map((c) => store.nextUIComponentsMap[c]!.package)
-    ];
+    const mergedComponents = beta
+      ? await getBetaComponents(components)
+      : components.map((c) => store.nextUIComponentsMap[c]!.package);
+    const missingDependencies = [..._missingDependencies, ...mergedComponents];
 
     Logger.info(
       `Adding required dependencies: ${[...missingDependencies]