@dxtmisha/scripts 0.11.8 → 1.1.0

package/src/media/properties/cssSelector.ts

@@ -1,74 +0,0 @@
-export const cssSelector = [
-  // Selector
-  'root',
-
-  'dir', // который выбирает элементы на основе направления текста в них
-  'blank', // находит элементы, у которых либо вообще нет дочерних узлов, либо только пустые текстовые узлы
-  'empty', // находит любой элемент, у которого нет потомков
-  'is', // выбирает любой элемент, который может быть выбран одним из селекторов в этом списке
-  'has', // будут применены, если хотя бы один из относительных селекторов, переданных в качестве аргумента, соответствует хотя бы одному элементу
-  'where', // в качестве аргумента принимает список селекторов и выбирает только те элементы, которые могут быть выбраны из переданного списка
-  'not',
-
-  'first-child',
-  'first-of-type', // находит первого потомка своего типа среди детей родителя
-  'last-child',
-  'last-of-type',
-  'only-child', // находит любой элемент, являющийся единственным потомком родителя
-  'only-of-type',
-  'nth-child',
-  'nth-of-type',
-  'nth-col',
-  'nth-last-child',
-  'nth-last-of-type',
-  'nth-last-col',
-
-  'lang', // выбирает элементы основываясь на языке, на котором они определены
-
-  'target', // представляет уникальный элемент (целевой элемент) с подходящим id
-  'defined', // находит любой элемент, который был определён, включая любой стандартный элемент, встроенный в браузер
-
-  'current', // это временной псевдокласс, который представляет элемент или предка элемента, который отображается в данный момент
-  'future', // это временной псевдокласс, который будет соответствовать любому элементу, который появляется полностью после элемента, соответствующего
-
-  'host',
-  'host-context',
-
-  // Input
-  'placeholder-shown',
-
-  'autofill', // соответствует, когда значение input автоматически заполняется браузером
-  'default', // находит элемент формы, установленный по умолчанию для группы связанных элементов
-
-  'read-only',
-  'read-write', // находит элементы, доступные для редактирования пользователем, такие как текстовые поля
-
-  'required',
-  'optional', // находит любые <input> элементы, у которых не установлен атрибут required
-
-  'indeterminate', // находит элементы в неопределённом состоянии
-
-  'checked',
-  'in-range', // находит элементы, значение которых соответствует указанному для них диапазону ограничений
-  'out-of-range', // находит элементы, значение которых находится вне диапазона их ограничений
-
-  'valid',
-  'invalid', // находит любые input, контент которых не проходит валидацию
-
-  // Link
-  'any-link', // представляет собой элемент, который действует как исходный якорь гиперссылки, независимо от того, была ли она посещена
-  'link', // позволяет вам выбирать ссылки внутри элементов
-  'local-link', // собой ссылку на тот же документ
-  'visited', // позволяет вам выбирать ссылки, которые были посещены
-
-  // Status
-  'fullscreen',
-
-  'focus',
-  'focus-visible',
-  'focus-within', // соответствует элементу, который находится в фокусе сам или содержит элемент, который находится в фокусе
-  'hover',
-  'active',
-  'enabled', // находит любой включённый элемент
-  'disabled'
-]

package/src/media/properties/cssVirtual.ts

@@ -1,12 +0,0 @@
-export const cssVirtual = [
-  'before',
-  'after',
-
-  'placeholder',
-  'marker', // применяет стили к маркеру элемента списка, которые обычно содержит значок или номер
-
-  'first-letter', // применяет стили к первой букве первой строки
-  'first-line', // применяет стили к первой строке блочного элемента
-
-  'selection' // позволяет применить стили к части документа, который был выделен пользователем
-]

package/src/media/properties/listSort.ts

@@ -1,113 +0,0 @@
-import type { Item } from '@dxtmisha/functional-basic'
-
-import {
-  PropertyCategory,
-  PropertyType
-} from '../../types/propertyTypes'
-
-import {
-  cssBackgrounds,
-  cssBorder,
-  cssColor,
-  cssColumns,
-  cssContent,
-  cssDeprecated,
-  cssDifferent,
-  cssEffects,
-  cssExperimental,
-  cssFlexbox,
-  cssInteractivity,
-  cssLayout,
-  cssMath,
-  cssOther,
-  cssPrint,
-  cssScrolls,
-  cssSizing,
-  cssSpacing,
-  cssSVG,
-  cssTables,
-  cssTransforms,
-  cssTransitions,
-  cssTypography
-} from './css'
-import { cssSelector } from './cssSelector'
-import { cssVirtual } from './cssVirtual'
-
-export const sortList: Item<string[][]>[] = [
-  {
-    index: PropertyType.var,
-    value: []
-  },
-  {
-    index: PropertyType.property,
-    value: [
-      cssLayout,
-      cssFlexbox,
-      cssColumns,
-      cssSpacing,
-      cssSizing,
-      cssContent,
-      cssTypography,
-      cssMath,
-      cssColor,
-      cssBackgrounds,
-      cssBorder,
-      cssEffects,
-      cssTransforms,
-      cssTables,
-      cssTransitions,
-      cssInteractivity,
-      cssScrolls,
-      cssSVG,
-      cssPrint,
-      cssOther,
-      cssExperimental,
-      cssDifferent,
-      cssDeprecated
-    ]
-  },
-  {
-    index: PropertyType.virtual,
-    value: [
-      cssVirtual
-    ]
-  },
-  {
-    index: PropertyType.subclass,
-    value: []
-  },
-  {
-    index: PropertyType.selector,
-    value: [
-      cssSelector
-    ]
-  },
-  {
-    index: PropertyType.state,
-    value: []
-  },
-  {
-    index: `category-${PropertyCategory.theme}`,
-    value: []
-  },
-  {
-    index: `category-${PropertyCategory.class}`,
-    value: []
-  },
-  {
-    index: PropertyType.classType,
-    value: []
-  },
-  {
-    index: PropertyType.component,
-    value: []
-  },
-  {
-    index: PropertyType.scss,
-    value: []
-  },
-  {
-    index: PropertyType.other,
-    value: []
-  }
-]

package/src/media/properties/style.ts

@@ -1,81 +0,0 @@
-export const styleTypes: string[] = [
-  /* Flex */
-  'flex-position',
-  'flex-dynamic',
-  'justify-content',
-
-  /* Position */
-  'inset',
-  'horizon',
-  'vertically',
-  'left',
-  'right',
-  'absolute',
-  'absolute-top',
-  'absolute-bottom',
-  'absolute-after',
-
-  /* Padding */
-  'padding-x',
-  'padding-y',
-  'padding-left',
-  'padding-right',
-
-  /* Margin */
-  'margin-x',
-  'margin-y',
-  'margin-left',
-  'margin-right',
-
-  /* Dimension */
-  'width',
-  'height',
-  'width-basis',
-  'height-basis',
-  'aspect-ratio',
-  'aspect-ratio-width',
-  'aspect-ratio-height',
-  'squared',
-  'circle',
-
-  /* Font */
-  'font-size',
-  'line-height',
-  'text-align',
-  'text-overflow',
-  'clamp',
-  'text-select-none',
-  'text-case',
-  'paragraph-spacing',
-
-  /* Color */
-  'palette',
-  'palette-var',
-  'palette-color',
-  'palette-stroke',
-  'palette-background',
-  'palette-fill',
-  'palette-gradient',
-  'palette-border',
-  'color',
-  'color-opacity',
-  'stroke',
-  'stroke-opacity',
-  'background-color',
-  'background-opacity',
-  'background-size',
-  'fill',
-  'fill-opacity',
-  'gradient',
-  'gradient-opacity',
-  'border-color',
-  'border-opacity',
-  'outline-color',
-  'outline-opacity',
-
-  /* Transform */
-  'translate-x',
-  'translate-y',
-  'scale',
-  'rotate'
-]

