vueless 0.0.667 → 0.0.669

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.669",
   "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.form-date-picker/UDatePicker.vue

@@ -23,16 +23,15 @@ import { COMPONENT_NAME } from "./constants.ts";
 import { vClickOutside } from "../directives";
 
 import type { ComputedRef } from "vue";
-import type { UDatePickerProps, Config, Locale } from "./types.ts";
+import type { Props, Config, Locale } from "./types.ts";
 import type { ComponentExposed } from "../types.ts";
 import type { Config as UCalendarConfig } from "../ui.form-calendar/types.ts";
 import type { DateLocale } from "../ui.form-calendar/utilFormatting.ts";
 
 defineOptions({ inheritAttrs: false });
 
-type Props = UDatePickerProps<TModelValue>;
-const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
+const props = withDefaults(defineProps<Props<TModelValue>>(), {
+  ...getDefaults<Props<TModelValue>, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: undefined,
   minDate: undefined,
   maxDate: undefined,

package/ui.form-date-picker/storybook/stories.ts

@@ -12,13 +12,13 @@ import URow from "../../ui.container-row/URow.vue";
 
 import { COMPONENT_NAME } from "../constants.ts";
 
-import type { UDatePickerProps } from "../types.ts";
+import type { Props } from "../types.ts";
 
-interface DefaultUDatePickerArgs extends UDatePickerProps<unknown> {
+interface DefaultUDatePickerArgs extends Props<unknown> {
   slotTemplate?: string;
 }
 
-interface EnumUDatePickerArgs extends UDatePickerProps<unknown> {
+interface EnumUDatePickerArgs extends Props<unknown> {
   slotTemplate?: string;
   enum: "size";
 }

package/ui.form-date-picker/types.ts

@@ -5,7 +5,7 @@ import type { ComponentConfig } from "../types.ts";
 export type Locale = typeof defaultConfig.i18n;
 export type Config = typeof defaultConfig;
 
-export interface UDatePickerProps<TModelValue> {
+export interface Props<TModelValue> {
   /**
    * Calendar value (JavaScript Date object or string formatted in given `dateFormat` or object when `range` enabled).
    */

package/utils/node/dynamicProps.js

@@ -11,7 +11,7 @@ const CLOSING_BRACKET = "}";
 const IGNORE_PROP = "@ignore";
 const CUSTOM_PROP = "@custom";
 
-const PROPS_INTERFACE_REG_EXP = /export\s+interface\s+Props\s*{([^}]*)}/s;
+const PROPS_INTERFACE_REG_EXP = /export\s+interface\s+Props(?:<\w+>)?\s*{([^}]*)}/s;
 const UNION_SYMBOLS_REG_EXP = /[?|:"|;]/g;
 const WORD_IN_QUOTE_REG_EXP = /"([^"]+)"/g;
 
@@ -129,6 +129,11 @@ async function modifyComponentTypes(filePath, props) {
       const defaultOptionalMark = lines[propIndex]?.includes(OPTIONAL_MARK) ? OPTIONAL_MARK : "";
       const optionalMark = required === undefined ? defaultOptionalMark : userOptionalMark;
 
+      const isExtendOnly = lines
+        .slice(propIndex - 2, propIndex)
+        .join("")
+        .includes("@extendOnly");
+
       const propDescription = description?.replaceAll(/[\n\s]+/g, " ").trim() || "–"; // removes new lines and double spaces.
       const propType = unionType.length ? unionType : type;
 
@@ -142,14 +147,14 @@ async function modifyComponentTypes(filePath, props) {
 
       /* Check if the prop type already exists. */
       if (~propIndex) {
-        if (unionType.length && isAssignableValue) {
+        if (unionType.length && (isAssignableValue || !isExtendOnly)) {
           // Remove multiline union types;
           lines.splice(propIndex + 1, propEndIndex);
 
           lines.splice(propIndex, 1, `  ${name}${defaultOptionalMark}: ${propType};`);
         }
 
-        if (unionType.length && !isAssignableValue) {
+        if (unionType.length && isExtendOnly && !isAssignableValue) {
           // eslint-disable-next-line no-console
           console.warn(`${unionType} is not assignable to type ${defaultUnionType}.`);
         }