vueless 0.0.795 → 0.0.797

package/bin/commands/init.js

@@ -2,10 +2,11 @@
 
 import { cwd } from "node:process";
 import path from "node:path";
-import { writeFile } from "node:fs/promises";
+import { existsSync } from "node:fs";
+import { writeFile, rename } from "node:fs/promises";
 import { styleText } from "node:util";
 
-import { DEFAULT_VUELESS_CONFIG_CONTNET } from "../constants.js";
+import { DEFAULT_VUELESS_CONFIG_CONTENT } from "../constants.js";
 import { JAVASCRIPT_EXT, TYPESCRIPT_EXT, VUELESS_CONFIG_FILE_NAME } from "../../constants.js";
 
 const vuelessInitOptions = ["--ts", "--js"];
@@ -24,7 +25,22 @@ export async function vuelessInit(options) {
     ext: fileExt,
   });
 
-  await writeFile(formattedDestPath, DEFAULT_VUELESS_CONFIG_CONTNET, "utf-8");
+  if (existsSync(formattedDestPath)) {
+    const timestamp = new Date().valueOf();
+    const renamedTarget = `${VUELESS_CONFIG_FILE_NAME}-backup-${timestamp}${fileExt}`;
+
+    await rename(formattedDestPath, renamedTarget);
+
+    const warnMessage = styleText(
+      "yellow",
+      // eslint-disable-next-line vue/max-len
+      `Current Vueless config backed into: '${path.basename(renamedTarget)}' folder. Don't forget to remove it before commit.`,
+    );
+
+    console.warn(warnMessage);
+  }
+
+  await writeFile(formattedDestPath, DEFAULT_VUELESS_CONFIG_CONTENT, "utf-8");
 
   const successMessage = styleText(
     "green",

package/bin/constants.js

@@ -1,31 +1,32 @@
 export const SRC_COMPONENTS_PATH = "/src/components";
 export const COMPONENTS_PATH = "/components";
-export const DEFAULT_VUELESS_CONFIG_CONTNET = `
+export const DEFAULT_VUELESS_CONFIG_CONTENT = `
 export default {
   /**
-    * Global settings.
-    */
+   * Global settings.
+   */
   strategy: "merge",
   brand: "grayscale",
   gray: "cool",
-  darkMode: "auto",
   outline: 2,
   rounding: 8,
+  colorMode: "auto",
+  baseClasses: ``,
 
   /**
-    * Directive settings.
-    */
+   * Directive settings.
+   */
   directives: {},
 
   /**
-    * Component settings.
-    */
+   * Component settings.
+   */
   components: /*tw*/ {},
 
   /**
-    * Tailwind CSS theme config.
-    * https://tailwindcss.com/docs/theme
-    */
+   * Tailwind CSS theme config.
+   * https://tailwindcss.com/docs/theme
+   */
   tailwindTheme: {
     extend: {
       colors: {},
@@ -33,10 +34,10 @@ export default {
   },
 
   /**
-    * Custom classes TailwindMerge settings.
-    * All lists of rules available here:
-    * https://github.com/dcastil/tailwind-merge/blob/v2.3.0/src/lib/default-config.ts
-    */
+   * Custom classes TailwindMerge settings.
+   * All lists of rules available here:
+   * https://github.com/dcastil/tailwind-merge/blob/v2.3.0/src/lib/default-config.ts
+   */
   tailwindMerge: {},
 };
 `;

package/bin/index.js

@@ -2,6 +2,8 @@
 
 /* eslint-disable no-console */
 
+import { styleText } from "node:util";
+
 import { commands } from "./commands/index.js";
 
 import { DEFAULT_EXIT_CODE, FAILURE_CODE } from "../constants.js";
@@ -16,9 +18,9 @@ try {
   if (command in commands) {
     commands[command](options);
   } else {
-    throw new Error(`There is no such command: ${command}`);
+    throw new Error(styleText("red", `There is no such command: ${command}`));
   }
 } catch (error) {
-  console.error(error.message);
+  console.error(styleText("red", error.message));
   process.exit(error.code || FAILURE_CODE);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.795",
+  "version": "0.0.797",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [