@dxtmisha/scripts 0.11.7 → 1.0.0

package/src/classes/Properties/to/PropertiesToState.ts

@@ -1,65 +0,0 @@
-// export:none
-
-import { isObjectNotArray } from '@dxtmisha/functional-basic'
-
-import { PropertiesToAbstract } from './PropertiesToAbstract'
-
-import {
-  type PropertyItem,
-  type PropertyItemsItem,
-  PropertyKey,
-  PropertyType
-} from '../../../types/propertyTypes'
-
-/**
- * A class for transforming components.
- *
- * Класс для преобразования состояния.
- */
-export class PropertiesToState extends PropertiesToAbstract {
-  protected readonly FILE_CACHE = '032-state'
-
-  protected init(): void {
-    this.items.findVariable([PropertyType.state]).forEach(({
-      name,
-      item,
-      parents
-    }) => {
-      item[PropertyKey.name] = this.getName(name, item, parents)
-    })
-  }
-
-  /**
-   * Name transformation for the state type.
-   *
-   * Преобразование имени для типа state.
-   * @param name base property name/ базовое название свойства
-   * @param item current element/ текущий элемент
-   * @param parents current element/ текущий элемент
-   */
-  private getName(
-    name: string,
-    item: PropertyItem,
-    parents: PropertyItemsItem['parents']
-  ): string {
-    const newName = this.items.getReName(name, item)
-
-    if (item?.[PropertyKey.fullName]) {
-      return `&.${newName}`
-    }
-
-    const value = parents?.[1]?.item.value
-
-    if (
-      !item?.[PropertyKey.state]
-      && parents.length > 2
-      && isObjectNotArray(value)
-      && value?.[name]
-      && value[name][PropertyKey.variable] === PropertyType.state
-    ) {
-      return `&.${parents?.[1]?.item[PropertyKey.name]}--${newName}`
-    }
-
-    return `&--${newName}`
-  }
-}

package/src/classes/Properties/to/PropertiesToStyle.ts

@@ -1,52 +0,0 @@
-// export:none
-
-import { isObjectNotArray } from '@dxtmisha/functional-basic'
-
-import { PropertiesToAbstract } from './PropertiesToAbstract'
-
-import {
-  PropertyKey,
-  PropertyType
-} from '../../../types/propertyTypes'
-
-import { UI_KEY_CUSTOM } from '../../../config'
-
-/**
- * A class for working with properties that support additional values.
- *
- * Класс для работы со свойствами с поддержкой дополнительных значений.
- */
-export class PropertiesToStyle extends PropertiesToAbstract {
-  protected readonly FILE_CACHE = '016-style'
-
-  /**
-   * Handling a style record.
-   *
-   * Обработка записи стиля.
-   */
-  protected init(): void {
-    this.items.each(({
-      item,
-      name,
-      design,
-      component
-    }) => {
-      if (
-        item?.[PropertyKey.style]
-        && isObjectNotArray(item.value)
-        && !item.value?.[UI_KEY_CUSTOM]
-      ) {
-        item[PropertyKey.variable] = PropertyType.state
-        item.value[UI_KEY_CUSTOM] = {
-          value: {
-            [name]: {
-              value: `{${design}.${component}.sys.${name}}`,
-              [PropertyKey.variable]: item?.[PropertyKey.varKey] ? PropertyType.var : PropertyType.property
-            }
-          },
-          [PropertyKey.variable]: PropertyType.state
-        }
-      }
-    })
-  }
-}

package/src/classes/Properties/to/PropertiesToSub.ts

