vueless 0.0.666 → 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.666",
+  "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",

package/ui.text-money/UMoney.vue

@@ -7,7 +7,7 @@ import { hasSlotContent } from "../utils/helper.ts";
 
 import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
-import { separatedMoney, MONEY_SIGN_TYPE } from "./utilMoney.ts";
+import { separatedMoney, MONEY_SIGN_TYPE, MATH_SIGN } from "./utilMoney.ts";
 
 import type { Props, Config } from "./types.ts";
 
@@ -31,8 +31,10 @@ const currencySpace = computed(() => {
 const mathSign = computed(() => {
   let type = "";
 
-  if (props.sign === MONEY_SIGN_TYPE.positive) type = "+";
-  if (props.sign === MONEY_SIGN_TYPE.negative) type = "–";
+  if (props.sign === MONEY_SIGN_TYPE.unsigned) type = "";
+  if (props.sign === MONEY_SIGN_TYPE.positive) type = MATH_SIGN.PLUS;
+  if (props.sign === MONEY_SIGN_TYPE.negative) type = MATH_SIGN.MINUS;
+  if (props.sign === MONEY_SIGN_TYPE.auto && props.value < 0) type = MATH_SIGN.MINUS;
 
   return type;
 });

package/ui.text-money/config.ts

@@ -51,7 +51,7 @@ export default /*tw*/ {
   defaults: {
     color: "grayscale",
     size: "md",
-    sign: "default",
+    sign: "auto",
     align: "left",
     symbolAlign: "right",
     minFractionDigits: 0,

package/ui.text-money/storybook/stories.ts

@@ -28,7 +28,7 @@ export default {
   args: {
     value: 10,
     symbol: "$",
-    sign: "positive",
+    sign: "auto",
   },
   argTypes: {
     ...getArgTypes(UMoney.__name),
@@ -95,7 +95,7 @@ Colors.args = {
   enum: "color",
   value: 0,
   symbol: "$",
-  sign: "default",
+  sign: "auto",
 };
 
 export const Sizes = EnumVariantTemplate.bind({});

package/ui.text-money/types.ts

@@ -58,7 +58,7 @@ export interface Props {
   /**
    * Money sign.
    */
-  sign?: "default" | "positive" | "negative";
+  sign?: "auto" | "positive" | "negative" | "unsigned";
 
   /**
    * Minimal number of signs after the decimal separator (fractional part of a number).

package/ui.text-money/utilMoney.ts

@@ -1,7 +1,13 @@
 export const MONEY_SIGN_TYPE = {
-  default: "default",
+  auto: "auto",
   positive: "positive",
   negative: "negative",
+  unsigned: "unsigned",
+};
+
+export const MATH_SIGN = {
+  PLUS: "+",
+  MINUS: "-",
 };
 
 export const ADD_SPACE_IN_MONEY_REG_EX = /(\d)(?=(\d{3})+(\D|$))/g;