dword-design / vue-mermaid-string

A Vue.js component that turns a Mermaid string into a diagram.
Other
53 stars 2 forks source link

other diagram types not working #184

Closed xpediteur closed 6 months ago

xpediteur commented 1 year ago

I have tested different outputs from my app and always get a mermaid error. (syntax error in graph) I have ths types "mindmap", "timeline", "erDiagram" and "gantt". If I paste the following inputs from my app into the Mermaid Live editor, it works perfect.

THX for checking this problem.

Here are the inputs that I generate from my app:

1) timeline

timeline title Server Diagramm - (c) by Fast InfoFlow DB Abnahme : HLB1W01AWSA0058 SAS-Anwendungsserver (Abnahme) : HLB1W01AWSA0059 Datenbank-Server (Abnahme) : HLB1W01AWSA0060 Travic Link-Server (Abnahme) Entwicklung : HLB1W01AWSE0009 SAS-Anwendungsserver (Entwicklung) : HLB1W01AWSE0010 Travic Link-Server (Entwicklung) : HLB1W01AWSE0015 Datenbank-Server (Entwicklung) Entwicklung | Test : HLSAW048 SAS-Server Test und Entwicklung (Entwicklung | Test) Produktion : cxapphlbprod211 Reverse Proxy Crednet (Produktion) : cxapphlbprod212 Reverse Proxy Crednet (Produktion) : HLB1W01AWSP0041 SAS-Anwendungsserver (Produktion) : HLB1W01AWSP0042 Datenbank-Server (Produktion) : HLB1W01AWSP0043 Travic Link-Server (Produktion) : HLSAW303 SAS Produktionsserver für das LBS-DWH (Produktion) : HLSAW433 MS SQL Server (Produktion) : LBS-POS-WEB01 Nutzung als Reverse Proxy für Zugriff aus Crednet (Produktion) Produktion | Abnahme : HLXIF009 Shares zum Austausch mit u.a. den Fachbereichen der LBS (Produktion | Abnahme) Test : HLSAW517 MS SQL Server Test (Test)

2) ERDiagramm


title: AWS ER-Diagramm - (c) by Fast InfoFlow DB