@@ -1,95 +0,0 @@
-// export:none
-
-import { PropertiesToAbstract } from './PropertiesToAbstract'
-
-import {
-  type PropertyItem,
-  type PropertyItemsItem,
-  PropertyKey
-} from '../../../types/propertyTypes'
-
-const REG_SUB = /(?<={[^}]*?){([^{}]+)}/g
-
-/**
- * Class for converting all properties with sub-values.
- *
- * Класс для преобразования всех свойств с под-значениями.
- */
-export class PropertiesToSub extends PropertiesToAbstract {
-  protected readonly FILE_CACHE = '006-sub'
-
-  /**
-   * Converting all elements.
-   *
-   * Преобразование всех элементов.
-   */
-  protected init(): void {
-    this.items.each((property) => {
-      if (this.is(property.value)) {
-        this.read(property)
-      }
-    })
-  }
-
-  /**
-   * Проверяет, если значения
-   * @param value current element/ текущий элемент
-   */
-  private is(value: PropertyItem['value']): boolean {
-    return typeof value === 'string' && Boolean(value.match(REG_SUB))
-  }
-
-  /**
-   * Converting all indices to values.
-   *
-   * Преобразование всех индексов в значения.
-   * @param design design name/ название дизайна
-   * @param component component name/ название компонента
-   * @param value values of properties from the value field/ значения свойств из поля value
-   */
-  private getValue(
-    design: string,
-    component: string,
-    value: string
-  ) {
-    let max = 24
-    let update = true
-
-    while (update && max-- > 0) {
-      update = false
-      value = value.replace(REG_SUB, (name, value) => {
-        update = true
-
-        return this.items.getItem(
-          this.items.getLink(design, component, name)
-        )?.value ?? value
-      })
-    }
-
-    return value.trim()
-  }
-
-  /**
-   * Converting all indices to values for a field of values.
-   *
-   * Преобразование всех индексов в значения для поля значения.
-   */
-  private read(
-    {
-      design,
-      component,
-      item
-    }: PropertyItemsItem
-  ): void {
-    if (
-      component
-      && typeof item.value === 'string'
-    ) {
-      item.value = this.getValue(design, component, item.value)
-
-      if (item?.[PropertyKey.fullValue]) {
-        item.value = item.value.replace(/[{}]/g, '')
-      }
-    }
-  }
-}

package/src/classes/Properties/to/PropertiesToSubclass.ts

@@ -1,76 +0,0 @@
-// export:none
-
-import { PropertiesToAbstract } from './PropertiesToAbstract'
-
-import {
-  type PropertyItem,
-  type PropertyItemsItem,
-  PropertyKey,
-  PropertyType
-} from '../../../types/propertyTypes'
-
-/**
- * A class for transforming subclass.
- *
- * Класс для преобразования subclass.
- */
-export class PropertiesToSubclass extends PropertiesToAbstract {
-  protected readonly FILE_CACHE = '036-subclass'
-
-  protected init(): void {
-    this.items.findVariable(PropertyType.subclass).forEach(({
-      name,
-      item,
-      parents
-    }) => {
-      const newName = this.items.getReName(name, item)
-
-      item[PropertyKey.name] = this.getName(newName, item, parents)
-      item[PropertyKey.nameIndex] = newName
-    })
-  }
-
-  /**
-   * Checks if the top-level type is a state.
-   *
-   * Проверяет, является ли тип верхнего уровня - это state.
-   * @param parents array of all ancestor properties along the tree from the top level/
-   * массив со всеми свойствами предков по дереву от верхнего уровня
-   */
-  private isParentState(parents: PropertyItemsItem['parents']): boolean {
-    const type = parents?.[parents.length - 1]?.item?.[PropertyKey.variable] ?? PropertyType.subclass
-
-    return [
-      PropertyType.component,
-      PropertyType.subclass,
-      PropertyType.classType
-    ].indexOf(type) < 0
-  }
-
-  /**
-   * Name transformation for the component type.
-   *
-   * Преобразование имени для типа component.
-   * @param name base property name/ базовое название свойства
-   * @param item current element/ текущий элемент
-   * @param parents array of all ancestor properties along the tree from the top level/
-   * массив со всеми свойствами предков по дереву от верхнего уровня
-   */
-  private getName(
-    name: string,
-    item: PropertyItem,
-    parents: PropertyItemsItem['parents']
-  ): string {
-    if (item?.[PropertyKey.fullName]) {
-      return `& .${name}`
-    } else if (this.isParentState(parents)) {
-      const parentsName = this.items.getParentsName(parents, [PropertyType.subclass])
-        .join('__')
-        .replace('__', '-')
-
-      return `& .${parentsName}__${name}`
-    }
-
-    return `&__${name}`
-  }
-}

