@dxtmisha/scripts 0.11.8 → 1.1.0

package/src/classes/Styles/Styles.ts

@@ -1,247 +0,0 @@
-// export:none
-
-import { forEach, isFilled, isObjectNotArray } from '@dxtmisha/functional-basic'
-
-import { Properties } from '../Properties/Properties'
-import { PropertiesFile } from '../Properties/PropertiesFile'
-import { PropertiesItems } from '../Properties/PropertiesItems'
-import { PropertiesScss } from '../Properties/PropertiesScss'
-
-import { StylesTool } from './StylesTool'
-
-import { StylesRoot } from './StylesRoot'
-import { StylesClasses } from './StylesClasses'
-
-import {
-  PropertyKey,
-  type PropertyList,
-  PropertyType
-} from '../../types/propertyTypes'
-
-import { UI_KEY_CONSTRUCTOR, UI_EXTENSION_STYLE } from '../../config'
-
-const FILE_VAR = 'vars'
-const FILE_CLASS = 'classes'
-const FILE_PROPERTIES = 'properties'
-const FILE_LIST = 'list'
-const FILE_BASIC = 'basic'
-const FILE_STYLE = 'style'
-const FILE_MAIN = 'main'
-
-const DIR_CLASS = 'classes'
-
-/**
- * Base class for generating basic properties.
- *
- * Базовый класс для генерации базовых свойств.
- */
-export class Styles {
-  private readonly properties: Properties
-
-  /**
-   * Constructor
-   */
-  constructor() {
-    this.properties = new Properties()
-  }
-
-  /**
-   * Generating all basic data.
-   *
-   * Генерация всех базовых данных.
-   */
-  make(): this {
-    this.getByDesigns((
-      design,
-      items
-    ) => {
-      this.initRoot(items)
-      this.initClasses(items)
-      this.initProperties(items)
-      this.initList(items)
-      this.initBasic(design)
-    })
-
-    return this
-  }
-
-  /**
-   * Generating basic variables.
-   *
-   * Генерация базовых переменных.
-   * @param items current element/ текущий элемент
-   */
-  protected initRoot(
-    items: PropertiesItems
-  ): this {
-    const data = StylesTool.join(new StylesRoot(items).init())
-
-    PropertiesFile.write(
-      StylesTool.getDir(),
-      FILE_VAR,
-      data,
-      UI_EXTENSION_STYLE
-    )
-
-    return this
-  }
-
-  /**
-   * Generating all base classes.
-   *
-   * Генерация всех базовых классов.
-   * @param items current element/ текущий элемент
-   */
-  protected initClasses(
-    items: PropertiesItems
-  ): this {
-    const {
-      data,
-      classes
-    } = new StylesClasses(items).init()
-
-    forEach(classes, (item, name) => {
-      PropertiesFile.write(
-        [...StylesTool.getDir(), DIR_CLASS],
-        name,
-        StylesTool.join(item),
-        UI_EXTENSION_STYLE
-      )
-    })
-
-    PropertiesFile.write(
-      StylesTool.getDir(),
-      FILE_CLASS,
-      StylesTool.join(data),
-      UI_EXTENSION_STYLE
-    )
-
-    return this
-  }
-
-  protected initProperties(
-    items: PropertiesItems
-  ): this {
-    const scss = new PropertiesScss(items)
-
-    PropertiesFile.write(
-      StylesTool.getDir(),
-      FILE_PROPERTIES,
-      scss.get(),
-      UI_EXTENSION_STYLE
-    )
-
-    return this
-  }
-
-  protected initList(
-    items: PropertiesItems
-  ): this {
-    PropertiesFile.write(
-      StylesTool.getDir(),
-      FILE_LIST,
-      this.removeExcess(items.get())
-    )
-
-    return this
-  }
-
-  /**
-   * Creates files for connection.
-   *
-   * Создает файлы для подключения.
-   * @param design design name/ название дизайна
-   */
-  protected initBasic(design: string): this {
-    const dir = StylesTool.getDir()
-
-    PropertiesFile.write(
-      dir,
-      FILE_BASIC,
-      [
-        `@use "./${FILE_VAR}";`,
-        `@use "./${FILE_PROPERTIES}";`,
-        `@use "./${FILE_CLASS}";`
-      ].join('\r\n'),
-      UI_EXTENSION_STYLE
-    )
-
-    PropertiesFile.write(
-      dir,
-      FILE_STYLE,
-      [
-        `@use "@dxtmisha/styles" as variables;`,
-        `@use "./${FILE_PROPERTIES}";`,
-        '',
-        `@forward "@dxtmisha/styles/${FILE_PROPERTIES}";`,
-        '',
-        `@include variables.setDesignsDesign('${design}');`,
-        ''
-      ].join('\r\n'),
-      UI_EXTENSION_STYLE
-    )
-
-    if (!PropertiesFile.is([...dir, `${FILE_MAIN}.${UI_EXTENSION_STYLE}`])) {
-      PropertiesFile.write(
-        dir,
-        FILE_MAIN,
-        [
-          `@use "./${FILE_BASIC}";`,
-          `@use "@dxtmisha/styles/${FILE_PROPERTIES}" as ui;`,
-          `@use "@dxtmisha/media/style.css";`,
-          '',
-          '@include ui.initGlobal;',
-          `@include ui.initDesignBody('${design}.main');`
-        ].join('\r\n'),
-        UI_EXTENSION_STYLE
-      )
-    }
-
-    return this
-  }
-
-  /**
-   * Generating a list of properties from a design.
-   *
-   * Получение списка свойств по дизайну.
-   * @param callback data processing function/ функция для обработки данных
-   */
-  private getByDesigns(callback: (design: string, items: PropertiesItems) => void): void {
-    const properties = this.properties.get().get()
-
-    this.properties
-      .get()
-      .getDesigns()
-      .forEach((design) => {
-        if (design !== UI_KEY_CONSTRUCTOR) {
-          callback(
-            design,
-            new PropertiesItems(properties).setFocusDesign(design)
-          )
-        }
-      })
-  }
-
-  private removeExcess(data: PropertyList) {
-    const list: Record<string, any> = {}
-
-    forEach(data, (item, key) => {
-      if (
-        item[PropertyKey.variable] === PropertyType.var
-        || isObjectNotArray(item.value)
-      ) {
-        const value = isObjectNotArray(item.value) ? this.removeExcess(item.value) : item.value
-
-        if (isFilled(value)) {
-          list[key] = {
-            name: item[PropertyKey.name],
-            type: item[PropertyKey.variable],
-            value
-          }
-        }
-      }
-    })
-
-    return list
-  }
-}

