@dxtmisha/scripts 0.5.21 → 0.5.23

package/bin/design-package.ts

@@ -1,8 +1,10 @@
 #!/usr/bin/env vite-node
 
 import { PackageInit } from '../src/classes/Package/PackageInit'
+import { UI_DIR_PACKAGES } from '../src/config'
 
 const type: string = process.argv?.[2] ?? 'library'
 const templates: string | undefined = process.argv?.[3]
+const dir: string | undefined = process.argv?.[4] ?? UI_DIR_PACKAGES
 
-new PackageInit(type, templates).make()
+new PackageInit(type, templates, dir).make()

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dxtmisha/scripts",
   "private": false,
-  "version": "0.5.21",
+  "version": "0.5.23",
   "type": "module",
   "description": "Development scripts and CLI tools for DXT UI projects - automated component generation, library building and project management tools",
   "keywords": [

package/src/classes/Design/DesignComponent.ts

@@ -25,6 +25,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_INDEX = 'index.ts'
 const FILE_WIKI = 'wiki.ts'
 const FILE_STORIES = 'DesignComponent.stories.ts'
@@ -72,6 +73,7 @@ export class DesignComponent extends DesignCommand {
       .makeProps()
       .makeStyle()
       .makeMain()
+      .makeMainAi()
       .makeIndex()
       .makeWiki()
       .makeStories()
@@ -145,6 +147,52 @@ export class DesignComponent extends DesignCommand {
     return this
   }
 
+  /**
+   * This code generates the DesignComponentWikiAi.vue.
+   *
+   * Генерация файла DesignComponentWikiAi.vue.
+   */
+  protected makeMainAi(): this {
+    const file = FILE_CLASS_AI
+    const sample = this.readDefinable(file)
+    const design = this.getStructure().getDesignFirst()
+    const componentName = this.getStructure().getComponentNameFirst()
+    const fullComponentName = this.getStructure().getFullComponentName()
+    const item = this.getWikiDescription()
+
+    if (
+      item?.ai
+    ) {
+      if (item.ai.render) {
+        const render = item.ai.render
+          .replace(`<${componentName}`, `<${fullComponentName}`)
+          .trim()
+
+        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>'
+        ])
+      }
+    }
+
+    this.write(
+      sample.getNameFile(file),
+      sample.get()
+        .replace('design="Design"', `design="${design}"`)
+    )
+
+    return this
+  }
+
   /**
    * This code generates the index.ts.
    *

package/src/classes/Design/DesignReplace.ts

@@ -112,8 +112,16 @@ export class DesignReplace {
     data: string[],
     end = ''
   ): this {
-    const regName = `\\[?\\/\\/[\\]: #\\(]+:${name} `
-    const space = this.sample.match(new RegExp(`^( *)(${regName})`, 'm'))?.[1]
+    let regName = `\\[?\\/\\/[\\]: #\\(]+:${name} `
+    let space = this.sample.match(new RegExp(`^( *)(${regName})`, 'm'))?.[1]
+
+    if (
+      !space
+      && this.sample.match(name)
+    ) {
+      regName = `<!-- :${name} `
+      space = this.sample.match(new RegExp(`^( *)(${regName})`, 'm'))?.[1]
+    }
 
     if (typeof space === 'string') {
       const inString = `\r\n${space}`

package/src/classes/Package/PackageInit.ts

@@ -13,7 +13,8 @@ import { UI_DIR_PACKAGES } from '../../config'
 export class PackageInit {
   constructor(
     protected readonly type: string,
-    protected readonly templates?: string
+    protected readonly templates?: string,
+    protected readonly dir: string = UI_DIR_PACKAGES
   ) {
   }
 
@@ -27,7 +28,7 @@ export class PackageInit {
 
     this.getDirs()
       .forEach((dir) => {
-        new PackageInitItem(dir, [UI_DIR_PACKAGES, dir], this.type, this.templates).make()
+        new PackageInitItem(dir, [this.dir, dir], this.type, this.templates).make()
       })
   }
 
@@ -37,9 +38,9 @@ export class PackageInit {
    * Возвращает массив имен директорий для инициализации пакета.
    */
   protected getDirs(): string[] {
-    return PropertiesFile.readDir(UI_DIR_PACKAGES)
+    return PropertiesFile.readDir(this.dir)
       .filter(
-        path => PropertiesFile.readDir([UI_DIR_PACKAGES, path]).length === 0
+        path => PropertiesFile.readDir([this.dir, path]).length === 0
       )
   }
 }

package/src/classes/Package/PackageItem.ts

@@ -235,13 +235,13 @@ export class PackageInitItem {
       let edit = false
 
       if (
-        packageFile.match(/["']devDependencies["']/)
+        packageFile.match(/["']dependencies["']/)
       ) {
-        console.log('Update package.json: devDependencies...')
+        console.log('Update package.json: dependencies...')
 
         edit = true
         packageFile = packageFile.replace(
-          /(["']devDependencies["']:[^{]+{)/,
+          /(["']dependencies["']:[^{]+{)/,
           `$1
     "${this.getProjectName()}": "workspace:*",`
         )

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

@@ -0,0 +1,25 @@
+<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: 'DesignComponentWikiAi'
+})
+</script>
+
+<!-- :component.once <template> -->
+<!-- :component.once   <DxtTestWiki -->
+<!-- :component.once     design="Design" -->
+<!-- :component.once     :wiki="ImageWikiStorybook" -->
+<!-- :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/packages/library/vite.config.ts

@@ -1,4 +1,14 @@
-import { viteBasic } from '@dxtmisha/configuration/viteBasic'
+import { viteBasicFunction } from '@dxtmisha/configuration/viteBasicFunction'
 
 // https://vite.dev/config/
-export default viteBasic
+export default viteBasicFunction(
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  true
+)