@dxtmisha/scripts 0.11.8 → 1.0.0

package/src/classes/Styles/StylesTool.ts

@@ -1,112 +0,0 @@
-// export:none
-
-import { strFill } from '@dxtmisha/functional-basic'
-
-import { PropertiesConfig } from '../Properties/PropertiesConfig'
-
-import { UI_DIRS_STYLES } from '../../config'
-
-const SPACE = '  '
-
-/**
- * CSS style processing class.
- *
- * Класс с базовыми функциями для обработки стилей.
- */
-export class StylesTool {
-  /**
-   * Getting a directory to store a file.
-   *
-   * Получение директории для хранения файла.
-   */
-  static getDir(): string[] {
-    return [...UI_DIRS_STYLES, PropertiesConfig.getProjectName()]
-  }
-
-  /**
-   * Returns a space.
-   *
-   * Возвращает пробел
-   */
-  static getSpace(): string {
-    return SPACE
-  }
-
-  /**
-   * Getting an indent.
-   *
-   * Получение отступа.
-   * @param level level/ уровень
-   */
-  static addSpace(level: number): string {
-    return strFill(SPACE, level)
-  }
-
-  /**
-   * Код строки для импорта файла.
-   *
-   * Code line for file import.
-   * @param path path to the file/ путь к файлу
-   */
-  static addImport(path: string): string {
-    return `@import "${path}";`
-  }
-
-  /**
-   * Код строки для импорта файла.
-   *
-   * Code line for file import.
-   * @param path path to the file/ путь к файлу
-   */
-  static addUse(path: string): string {
-    return `@use "${path}";`
-  }
-
-  /**
-   * Код строки для импорта файла.
-   *
-   * Code line for file import.
-   * @param path path to the file/ путь к файлу
-   */
-  static addForward(path: string): string {
-    return `@forward "${path}";`
-  }
-
-  /**
-   * Getting a reference to a base function.
-   *
-   * Получение ссылки на базовую функцию.
-   */
-  static addImportProperties(): string {
-    return '@use "@dxtmisha/styles" as ui;'
-  }
-
-  /**
-   * Combines the elements of an array into one string.
-   *
-   * Объединяет элементы массива в одну строку.
-   * @param data array containing records/ массив, содержащий записи
-   */
-  static join(data: string[]): string {
-    return data.join('\r\n')
-  }
-
-  /**
-   * Adding an access level.
-   *
-   * Добавление уровня доступа.
-   * @param space space/ пробел
-   */
-  static increaseSpace(space: string): string {
-    return `${space}${SPACE}`
-  }
-
-  static toFunctionCss(value: string): string {
-    if (value.match(/@[a-zA-Z0-9.]+\(.*?\)( |,|$)/)) {
-      return value
-        .replace(/@([a-zA-Z0-9.]+\(.*?\))( |,|$)/g, '#{$1}$2')
-    }
-
-    return value
-  }
-}

package/src/classes/Styles/to/StylesToAbstract.ts

