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.
- package/.zen/meta.json +18 -0
- package/.zen/src/ar-SA/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/da-DK/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/de-DE/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/en-US/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/es-ES/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/es-MX/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/fi-FI/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/fr-FR/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/hi-IN/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/id-ID/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/it-IT/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/ja-JP/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/ko-KR/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/nl-NL/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/no-NO/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/pl-PL/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/pt-BR/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/pt-PT/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/ru-RU/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/sv-SE/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/th-TH/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/tr-TR/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/uk-UA/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/vi-VN/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +121 -0
- package/.zen/src/zh-Hans/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +123 -0
- package/.zen/src/zh-Hant/50bf41ac6fd8ec8cd6481fd1114aaf00abed0461fc8e8c81cc0373d38ffa835c.md +123 -0
- package/assets/templates/default/layout.html +82 -0
- package/dist/utils/convertMarkdownToHtml.d.ts.map +1 -1
- package/dist/utils/convertMarkdownToHtml.js +75 -22
- package/dist/utils/convertMarkdownToHtml.js.map +1 -1
- package/docs/test-mermaid.md +105 -0
- package/package.json +1 -1
- package/src/utils/convertMarkdownToHtml.ts +80 -21
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
---
|
|
2
|
+
'title': 'Documento di Test per Diagrammi Mermaid'
|
|
3
|
+
'summary': "Questo documento è un file di test per verificare la funzionalità di rendering dei diagrammi Mermaid in ZEN. Contiene esempi di vari tipi di diagrammi Mermaid, come diagrammi di flusso, diagrammi di sequenza, diagrammi di Gantt, diagrammi delle classi, diagrammi di stato e diagrammi a torta, e include un test di sintassi errata per verificare la visualizzazione dei messaggi di errore. Il documento mira a dimostrare il corretto funzionamento dell'integrazione di Mermaid in ZEN."
|
|
4
|
+
'tags':
|
|
5
|
+
- 'Mermaid'
|
|
6
|
+
- 'Test diagrammi'
|
|
7
|
+
- 'ZEN'
|
|
8
|
+
- 'Diagramma di flusso'
|
|
9
|
+
- 'Diagramma di sequenza'
|
|
10
|
+
- 'Diagramma di Gantt'
|
|
11
|
+
- 'Diagramma delle classi'
|
|
12
|
+
- 'Diagramma di stato'
|
|
13
|
+
'inferred_date': '2024-01-01'
|
|
14
|
+
'inferred_lang': 'it-IT'
|
|
15
|
+
---
|
|
16
|
+
|
|
17
|
+
# Test Diagrammi Mermaid
|
|
18
|
+
|
|
19
|
+
Questo è un file di test per verificare la funzionalità di rendering dei diagrammi Mermaid in ZEN.
|
|
20
|
+
|
|
21
|
+
## Esempio di Diagramma di Flusso
|
|
22
|
+
|
|
23
|
+
```mermaid
|
|
24
|
+
graph TD
|
|
25
|
+
A[Inizio] --> B{Continuare?}
|
|
26
|
+
B -->|Sì| C[Esegui operazione]
|
|
27
|
+
B -->|No| D[Fine]
|
|
28
|
+
C --> E[Controlla risultato]
|
|
29
|
+
E --> F{Successo?}
|
|
30
|
+
F -->|Sì| G[Completato]
|
|
31
|
+
F -->|No| H[Riprova]
|
|
32
|
+
H --> C
|
|
33
|
+
G --> D
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Esempio di Diagramma di Sequenza
|
|
37
|
+
|
|
38
|
+
```mermaid
|
|
39
|
+
sequenceDiagram
|
|
40
|
+
participant Utente
|
|
41
|
+
participant Sistema
|
|
42
|
+
participant Database
|
|
43
|
+
|
|
44
|
+
Utente->>Sistema: Invia richiesta
|
|
45
|
+
Sistema->>Database: Interroga dati
|
|
46
|
+
Database-->>Sistema: Restituisci risultati
|
|
47
|
+
Sistema-->>Utente: Mostra risultati
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Esempio di Diagramma di Gantt
|
|
51
|
+
|
|
52
|
+
```mermaid
|
|
53
|
+
gantt
|
|
54
|
+
title Cronologia Progetto
|
|
55
|
+
dateFormat YYYY-MM-DD
|
|
56
|
+
section Progettazione
|
|
57
|
+
Analisi requisiti :done, des1, 2024-01-01, 7d
|
|
58
|
+
Progettazione prototipo :active, des2, 2024-01-08, 5d
|
|
59
|
+
Progettazione dettagliata : des3, after des2, 5d
|
|
60
|
+
section Sviluppo
|
|
61
|
+
Sviluppo frontend : dev1, after des3, 10d
|
|
62
|
+
Sviluppo backend : dev2, after des3, 15d
|
|
63
|
+
section Test
|
|
64
|
+
Test unitari : test1, after dev1, 5d
|
|
65
|
+
Test integrazione : test2, after dev2, 5d
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Esempio di Diagramma delle Classi
|
|
69
|
+
|
|
70
|
+
```mermaid
|
|
71
|
+
classDiagram
|
|
72
|
+
class Animale {
|
|
73
|
+
+String nome
|
|
74
|
+
+int età
|
|
75
|
+
+void mangia()
|
|
76
|
+
+void dormi()
|
|
77
|
+
}
|
|
78
|
+
class Cane {
|
|
79
|
+
+void abbaia()
|
|
80
|
+
}
|
|
81
|
+
class Gatto {
|
|
82
|
+
+void miagola()
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
Animale <|-- Cane
|
|
86
|
+
Animale <|-- Gatto
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
## Esempio di Diagramma di Stato
|
|
90
|
+
|
|
91
|
+
```mermaid
|
|
92
|
+
stateDiagram-v2
|
|
93
|
+
[*] --> Inattivo
|
|
94
|
+
Inattivo --> Elaborazione : Avvia elaborazione
|
|
95
|
+
Elaborazione --> Successo : Elaborazione riuscita
|
|
96
|
+
Elaborazione --> Errore : Elaborazione fallita
|
|
97
|
+
Successo --> [*]
|
|
98
|
+
Errore --> [*]
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
## Esempio di Diagramma a Torta
|
|
102
|
+
|
|
103
|
+
```mermaid
|
|
104
|
+
pie title Utilizzo Browser
|
|
105
|
+
"Chrome" : 65.2
|
|
106
|
+
"Firefox" : 15.3
|
|
107
|
+
"Safari" : 12.5
|
|
108
|
+
"Edge" : 5.2
|
|
109
|
+
"Altri" : 1.8
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
## Test Sintassi Errata (dovrebbe mostrare un messaggio di errore)
|
|
113
|
+
|
|
114
|
+
```mermaid
|
|
115
|
+
graph TD
|
|
116
|
+
A --> B
|
|
117
|
+
// Qui manca la definizione della freccia
|
|
118
|
+
C --> D
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
Questo file di test include vari tipi di diagrammi Mermaid per verificare che l'integrazione di Mermaid in ZEN funzioni correttamente.
|
|
@@ -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': 'ja-JP'
|
|
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 User
|
|
41
|
+
participant System
|
|
42
|
+
participant Database
|
|
43
|
+
|
|
44
|
+
User->>System: リクエストを送信
|
|
45
|
+
System->>Database: データを照会
|
|
46
|
+
Database-->>System: 結果を返却
|
|
47
|
+
System-->>User: 結果を表示
|
|
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
|
+
[*] --> Idle
|
|
94
|
+
Idle --> Processing : 処理を開始
|
|
95
|
+
Processing --> Success : 処理成功
|
|
96
|
+
Processing --> Error : 処理失敗
|
|
97
|
+
Success --> [*]
|
|
98
|
+
Error --> [*]
|
|
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
|
+
このテストファイルは、ZENのMermaid統合が正常に動作することを検証するために、様々なMermaid図表タイプを含んでいます。
|
|
@@ -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': 'ko-KR'
|
|
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 User
|
|
41
|
+
participant System
|
|
42
|
+
participant Database
|
|
43
|
+
|
|
44
|
+
User->>System: 요청 제출
|
|
45
|
+
System->>Database: 데이터 조회
|
|
46
|
+
Database-->>System: 결과 반환
|
|
47
|
+
System-->>User: 결과 표시
|
|
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
|
+
[*] --> Idle
|
|
94
|
+
Idle --> Processing : 처리 시작
|
|
95
|
+
Processing --> Success : 처리 성공
|
|
96
|
+
Processing --> Error : 처리 실패
|
|
97
|
+
Success --> [*]
|
|
98
|
+
Error --> [*]
|
|
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
|
+
이 테스트 파일은 ZEN의 Mermaid 통합이 정상적으로 작동하는지 검증하기 위해 다양한 Mermaid 차트 유형을 포함하고 있습니다.
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
---
|
|
2
|
+
'title': 'Mermaid Diagram Testdocument'
|
|
3
|
+
'summary': 'Dit document is een testbestand om de Mermaid-diagramweergavefunctionaliteit in ZEN te valideren. Het bevat voorbeelden van verschillende Mermaid-diagramtypen, zoals stroomdiagrammen, sequentiediagrammen, Gantt-diagrammen, klassendiagrammen, toestandsdiagrammen en taartdiagrammen, en omvat een test met foutieve syntaxis om de foutmeldingweergave te controleren. Het document is bedoeld om de correcte werking van de Mermaid-integratie in ZEN te demonstreren.'
|
|
4
|
+
'tags':
|
|
5
|
+
- 'Mermaid'
|
|
6
|
+
- 'Diagramtest'
|
|
7
|
+
- 'ZEN'
|
|
8
|
+
- 'Stroomdiagram'
|
|
9
|
+
- 'Sequentiediagram'
|
|
10
|
+
- 'Gantt-diagram'
|
|
11
|
+
- 'Klassendiagram'
|
|
12
|
+
- 'Toestandsdiagram'
|
|
13
|
+
'inferred_date': '2024-01-01'
|
|
14
|
+
'inferred_lang': 'nl-NL'
|
|
15
|
+
---
|
|
16
|
+
|
|
17
|
+
# Mermaid Diagram Test
|
|
18
|
+
|
|
19
|
+
Dit is een testbestand om de Mermaid-diagramweergavefunctionaliteit in ZEN te valideren.
|
|
20
|
+
|
|
21
|
+
## Stroomdiagram Voorbeeld
|
|
22
|
+
|
|
23
|
+
```mermaid
|
|
24
|
+
graph TD
|
|
25
|
+
A[Start] --> B{Doorgaan?}
|
|
26
|
+
B -->|Ja| C[Voer actie uit]
|
|
27
|
+
B -->|Nee| D[Einde]
|
|
28
|
+
C --> E[Controleer resultaat]
|
|
29
|
+
E --> F{Succesvol?}
|
|
30
|
+
F -->|Ja| G[Voltooid]
|
|
31
|
+
F -->|Nee| H[Opnieuw proberen]
|
|
32
|
+
H --> C
|
|
33
|
+
G --> D
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Sequentiediagram Voorbeeld
|
|
37
|
+
|
|
38
|
+
```mermaid
|
|
39
|
+
sequenceDiagram
|
|
40
|
+
participant Gebruiker
|
|
41
|
+
participant Systeem
|
|
42
|
+
participant Database
|
|
43
|
+
|
|
44
|
+
Gebruiker->>Systeem: Verzoek indienen
|
|
45
|
+
Systeem->>Database: Gegevens opvragen
|
|
46
|
+
Database-->>Systeem: Resultaat teruggeven
|
|
47
|
+
Systeem-->>Gebruiker: Resultaat tonen
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Gantt-diagram Voorbeeld
|
|
51
|
+
|
|
52
|
+
```mermaid
|
|
53
|
+
gantt
|
|
54
|
+
title Projecttijdlijn
|
|
55
|
+
dateFormat YYYY-MM-DD
|
|
56
|
+
section Ontwerp
|
|
57
|
+
Behoefteanalyse :done, des1, 2024-01-01, 7d
|
|
58
|
+
Prototypeontwerp :active, des2, 2024-01-08, 5d
|
|
59
|
+
Gedetailleerd ontwerp : des3, after des2, 5d
|
|
60
|
+
section Ontwikkeling
|
|
61
|
+
Frontend ontwikkeling : dev1, after des3, 10d
|
|
62
|
+
Backend ontwikkeling : dev2, after des3, 15d
|
|
63
|
+
section Testen
|
|
64
|
+
Unittesten : test1, after dev1, 5d
|
|
65
|
+
Integratietesten : test2, after dev2, 5d
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Klassendiagram Voorbeeld
|
|
69
|
+
|
|
70
|
+
```mermaid
|
|
71
|
+
classDiagram
|
|
72
|
+
class Dier {
|
|
73
|
+
+String naam
|
|
74
|
+
+int leeftijd
|
|
75
|
+
+void eet()
|
|
76
|
+
+void slaap()
|
|
77
|
+
}
|
|
78
|
+
class Hond {
|
|
79
|
+
+void blaf()
|
|
80
|
+
}
|
|
81
|
+
class Kat {
|
|
82
|
+
+void miauw()
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
Dier <|-- Hond
|
|
86
|
+
Dier <|-- Kat
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
## Toestandsdiagram Voorbeeld
|
|
90
|
+
|
|
91
|
+
```mermaid
|
|
92
|
+
stateDiagram-v2
|
|
93
|
+
[*] --> Inactief
|
|
94
|
+
Inactief --> Verwerken : Start verwerking
|
|
95
|
+
Verwerken --> Succes : Verwerking geslaagd
|
|
96
|
+
Verwerken --> Fout : Verwerking mislukt
|
|
97
|
+
Succes --> [*]
|
|
98
|
+
Fout --> [*]
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
## Taartdiagram Voorbeeld
|
|
102
|
+
|
|
103
|
+
```mermaid
|
|
104
|
+
pie title Browsergebruik
|
|
105
|
+
"Chrome" : 65.2
|
|
106
|
+
"Firefox" : 15.3
|
|
107
|
+
"Safari" : 12.5
|
|
108
|
+
"Edge" : 5.2
|
|
109
|
+
"Overig" : 1.8
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
## Foutieve Syntaxis Test (moet foutmelding tonen)
|
|
113
|
+
|
|
114
|
+
```mermaid
|
|
115
|
+
graph TD
|
|
116
|
+
A --> B
|
|
117
|
+
// Hier ontbreekt pijldefinitie
|
|
118
|
+
C --> D
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
Dit testbestand bevat verschillende Mermaid-diagramtypen om te valideren of de Mermaid-integratie in ZEN correct werkt.
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
---
|
|
2
|
+
'title': 'Mermaid-diagramtestdokument'
|
|
3
|
+
'summary': 'Dette dokumentet er en testfil for å validere Mermaid-diagramgjengivelsesfunksjonen i ZEN. Den inneholder eksempler på flere Mermaid-diagramtyper, som flytskjemaer, sekvensdiagrammer, Gantt-diagrammer, klassediagrammer, tilstandsdiagrammer og kakediagrammer, og inkluderer en testsyntaksfeil for å sjekke feilmeldinger. Dokumentet er designet for å vise at Mermaid-integrasjonen i ZEN fungerer som forventet.'
|
|
4
|
+
'tags':
|
|
5
|
+
- 'Mermaid'
|
|
6
|
+
- 'diagramtesting'
|
|
7
|
+
- 'ZEN'
|
|
8
|
+
- 'flytskjema'
|
|
9
|
+
- 'sekvensdiagram'
|
|
10
|
+
- 'Gantt-diagram'
|
|
11
|
+
- 'klassediagram'
|
|
12
|
+
- 'tilstandsdiagram'
|
|
13
|
+
'inferred_date': '2024-01-01'
|
|
14
|
+
'inferred_lang': 'no-NO'
|
|
15
|
+
---
|
|
16
|
+
|
|
17
|
+
# Mermaid-diagramtesting
|
|
18
|
+
|
|
19
|
+
Dette er en testfil for å validere Mermaid-diagramgjengivelsesfunksjonen i ZEN.
|
|
20
|
+
|
|
21
|
+
## Eksempel på flytskjema
|
|
22
|
+
|
|
23
|
+
```mermaid
|
|
24
|
+
graph TD
|
|
25
|
+
A[Start] --> B{Fortsette?}
|
|
26
|
+
B -->|Ja| C[Utfør handling]
|
|
27
|
+
B -->|Nei| D[Avslutt]
|
|
28
|
+
C --> E[Sjekk resultat]
|
|
29
|
+
E --> F{Vellykket?}
|
|
30
|
+
F -->|Ja| G[Fullført]
|
|
31
|
+
F -->|Nei| H[Prøv på nytt]
|
|
32
|
+
H --> C
|
|
33
|
+
G --> D
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Eksempel på sekvensdiagram
|
|
37
|
+
|
|
38
|
+
```mermaid
|
|
39
|
+
sequenceDiagram
|
|
40
|
+
participant Bruker
|
|
41
|
+
participant System
|
|
42
|
+
participant Database
|
|
43
|
+
|
|
44
|
+
Bruker->>System: Send forespørsel
|
|
45
|
+
System->>Database: Spør etter data
|
|
46
|
+
Database-->>System: Returner resultat
|
|
47
|
+
System-->>Bruker: Vis resultat
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Eksempel på Gantt-diagram
|
|
51
|
+
|
|
52
|
+
```mermaid
|
|
53
|
+
gantt
|
|
54
|
+
title Prosjekttidsplan
|
|
55
|
+
dateFormat YYYY-MM-DD
|
|
56
|
+
section Design
|
|
57
|
+
Kravanalyse :done, des1, 2024-01-01, 7d
|
|
58
|
+
Prototypedesign :active, des2, 2024-01-08, 5d
|
|
59
|
+
Detaljert design: des3, after des2, 5d
|
|
60
|
+
section Utvikling
|
|
61
|
+
Frontend-utvikling : dev1, after des3, 10d
|
|
62
|
+
Backend-utvikling : dev2, after des3, 15d
|
|
63
|
+
section Testing
|
|
64
|
+
Enhetstesting : test1, after dev1, 5d
|
|
65
|
+
Integrasjonstesting: test2, after dev2, 5d
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Eksempel på klassediagram
|
|
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
|
+
## Eksempel på tilstandsdiagram
|
|
90
|
+
|
|
91
|
+
```mermaid
|
|
92
|
+
stateDiagram-v2
|
|
93
|
+
[*] --> Inaktiv
|
|
94
|
+
Inaktiv --> Behandler : Start behandling
|
|
95
|
+
Behandler --> Vellykket : Behandling vellykket
|
|
96
|
+
Behandler --> Feil : Behandling mislyktes
|
|
97
|
+
Vellykket --> [*]
|
|
98
|
+
Feil --> [*]
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
## Eksempel på kakediagram
|
|
102
|
+
|
|
103
|
+
```mermaid
|
|
104
|
+
pie title Nettleserbruk
|
|
105
|
+
"Chrome" : 65.2
|
|
106
|
+
"Firefox" : 15.3
|
|
107
|
+
"Safari" : 12.5
|
|
108
|
+
"Edge" : 5.2
|
|
109
|
+
"Annet" : 1.8
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
## Testsyntaksfeil (skal vise feilmelding)
|
|
113
|
+
|
|
114
|
+
```mermaid
|
|
115
|
+
graph TD
|
|
116
|
+
A --> B
|
|
117
|
+
// Mangler pildedefinisjon her
|
|
118
|
+
C --> D
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
Denne testfilen inneholder flere Mermaid-diagramtyper for å validere at Mermaid-integrasjonen i ZEN fungerer som forventet.
|