package/src/classes/Styles/StylesClasses.ts

@@ -1,86 +0,0 @@
-// export:none
-
-import { isFilled, isObjectNotArray, toKebabCase } from '@dxtmisha/functional-basic'
-
-import { PropertiesItems } from '../Properties/PropertiesItems'
-
-import { StylesTool } from './StylesTool'
-import { StylesProperties } from './StylesProperties'
-
-import {
-  PropertyCategory,
-  type PropertyItemsItem,
-  PropertyKey
-} from '../../types/propertyTypes'
-
-export type StylesClassesItem = {
-  data: string[]
-  classes: Record<string, string[]>
-}
-
-/**
- * A class for generating base classes.
- *
- * Класс для генерации базовых классов.
- */
-export class StylesClasses {
-  /**
-   * Constructor
-   * @param items
-   */
-
-  constructor(private items: PropertiesItems) {
-  }
-
-  /**
-   * Generating all base classes.
-   *
-   * Генерация всех базовых классов.
-   */
-  init(): StylesClassesItem {
-    const data: StylesClassesItem['data'] = []
-    const classes: StylesClassesItem['classes'] = {}
-    const space = StylesTool.addSpace(1)
-
-    this.getList().forEach((property) => {
-      const {
-        value,
-        item
-      } = property
-
-      if (
-        isFilled(value)
-        && isObjectNotArray(value)
-      ) {
-        const name = item[PropertyKey.name] as string
-
-        data.push(StylesTool.addUse(`./classes/${toKebabCase(name)}`))
-
-        classes[name] = [
-          StylesTool.addImportProperties(),
-          '',
-          `.${name} {`,
-          ...(new StylesProperties(space, property)).make(),
-          '}'
-        ]
-      }
-    })
-
-    return {
-      data,
-      classes
-    }
-  }
-
-  /**
-   * Getting all properties from base variables.
-   *
-   * Получение всех свойств из базовых переменных.
-   */
-  private getList(): PropertyItemsItem[] {
-    return this.items.findCategory([
-      PropertyCategory.class,
-      PropertyCategory.theme
-    ])
-  }
-}

