@dxtmisha/scripts/src/types/designTypes.ts

Development scripts and CLI tools for DXT UI projects - automated component generation, library building and project management tools

import type { PropertyItem } from './propertyTypes'

/** Design structure state with hierarchy and property information / Состояние структуры дизайна с иерархией и информацией о свойствах */
export type DesignStructureState = {
  /** Element index identifier / Идентификатор индекса элемента */
  index: string
  /** Element type / Тип элемента */
  type: string
  /** Property item data / Данные элемента свойства */
  item: PropertyItem
  /** CSS class name / Название CSS класса */
  className?: string
  /** Nested state array / Массив вложенных состояний */
  state: DesignStructureState[]
}

/** List of design structure states / Список состояний структуры дизайна */
export type DesignStructureStateList = DesignStructureState['state']

/** Design structure classes item with index, name and full flag / Элемент классов структуры дизайна с индексом, именем и флагом полноты */
export type DesignStructureClassesItem = {
  /** Class index identifier / Идентификатор индекса класса */
  index: string
  /** CSS class name / Название CSS класса */
  className: string
  /** Full class flag / Флаг полного класса */
  full: boolean
}

/** List of design structure classes / Список классов структуры дизайна */
export type DesignStructureClassesList = DesignStructureClassesItem[]

/** Design structure sub-item with nested state / Подэлемент структуры дизайна с вложенным состоянием */
export type DesignStructureItemSub = {
  /** Sub-item name / Название подэлемента */
  name: string
  /** Sub-item index / Индекс подэлемента */
  index: string
  /** Array of values / Массив значений */
  value: (string | boolean)[]
  /** Nested sub-items / Вложенные подэлементы */
  state: DesignStructureItemSub[]
}

/** Main design structure item with complete information / Основной элемент структуры дизайна с полной информацией */
export type DesignStructureItem = {
  /** Item name / Название элемента */
  name: string
  /** Item index identifier / Идентификатор индекса элемента */
  index: string
  /** Item type / Тип элемента */
  type: string
  /** CSS class name / Название CSS класса */
  className?: string
  /** Current values array / Массив текущих значений */
  value: (string | boolean)[]
  /** All possible values array / Массив всех возможных значений */
  valueAll: (string | boolean)[]
  /** Nested sub-items / Вложенные подэлементы */
  state: DesignStructureItemSub[]
  /** Style flag / Флаг стиля */
  style?: boolean
  /** Default value / Значение по умолчанию */
  default?: string | number | boolean
  /** Item category / Категория элемента */
  category?: string
}

/** Record of design structure items by key / Запись элементов структуры дизайна по ключу */
export type DesignStructureList = Record<string, DesignStructureItem>

/** TypeScript property description with type and options / Описание TypeScript свойства с типом и опциями */
export type DesignTypescriptProp = {
  /** Property name / Название свойства */
  name: string
  /** Property type / Тип свойства */
  type: string
  /** Array of possible options / Массив возможных опций */
  option?: string[]
  /** Property description / Описание свойства */
  description?: string
}

/** List of TypeScript properties / Список TypeScript свойств */
export type DesignTypescriptProps = DesignTypescriptProp[]

/** TypeScript item containing name and properties / TypeScript элемент содержащий имя и свойства */
export type DesignTypescriptItem = {
  /** TypeScript item name / Название TypeScript элемента */
  name: string
  /** Array of properties / Массив свойств */
  props: DesignTypescriptProps
}

/** List of TypeScript items / Список TypeScript элементов */
export type DesignTypescriptList = DesignTypescriptItem[]