package/src/classes/Properties/to/PropertiesToVar.ts

@@ -1,194 +0,0 @@
-// export:none
-
-import { isString, toCamelCase } from '@dxtmisha/functional-basic'
-
-import { PropertiesToAbstract } from './PropertiesToAbstract'
-import { PropertiesValues } from '../PropertiesValues'
-
-import {
-  type PropertyItem,
-  type PropertyItemsItem,
-  type PropertyItemsParent,
-  PropertyKey,
-  PropertyType
-} from '../../../types/propertyTypes'
-
-const REG_VAR = /(?<!#)\{([^{}]+)}/ig
-
-/**
- * A class for working with custom properties in CSS.
- *
- * Класс для работы с пользовательским свойством в CSS.
- */
-export class PropertiesToVar extends PropertiesToAbstract {
-  protected FILE_CACHE = '020-var'
-  protected type = PropertyType.var
-
-  protected init(): void {
-    this.items.findVariable(this.type).forEach((property) => {
-      const {
-        design,
-        component,
-        value,
-        item,
-        parents
-      } = property
-
-      if (
-        component
-        && typeof value === 'string'
-        && value !== ''
-      ) {
-        const fullValue = item?.[PropertyKey.css] ?? this.items.getLinkToValue(design, component, value)
-
-        item[PropertyKey.name] = this.getName(property)
-
-        if (this.isNone(parents)) {
-          item[PropertyKey.css] = undefined
-        } else {
-          item[PropertyKey.css] = this.toValue(
-            this.toCalculator(fullValue, item?.[PropertyKey.fullValue]), item?.[PropertyKey.default]
-          )
-
-          if (
-            !(PropertyKey.cssColorOpacity in item)
-            && this.isColorWithOpacity(property)
-          ) {
-            item[PropertyKey.cssColorOpacity] = true
-          }
-
-          if (item?.[PropertyKey.important]) {
-            item[PropertyKey.css] += ' !important'
-          }
-        }
-      }
-    })
-  }
-
-  /**
-   * Name transformation for the var type.
-   *
-   * Преобразование имени для типа var.
-   * @param design design name/ название дизайна
-   * @param component component name/ название компонента
-   * @param name base property name/ базовое название свойства
-   * @param item current element/ текущий элемент
-   * @param parents array of all ancestor properties along the tree from the top level/
-   * массив со всеми свойствами предков по дереву от верхнего уровня
-   */
-  protected getName({
-    design,
-    component,
-    name,
-    item,
-    parents
-  }: PropertyItemsItem): string {
-    if (component && item?.[PropertyKey.fullName]) {
-      return `--${this.items.getLink(design, component, item?.[PropertyKey.index] ?? name, '-')}`
-    }
-
-    return `--${this.items.getParentsName(parents, [PropertyType.var]).join('-')}-${toCamelCase(name)}`
-  }
-
-  /**
-   * Checks if the value has a mathematical expression.
-   *
-   * Проверяет, есть ли у значения математическое выражение.
-   * @param value values to process/ значения для преобразования
-   * @param full the expression is complete/ выражение является полным
-   */
-  protected toCalculator(value: string, full?: boolean): string {
-    if (
-      !full
-      && value.match(/([+*/]|(?<![\w-])-(?![\w-]))/ig)
-      && value.match(/calc/ig) === null
-    ) {
-      return `calc(${value})`
-    }
-
-    return value
-  }
-
-  /**
-   * Returns the transformed pointer.
-   *
-   * Возвращает преобразованный указатель.
-   * @param {string} value values to process/ значения для преобразования
-   */
-  protected toLink(value: string): string {
-    return this.items.getKeys(value).join('-')
-  }
-
-  /**
-   * Transformation to the CSS property.
-   *
-   * Преобразование в свойство CSS.
-   * @param value values to process/ значения для преобразования
-   * @param defaultValue default values/ значения по умолчанию
-   */
-  protected toValue(value: string, defaultValue?: PropertyItem['_default']): string {
-    if (value.match('{')) {
-      return value.replace(REG_VAR, (...text) => {
-        if (defaultValue && typeof defaultValue === 'string') {
-          return `var(--${this.toLink(text[1])}, ${this.toValue(this.toCalculator(defaultValue))})`
-        }
-
-        return `var(--${this.toLink(text[1])})`
-      })
-    }
-
-    return value
-  }
-
-  /**
-   * Checks if the values are hidden.
-   *
-   * Проверяет, являются ли значения скрытыми.
-   * @param parents list of ancestors/ список предков
-   */
-  private isNone(parents: PropertyItemsParent[]): boolean {
-    for (const parent of parents) {
-      if (parent.item?.[PropertyKey.type] === PropertyType.none) {
-        return true
-      }
-    }
-
-    return false
-  }
-
-  /**
-   * Checks if the element has transparency.
-   *
-   * Проверяет, есть ли прозрачность у элемента.
-   * @param property property value/ значение свойства
-   */
-  private isColorWithOpacity(property: PropertyItemsItem): boolean {
-    const {
-      design,
-      component,
-      value,
-      item
-    } = property
-
-    if (item?.[PropertyKey.cssColorOpacity]) {
-      return true
-    }
-
-    if (
-      component
-      && isString(value)
-    ) {
-      if (value.match(/^\{[^}]+}$/)) {
-        const link = this.items.getLink(design, component, value)
-        const data = this.items.getInfo(link)
-        if (data) {
-          return this.isColorWithOpacity(data)
-        }
-      } else {
-        return PropertiesValues.isColorWithOpacity(value)
-      }
-    }
-
-    return false
-  }
-}