package/src/classes/Styles/StylesProperties.ts

@@ -1,197 +0,0 @@
-// export:none
-
-import { PropertiesItems } from '../Properties/PropertiesItems'
-
-import { StylesTool } from './StylesTool'
-
-import { StylesToClass } from './to/StylesToClass'
-import { StylesToClassFull } from './to/StylesToClassFull'
-import { StylesToVar } from './to/StylesToVar'
-import { StylesToProperty } from './to/StylesToProperty'
-import { StylesToSelector } from './to/StylesToSelector'
-import { StylesToVirtual } from './to/StylesToVirtual'
-import { StylesToMedia } from './to/StylesToMedia'
-import { StylesToContainer } from './to/StylesToContainer'
-import { StylesToAnimate } from './to/StylesToAnimate'
-import { StylesToRoot } from './to/StylesToRoot'
-
-import {
-  type PropertyItem,
-  type PropertyItemsItem,
-  PropertyKey,
-  PropertyType
-} from '../../types/propertyTypes'
-
-const TYPE_AUXILIARY = [
-  'selector',
-  'virtual'
-]
-
-const TYPE_BASIC = [
-  'var',
-  'property',
-  'scss'
-]
-
-/**
- * A class for converting all property types in SCSS.
- *
- * Класс для преобразования всех тип свойство в виде scss.
- */
-export class StylesProperties {
-  private readonly item: PropertyItem
-  private readonly data: string[] = []
-
-  private first: boolean = false
-
-  /**
-   * Constructor
-   * @param space пробелы
-   * @param property array with all property records/ массив со всеми записями свойств
-   * @param parent object of ancestor/ объект предка
-   */
-
-  constructor(
-    private space: string,
-    private property: PropertyItemsItem,
-    private parent?: PropertyItem
-  ) {
-    this.item = property.item
-  }
-
-  /**
-   * Generating all properties and variables.
-   *
-   * Генерация всех свойств и переменных.
-   */
-  make(): string[] {
-    (new PropertiesItems({})).eachMainOnly((property) => {
-      const { item } = property
-
-      if (
-        this.isAuxiliary()
-        && this.isAuxiliary(item)
-        && this.isNotBasic(item)
-      ) {
-        const data: string[] = new StylesProperties(
-          StylesTool.increaseSpace(this.space),
-          property,
-          this.item
-        ).make()
-
-        this.data.push(
-          `${this.space}& {`,
-          ...data,
-          `${this.space}}`
-        )
-      } else {
-        const data = this.toByType(property)
-
-        if (data.length > 0) {
-          this.first = true
-        }
-
-        this.data.push(...data)
-      }
-    }, this.property)
-
-    return this.data
-  }
-
-  /**
-   * Checks if the type is one that requires a space at the beginning.
-   *
-   * Проверяет, является ли тип тот, для которого надо пробел поставить в начале.
-   * @param item element for checking/ элемент для проверки
-   */
-  private isAuxiliary(
-    item = this.parent
-  ): boolean {
-    return Boolean(item && TYPE_AUXILIARY.indexOf(item?.[PropertyKey.variable] as string) !== -1)
-  }
-
-  /**
-   * Checks if the type is a base property of variables.
-   *
-   * Проверяет, является ли тип базовым свойством переменных.
-   * @param item element for checking/ элемент для проверки
-   */
-  private isNotBasic(item: PropertyItem): boolean {
-    return !(item && TYPE_BASIC.indexOf(item?.[PropertyKey.variable] as string) !== -1)
-  }
-
-  /**
-   * Returns a function for iterating over all records.
-   *
-   * Возвращает функцию для обхода всех записей.
-   * @param property initial variables for processing/ начальные переменные для обработки
-   */
-  private getContent(
-    property: PropertyItemsItem
-  ): () => string[] {
-    return () => new StylesProperties(
-      this.space,
-      property,
-      this.item
-    ).make()
-  }
-
-  /**
-   * Parameters for a class that converts data by type.
-   *
-   * Параметры для класса, который преобразует данные по типу.
-   * @param property initial variables for processing/ начальные переменные для обработки
-   */
-  private getArgumentsForTo(
-    property: PropertyItemsItem
-  ): [PropertyItemsItem, string, () => string[], boolean] {
-    return [
-      property,
-      this.space,
-      this.getContent(property),
-      this.first
-    ]
-  }
-
-  /**
-   * Converting a value to a string depending on the type.
-   *
-   * Преобразования значения в строка в зависимости от типа.
-   * @param property initial variables for processing/ начальные переменные для обработки
-   */
-  private toByType(
-    property: PropertyItemsItem
-  ): string[] {
-    const argumentsValue = this.getArgumentsForTo(property)
-
-    switch (property.item?.[PropertyKey.variable]) {
-      case PropertyType.var:
-        return new StylesToVar(...argumentsValue).make()
-      case PropertyType.property:
-        return new StylesToProperty(...argumentsValue).make()
-      case PropertyType.selector:
-        return new StylesToSelector(...argumentsValue).make()
-      case PropertyType.virtual:
-        return new StylesToVirtual(...argumentsValue).make()
-      case PropertyType.media:
-      case PropertyType.mediaMax:
-        return new StylesToMedia(...argumentsValue).make()
-      case PropertyType.container:
-      case PropertyType.containerMax:
-        return new StylesToContainer(...argumentsValue).make()
-      case PropertyType.animate:
-        return new StylesToAnimate(...argumentsValue).make()
-      case PropertyType.root:
-        return new StylesToRoot(...argumentsValue).make()
-      case PropertyType.state:
-      case PropertyType.subclass:
-      case PropertyType.classType:
-      case PropertyType.scss:
-        return new StylesToClass(...argumentsValue).make()
-      case PropertyType.animateFrame:
-        return new StylesToClassFull(...argumentsValue).make()
-      default:
-        return []
-    }
-  }
-}

