vueless 0.0.667 → 0.0.668

package/bin/commands/index.js

@@ -0,0 +1,5 @@
+import { vuelssInit } from "./init.js";
+
+export const commands = {
+  init: vuelssInit,
+};

package/bin/commands/init.js

@@ -0,0 +1,39 @@
+/* eslint-disable no-console */
+
+import { cwd } from "node:process";
+import path from "node:path";
+import { writeFile } from "node:fs/promises";
+import { styleText } from "node:util";
+
+import {
+  DEFAULT_VUELESS_CONFIG_NAME,
+  DEFAULT_VUELESS_CONFIG_CONTNET,
+  TYPESCRIPT_EXT,
+  JAVASCRIPT_EXT,
+} from "../constants.js";
+
+const destPath = path.join(cwd(), DEFAULT_VUELESS_CONFIG_NAME);
+
+const vuelessInitOptions = ["--ts", "--js"];
+
+export async function vuelssInit(options) {
+  const isValidOptions = options.every((option) => vuelessInitOptions.includes(option));
+
+  if (options.length && !isValidOptions) {
+    throw new Error("Ivalid options were provided");
+  }
+
+  const fileExt = options.includes("--ts") ? TYPESCRIPT_EXT : JAVASCRIPT_EXT;
+  const formattedDestPath = path.format({ ...path.parse(destPath), base: "", ext: fileExt });
+
+  console.log(formattedDestPath);
+
+  await writeFile(formattedDestPath, DEFAULT_VUELESS_CONFIG_CONTNET, "utf-8");
+
+  const successMessage = styleText(
+    "green",
+    `Success: ${formattedDestPath.split(path.sep).at(-1)} was created in ${cwd()} directory`,
+  );
+
+  console.log(successMessage);
+}

package/bin/constants.js

@@ -0,0 +1,48 @@
+export const DEFAULT_VUELESS_CONFIG_NAME = "vueless.config.js";
+export const DEFAULT_EXIT_CODE = 0;
+export const FAILURE_CODE = 1;
+export const TYPESCRIPT_EXT = ".ts";
+export const JAVASCRIPT_EXT = ".js";
+export const DEFAULT_VUELESS_CONFIG_CONTNET = `
+export default {
+  /**
+    * Global settings.
+    */
+  strategy: "merge",
+  brand: "grayscale",
+  gray: "cool",
+  darkMode: "auto",
+  ring: 4,
+  ringOffset: 0,
+  ringOffsetColorLight: "#ffffff", // white
+  ringOffsetColorDark: "#111827", // gray-900
+  rounding: 8,
+
+  /**
+    * Directive settings.
+    */
+  directive: {},
+
+  /**
+    * Component settings.
+    */
+  component: /*tw*/ {},
+
+  /**
+    * Tailwind CSS theme config.
+    * https://tailwindcss.com/docs/theme
+    */
+  tailwindTheme: {
+    extend: {
+      colors: {},
+    },
+  },
+
+  /**
+    * 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

@@ -0,0 +1,24 @@
+#!/usr/bin/env node
+
+/* eslint-disable no-console */
+
+import { commands } from "./commands/index.js";
+
+import { DEFAULT_EXIT_CODE, FAILURE_CODE } from "./constants.js";
+
+const [command, ...options] = process.argv.slice(2);
+
+try {
+  if (!command || command === "undefiend") {
+    process.exit(DEFAULT_EXIT_CODE);
+  }
+
+  if (command in commands) {
+    commands[command](options);
+  } else {
+    throw new Error(`There is no such command: ${command}`);
+  }
+} catch (error) {
+  console.error(error.message);
+  process.exit(error.code || FAILURE_CODE);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.667",
+  "version": "0.0.668",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -33,7 +33,7 @@
     "build": "npm run pre:start && storybook build --docs",
     "preview": "vite preview --host --outDir=storybook-static",
     "ts:check": "vue-tsc --build --force",
-    "release:prepare": "npm run pre:start && rm -rf dist && mkdir -p dist && cp -r src/. package.json LICENSE README.md dist/",
+    "release:prepare": "npm run pre:start && rm -rf dist && mkdir -p dist && cp -r src/. package.json LICENSE README.md dist/ && cp -r bin dist/bin",
     "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
     "release:patch": "release-it patch --ci --npm.publish",
     "release:minor": "release-it minor --ci --npm.publish --git.tag --github.release",
@@ -42,6 +42,9 @@
     "lint:fix": "eslint --fix src/ .storybook/",
     "lint:ci": "eslint --no-fix --max-warnings=0"
   },
+  "bin": {
+    "vueless": "./bin/index.js"
+  },
   "dependencies": {
     "@tailwindcss/forms": "^0.5.9",
     "cva": "^1.0.0-beta.1",