@dxtmisha/scripts 0.6.3 → 0.7.2

package/bin/ai-doc.ts

@@ -2,8 +2,6 @@
 
 import { AiDoc } from '../src/classes/Ai/AiDoc'
 
-const name: string = process.argv?.[2] ?? 'src/storybook'
-
-new AiDoc(name)
+new AiDoc()
   .make()
   .then()

package/bin/build-functional.ts

@@ -0,0 +1,5 @@
+#!/usr/bin/env vite-node
+
+import { BuildFunctional } from '../src/classes/Build/buildFunctional'
+
+new BuildFunctional().make()

package/bin/design-flags.ts

@@ -0,0 +1,5 @@
+#!/usr/bin/env vite-node
+
+import { DesignFlags } from '../src/classes/Design/DesignFlags'
+
+new DesignFlags().make()

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dxtmisha/scripts",
   "private": false,
-  "version": "0.6.3",
+  "version": "0.7.2",
   "type": "module",
   "description": "Development scripts and CLI tools for DXT UI projects - automated component generation, library building and project management tools",
   "keywords": [
@@ -31,8 +31,8 @@
     "library": "dxt-library"
   },
   "files": [
-    "src/",
     "bin/",
+    "src/",
     "README.md",
     "package.json",
     "LICENSE"
@@ -41,9 +41,11 @@
   "module": "./src/library.ts",
   "bin": {
     "dxt-ai-doc": "bin/ai-doc.ts",
+    "dxt-build-functional": "bin/build-functional.ts",
     "dxt-component": "bin/design-component.ts",
     "dxt-component-wiki": "bin/design-component-wiki.ts",
     "dxt-constructor": "bin/design-constructor.ts",
+    "dxt-flags": "bin/design-flags.ts",
     "dxt-library": "bin/design-library.ts",
     "dxt-package": "bin/design-package.ts",
     "dxt-types": "bin/design-types.ts",
@@ -52,19 +54,21 @@
   "exports": {
     ".": "./src/library.ts",
     "./ai": "./src/library-ai.ts",
+    "./plugin": "./src/library-plugin.ts",
     "./config": "./src/config.ts",
     "./properties.json": "./src/media/properties.json"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "peerDependencies": {
     "@dxtmisha/configuration": "*",
+    "@dxtmisha/media": "*",
     "@dxtmisha/functional": "*",
-    "@dxtmisha/styles": "*",
+    "@dxtmisha/functional-basic": "*",
     "@dxtmisha/wiki": "*",
-    "typescript": "*",
-    "vue": "*"
+    "typescript": "^5.0.0",
+    "vue": "^3.0.0"
   },
   "dependencies": {}
 }

package/src/classes/Build/buildFunctional.ts

@@ -0,0 +1,39 @@
+import * as functional from '@dxtmisha/functional'
+
+import { PropertiesFile } from '../Properties/PropertiesFile'
+
+import { UI_DIRS_LIBRARY } from '../../config'
+
+export class BuildFunctional {
+  constructor() {
+  }
+
+  make(): void {
+    console.log('Build functional...')
+
+    const list = this.getList()
+    const code: string[] = [
+      'export type * from \'@dxtmisha/functional\'',
+      ''
+    ]
+
+    list.sort()
+    list.forEach((item) => {
+      console.log(`-- ${item}`)
+
+      code.push(`export { ${item} } from '@dxtmisha/functional'`)
+    })
+
+    code.push('')
+    PropertiesFile.writeByPath(
+      [...UI_DIRS_LIBRARY, 'functional.ts'],
+      code.join('\n')
+    )
+
+    console.log('...end')
+  }
+
+  getList(): string[] {
+    return Object.keys(functional)
+  }
+}

package/src/classes/Design/DesignCommand.ts

@@ -2,15 +2,16 @@
 
 import { dirname } from 'node:path'
 import { fileURLToPath } from 'node:url'
-import { toArray } from '@dxtmisha/functional-basic'
+import { toArray, toCamelCase, toCamelCaseFirst, toKebabCase } from '@dxtmisha/functional-basic'
 import { hasNativeDirname } from '../../functions/hasNativeDirname'
+import { getPackageJson } from '../../functions/getPackageJson'
 
 import { PropertiesConfig } from '../Properties/PropertiesConfig'
 import { PropertiesFile } from '../Properties/PropertiesFile'
 import { DesignStructure } from './DesignStructure'
 import { DesignReplace } from './DesignReplace'
 
-import { UI_KEY_CONSTRUCTOR } from '../../config'
+import { UI_FILE_PACKAGE, UI_KEY_CONSTRUCTOR } from '../../config'
 
 const dirnamePath = hasNativeDirname()
   ? __dirname
@@ -84,6 +85,26 @@ export abstract class DesignCommand {
     return this.command
   }
 
+  protected getName(): string {
+    return toCamelCaseFirst(this.getCommand())
+  }
+
+  protected getNameMin(): string {
+    return toCamelCase(this.getCommand())
+  }
+
+  protected getCode(): string {
+    return toKebabCase(this.getCommand())
+  }
+
+  protected getFullName(): string {
+    return toCamelCaseFirst(`${PropertiesConfig.getDesignName()}-${this.getCommand()}`)
+  }
+
+  protected getProjectName(): string {
+    return toCamelCaseFirst(PropertiesConfig.getProjectName())
+  }
+
   /**
    * Returns a structure object.
    *
@@ -180,6 +201,35 @@ export abstract class DesignCommand {
     )
   }
 
+  protected updatePackage(
+    namePath: string,
+    value: any
+  ): this {
+    const packageFile = getPackageJson()
+    let focus: Record<string, any> | any | undefined = packageFile
+
+    if (packageFile && focus) {
+      const names = namePath.split('|')
+      const key = names.pop()
+
+      for (const name of names) {
+        if (!(name in focus)) {
+          focus[name] = {}
+        }
+
+        focus = focus[name]
+      }
+
+      if (key) {
+        focus[key] = value
+      }
+
+      PropertiesFile.writeByPath(UI_FILE_PACKAGE, packageFile)
+    }
+
+    return this
+  }
+
   /**
    * Outputting data to the console.
    *

package/src/classes/Design/DesignComponent.ts

@@ -1,6 +1,11 @@
 // export:none
 
-import { forEach, isObjectNotArray, toArray, toKebabCase } from '@dxtmisha/functional-basic'
+import {
+  forEach,
+  isObjectNotArray, replaceComponentName,
+  toArray,
+  toKebabCase
+} from '@dxtmisha/functional-basic'
 import { wikiDescriptions } from '@dxtmisha/wiki/media'
 import type { StorybookComponentsDescriptionItem } from '@dxtmisha/wiki'
 
@@ -16,6 +21,7 @@ import {
   UI_DIR_CONSTRUCTOR,
   UI_DIR_IN,
   UI_DIRS_COMPONENTS,
+  UI_DIRS_LIBRARY,
   UI_PROJECT_CONSTRUCTOR_FULL_NAME,
   UI_PROJECT_CONSTRUCTOR_NAME
 } from '../../config'
@@ -25,7 +31,7 @@ const FILE_PROPERTIES = 'properties.json'
 const FILE_PROPS = 'props.ts'
 const FILE_STYLE = 'styleToken.scss'
 const FILE_CLASS = 'DesignComponent.vue'
-const FILE_CLASS_AI = 'DesignComponentWikiAi.vue'
+const FILE_CLASS_AI = 'DesignComponentAiWiki.vue'
 const FILE_INDEX = 'index.ts'
 const FILE_WIKI = 'wiki.ts'
 const FILE_STORIES = 'DesignComponent.stories.ts'
@@ -78,6 +84,8 @@ export class DesignComponent extends DesignCommand {
       .makeWiki()
       .makeStories()
       .makeStoriesDocumentation()
+      .makeFilePackage()
+      .makeLibrary()
   }
 
   /**
@@ -163,24 +171,35 @@ export class DesignComponent extends DesignCommand {
     if (
       item?.ai
     ) {
+      const imports: string[] = []
+
       if (item.ai.render) {
-        const render = item.ai.render
-          .replace(`<${componentName}`, `<${fullComponentName}`)
-          .trim()
-
-        sample.replaceMark('component-render', [
-          '<template #render="{ args, classDemo }">',
-          render,
-          '</template>'
-        ])
+        let render = replaceComponentName(
+          item.ai.render,
+          componentName,
+          fullComponentName
+        )
+
+        if (item.ai.render.includes('<button')) {
+          imports.push(`import { DxtTestButton } from '@dxtmisha/test'`)
+          render = replaceComponentName(render, 'button', 'DxtTestButton')
+        }
+
+        if (render) {
+          sample.replaceMark('component-render', [
+            '<template #render="{ args, classDemo }">',
+            render,
+            '</template>'
+          ])
+        }
       }
 
       if (item.ai.import) {
-        sample.replaceMark('component-import', [
-          '<template #render="{ args, classDemo }">',
-          ...item.ai.import,
-          '</template>'
-        ])
+        imports.push(...item.ai.import)
+      }
+
+      if (imports.length > 0) {
+        sample.replaceMark('component-import', imports)
       }
     }
 
@@ -557,4 +576,42 @@ export class DesignComponent extends DesignCommand {
 
     return this
   }
+
+  /**
+   * Updates the package.json file.
+   *
+   * Обновляет файл package.json.
+   */
+  protected makeFilePackage(): this {
+    const name = `./${this.getFullName()}`
+
+    this.updatePackage(
+      `exports|${name}`,
+      {
+        types: `./dist/${this.getFullName()}.d.ts`,
+        default: `./dist/${this.getFullName()}.js`
+      }
+    )
+
+    return this
+  }
+
+  /**
+   * Generates a library file.
+   *
+   * Генерирует файл библиотеки.
+   */
+  protected makeLibrary(): this {
+    const dir: string = `../${UI_DIR_COMPONENTS}/${this.getProjectName()}/${this.getName()}/`
+    const name = this.getFullName()
+
+    PropertiesFile.writeByPath(
+      [...UI_DIRS_LIBRARY, `${name}.ts`],
+      `export { default as ${name} } from '${dir}${name}.vue'
+export type { ${this.getName()}Props as ${name}Props } from '${dir}props'
+`
+    )
+
+    return this
+  }
 }

package/src/classes/Design/DesignConstructor.ts

@@ -1,12 +1,12 @@
 // export:none
 
-import { toCamelCaseFirst } from '@dxtmisha/functional-basic'
+import { toCamelCase, toCamelCaseFirst } from '@dxtmisha/functional-basic'
 
 import { PropertiesFile } from '../Properties/PropertiesFile'
 
 import { DesignCommand } from './DesignCommand'
 
-import { UI_FILE_PACKAGE, UI_DIR_IN, UI_DIR_CONSTRUCTOR } from '../../config'
+import { UI_DIR_IN, UI_DIR_CONSTRUCTOR, UI_DIRS_LIBRARY } from '../../config'
 
 const FILE_PROPERTIES = 'properties.json'
 const FILE_PROPS = 'props.ts'
@@ -61,6 +61,7 @@ export class DesignConstructor extends DesignCommand {
       .makeMain()
       .makeIndex()
       .makeFilePackage()
+      .makeLibrary()
   }
 
   /**
@@ -112,9 +113,9 @@ export class DesignConstructor extends DesignCommand {
   }
 
   /**
-   * This code generates the properties.json.
+   * This code generates the basicTypes.ts.
    *
-   * Генерация файла properties.json.
+   * Генерация файла basicTypes.ts.
    */
   protected makeTypesBasic(): this {
     return this.makeFileStandard(FILE_TYPES_BASIC)
@@ -163,6 +164,12 @@ export class DesignConstructor extends DesignCommand {
     return this.makeFileStandard(FILE_INDEX)
   }
 
+  /**
+   * Generates a standard file based on a template.
+   *
+   * Генерирует стандартный файл на основе шаблона.
+   * @param file file name/ имя файла
+   */
   protected makeFileStandard(file: string): this {
     const sample = this.readDefinable(file)
 
@@ -172,21 +179,39 @@ export class DesignConstructor extends DesignCommand {
     return this
   }
 
+  /**
+   * Updates the package.json file.
+   *
+   * Обновляет файл package.json.
+   */
   protected makeFilePackage(): this {
-    const packageFile = PropertiesFile.readFile<Record<string, any>>(UI_FILE_PACKAGE)
-    const command = toCamelCaseFirst(this.getCommand())
+    const command = this.getName()
     const name = `./${command}`
 
-    if (
-      packageFile
-      && packageFile.exports
-      && !(name in packageFile.exports)
-    ) {
-      packageFile.exports[name] = `./src/constructors/${command}/index.ts`
-      packageFile.exports[`${name}/style`] = `./src/constructors/${command}/style.scss`
+    this.updatePackage(
+      `exports|${name}`,
+      {
+        types: `./dist/constructors/${command}/index.d.ts`,
+        default: `./dist/${this.getNameMin()}.js`
+      }
+    )
 
-      PropertiesFile.writeByPath(UI_FILE_PACKAGE, packageFile)
-    }
+    return this
+  }
+
+  /**
+   * Generates a library file.
+   *
+   * Генерирует файл библиотеки.
+   */
+  protected makeLibrary(): this {
+    const name = toCamelCase(this.getCommand())
+
+    PropertiesFile.writeByPath(
+      [...UI_DIRS_LIBRARY, `${name}.ts`],
+      `export * from '../${UI_DIR_CONSTRUCTOR}/${toCamelCaseFirst(this.getCommand())}/index'
+`
+    )
 
     return this
   }

package/src/classes/Design/DesignConstructors.ts

@@ -1,19 +1,33 @@
 // export:none
 
-import { isFilled } from '@dxtmisha/functional-basic'
+import { isFilled, toCamelCaseFirst } from '@dxtmisha/functional-basic'
 
 import { PropertiesFile } from '../Properties/PropertiesFile'
 import { PropertiesCache } from '../Properties/PropertiesCache'
 import { DesignConstructor } from './DesignConstructor'
 
-import { UI_DIR_CONSTRUCTOR, UI_DIR_IN } from '../../config'
+import { UI_DIR_CONSTRUCTOR, UI_DIR_IN, UI_DIRS_LIBRARY, UI_FILE_STYLE_SCSS } from '../../config'
 
+/**
+ * Class for managing design constructors.
+ *
+ * Класс для управления конструкторами дизайна.
+ */
 export class DesignConstructors {
+  /**
+   * Constructor
+   * @param name component name/ название компонента
+   */
   constructor(
     protected readonly name?: string
   ) {
   }
 
+  /**
+   * Starts the process of creating or updating constructors.
+   *
+   * Запускает процесс создания или обновления конструкторов.
+   */
   make(): void {
     PropertiesCache.clear()
 
@@ -26,12 +40,41 @@ export class DesignConstructors {
           new DesignConstructor(component).make()
         })
     }
+
+    this.makeStyle()
   }
 
+  /**
+   * Returns a list of components.
+   *
+   * Возвращает список компонентов.
+   */
   getComponents(): string[] {
     return PropertiesFile.readDir(this.getDir())
   }
 
+  /**
+   * Returns a list of component styles.
+   *
+   * Возвращает список стилей компонентов.
+   */
+  getComponentsStyle(): string[] {
+    const list: string[] = []
+
+    this.getComponents()
+      .forEach((component) => {
+        const name = toCamelCaseFirst(component)
+        list.push(`@forward "../constructors/${name}/style";`)
+      })
+
+    return list
+  }
+
+  /**
+   * Returns the directory path for constructors.
+   *
+   * Возвращает путь к директории конструкторов.
+   */
   protected getDir(): string[] {
     return [
       PropertiesFile.getRoot(),
@@ -39,4 +82,16 @@ export class DesignConstructors {
       UI_DIR_CONSTRUCTOR
     ]
   }
+
+  /**
+   * Generates a common style file.
+   *
+   * Генерирует общий файл стилей.
+   */
+  protected makeStyle(): void {
+    const path: string[] = [...UI_DIRS_LIBRARY, UI_FILE_STYLE_SCSS]
+    const styles = this.getComponentsStyle()
+
+    PropertiesFile.writeByPath(path, styles.join('\r\n'))
+  }
 }