package/src/classes/Styles/StylesRoot.ts

@@ -1,103 +0,0 @@
-// export:none
-
-import * as sass from 'sass'
-
-import { PropertiesItems } from '../Properties/PropertiesItems'
-
-import { StylesTool } from './StylesTool'
-import { StylesToVar } from './to/StylesToVar'
-
-import {
-  PropertyCategory,
-  type PropertyItemsItem
-} from '../../types/propertyTypes'
-
-/**
- * Class for generating base properties from tokens.
- *
- * Класс для генерации базовых свойств из токенов.
- */
-export class StylesRoot {
-  /**
-   * Constructor
-   * @param items
-   */
-
-  constructor(
-    private items: PropertiesItems
-  ) {
-  }
-
-  /**
-   * Generating all basic token values.
-   *
-   * Генерация всех базовых значений токенов.
-   */
-  init(): string[] {
-    const space = StylesTool.addSpace(1)
-    const data: string[] = [
-      ':root {'
-    ]
-
-    this.getList().forEach(
-      property => data.push(...(new StylesToVar(property, space).make()))
-    )
-
-    data.push('}')
-
-    return [
-      StylesTool.addImportProperties(),
-      '',
-      this.initCalc(data.join('\r\n'))
-    ]
-  }
-
-  /**
-   * Getting all properties from base variables.
-   *
-   * Получение всех свойств из базовых переменных.
-   */
-  private getList(): PropertyItemsItem[] {
-    return this.items.findCategory(PropertyCategory.root)
-  }
-
-  private getValue(value: string): string {
-    if (value.match(/calc\(/) && !value.match(/var\(/)) {
-      const result = sass.compileString(`a{height: ${value};}`)
-      const read = result.css?.match(/height: ([^;]+);/)?.[1]
-
-      if (read) {
-        return read
-      }
-    }
-
-    return value
-  }
-
-  private initCalc(data: string): string {
-    let update = false
-
-    const list = data.replace(
-      /(?<=calc\(.*?)var\(([^)]+)\)/img,
-      (_: string, value: string) => {
-        const newValue = data.match(new RegExp(`(?<=${value}:)[^;\r\n]+`, 'im'))?.[0].trim()
-
-        if (newValue) {
-          update = true
-          return this.getValue(newValue)
-        }
-
-        return value
-      }
-    )
-
-    if (update) {
-      return this.initCalc(list)
-    }
-
-    return list.replace(
-      /calc\([^;\r\n]+/ig,
-      value => this.getValue(value)
-    )
-  }
-}