package/src/media/templates/component/DesignComponent.mdx

@@ -1,30 +0,0 @@
-import {Canvas, Meta} from '@storybook/addon-docs/blocks'
-import {
-    StorybookDescriptions,
-    StorybookMain
-} from '@dxtmisha/wiki/storybook'
-
-import * as Component from './DesignComponent.stories'
-import {ComponentWikiStorybook} from './wiki'
-
-[//]: # (:documentation-import [!] System label / Системная метка)
-[//]: # (:documentation-import [!] System label / Системная метка)
-
-<Meta of={Component}/>
-<StorybookMain
-    name={ComponentWikiStorybook.getName()}
-    description={ComponentWikiStorybook.getDescription()}
-    story={Component.Component}
-/>
-
-[//]: # (:documentation-body [!] System label / Системная метка)
-[//]: # (:documentation-body [!] System label / Системная метка)
-
-[//]: # (:documentation-events [!] System label / Системная метка)
-[//]: # (:documentation-events [!] System label / Системная метка)
-
-[//]: # (:documentation-expose [!] System label / Системная метка)
-[//]: # (:documentation-expose [!] System label / Системная метка)
-
-[//]: # (:documentation-slots [!] System label / Системная метка)
-[//]: # (:documentation-slots [!] System label / Системная метка)

package/src/media/templates/component/DesignComponent.stories.ts

@@ -1,34 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3-vite'
-
-import DesignComponent from './DesignComponent.vue'
-// :component.once import { ComponentWikiStorybook } from './wiki'
-
-// :story-import [!] System label / Системная метка
-// :story-import [!] System label / Системная метка
-
-const meta = {
-// :component.once   title: '[project]/Component',
-// :component.once   component: DesignComponent,
-// :component.once   parameters: {
-// :component.once     design: '[design]',
-// :component.once     docs: {
-// :component.once       description: {
-// :component.once         component: ComponentWikiStorybook.getDescription()
-// :component.once       }
-// :component.once     }
-// :component.once   },
-// :component.once   argTypes: ComponentWikiStorybook.getWiki(),
-// :component.once   args: ComponentWikiStorybook.getValues()
-} satisfies Meta<typeof DesignComponent>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const Component: Story = {
-  // :story-main [!] System label / Системная метка
-  // :story-main [!] System label / Системная метка
-}
-
-// :story-items [!] System label / Системная метка
-// :story-items [!] System label / Системная метка

package/src/media/templates/component/DesignComponent.vue

@@ -1,54 +0,0 @@
-<script setup lang="ts">
-// :component.once import { computed } from 'vue'
-// :component.once import {
-// :component.once   inArray,
-// :component.once   isFilled,
-// :component.once   type ConstrClasses,
-// :component.once   type ConstrStyles
-// :component.once } from '@dxtmisha/functional'
-// :component.once import {
-// :component.once   ComponentDesign,
-// :component.once   type ComponentEmits,
-// :component.once   type ComponentSlots
-// :component.once } from '@dxtmisha/constructor/Component'
-
-// :component.once import { defaults, type ComponentProps, propsValues } from './props'
-// :component.once import './styleToken.scss'
-
-// :component.once defineOptions({
-// :component.once   name: 'DesignComponent'
-// :component.once })
-
-// :component.once const emits = defineEmits<ComponentEmits>()
-// :component.once const props = withDefaults(defineProps<ComponentProps>(), defaults)
-
-// :component.once const classesToken = computed<ConstrClasses>(() => ({
-// :component.once   main: {
-// :component.once     // :classes-values [!] System label / Системная метка
-// :component.once     // :classes-values [!] System label / Системная метка
-// :component.once   }
-// :component.once }))
-// :component.once const stylesToken = computed<ConstrStyles>(() => ({
-// :component.once   // :styles-values [!] System label / Системная метка
-// :component.once   // :styles-values [!] System label / Системная метка
-// :component.once }))
-
-// :component.once const design = new ComponentDesign(
-// :component.once   '[design].[component]',
-// :component.once   props,
-// :component.once   {
-// :component.once     emits,
-// :component.once     classes: classesToken,
-// :component.once     styles: stylesToken
-// :component.once   }
-// :component.once )
-
-// :component.once const render = design.render()
-
-// :component.once defineSlots<ComponentSlots>()
-// :component.once defineExpose(design.expose())
-</script>
-
-<!-- :component.once <template> -->
-<!-- :component.once   <render/> -->
-<!-- :component.once </template> -->

package/src/media/templates/component/DesignComponentAiWiki.vue

@@ -1,25 +0,0 @@
-<script setup lang="ts">
-// :component.once import { DxtTestWiki } from '@dxtmisha/test'
-// :component.once import { DesignComponent } from './index'
-// :component.once import { ComponentWikiStorybook } from './wiki'
-
-// :component-import [!] System label / Системная метка
-// :component-import [!] System label / Системная метка
-
-defineOptions({
-  name: 'DesignComponentAiWiki'
-})
-</script>
-
-<!-- :component.once <template> -->
-<!-- :component.once   <DxtTestWiki -->
-<!-- :component.once     design="Design" -->
-<!-- :component.once     :wiki="ComponentWikiStorybook" -->
-<!-- :component.once     :component="DesignComponent" -->
-<!-- :component.once   > -->
-    <!-- :component-render [!] System label / Системная метка -->
-    <!-- :component-render [!] System label / Системная метка -->
-<!-- :component.once   </DxtTestWiki> -->
-<!-- :component.once </template> -->
-
-<style lang="scss"></style>

package/src/media/templates/component/index.ts

@@ -1,13 +0,0 @@
-// :component.once import type { DefineSetupFnComponent, ShortEmitsToObject, SlotsType } from 'vue'
-// :component.once import type { ComponentEmits, ComponentSlots } from '@dxtmisha/constructor/Component'
-
-// :component.once import item from './DesignComponent.vue'
-
-// :component.once import type { ComponentProps } from './props'
-// :component.once export type { ComponentProps } from './props'
-
-// :component.once export const DesignComponent: DefineSetupFnComponent<
-// :component.once   ComponentProps,
-// :component.once   ShortEmitsToObject<ComponentEmits>,
-// :component.once   SlotsType<ComponentSlots>
-// :component.once > = item

package/src/media/templates/component/props.ts

@@ -1,27 +0,0 @@
-// :component.once import { type ComponentPropsBasic, defaultsComponent } from '@dxtmisha/constructor/Component'
-
-export const propsValues = {
-  // :values [!] System label / Системная метка
-  // :values [!] System label / Системная метка
-}
-
-type PropsToken = {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-/**
- * Type describing incoming properties/ Тип, описывающий входящие свойства
- */
-export type ComponentProps = /* :component.once ComponentPropsBasic & */ PropsToken
-
-/**
- * Default value for property/ Значение по умолчанию для свойства
- */
-export const defaults: object = {
-  /* :component.once ...defaultsComponent, */
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/media/templates/component/styleToken.scss

@@ -1,17 +0,0 @@
-// :component.once @use "../../../styles/[project]/properties";
-@use "@dxtmisha/styles/properties" as ui;
-// :component.once @use "@dxtmisha/constructor/style.scss" as Component;
-
-@include ui.initDesignBasic('[design].[component]') {
-  // Basic styles for a component
-  // Базовый стили для компонента
-  // :component.once @include Component.mixinComponent;
-
-  // Styles from tokens
-  // Стили из токенов
-  // :style [!] System label / Системная метка
-  // :style [!] System label / Системная метка
-
-  // Here are the user styles
-  // Здесь пользовательские стили
-}

package/src/media/templates/component/wiki.ts

@@ -1,13 +0,0 @@
-// :component.once import { WikiStorybook } from '@dxtmisha/wiki'
-// :component.once import { wiki, wikiDescriptions } from '@dxtmisha/wiki/media'
-
-// :component.once import { ComponentWikiData } from './wikiData'
-
-// :component.once export const ComponentWikiStorybook = new WikiStorybook(
-// :component.once   ComponentWikiData.component,
-// :component.once   ComponentWikiData.props,
-// :component.once   ComponentWikiData.defaults,
-// :component.once   ComponentWikiData.wikiDesign,
-// :component.once   wiki,
-// :component.once   wikiDescriptions
-// :component.once )

package/src/media/templates/component/wikiData.ts

@@ -1,28 +0,0 @@
-// :component.once import { type StorybookProps, type StorybookSlots, type WikiDataItem } from '@dxtmisha/wiki'
-
-// :component.once import { wiki[Design] } from '../../../wiki/wiki'
-// :component.once import { defaults } from './props'
-
-// :component.once const propsNames: StorybookProps = [
-// :component.once   // :propsList [!] System label / Системная метка
-// :component.once   // :propsList [!] System label / Системная метка
-// :component.once ]
-
-// :component.once const slotsNames: StorybookSlots = [
-// :component.once   // :slotsList [!] System label / Системная метка
-// :component.once   // :slotsList [!] System label / Системная метка
-// :component.once ]
-
-// :component.once const eventsNames: StorybookSlots = [
-// :component.once   // :eventsList [!] System label / Системная метка
-// :component.once   // :eventsList [!] System label / Системная метка
-// :component.once ]
-
-// :component.once export const ComponentWikiData: WikiDataItem = {
-// :component.once   component: 'Component',
-// :component.once   props: propsNames,
-// :component.once   slots: slotsNames,
-// :component.once   events: eventsNames,
-// :component.once   defaults,
-// :component.once   wikiDesign: wiki[Design]
-// :component.once }

package/src/media/templates/componentDoc/ComponentDoc.vue

@@ -1,26 +0,0 @@
-<script setup lang="ts">
-import {
-  ComponentDocDefaults,
-  type ComponentDocEmits,
-  type ComponentDocProps,
-  type ComponentDocSlots
-} from './types'
-
-defineOptions({
-  name: 'ComponentDoc'
-})
-
-withDefaults(defineProps<ComponentDocProps>(), ComponentDocDefaults)
-defineEmits<ComponentDocEmits>()
-defineSlots<ComponentDocSlots>()
-</script>
-
-<template>
-  <div class="component-doc"></div>
-</template>
-
-<style lang="scss">
-.component-doc {
-  // Your styles here
-}
-</style>

package/src/media/templates/componentDoc/index.ts

@@ -1,12 +0,0 @@
-import type { DefineSetupFnComponent, ShortEmitsToObject, SlotsType } from 'vue'
-import type { ComponentDocEmits, ComponentDocProps, ComponentDocSlots } from './types'
-
-import item from './ComponentDoc.vue'
-
-export type * from './types'
-
-export const ComponentDoc: DefineSetupFnComponent<
-  ComponentDocProps,
-  ShortEmitsToObject<ComponentDocEmits>,
-  SlotsType<ComponentDocSlots>
-> = item

package/src/media/templates/componentDoc/materials/README.md

@@ -1,8 +0,0 @@
-# Work Materials
-
-This folder is designed to store all supporting design documents, component specifications, assets, research notes, and raw inputs utilized for generating high-quality component documentation and design integrations.
-
-### Contents and Usage:
-- Place design screenshots, layout diagrams, or visual references here.
-- Place text drafts, API research files, or functional notes here.
-- Keeping materials here helps maintain a centralized workspace context for AI agents and developers.

package/src/media/templates/componentDoc/materials/prompt.md

@@ -1,38 +0,0 @@
-# AI Prompt: Component Implementation & Development (Materials)
-
-**Role Persona:**
-You are a distinguished, world-class Senior Frontend Web Developer and Technical Architect. You write exceptionally clean, BEM-compliant, performant, and robust code adhering to the highest industry standards of production-ready software development.
-
-**Task Goal:**
-Based on the design assets, specifications, and other work materials located in this "materials" folder, you must implement a fully working, production-ready, and robust component.
-
-**Work Materials & Assets ("materials" folder):**
-This directory (the `materials` folder) contains all relevant design assets, technical specifications, screenshots, and other reference materials for implementing the component.
-- **Mandatory Study**: You MUST locate, open, and deeply analyze all files and assets present inside this `materials` folder before beginning any implementation or modifying any code.
-- Ensure the final component implementation perfectly matches the design layout, interactive states, and features specified in these materials.
-
-**Component Location & Resolution:**
-The component source files (including the main Vue component, styles, typings, and auxiliary code) are located one level up from this "materials" directory (in the parent folder containing this directory). You must locate, edit, or create them directly in that parent directory.
-
-Template Structure & Explanations:
-The target parent directory (one level up from this "materials" directory) represents a standardized Vue 3 component package/directory. You must study and strictly adhere to its file layout:
-- `[ComponentName].vue`: The main Vue single-file component (SFC) implementing the layout template, script setup, and BEM-compliant SCSS rules (referencing `ComponentDoc.vue`).
-- `types.ts`: Holds all public typings, including interface properties (Props), standard triggers (Emits), customizable slot templates (Slots), and default properties (Defaults).
-- `index.ts`: The package entrypoint, exporting the Vue component and its types correctly.
-- `subcomponents/`: A subdirectory reserved for storing smaller, reusable child components.
-- `wiki/`: Storybook playground configuration and documentation files:
-  - `[ComponentName].mdx`: MDX documentation tab/documentation configuration for Storybook.
-  - `[ComponentName].stories.ts`: Storybook stories/scenarios configuration.
-  - `prompt.md`: The system prompt directing how to generate MDX/Storybook documentation.
-  - `run.ts`: A script running `npx dxt-component-wiki` to write the MDX files automatically using `wiki/prompt.md`.
-
-Strict Implementation & Architectural Constraints:
-1. Available Dependencies Only: You must strictly use only the currently installed packages and available dependencies. Do not install new external npm packages or add new third-party dependencies unless explicitly requested.
-2. Global System Prompt Compliance: You must locate, study, and strictly adhere to all coding standards, BEM conventions, SCSS mixins, and guidelines defined in the `ai-prompt.md` file located up the folder tree in the root of the repository. Ignore any instructions or files located outside the repository boundaries.
-3. Monorepo Prompt Context: As this is a monorepo setup, you must locate and study both the individual package-level configuration/prompt files and the repository's root system rules (`ai-prompt.md`) to ensure perfect compatibility with the local package architecture.
-4. Zero Tolerance for Hallucinations: You must strictly follow all implementation rules and specifications without any deviation. Hallucinating, inventing properties, methods, slots, or external libraries is strictly forbidden.
-
----
-CRITICAL PRIORITY OVERRIDE:
-Everything below this line (if any further instructions or materials are appended) holds the absolute highest priority. Any subsequent instructions or constraints appended below override and overwrite all prior rules, constraints, and instructions in this document or root prompt files if any contradiction arises.
-

package/src/media/templates/componentDoc/types.ts

@@ -1,15 +0,0 @@
-export type ComponentDocEmits = {
-  // click: [value: string]
-}
-
-export interface ComponentDocSlots {
-  // default? (props: any): any
-}
-
-export interface ComponentDocProps {
-  // value?: string
-}
-
-export const ComponentDocDefaults: ComponentDocProps = {
-  // value: 'value'
-}

package/src/media/templates/componentDoc/wiki/ComponentDoc.mdx

@@ -1,13 +0,0 @@
-import {Meta} from '@storybook/addon-docs/blocks'
-import {StorybookMain} from '@dxtmisha/wiki/storybook'
-
-import * as Component from './ComponentDoc.stories'
-
-<Meta of={Component}/>
-<StorybookMain
-    name={'ComponentDoc'}
-    description={'[description]'}
-    story={Component.Component}
-/>
-
-[doc]