zengen 0.2.6 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/.zen/meta.json +18 -0
  2. package/.zen/src/ar-SA/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  3. package/.zen/src/da-DK/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  4. package/.zen/src/de-DE/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  5. package/.zen/src/en-US/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  6. package/.zen/src/es-ES/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  7. package/.zen/src/es-MX/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  8. package/.zen/src/fi-FI/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  9. package/.zen/src/fr-FR/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  10. package/.zen/src/hi-IN/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  11. package/.zen/src/id-ID/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  12. package/.zen/src/it-IT/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  13. package/.zen/src/ja-JP/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  14. package/.zen/src/ko-KR/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  15. package/.zen/src/nl-NL/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  16. package/.zen/src/no-NO/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  17. package/.zen/src/pl-PL/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  18. package/.zen/src/pt-BR/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  19. package/.zen/src/pt-PT/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  20. package/.zen/src/ru-RU/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  21. package/.zen/src/sv-SE/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  22. package/.zen/src/th-TH/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  23. package/.zen/src/tr-TR/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  24. package/.zen/src/uk-UA/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  25. package/.zen/src/vi-VN/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
  26. package/.zen/src/zh-Hans/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +123 -0
  27. package/.zen/src/zh-Hant/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +123 -0
  28. package/assets/templates/default/layout.html +82 -0
  29. package/dist/utils/convertMarkdownToHtml.d.ts.map +1 -1
  30. package/dist/utils/convertMarkdownToHtml.js +75 -22
  31. package/dist/utils/convertMarkdownToHtml.js.map +1 -1
  32. package/docs/test-mermaid.md +105 -0
  33. package/package.json +1 -1
  34. package/src/utils/convertMarkdownToHtml.ts +80 -21