@@ -1,93 +0,0 @@
-// export:none
-
-import { forEach } from '@dxtmisha/functional-basic'
-
-import {
-  type PropertyItem,
-  type PropertyItemsItem,
-  PropertyKey
-} from '../../../types/propertyTypes'
-
-/**
- * Base class for conversion.
- *
- * Базовый класс для преобразования.
- */
-export abstract class StylesToAbstract {
-  protected item: PropertyItem
-
-  /**
-   * Constructor
-   * @param property current branch/ текущая ветка
-   * @param space space/ пробел
-   * @param content callable function for sub property/ вызываемая функция для под свойства
-   * @param first the first element in the list/ первый элемент в списке
-   */
-  constructor(
-    protected property: PropertyItemsItem,
-    protected space: string,
-    protected content: () => string[] = () => [],
-    protected first: boolean = true
-  ) {
-    this.item = property.item
-  }
-
-  /**
-   * Getting processed data.
-   *
-   * Получение обработанных данных.
-   */
-  make(): string[] {
-    return this.addSpace(this.treatment())
-  }
-
-  /**
-   * Getting the name of a property.
-   *
-   * Получение названия свойства.
-   */
-  protected getName(): string {
-    return this.item?.[PropertyKey.name] ?? ''
-  }
-
-  /**
-   * Gets the value of a property.
-   *
-   * Получает значение свойства.
-   */
-  protected getValue(): string | undefined {
-    const value = this.item?.[PropertyKey.css]
-
-    if (value) {
-      return value.replace(/\\#/g, '#')
-    }
-
-    return undefined
-  }
-
-  /**
-   * Method for converting data into a style structure.
-   *
-   * Метод преобразования данных в структуру стиля.
-   */
-  protected abstract treatment(): string[]
-
-  /**
-   * Adding a space in each line.
-   *
-   * Добавление пробела в каждую строку.
-   * @param data data for processing/ данные для обработки
-   */
-  protected addSpace(data: string[]): string[] {
-    return forEach(data, item => `${this.space}${item}`)
-  }
-
-  /**
-   * Adds an empty line if the element is not the first in the tree.
-   *
-   * Добавляет пустую строку, если элемент не является первым в дереве.
-   */
-  protected addEmptyString(): string[] {
-    return (this.first ? [''] : [])
-  }
-}

package/src/classes/Styles/to/StylesToAnimate.ts

@@ -1,19 +0,0 @@
-// export:none
-
-import { StylesToAbstract } from './StylesToAbstract'
-
-/**
- * Class for creating animation.
- *
- * Класс для создания анимации.
- */
-export class StylesToAnimate extends StylesToAbstract {
-  protected treatment(): string[] {
-    return [
-      ...this.addEmptyString(),
-      `@keyframes ${this.getName()} {`,
-      ...this.content(),
-      '}'
-    ]
-  }
-}

package/src/classes/Styles/to/StylesToClass.ts

@@ -1,25 +0,0 @@
-// export:none
-
-import { StylesToAbstract } from './StylesToAbstract'
-
-/**
- * Class for adding a class or subclass to a property.
- *
- * Класс для добавления класса или подкласса к свойству.
- */
-export class StylesToClass extends StylesToAbstract {
-  protected treatment(): string[] {
-    const content = this.content()
-
-    if (content.length > 0) {
-      return [
-        ...this.addEmptyString(),
-        `${this.getName()} {`,
-        ...this.content(),
-        '}'
-      ]
-    }
-
-    return []
-  }
-}

package/src/classes/Styles/to/StylesToClassFull.ts

@@ -1,19 +0,0 @@
-// export:none
-
-import { StylesToAbstract } from './StylesToAbstract'
-
-/**
- * Class for displaying a class with a full class name.
- *
- * Класс для вывода класса с полной строкой названия.
- */
-export class StylesToClassFull extends StylesToAbstract {
-  protected treatment(): string[] {
-    return [
-      ...this.addEmptyString(),
-      `${this.getName()} {`,
-      ...this.content(),
-      '}'
-    ]
-  }
-}

package/src/classes/Styles/to/StylesToContainer.ts

@@ -1,24 +0,0 @@
-// export:none
-
-import { StylesToAbstract } from './StylesToAbstract'
-
-/**
- * Class for generating CSS container queries.
- *
- * Класс для генерации CSS container queries.
- */
-export class StylesToContainer extends StylesToAbstract {
-  /**
-   * Processes the container query and wraps content in @container rule.
-   *
-   * Обрабатывает container query и оборачивает содержимое в правило @container.
-   */
-  protected treatment(): string[] {
-    return [
-      ...this.addEmptyString(),
-      `@container ${this.getName()} {`,
-      ...this.content(),
-      '}'
-    ]
-  }
-}

package/src/classes/Styles/to/StylesToMedia.ts

@@ -1,19 +0,0 @@
-// export:none
-
-import { StylesToAbstract } from './StylesToAbstract'
-
-/**
- * Class for processing media queries.
- *
- * Класс для обработки медиа-запросов.
- */
-export class StylesToMedia extends StylesToAbstract {
-  protected treatment(): string[] {
-    return [
-      ...this.addEmptyString(),
-      `@media screen and ${this.getName()} {`,
-      ...this.content(),
-      '}'
-    ]
-  }
-}

package/src/classes/Styles/to/StylesToProperty.ts

@@ -1,123 +0,0 @@
-// export:none
-
-import { isObjectNotArray, toCamelCase } from '@dxtmisha/functional-basic'
-
-import { PropertiesTool } from '../../Properties/PropertiesTool'
-
-import { StylesTool } from '../StylesTool'
-import { StylesToAbstract } from './StylesToAbstract'
-
-import { PropertyKey } from '../../../types/propertyTypes'
-
-import { styleTypes } from '../../../media/properties/style'
-
-/**
- * CSS class for converting to CSS property.
- *
- * Класс для преобразования в свойство CSS.
- */
-export class StylesToProperty extends StylesToAbstract {
-  /**
-   * Acquiring full ownership.
-   *
-   * Получения полного свойства.
-   */
-  protected treatment(): string[] {
-    const data: string[] = []
-
-    if (
-      this.property?.previous
-      && this.property.previous?.[PropertyKey.sort] !== this.item?.[PropertyKey.sort]
-    ) {
-      data.push('')
-    }
-
-    if (this.item?.[PropertyKey.varKey]) {
-      data.push(this.getVar())
-    }
-
-    data.push(this.getPropertyValue())
-
-    return data
-  }
-
-  /**
-   * Generating values for variables.
-   * Генерация значений для переменных.
-   */
-  private getVar() {
-    const {
-      design,
-      component
-    } = this.property
-    const name = this.getName()
-    const value = this.getValue()
-
-    return `--${PropertiesTool.getComponentName(design, component)}-${name}: ${value};`
-  }
-
-  /**
-   * Generating value for property.
-   *
-   * Генерация значения для свойства.
-   */
-  private getPropertyValue(): string {
-    const name = this.getName()
-    const value = this.getValue() ?? 'unset'
-
-    if (
-      this.item?.[PropertyKey.modification] !== false
-      && styleTypes.indexOf(name) !== -1
-    ) {
-      return `@include ui.${toCamelCase(name)}(#{${value}});${this.initAuxiliaryValue()}`
-    }
-
-    const property = `${name}: ${StylesTool.toFunctionCss(value)}`
-
-    if (name === 'font-family') {
-      return `${property}, sans-serif;`
-    }
-
-    return `${property};`
-  }
-
-  /**
-   * Initialization of auxiliary values.
-   *
-   * Инициализация вспомогательных значений.
-   */
-  private initAuxiliaryValue(): string {
-    const name = this.getName()
-    const properties = this.property.parent?.value
-
-    if (isObjectNotArray(properties)) {
-      switch (name) {
-        case 'color-opacity':
-          if (!('color' in properties)) {
-            return ` @include ui.color('init');`
-          }
-          break
-
-        case 'background-opacity':
-          if (!('backgroundColor' in properties)) {
-            return ` @include ui.backgroundColor('init');`
-          }
-          break
-
-        case 'gradient-opacity':
-          if (!('gradient' in properties)) {
-            return ` @include ui.gradient('init');`
-          }
-          break
-
-        case 'border-opacity':
-          if (!('borderColor' in properties)) {
-            return ` @include ui.borderColor('init');`
-          }
-          break
-      }
-    }
-
-    return ''
-  }
-}

package/src/classes/Styles/to/StylesToRoot.ts

@@ -1,14 +0,0 @@
-// export:none
-
-import { StylesToAbstract } from './StylesToAbstract'
-
-export class StylesToRoot extends StylesToAbstract {
-  protected treatment(): string[] {
-    return [
-      ...this.addEmptyString(),
-      `@at-root ${this.getName()} {`,
-      ...this.content(),
-      '}'
-    ]
-  }
-}

package/src/classes/Styles/to/StylesToSelector.ts

@@ -1,71 +0,0 @@
-// export:none
-
-import { toKebabCase } from '@dxtmisha/functional-basic'
-
-import { PropertiesTool } from '../../Properties/PropertiesTool'
-import { StylesToAbstract } from './StylesToAbstract'
-
-import { PropertyKey } from '../../../types/propertyTypes'
-
-/**
- * Class for generating data for sub property styles.
- *
- * Класс для генерация данный для под свойство стили.
- */
-export class StylesToSelector extends StylesToAbstract {
-  /**
-   * Method for converting data into a style structure.
-   *
-   * Метод преобразования данных в структуру стиля.
-   */
-  protected treatment(): string[] {
-    const content = this.content()
-
-    if (content.length > 0) {
-      return [
-        ...this.addEmptyString(),
-        `${this.getSelector()} {`,
-        ...this.content(),
-        '}'
-      ]
-    }
-
-    return []
-  }
-
-  /**
-   * Getting the name of the class of a component.
-   *
-   * Получение названия класса у компонента.
-   */
-  private getClassName(): string {
-    const {
-      design,
-      component
-    } = this.property
-
-    return `'${PropertiesTool.getClassName(design, component)}'`
-  }
-
-  /**
-   * Returns a string for a selector.
-   *
-   * Возвращает строку для селектора.
-   */
-  private getSelector(): string {
-    const name = this.getName()
-    const className = this.getClassName()
-    const isClassMain = className === `'.${this.property.parent?.[PropertyKey.name]}'`
-
-    switch (name) {
-      case 'hover':
-      case 'active':
-      case 'focus':
-      case 'disabled':
-      case 'readonly':
-        return `@include ui.${name}${isClassMain ? '' : `(${className})`}`
-      default:
-        return `&:${toKebabCase(name)}`
-    }
-  }
-}

package/src/classes/Styles/to/StylesToVar.ts

@@ -1,105 +0,0 @@
-// export:none
-
-import { isObjectNotArray } from '@dxtmisha/functional-basic'
-
-import { PropertiesItems } from '../../Properties/PropertiesItems'
-import { PropertiesValues } from '../../Properties/PropertiesValues'
-
-import { StylesTool } from '../StylesTool'
-import { StylesToAbstract } from './StylesToAbstract'
-
-import {
-  type PropertyItem,
-  PropertyKey,
-  PropertyType
-} from '../../../types/propertyTypes'
-
-/**
- * CSS variable converter class.
- *
- * Класс для преобразования в переменные CSS.
- */
-export class StylesToVar extends StylesToAbstract {
-  /**
-   * Getting all variables in the current branch.
-   *
-   * Получение всех переменных в текущей ветке.
-   */
-  protected treatment(): string[] {
-    const { value } = this.property
-
-    if (isObjectNotArray(value)) {
-      const data: string[] = []
-
-      new PropertiesItems(value).each(({ item }) => {
-        if (
-          item?.[PropertyKey.variable] === PropertyType.var
-          && item?.[PropertyKey.css]
-        ) {
-          data.push(this.getCode(item))
-
-          if (item?.[PropertyKey.cssColorOpacity]) {
-            data.push(this.getCodeColorOpacity(item))
-          }
-        }
-      })
-
-      return data
-    }
-
-    const { item } = this.property
-
-    if (item?.[PropertyKey.cssColorOpacity]) {
-      return [
-        this.getCode(),
-        this.getCodeColorOpacity()
-      ]
-    }
-
-    return [this.getCode()]
-  }
-
-  /**
-   * Acquiring full ownership.
-   *
-   * Получения полного свойства.
-   * @param item current element/ текущий элемент
-   */
-  private getCode(
-    item: PropertyItem = this.item
-  ): string {
-    let value = item?.[PropertyKey.css]
-
-    if (typeof value !== 'string' || value === '') {
-      value = 'unset'
-    } else if (PropertiesValues.isColor(value)) {
-      value = `#{ui.toColorRbg(${value})}`
-    } else {
-      value = value.replace(/\\#/g, '#')
-    }
-
-    return `${item?.[PropertyKey.name]}: ${StylesTool.toFunctionCss(value)};`
-  }
-
-  /**
-   * Adds a property responsible for transparency.
-   *
-   * Добавляет свойство, отвечающее за прозрачность.
-   * @param item current element/ текущий элемент
-   */
-  private getCodeColorOpacity(
-    item: PropertyItem = this.item
-  ): string {
-    const value = item?.[PropertyKey.css]
-    const opacity = item?.[PropertyKey.cssColorOpacity]
-
-    if (
-      opacity
-      && typeof opacity !== 'boolean'
-    ) {
-      return `${item?.[PropertyKey.name]}-opacity: ${opacity};`
-    }
-
-    return `${item?.[PropertyKey.name]}-opacity: #{ui.toColorOpacity(${value})};`
-  }
-}

package/src/classes/Styles/to/StylesToVirtual.ts

@@ -1,33 +0,0 @@
-// export:none
-
-import { StylesTool } from '../StylesTool'
-import { StylesToAbstract } from './StylesToAbstract'
-
-/**
- * Class for processing data by property.
- *
- * Класс для обработки данных по свойству.
- */
-export class StylesToVirtual extends StylesToAbstract {
-  protected contentType = [
-    'after',
-    'before'
-  ]
-
-  protected treatment(): string[] {
-    const name = this.getName()
-    const data = [
-      ...this.addEmptyString(),
-      `&::${name} {`
-    ]
-
-    if (this.contentType.indexOf(name) !== -1) {
-      data.push(`${StylesTool.getSpace()}content: ' ';`)
-    }
-
-    data.push(...this.content())
-    data.push('}')
-
-    return data
-  }
-}

package/src/composables/useAi.ts

@@ -1,38 +0,0 @@
-import { PropertiesConfig } from '../classes/Properties/PropertiesConfig'
-
-import { AiAbstract } from '../classes/Ai/AiAbstract'
-import { AiClaude } from '../classes/Ai/AiClaude'
-import { AiClaudeAgent } from '../classes/Ai/AiClaudeAgent'
-import { AiClaudeCli } from '../classes/Ai/AiClaudeCli'
-import { AiGoogle } from '../classes/Ai/AiGoogle'
-import { AiGoogleCli } from '../classes/Ai/AiGoogleCli'
-import { AiOpenAi } from '../classes/Ai/AiOpenAi'
-import { AiZAi } from '../classes/Ai/AiZAi'
-
-/**
- * Composable to obtain an AI instance based on configuration.
- *
- * Композабл для получения экземпляра AI на основе конфигурации.
- */
-export function useAi(): AiAbstract | undefined {
-  const type = PropertiesConfig.getAiType()
-
-  switch (type) {
-    case 'claude':
-      return new AiClaude()
-    case 'claude-agent':
-      return new AiClaudeAgent()
-    case 'claude-cli':
-      return new AiClaudeCli()
-    case 'gemini':
-      return new AiGoogle()
-    case 'gemini-cli':
-      return new AiGoogleCli()
-    case 'openai':
-      return new AiOpenAi()
-    case 'zai':
-      return new AiZAi()
-  }
-
-  return undefined
-}