erDiagram SAP-Kredit }|--|{ SAP-BDS: hat_SSt_von_und_zu SAP-BI-KCO }|--|{ SAP-Kredit: hat_SSt_von_und_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit }|--|{ SAP-BDS: hat_SSt_von_und_zu SAP-Kunde ||--|{ SAP-BDS: hat_SSt_zu SAP-BI-KCO ||--|{ SAP-BDS: hat_SSt_zu SAP-BI-KCO }|--|{ SAP-Kredit: hat_SSt_von_und_zu SAP-BI-KCO }|--|{ SAP-Konto: hat_SSt_von_und_zu SAP-BI-KCO ||--|{ SAP-BDS: hat_SSt_zu SAP-BI-KCO ||--|{ SAP-Kunde: hat_SSt_zu SAP-Transformation ||--|{ SAP-BI-KCO: hat_SSt_zu SAP-BI-KCO }|--|{ SAP-Konto: hat_SSt_von_und_zu SAP-Kunde ||--|{ SAP-BDS: hat_SSt_zu SAP-BI-KCO ||--|{ SAP-Kunde: hat_SSt_zu KTO ||--|{ EDW: hat_SSt_zu KUN ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Kredit ||--|{ EDW: hat_SSt_zu SAP-Transformation ||--|{ SAP-BI-KCO: hat_SSt_zu SAP-Transformation ||--|{ KUN: hat_SSt_zu SAP-Transformation ||--|{ KTO: hat_SSt_zu KUN ||--|{ EDW: hat_SSt_zu SAP-Transformation ||--|{ KUN: hat_SSt_zu KTO ||--|{ EDW: hat_SSt_zu SAP-Transformation ||--|{ KTO: hat_SSt_zu

3) mindmap

mindmap root((IS2311 Kundenportal)) Allgemein _NrAWS:
2311 _Kurzname_AWS:
Kundenportal _Bezeichnung:
Portallösung_für_Geschäftskunden__CorporateBanking,Immobilienfinanzierung _VersionRelease:
'12_3' _Erfassungsdatum:
27_03_17 _Ersteinsatz:
14_12_17 _Status_des_AWS:
aktiv _HauptverantwortlicherFB:
711000 Fachlich _Referenzdokumentation:
_Kategorie:
DV_Anwendung _Kritikalitaet:
mittel _Max_Ausfallzeit:
_Bestandteil_des_Katastrophentests:
_Geschaeftsfeld_gem_AufbauOrga:
Geschäftsfeld_Immobilien_Geschäftsfeld_Transaktionsgeschäft_Vertrieb_Grossunternehmen _Bebauungsplan:
Vertrieb _CCM_Projektname:
Kundenportal_1_0,Kundenportal_IIB_1_0 _Zugriffsschutz:
eigenes_System Zielbebauungsplan:
_StrategierelAWS:
Technisch _Klassifikation:
Informationssystem Betriebssystem:
Unix
/_Linux_Windows Berechtigungsadmin:
711000 _Ersteller:
Standard_Software_modifiziert _Verfahrensverzeichnis_vorhanden:
ja _Support:
Standard_Support _Programmiersprache:
Java_SQL_Java_Script _Datenhaltungssystem:
SQL_Server _Letzte_ueberpruefung_am:
23_06_22_13:00 _Hersteller:
CREALOGIX
DeutschlandAG _Betreiber:
Fremdfirma _CCM_Tool:
CCC_Harvest _Verarbeitungsform:
Online Zuständigkeiten _UserID_FAB:
HT34582 _UserID_techn_Anw:
HT30631 _UserID_ITBV:
HT39757 Schutzbedarf _SchutzbedarfVertraulichkeit:
C3_
hoch _SchutzbedarfIntegritaet:
I2_mittel _SchutzbedarfVerfuegbarkeit:
A1_
gering _Vertraulichkeitsschutz:
_Integritaetsschutz:
_MaRisk:
_Personenbezogene_Daten:
Mitarbeiter_Kunden _Datenzugriff_FA_gem_ueAW0238:
nein

4) Gantt

gantt title Ueberlappende Testperioden dateFormat YYYY-MM-DD section SAP-WIBank_-_SAPParzival/_FS-CML_für_WIBank Test-Phase - : active, 2023-06-22, 98d SAP-WIBank_2023_61-_Zwischenrelease_EinführungförderWERK - Abnahme : crit, 2023-06-01, 21d Produktivnahme (2023-06-27): milestone, 2023-06-27, 0d section SAP-WIBank-_SAPParzival/_FS-CML_für_WIBank Test-Phase - : active, 2023-06-22, 98d SAP-WIBank_2023_61-_Zwischenrelease_EinführungförderWERK - Test : crit, 2023-06-01, 21d Produktivnahme (2023-06-27): milestone, 2023-06-27, 0d section SAP-WIBank-_SAPParzival/_FS-CML_für_WIBank Test-Phase - : active, 2023-06-22, 98d SAP-WIBank_2023_61-_Zwischenrelease_EinführungförderWERK - Entwicklung : crit, 2023-06-01, 21d Produktivnahme (2023-06-27): milestone, 2023-06-27, 0d section SAP-WIBank-_SAPParzival/_FS-CML_für_WIBank Test-Phase - : active, 2023-06-22, 98d SAP-WIBank_2023_61-_Zwischenrelease_EinführungförderWERK - Entwicklung : crit, 2023-06-01, 21d Produktivnahme (2023-06-27): milestone, 2023-06-27, 0d section SAP-WIBank-_SAPParzival/_FS-CML_für_WIBank Test-Phase - : active, 2023-06-22, 98d SAP-WIBank_2023_61-_Zwischenrelease_Einführung_förderWERK - Abnahme : crit, 2023-06-01, 21d Produktivnahme (2023-06-27): milestone, 2023-06-27, 0d

dword-design commented 1 year ago

I guess the reason is that vue-mermaid-string is still using mermaid@^8. The problem is that there is still a bug with clicks and multiple charts and they haven't fixed it yet, that's why I sticked to version 8.

xpediteur commented 1 year ago

OK, thank you for your answer. With version 10 all inputs are working.