@dxtmisha/scripts 0.5.20 → 0.5.22

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dxtmisha/scripts",
   "private": false,
-  "version": "0.5.20",
+  "version": "0.5.22",
   "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/Git/GitRead.ts

@@ -60,7 +60,9 @@ export class GitRead {
     return forEach(
       this.getFilesPorcelain(),
       (file) => {
-        const data = file.split(' ', 2)
+        const data = file
+          .replace(/ {2,}/, ' ')
+          .split(' ', 2)
 
         const status = data[0] as GitStatus
         const path: string = data[1] ?? ''

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>