vueless 0.0.478-beta.3 → 0.0.479

package/utilsTs/utilTailwind.ts

@@ -1,38 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import resolveConfig from "tailwindcss/resolveConfig";
-import { isSSR, isCSR } from "./utilHelper.ts";
-
-import type { Config } from "tailwindcss";
-
-/**
- * Load Tailwind config from the project root.
- * Both for server and client side renderings.
- * IIFE for SSR is used to prevent top level await issue.
- */
-export let fullTailwindConfig: any;
-
-if (isSSR) {
-  /* Load Tailwind config from the project root in IIFE (no top-level await). */
-  (async () => {
-    try {
-      const filePath = `${process.cwd()}/tailwind.config`;
-
-      let tailwindConfig = (await import(/* @vite-ignore */ `${filePath}.js`)).default;
-
-      if (!tailwindConfig) {
-        tailwindConfig = (await import(/* @vite-ignore */ `${filePath}.ts`)).default;
-      }
-
-      fullTailwindConfig = resolveConfig(tailwindConfig);
-    } catch {}
-  })();
-}
-
-if (isCSR) {
-  const tailwindConfig = Object.values(
-    import.meta.glob("/tailwind.config.{js,ts}", { eager: true, import: "default" }),
-  )[0] as Config;
-
-  fullTailwindConfig = resolveConfig(tailwindConfig);
-}

package/utilsTs/utilUI.ts

@@ -1,143 +0,0 @@
-import { merge } from "lodash-es";
-import { defineConfig } from "cva";
-import { extendTailwindMerge } from "tailwind-merge";
-import { cloneDeep, isCSR, isSSR } from "./utilHelper.ts";
-import {
-  BRAND_COLOR,
-  GRAYSCALE_COLOR,
-  DEFAULT_BRAND_COLOR,
-  NESTED_COMPONENT_REG_EXP,
-} from "../constants.ts";
-
-import type { BrandColors, Config, ComponentNames, Component, Defaults } from "../types.ts";
-
-/**
- * Load Vueless config from the project root.
- * Both for server and client side renderings.
- * IIFE for SSR is used to prevent top level await issue.
- */
-export let vuelessConfig: Config = {};
-
-if (isSSR) {
-  /* Load Vueless config from the project root in IIFE (no top-level await). */
-  (async () => {
-    try {
-      const filePath = `${process.cwd()}/vueless.config`;
-
-      vuelessConfig = (await import(/* @vite-ignore */ `${filePath}.js`)).default;
-
-      if (!vuelessConfig) {
-        vuelessConfig = (await import(/* @vite-ignore */ `${filePath}.ts`)).default;
-      }
-    } catch {
-      vuelessConfig = {};
-    }
-  })();
-}
-
-if (isCSR) {
-  vuelessConfig =
-    Object.values(
-      import.meta.glob("/vueless.config.{js,ts}", { eager: true, import: "default" }),
-    )[0] || {};
-}
-
-/**
- * Extend twMerge (tailwind merge) by vueless and user config:
- * All list of rules available here:
- * https://github.com/dcastil/tailwind-merge/blob/v2.3.0/src/lib/default-config.ts
- */
-const twMerge = extendTailwindMerge(
-  merge(
-    {
-      extend: {
-        theme: {
-          spacing: ["safe-top", "safe-bottom", "safe-left", "safe-right"],
-        },
-        classGroups: {
-          "ring-w": [{ ring: ["dynamic"] }],
-          "ring-offset-w": [{ "ring-offset": ["dynamic"] }],
-          "ring-offset-color": [{ "ring-offset": ["dynamic"] }],
-          "font-size": [{ text: ["2xs"] }],
-          rounded: [{ rounded: ["dynamic"] }],
-        },
-      },
-    },
-    vuelessConfig.tailwindMerge,
-  ),
-);
-
-/**
- * Export cva (class variance authority) methods:
- * – extended with tailwind-merge
- * – remove all Vueless nested component names ({U...} strings) from class list string.
- * Learn more here: https://beta.cva.style
- */
-export const {
-  cx,
-  compose,
-  cva: classVarianceAuthority,
-} = defineConfig({
-  hooks: {
-    onComplete: (classNames) => twMerge(classNames).replace(NESTED_COMPONENT_REG_EXP, ""),
-  },
-});
-
-/* This allows skipping some CVA config keys in vueless config. */
-export const cva = ({ base = "", variants = {}, compoundVariants = [], defaultVariants = {} }) =>
-  classVarianceAuthority({
-    base,
-    variants,
-    compoundVariants,
-    defaultVariants,
-  });
-
-/**
- * Return default values for component props, icons, etc..
- */
-export function getDefault<T>(defaultConfig: Component, name: ComponentNames): T {
-  const componentDefaults = cloneDeep(defaultConfig.defaults) || {};
-  const globalDefaults = cloneDeep(vuelessConfig.component?.[name]?.defaults) || {};
-
-  const defaults = merge(componentDefaults, globalDefaults) as T & Defaults;
-
-  if (defaults.color) {
-    defaults.color = getColor(defaults.color as BrandColors);
-  }
-
-  return defaults;
-}
-
-/**
- * Return `grayscale` color if in component config it `brand` but in vueless config it `grayscale`
- * Otherwise return given color.
- */
-export function getColor(color: string) {
-  const isBrandColorGrayscale = (vuelessConfig.brand ?? DEFAULT_BRAND_COLOR) === GRAYSCALE_COLOR;
-  const isComponentColorBrand = color === BRAND_COLOR;
-
-  return isBrandColorGrayscale && isComponentColorBrand ? GRAYSCALE_COLOR : color;
-}
-
-/**
- * Replace in tailwind classes `{color}` variable into given color.
- */
-export function setColor(classes: string, color: string) {
-  return classes?.replace(/{color}/g, color);
-}
-
-/**
- * Generates simple unique identifier.
- */
-export function getRandomId(length = 15) {
-  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
-  const charactersLength = characters.length;
-
-  let id = "";
-
-  while (id.length < length) {
-    id += characters.charAt(Math.floor(Math.random() * charactersLength));
-  }
-
-  return id;
-}