@@ -0,0 +1,121 @@
1
+ ---
2
+ 'title': 'Documento de prueba de diagramas Mermaid'
3
+ 'summary': 'Este documento es un archivo de prueba para verificar la funcionalidad de renderizado de diagramas Mermaid en ZEN. Incluye ejemplos de varios tipos de diagramas Mermaid, como diagramas de flujo, diagramas de secuencia, diagramas de Gantt, diagramas de clases, diagramas de estado y gráficos circulares, además de una prueba de sintaxis errónea para verificar la visualización de mensajes de error. El documento tiene como objetivo demostrar el funcionamiento correcto de la integración de Mermaid en ZEN.'
4
+ 'tags':
5
+ - 'Mermaid'
6
+ - 'Prueba de diagramas'
7
+ - 'ZEN'
8
+ - 'Diagrama de flujo'
9
+ - 'Diagrama de secuencia'
10
+ - 'Diagrama de Gantt'
11
+ - 'Diagrama de clases'
12
+ - 'Diagrama de estado'
13
+ 'inferred_date': '2024-01-01'
14
+ 'inferred_lang': 'es-MX'
15
+ ---
16
+
17
+ # Prueba de diagramas Mermaid
18
+
19
+ Este es un archivo de prueba para verificar la funcionalidad de renderizado de diagramas Mermaid en ZEN.
20
+
21
+ ## Ejemplo de diagrama de flujo
22
+
23
+ ```mermaid
24
+ graph TD
25
+ A[Inicio] --> B{¿Continuar?}
26
+ B -->|Sí| C[Ejecutar acción]
27
+ B -->|No| D[Fin]
28
+ C --> E[Verificar resultado]
29
+ E --> F{¿Éxito?}
30
+ F -->|Sí| G[Completado]
31
+ F -->|No| H[Reintentar]
32
+ H --> C
33
+ G --> D
34
+ ```
35
+
36
+ ## Ejemplo de diagrama de secuencia
37
+
38
+ ```mermaid
39
+ sequenceDiagram
40
+ participant Usuario
41
+ participant Sistema
42
+ participant BaseDeDatos
43
+
44
+ Usuario->>Sistema: Enviar solicitud
45
+ Sistema->>BaseDeDatos: Consultar datos
46
+ BaseDeDatos-->>Sistema: Devolver resultados
47
+ Sistema-->>Usuario: Mostrar resultados
48
+ ```
49
+
50
+ ## Ejemplo de diagrama de Gantt
51
+
52
+ ```mermaid
53
+ gantt
54
+ title Cronograma del proyecto
55
+ dateFormat YYYY-MM-DD
56
+ section Diseño
57
+ Análisis de requisitos :done, des1, 2024-01-01, 7d
58
+ Diseño de prototipo :active, des2, 2024-01-08, 5d
59
+ Diseño detallado : des3, after des2, 5d
60
+ section Desarrollo
61
+ Desarrollo frontend : dev1, after des3, 10d
62
+ Desarrollo backend : dev2, after des3, 15d
63
+ section Pruebas
64
+ Pruebas unitarias : test1, after dev1, 5d
65
+ Pruebas de integración : test2, after dev2, 5d
66
+ ```
67
+
68
+ ## Ejemplo de diagrama de clases
69
+
70
+ ```mermaid
71
+ classDiagram
72
+ class Animal {
73
+ +String nombre
74
+ +int edad
75
+ +void comer()
76
+ +void dormir()
77
+ }
78
+ class Perro {
79
+ +void ladrar()
80
+ }
81
+ class Gato {
82
+ +void maullar()
83
+ }
84
+
85
+ Animal <|-- Perro
86
+ Animal <|-- Gato
87
+ ```
88
+
89
+ ## Ejemplo de diagrama de estado
90
+
91
+ ```mermaid
92
+ stateDiagram-v2
93
+ [*] --> Inactivo
94
+ Inactivo --> Procesando : Iniciar procesamiento
95
+ Procesando --> Éxito : Procesamiento exitoso
96
+ Procesando --> Error : Procesamiento fallido
97
+ Éxito --> [*]
98
+ Error --> [*]
99
+ ```
100
+
101
+ ## Ejemplo de gráfico circular
102
+
103
+ ```mermaid
104
+ pie title Uso de navegadores
105
+ "Chrome" : 65.2
106
+ "Firefox" : 15.3
107
+ "Safari" : 12.5
108
+ "Edge" : 5.2
109
+ "Otros" : 1.8
110
+ ```
111
+
112
+ ## Prueba de sintaxis errónea (debe mostrar mensaje de error)
113
+
114
+ ```mermaid
115
+ graph TD
116
+ A --> B
117
+ // Aquí falta la definición de flecha
118
+ C --> D
119
+ ```
120
+
121
+ Este archivo de prueba incluye varios tipos de diagramas Mermaid para verificar que la integración de Mermaid en ZEN funcione correctamente.
@@ -0,0 +1,121 @@
1
+ ---
2
+ 'title': 'Mermaid-kaavioiden testidokumentti'
3
+ 'summary': 'Tämä dokumentti on testitiedosto, jolla varmistetaan Mermaid-kaavioiden renderöintitoiminto ZEN:ssä. Se sisältää esimerkkejä useista Mermaid-kaaviotyypeistä, kuten vuokaavioista, sekvenssikaavioista, Gantt-kaavioista, luokkakaavioista, tilakaavioista ja ympyräkaavioista, sekä sisältää virheellisen syntaksin testauksen virheilmoitusten tarkistamiseksi. Dokumentin tarkoitus on esitellä Mermaid-integraation normaali toiminta ZEN:ssä.'
4
+ 'tags':
5
+ - 'Mermaid'
6
+ - 'kaaviotestaus'
7
+ - 'ZEN'
8
+ - 'vuokaavio'
9
+ - 'sekvenssikaavio'
10
+ - 'Gantt-kaavio'
11
+ - 'luokkakaavio'
12
+ - 'tilakaavio'
13
+ 'inferred_date': '2024-01-01'
14
+ 'inferred_lang': 'fi-FI'
15
+ ---
16
+
17
+ # Mermaid-kaavioiden testaus
18
+
19
+ Tämä on testitiedosto, jolla varmistetaan Mermaid-kaavioiden renderöintitoiminto ZEN:ssä.
20
+
21
+ ## Esimerkki vuokaaviosta
22
+
23
+ ```mermaid
24
+ graph TD
25
+ A[开始] --> B{是否继续?}
26
+ B -->|是| C[执行操作]
27
+ B -->|否| D[结束]
28
+ C --> E[检查结果]
29
+ E --> F{是否成功?}
30
+ F -->|是| G[完成]
31
+ F -->|否| H[重试]
32
+ H --> C
33
+ G --> D
34
+ ```
35
+
36
+ ## Esimerkki sekvenssikaaviosta
37
+
38
+ ```mermaid
39
+ sequenceDiagram
40
+ participant User
41
+ participant System
42
+ participant Database
43
+
44
+ User->>System: 提交请求
45
+ System->>Database: 查询数据
46
+ Database-->>System: 返回结果
47
+ System-->>User: 显示结果
48
+ ```
49
+
50
+ ## Esimerkki Gantt-kaaviosta
51
+
52
+ ```mermaid
53
+ gantt
54
+ title 项目时间表
55
+ dateFormat YYYY-MM-DD
56
+ section 设计
57
+ 需求分析 :done, des1, 2024-01-01, 7d
58
+ 原型设计 :active, des2, 2024-01-08, 5d
59
+ 详细设计 : des3, after des2, 5d
60
+ section 开发
61
+ 前端开发 : dev1, after des3, 10d
62
+ 后端开发 : dev2, after des3, 15d
63
+ section 测试
64
+ 单元测试 : test1, after dev1, 5d
65
+ 集成测试 : test2, after dev2, 5d
66
+ ```
67
+
68
+ ## Esimerkki luokkakaaviosta
69
+
70
+ ```mermaid
71
+ classDiagram
72
+ class Animal {
73
+ +String name
74
+ +int age
75
+ +void eat()
76
+ +void sleep()
77
+ }
78
+ class Dog {
79
+ +void bark()
80
+ }
81
+ class Cat {
82
+ +void meow()
83
+ }
84
+
85
+ Animal <|-- Dog
86
+ Animal <|-- Cat
87
+ ```
88
+
89
+ ## Esimerkki tilakaaviosta
90
+
91
+ ```mermaid
92
+ stateDiagram-v2
93
+ [*] --> Idle
94
+ Idle --> Processing : 开始处理
95
+ Processing --> Success : 处理成功
96
+ Processing --> Error : 处理失败
97
+ Success --> [*]
98
+ Error --> [*]
99
+ ```
100
+
101
+ ## Esimerkki ympyräkaaviosta
102
+
103
+ ```mermaid
104
+ pie title 浏览器使用率
105
+ "Chrome" : 65.2
106
+ "Firefox" : 15.3
107
+ "Safari" : 12.5
108
+ "Edge" : 5.2
109
+ "其他" : 1.8
110
+ ```
111
+
112
+ ## Virheellisen syntaksin testaus (pitäisi näyttää virheilmoituksen)
113
+
114
+ ```mermaid
115
+ graph TD
116
+ A --> B
117
+ // 这里缺少箭头定义
118
+ C --> D
119
+ ```
120
+
121
+ Tämä testitiedosto sisältää useita Mermaid-kaaviotyyppejä, joilla varmistetaan ZEN:n Mermaid-integraation oikea toiminta.
@@ -0,0 +1,121 @@
1
+ ---
2
+ 'title': 'Document de test des diagrammes Mermaid'
3
+ 'summary': "Ce document est un fichier de test destiné à vérifier la fonctionnalité de rendu des diagrammes Mermaid dans ZEN. Il contient des exemples de plusieurs types de diagrammes Mermaid, tels que des organigrammes, des diagrammes de séquence, des diagrammes de Gantt, des diagrammes de classes, des diagrammes d'état et des diagrammes circulaires, et inclut un test de syntaxe erronée pour vérifier l'affichage des messages d'erreur. Le document vise à démontrer le fonctionnement correct de l'intégration de Mermaid dans ZEN."
4
+ 'tags':
5
+ - 'Mermaid'
6
+ - 'Test de diagrammes'
7
+ - 'ZEN'
8
+ - 'Organigramme'
9
+ - 'Diagramme de séquence'
10
+ - 'Diagramme de Gantt'
11
+ - 'Diagramme de classes'
12
+ - "Diagramme d'état"
13
+ 'inferred_date': '2024-01-01'
14
+ 'inferred_lang': 'fr-FR'
15
+ ---
16
+
17
+ # Test des diagrammes Mermaid
18
+
19
+ Ceci est un fichier de test destiné à vérifier la fonctionnalité de rendu des diagrammes Mermaid dans ZEN.
20
+
21
+ ## Exemple d'organigramme
22
+
23
+ ```mermaid
24
+ graph TD
25
+ A[Commencement] --> B{Continuer ?}
26
+ B -->|Oui| C[Exécuter l'opération]
27
+ B -->|Non| D[Fin]
28
+ C --> E[Vérifier le résultat]
29
+ E --> F{Succès ?}
30
+ F -->|Oui| G[Terminé]
31
+ F -->|Non| H[Réessayer]
32
+ H --> C
33
+ G --> D
34
+ ```
35
+
36
+ ## Exemple de diagramme de séquence
37
+
38
+ ```mermaid
39
+ sequenceDiagram
40
+ participant Utilisateur
41
+ participant Système
42
+ participant Base_de_données
43
+
44
+ Utilisateur->>Système: Soumettre une requête
45
+ Système->>Base_de_données: Interroger les données
46
+ Base_de_données-->>Système: Retourner le résultat
47
+ Système-->>Utilisateur: Afficher le résultat
48
+ ```
49
+
50
+ ## Exemple de diagramme de Gantt
51
+
52
+ ```mermaid
53
+ gantt
54
+ title Calendrier du projet
55
+ dateFormat YYYY-MM-DD
56
+ section Conception
57
+ Analyse des besoins :done, des1, 2024-01-01, 7d
58
+ Conception du prototype :active, des2, 2024-01-08, 5d
59
+ Conception détaillée : des3, after des2, 5d
60
+ section Développement
61
+ Développement front-end : dev1, after des3, 10d
62
+ Développement back-end : dev2, after des3, 15d
63
+ section Tests
64
+ Tests unitaires : test1, after dev1, 5d
65
+ Tests d'intégration : test2, after dev2, 5d
66
+ ```
67
+
68
+ ## Exemple de diagramme de classes
69
+
70
+ ```mermaid
71
+ classDiagram
72
+ class Animal {
73
+ +String nom
74
+ +int âge
75
+ +void manger()
76
+ +void dormir()
77
+ }
78
+ class Chien {
79
+ +void aboyer()
80
+ }
81
+ class Chat {
82
+ +void miauler()
83
+ }
84
+
85
+ Animal <|-- Chien
86
+ Animal <|-- Chat
87
+ ```
88
+
89
+ ## Exemple de diagramme d'état
90
+
91
+ ```mermaid
92
+ stateDiagram-v2
93
+ [*] --> Inactif
94
+ Inactif --> Traitement_en_cours : Démarrer le traitement
95
+ Traitement_en_cours --> Succès : Traitement réussi
96
+ Traitement_en_cours --> Erreur : Échec du traitement
97
+ Succès --> [*]
98
+ Erreur --> [*]
99
+ ```
100
+
101
+ ## Exemple de diagramme circulaire
102
+
103
+ ```mermaid
104
+ pie title Taux d'utilisation des navigateurs
105
+ "Chrome" : 65.2
106
+ "Firefox" : 15.3
107
+ "Safari" : 12.5
108
+ "Edge" : 5.2
109
+ "Autres" : 1.8
110
+ ```
111
+
112
+ ## Test de syntaxe erronée (devrait afficher un message d'erreur)
113
+
114
+ ```mermaid
115
+ graph TD
116
+ A --> B
117
+ // Définition de flèche manquante ici
118
+ C --> D
119
+ ```
120
+
121
+ Ce fichier de test contient plusieurs types de diagrammes Mermaid pour vérifier que l'intégration de Mermaid dans ZEN fonctionne correctement.
@@ -0,0 +1,121 @@
1
+ ---
2
+ 'title': 'Mermaid चार्ट परीक्षण दस्तावेज़'
3
+ 'summary': 'यह दस्तावेज़ ZEN में Mermaid चार्ट रेंडरिंग कार्यक्षमता को सत्यापित करने के लिए एक परीक्षण फ़ाइल है। इसमें विभिन्न प्रकार के Mermaid चार्ट के उदाहरण शामिल हैं, जैसे फ़्लोचार्ट, सीक्वेंस डायग्राम, गैंट चार्ट, क्लास डायग्राम, स्टेट डायग्राम और पाई चार्ट, और इसमें त्रुटि संदेश प्रदर्शन की जाँच के लिए एक गलत सिंटैक्स परीक्षण भी शामिल है। यह दस्तावेज़ ZEN में Mermaid एकीकरण के सही कार्य को प्रदर्शित करने के लिए है।'
4
+ 'tags':
5
+ - 'Mermaid'
6
+ - 'चार्ट परीक्षण'
7
+ - 'ZEN'
8
+ - 'फ़्लोचार्ट'
9
+ - 'सीक्वेंस डायग्राम'
10
+ - 'गैंट चार्ट'
11
+ - 'क्लास डायग्राम'
12
+ - 'स्टेट डायग्राम'
13
+ 'inferred_date': '2024-01-01'
14
+ 'inferred_lang': 'hi-IN'
15
+ ---
16
+
17
+ # Mermaid चार्ट परीक्षण
18
+
19
+ यह ZEN में Mermaid चार्ट रेंडरिंग कार्यक्षमता को सत्यापित करने के लिए एक परीक्षण फ़ाइल है।
20
+
21
+ ## फ़्लोचार्ट उदाहरण
22
+
23
+ ```mermaid
24
+ graph TD
25
+ A[शुरू] --> B{क्या जारी रखें?}
26
+ B -->|हाँ| C[क्रिया निष्पादित करें]
27
+ B -->|नहीं| D[समाप्त]
28
+ C --> E[परिणाम जाँचें]
29
+ E --> F{क्या सफल?}
30
+ F -->|हाँ| G[पूर्ण]
31
+ F -->|नहीं| H[पुनः प्रयास करें]
32
+ H --> C
33
+ G --> D
34
+ ```
35
+
36
+ ## सीक्वेंस डायग्राम उदाहरण
37
+
38
+ ```mermaid
39
+ sequenceDiagram
40
+ participant उपयोगकर्ता
41
+ participant सिस्टम
42
+ participant डेटाबेस
43
+
44
+ उपयोगकर्ता->>सिस्टम: अनुरोध सबमिट करें
45
+ सिस्टम->>डेटाबेस: डेटा क्वेरी करें
46
+ डेटाबेस-->>सिस्टम: परिणाम लौटाएँ
47
+ सिस्टम-->>उपयोगकर्ता: परिणाम दिखाएँ
48
+ ```
49
+
50
+ ## गैंट चार्ट उदाहरण
51
+
52
+ ```mermaid
53
+ gantt
54
+ title परियोजना समयसारणी
55
+ dateFormat YYYY-MM-DD
56
+ section डिज़ाइन
57
+ आवश्यकता विश्लेषण :done, des1, 2024-01-01, 7d
58
+ प्रोटोटाइप डिज़ाइन :active, des2, 2024-01-08, 5d
59
+ विस्तृत डिज़ाइन : des3, after des2, 5d
60
+ section विकास
61
+ फ्रंटएंड विकास : dev1, after des3, 10d
62
+ बैकएंड विकास : dev2, after des3, 15d
63
+ section परीक्षण
64
+ यूनिट परीक्षण : test1, after dev1, 5d
65
+ एकीकरण परीक्षण : test2, after dev2, 5d
66
+ ```
67
+
68
+ ## क्लास डायग्राम उदाहरण
69
+
70
+ ```mermaid
71
+ classDiagram
72
+ class Animal {
73
+ +String name
74
+ +int age
75
+ +void eat()
76
+ +void sleep()
77
+ }
78
+ class Dog {
79
+ +void bark()
80
+ }
81
+ class Cat {
82
+ +void meow()
83
+ }
84
+
85
+ Animal <|-- Dog
86
+ Animal <|-- Cat
87
+ ```
88
+
89
+ ## स्टेट डायग्राम उदाहरण
90
+
91
+ ```mermaid
92
+ stateDiagram-v2
93
+ [*] --> निष्क्रिय
94
+ निष्क्रिय --> प्रसंस्करण : प्रसंस्करण शुरू करें
95
+ प्रसंस्करण --> सफलता : प्रसंस्करण सफल
96
+ प्रसंस्करण --> त्रुटि : प्रसंस्करण विफल
97
+ सफलता --> [*]
98
+ त्रुटि --> [*]
99
+ ```
100
+
101
+ ## पाई चार्ट उदाहरण
102
+
103
+ ```mermaid
104
+ pie title ब्राउज़र उपयोग दर
105
+ "Chrome" : 65.2
106
+ "Firefox" : 15.3
107
+ "Safari" : 12.5
108
+ "Edge" : 5.2
109
+ "अन्य" : 1.8
110
+ ```
111
+
112
+ ## गलत सिंटैक्स परीक्षण (त्रुटि संदेश दिखना चाहिए)
113
+
114
+ ```mermaid
115
+ graph TD
116
+ A --> B
117
+ // यहाँ तीर परिभाषा गायब है
118
+ C --> D
119
+ ```
120
+
121
+ इस परीक्षण फ़ाइल में विभिन्न प्रकार के Mermaid चार्ट शामिल हैं, जो ZEN में Mermaid एकीकरण के सही कार्य को सत्यापित करने के लिए हैं।
@@ -0,0 +1,121 @@
1
+ ---
2
+ 'title': 'Dokumen Pengujian Diagram Mermaid'
3
+ 'summary': 'Dokumen ini adalah file pengujian untuk memverifikasi fungsi render diagram Mermaid di ZEN. Dokumen ini berisi contoh berbagai jenis diagram Mermaid seperti diagram alir, diagram urutan, diagram Gantt, diagram kelas, diagram keadaan, dan diagram pai, serta mencakup pengujian sintaksis yang salah untuk memeriksa tampilan pesan kesalahan. Dokumen ini bertujuan untuk menunjukkan status kerja normal integrasi Mermaid di ZEN.'
4
+ 'tags':
5
+ - 'Mermaid'
6
+ - 'Pengujian Diagram'
7
+ - 'ZEN'
8
+ - 'Diagram Alir'
9
+ - 'Diagram Urutan'
10
+ - 'Diagram Gantt'
11
+ - 'Diagram Kelas'
12
+ - 'Diagram Keadaan'
13
+ 'inferred_date': '2024-01-01'
14
+ 'inferred_lang': 'id-ID'
15
+ ---
16
+
17
+ # Pengujian Diagram Mermaid
18
+
19
+ Ini adalah file pengujian untuk memverifikasi fungsi render diagram Mermaid di ZEN.
20
+
21
+ ## Contoh Diagram Alir
22
+
23
+ ```mermaid
24
+ graph TD
25
+ A[Mulai] --> B{Apakah melanjutkan?}
26
+ B -->|Ya| C[Eksekusi Tindakan]
27
+ B -->|Tidak| D[Selesai]
28
+ C --> E[Periksa Hasil]
29
+ E --> F{Apakah berhasil?}
30
+ F -->|Ya| G[Selesai]
31
+ F -->|Tidak| H[Ulangi]
32
+ H --> C
33
+ G --> D
34
+ ```
35
+
36
+ ## Contoh Diagram Urutan
37
+
38
+ ```mermaid
39
+ sequenceDiagram
40
+ participant Pengguna
41
+ participant Sistem
42
+ participant BasisData
43
+
44
+ Pengguna->>Sistem: Kirim Permintaan
45
+ Sistem->>BasisData: Kueri Data
46
+ BasisData-->>Sistem: Kembalikan Hasil
47
+ Sistem-->>Pengguna: Tampilkan Hasil
48
+ ```
49
+
50
+ ## Contoh Diagram Gantt
51
+
52
+ ```mermaid
53
+ gantt
54
+ title Jadwal Proyek
55
+ dateFormat YYYY-MM-DD
56
+ section Desain
57
+ Analisis Kebutuhan :done, des1, 2024-01-01, 7d
58
+ Desain Prototipe :active, des2, 2024-01-08, 5d
59
+ Desain Detail : des3, after des2, 5d
60
+ section Pengembangan
61
+ Pengembangan Frontend : dev1, after des3, 10d
62
+ Pengembangan Backend : dev2, after des3, 15d
63
+ section Pengujian
64
+ Pengujian Unit : test1, after dev1, 5d
65
+ Pengujian Integrasi : test2, after dev2, 5d
66
+ ```
67
+
68
+ ## Contoh Diagram Kelas
69
+
70
+ ```mermaid
71
+ classDiagram
72
+ class Animal {
73
+ +String name
74
+ +int age
75
+ +void eat()
76
+ +void sleep()
77
+ }
78
+ class Dog {
79
+ +void bark()
80
+ }
81
+ class Cat {
82
+ +void meow()
83
+ }
84
+
85
+ Animal <|-- Dog
86
+ Animal <|-- Cat
87
+ ```
88
+
89
+ ## Contoh Diagram Keadaan
90
+
91
+ ```mermaid
92
+ stateDiagram-v2
93
+ [*] --> Idle
94
+ Idle --> Processing : Mulai Pemrosesan
95
+ Processing --> Success : Pemrosesan Berhasil
96
+ Processing --> Error : Pemrosesan Gagal
97
+ Success --> [*]
98
+ Error --> [*]
99
+ ```
100
+
101
+ ## Contoh Diagram Pai
102
+
103
+ ```mermaid
104
+ pie title Penggunaan Browser
105
+ "Chrome" : 65.2
106
+ "Firefox" : 15.3
107
+ "Safari" : 12.5
108
+ "Edge" : 5.2
109
+ "Lainnya" : 1.8
110
+ ```
111
+
112
+ ## Pengujian Sintaksis Salah (Seharusnya Menampilkan Pesan Kesalahan)
113
+
114
+ ```mermaid
115
+ graph TD
116
+ A --> B
117
+ // Di sini kurang definisi panah
118
+ C --> D
119
+ ```
120
+
121
+ File pengujian ini berisi berbagai jenis diagram Mermaid untuk memverifikasi apakah integrasi Mermaid di ZEN berfungsi normal.