ui-thing 0.0.29 → 0.0.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-thing",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "description": "CLI used to add Nuxt 3 components to a project",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -45,7 +45,7 @@
     "boxen": "^7.1.1",
     "build": "^0.1.4",
     "c12": "^1.9.0",
-    "commander": "^11.1.0",
+    "commander": "^12.0.0",
     "defu": "^6.1.4",
     "execa": "^8.0.1",
     "figlet": "^1.7.0",

package/src/commands/add.ts

@@ -30,8 +30,9 @@ export const add = new Command()
   .name("add")
   .command("add")
   .description("Add a list of components to your project.")
+  .option("-a --all", "Add all components to your project.", false)
   .argument("[componentNames...]", "Components that you want to add.")
-  .action(async (components: Array<string>) => {
+  .action(async (components: Array<string>, options: { all?: boolean }) => {
     // Get nuxt config
     const cfg = await getNuxtConfig();
     // Get ui config
@@ -48,7 +49,7 @@ export const add = new Command()
     let componentNames = components;
     // if no components are passed, prompt the user to select components
     if (componentNames.length === 0) {
-      const response = await promptUserForComponents();
+      const response = await promptUserForComponents(options.all);
       if ((response && response.length === 0) || !response) {
         consola.info("No components selected. Exiting...");
         process.exit(0);
@@ -277,16 +278,22 @@ export const add = new Command()
 
     // check if the foundDeps & foundDevDeps lists are not empty, ask the user to install them
     if (foundDeps.length > 0 || foundDevDeps.length > 0) {
-      const { confirmInstall } = await prompts({
-        type: "confirm",
-        name: "confirmInstall",
-        message: `Do you want to install the following packages: ${kleur.cyan(
-          foundDeps.join(", ")
-        )} ${kleur.cyan(foundDevDeps.join(", "))}`,
-        initial: true,
-      });
-      if (confirmInstall) {
+      // if the all option was passed, install the packages without asking
+      if (options.all) {
         await installPackages(uiConfig.packageManager, foundDeps, foundDevDeps);
+      } else {
+        // Ask the user to install the packages
+        const { confirmInstall } = await prompts({
+          type: "confirm",
+          name: "confirmInstall",
+          message: `Do you want to install the following packages: ${kleur.cyan(
+            foundDeps.join(", ")
+          )} ${kleur.cyan(foundDevDeps.join(", "))}`,
+          initial: true,
+        });
+        if (confirmInstall) {
+          await installPackages(uiConfig.packageManager, foundDeps, foundDevDeps);
+        }
       }
     }
 

package/src/commands/init.ts

@@ -19,6 +19,7 @@ export const init = new Command()
     "Initialize UI Thing in your Nuxt3 project. This will: 1. Create a tailwind.config.js file 2. Update your nuxt.config.ts file 3. Add the necessary dependencies 4. Create a ui-thing.config.ts file with the default configuration"
   )
   .option("-f --force", "Overwrite config file if it exists.", false)
+  .option("-y --yes", "Skip prompts and use default values.", false)
   .action(async (options: InitOptions) => {
     // Get nuxt config
     const cfg = await getNuxtConfig();

package/src/types.ts

@@ -10,7 +10,7 @@ export type UIConfig = {
   packageManager: string;
 };
 
-export type InitOptions = { force?: boolean };
+export type InitOptions = { force?: boolean; yes?: boolean };
 
 export type Component = {
   name: string;

package/src/utils/config.ts

@@ -12,6 +12,17 @@ import { initPrompts } from "./uiConfigPrompt";
 
 const currentDir = process.cwd();
 const uiConfigFilename = "ui-thing.config.ts";
+const defaultConfig = {
+  theme: "zinc",
+  tailwindCSSLocation: "assets/css/tailwind.css",
+  tailwindConfigLocation: "tailwind.config.js",
+  componentsLocation: "components/Ui",
+  composablesLocation: "composables",
+  utilsLocation: "utils",
+  force: true,
+  useDefaultFilename: true,
+  packageManager: "npm",
+};
 
 export const getNuxtConfig = async () => {
   if (!fse.existsSync("nuxt.config.ts")) {
@@ -28,7 +39,12 @@ export const getUIConfig = async (options?: InitOptions) => {
   let uiConfig: UIConfig = {} as UIConfig;
 
   if (!configFileExists || options?.force) {
-    uiConfig = await initPrompts();
+    // if option yes is passed, use default values
+    if (options?.yes) {
+      uiConfig = defaultConfig;
+    } else {
+      uiConfig = await initPrompts();
+    }
     await fse.writeFile(uiConfigFilename, `export default ${JSON.stringify(uiConfig, null, 2)}`);
     // Check if user chose pnpm as package manager
     if (uiConfig.packageManager === "pnpm") {

package/src/utils/promptForComponents.ts

@@ -1,10 +1,11 @@
-import ora from "ora";
 import prompts from "prompts";
 
 import allComponents from "../comps";
 import { Component } from "../types";
 
-export const promptUserForComponents = async (): Promise<string[]> => {
+export const promptUserForComponents = async (all?: boolean): Promise<string[]> => {
+  // If all is true, return all components
+  if (all) return allComponents.map((c: Component) => c.value);
   const { components } = await prompts({
     type: "autocompleteMultiselect",
     name: "components",