ui-thing 0.2.5 → 0.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-thing",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "CLI used to add Nuxt components to a project",
   "keywords": [
     "cli",
@@ -50,42 +50,42 @@
     ]
   },
   "dependencies": {
-    "axios": "^1.11.0",
+    "axios": "^1.13.1",
     "boxen": "^8.0.1",
-    "c12": "^3.2.0",
-    "commander": "^14.0.0",
+    "c12": "^3.3.1",
+    "commander": "^14.0.2",
     "consola": "^3.4.2",
-    "dotenv": "^17.2.2",
-    "es-toolkit": "^1.39.10",
+    "dotenv": "^17.2.3",
+    "es-toolkit": "^1.41.0",
     "execa": "^9.6.0",
-    "figlet": "^1.8.2",
-    "fs-extra": "^11.3.1",
+    "figlet": "^1.9.3",
+    "fs-extra": "^11.3.2",
     "kleur": "^4.1.5",
     "lodash": "^4.17.21",
     "magicast": "^0.3.5",
-    "ora": "^8.2.0",
+    "ora": "^9.0.0",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "@eslint/js": "^9.35.0",
+    "@eslint/js": "^9.38.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
     "@types/figlet": "^1.7.0",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash": "^4.17.20",
-    "@types/node": "^24.3.1",
+    "@types/node": "^24.9.2",
     "@types/prompts": "^2.4.9",
-    "@vitest/coverage-v8": "^3.2.4",
-    "eslint": "^9.35.0",
-    "globals": "^16.3.0",
+    "@vitest/coverage-v8": "^4.0.5",
+    "eslint": "^9.38.0",
+    "globals": "^16.4.0",
     "husky": "^9.1.7",
-    "jiti": "^2.5.1",
-    "knip": "^5.63.1",
-    "lint-staged": "^16.1.6",
+    "jiti": "^2.6.1",
+    "knip": "^5.66.4",
+    "lint-staged": "^16.2.6",
     "prettier": "^3.6.2",
     "tsup": "^8.5.0",
-    "typescript": "^5.9.2",
-    "typescript-eslint": "^8.42.0",
-    "vitest": "^3.2.4"
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.46.2",
+    "vitest": "^4.0.5"
   },
   "publishConfig": {
     "access": "public"

package/src/commands/init.ts

@@ -8,11 +8,11 @@ import ora from "ora";
 import { createCSS } from "../templates/css";
 import { TW_HELPER } from "../templates/tw-helper";
 import { InitOptions, UIConfig } from "../types";
-import { addPrettierConfig } from "../utils/addPrettierConfig";
+import { addPrettierConfig, askPrettierConfig } from "../utils/addPrettierConfig";
 import { addTailwindVitePlugin } from "../utils/addTailwindVitePlugin";
 import { addVSCodeFiles } from "../utils/addVSCodeFiles";
 import { getUIConfig } from "../utils/config";
-import { INIT_DEPS, INIT_DEV_DEPS, INIT_MODULES } from "../utils/constants";
+import { INIT_DEPS, INIT_DEV_DEPS, INIT_DEV_DEPS_PRETTIER, INIT_MODULES } from "../utils/constants";
 import { installPackages } from "../utils/installPackages";
 import { printFancyBoxMessage } from "../utils/printFancyBoxMessage";
 
@@ -103,8 +103,12 @@ const runInitCommand = async (options: InitOptions) => {
   spinner.succeed("Merged VS Code settings!");
   // Install deps
   await installPackages(uiConfig.packageManager, INIT_DEPS, INIT_DEV_DEPS);
-  // Add prettier config
-  await addPrettierConfig();
+  // Add prettier config if user agrees
+  const addPrettier = await askPrettierConfig();
+  if (addPrettier) {
+    await installPackages(uiConfig.packageManager, [], INIT_DEV_DEPS_PRETTIER);
+    await addPrettierConfig();
+  }
   printFancyBoxMessage(
     "Initialized",
     `Feel free to start adding components with the ${kleur.bgWhite(" add ")} command.`,

package/src/commands/prettier.ts

@@ -2,7 +2,7 @@ import { Command } from "commander";
 import prompts from "prompts";
 
 import { addPrettierConfig } from "../utils/addPrettierConfig";
-import { PACKAGE_MANAGER_CHOICES } from "../utils/constants";
+import { INIT_DEV_DEPS_PRETTIER, PACKAGE_MANAGER_CHOICES } from "../utils/constants";
 import { installPackages } from "../utils/installPackages";
 import { printFancyBoxMessage } from "../utils/printFancyBoxMessage";
 
@@ -28,11 +28,7 @@ export const addPrettier = new Command()
     if (!pkgManager) return process.exit(0);
 
     // install prettier dep
-    await installPackages(pkgManager, undefined, [
-      "prettier",
-      "prettier-plugin-tailwindcss",
-      "@ianvs/prettier-plugin-sort-imports",
-    ]);
+    await installPackages(pkgManager, undefined, INIT_DEV_DEPS_PRETTIER);
     printFancyBoxMessage(
       "All Done!",
       `A .prettierrc file has been added to your project and the code formatted. Enjoy!`,

package/src/utils/addPrettierConfig.ts

@@ -67,3 +67,16 @@ export const addPrettierConfig = async (cwd = process.cwd(), format: boolean = t
 
   return true;
 };
+
+/**
+ * Asks the user if they want to add a Prettier configuration.
+ */
+export const askPrettierConfig = async (): Promise<boolean> => {
+  const { addPrettier } = await prompts({
+    name: "addPrettier",
+    type: "confirm",
+    message: "Would you like to add a Prettier configuration to your project?",
+    initial: true,
+  });
+  return addPrettier;
+};

package/src/utils/constants.ts

@@ -58,12 +58,14 @@ export const INIT_DEPS = [
 /**
  * The initial development dependencies
  */
-export const INIT_DEV_DEPS = [
-  "typescript",
+export const INIT_DEV_DEPS = ["typescript", "tw-animate-css"];
+/**
+ * The initial development dependencies for prettier stuff
+ */
+export const INIT_DEV_DEPS_PRETTIER = [
   "prettier-plugin-tailwindcss",
   "prettier",
   "@ianvs/prettier-plugin-sort-imports",
-  "tw-animate-css",
 ];
 
 /**