package/src/classes/Properties/to/PropertiesToVariable.ts

@@ -1,176 +0,0 @@
-// export:none
-
-import { isFilled, isObjectNotArray, toKebabCase } from '@dxtmisha/functional-basic'
-
-import { PropertiesToAbstract } from './PropertiesToAbstract'
-import { PropertiesTypes } from '../PropertiesTypes'
-
-import {
-  PropertyCategory,
-  type PropertyItem,
-  PropertyKey,
-  PropertyType
-} from '../../../types/propertyTypes'
-
-import { css } from '../../../media/properties/css'
-import { cssSelector } from '../../../media/properties/cssSelector'
-import { cssVirtual } from '../../../media/properties/cssVirtual'
-
-/**
- * Class for performing data type conversions.
- *
- * Класс для выполнения преобразования типов данных.
- */
-export class PropertiesToVariable extends PropertiesToAbstract {
-  protected readonly FILE_CACHE = '008-variable'
-
-  /**
-   * Determine all properties and their property types in an object.
-   *
-   * Определяем все свойства и их типы свойств в объекте.
-   */
-  protected init(): void {
-    this.items.each(({
-      design,
-      component,
-      name,
-      item,
-      parent
-    }) => {
-      item[PropertyKey.variable] = this.getByNone(item)
-        ?? this.getByVarParent(parent)
-        ?? item?.[PropertyKey.type]
-        ?? this.getByCategory(item)
-        ?? this.getByMain(design, component, name)
-        ?? this.findType(name, item)
-    })
-  }
-
-  /**
-   * If there is a value of category, changes the property to the required one.
-   *
-   * Если есть значение категории, изменяет свойство на нужное.
-   * @param item current property/ текущее свойство
-   */
-  private getByCategory(item: PropertyItem): PropertyType | undefined {
-    switch (item?.[PropertyKey.category]) {
-      case PropertyCategory.root:
-        return PropertyType.var
-      case PropertyCategory.theme:
-        return PropertyType.theme
-    }
-
-    return undefined
-  }
-
-  /**
-   * If the name matches the name of the design or component.
-   *
-   * Если название совпадает с названием дизайна или компонента.
-   * @param design design name/ название дизайна
-   * @param component component name/ название компонента
-   * @param name key name/ название ключа
-   */
-  private getByMain(
-    design: string,
-    component: string | undefined,
-    name: string
-  ): PropertyType | undefined {
-    if (name === design) {
-      return PropertyType.design
-    } else if (name === component) {
-      return PropertyType.component
-    }
-
-    return undefined
-  }
-
-  /**
-   * If the name of the property matches the name of the style in CSS.
-   *
-   * Если название свойства совпадает с названием стиля в CSS.
-   * @param name key name/ название ключа
-   */
-  private getByProperty(name: string): PropertyType | undefined {
-    return css.indexOf(toKebabCase(name)) !== -1 ? PropertyType.property : undefined
-  }
-
-  /**
-   * If the name of the property matches the name of the pseudo-class.
-   *
-   * Если название свойства совпадает с названием псевдо-класса.
-   * @param name key name/ название ключа
-   */
-  private getBySelector(name: string): PropertyType | undefined {
-    return cssSelector.indexOf(toKebabCase(name)) !== -1 ? PropertyType.selector : undefined
-  }
-
-  /**
-   * If the element has no properties and values.
-   *
-   * Если у элемента нет ни одного свойства и значения.
-   * @param item current property/ текущее свойство
-   */
-  private getBySubclass(item: PropertyItem): PropertyType | undefined {
-    if (
-      Object.keys(item).length <= 1
-      && !isFilled(item.value)
-    ) {
-      return PropertyType.subclass
-    }
-
-    return undefined
-  }
-
-  /**
-   * If the ancestor has type var.
-   *
-   * Если у предка тип var.
-   * @param parent object of ancestor/ объект предка
-   */
-  private getByVarParent(parent?: PropertyItem): PropertyType | undefined {
-    return PropertiesTypes.isInType(parent?.[PropertyKey.variable], [PropertyType.var]) ? PropertyType.var : undefined
-  }
-
-  /**
-   * Checks if the type is hidden.
-   *
-   * Проверяет, является ли тип скрытым.
-   * @param item current property/ текущее свойство
-   */
-  private getByNone(item: PropertyItem): PropertyType | undefined {
-    return item?.[PropertyKey.type] === PropertyType.none ? PropertyType.none : undefined
-  }
-
-  /**
-   * If the type is a pseudo-element.
-   *
-   * Если тип псевдо-элемента.
-   * @param name key name/ название ключа
-   */
-  private getByVirtual(name: string): PropertyType | undefined {
-    return cssVirtual.indexOf(toKebabCase(name)) !== -1 ? PropertyType.virtual : undefined
-  }
-
-  /**
-   * Search for a suitable property by name.
-   *
-   * Поиск подходящего свойства по названию.
-   * @param name key name/ название ключа
-   * @param item current property/ текущее свойство
-   */
-  private findType(name: string, item: PropertyItem): PropertyType {
-    const property = this.items.getName(name, item)
-
-    if (isObjectNotArray(item.value)) {
-      return this.getBySubclass(item)
-        || this.getBySelector(property)
-        || this.getByVirtual(property)
-        || this.getByProperty(property)
-        || PropertyType.state
-    } else {
-      return this.getByProperty(property)
-        || PropertyType.var
-    }
-  }
-}