Updating Gitgraph docs

mermaid-js · Apr 7, 2022 · 8b29fbe · 8b29fbe
1 parent 529384c
commit 8b29fbe
Show file tree

Hide file tree

Showing 10 changed files with 401 additions and 85 deletions.
diff --git a/cypress/platform/gitgraph.html b/cypress/platform/gitgraph.html
@@ -26,24 +26,28 @@
   </head>
   <body>
     <h1>info below</h1>
-    <div class="mermaid2" style="width: 100%; height: 20%;">
-      %%{init: { 'logLevel': 'debug', 'theme': 'neutral' } }%%
+    <div class="mermaid" style="width: 100%; height: 20%;">
+    %%{init: { "logLevel": "debug", "theme": "default" , "gitGraph" : {"showBranches":"false"},"themeVariables": {
+              "gitBranchLabel0": "#ff0000",
+              "gitBranchLabel1": "#00ff00",
+              "gitBranchLabel2": "#0000ff",
+              "git0": "#550055"
+       } } }%%
        gitGraph
-       commit "Ashish"
-       branch newbranch
-       checkout newbranch
-       commit id:"1111"
-       commit tag:"test"
+       commit
+       branch develop
+       commit tag:"v1.0.0"
+       commit
        checkout main
        commit type: HIGHLIGHT
        commit
-       merge newbranch
+       merge develop
        commit
-       branch b2
+       branch featureA
        commit
 
     </div>
-    <div class="mermaid" style="width: 100%; height: 20%;">
+    <div class="mermaid2" style="width: 100%; height: 20%;">
       gitGraph
       commit type:HIGHLIGHT
       branch hotfix
@@ -101,18 +105,19 @@ <h1>info below</h1>
         // console.error('Mermaid error: ', err);
       };
       mermaid.initialize({
-        theme: 'dark',
-  //     themeVariables: {
-  //       primaryColor: '#9400D3',
-  //       darkMode: true,
-  //       background: '#222',
-  //       //   textColor: 'white',
-  //       //   primaryTextColor: '#f4f4f4',
+        //theme: 'dark',
+        themeVariables: {
+    commitLabelColor: '#9400D3',
+    commitLabelBackground: '#FFFFFF',
+    //       darkMode: true,
+    //       background: '#222',
+    //       //   textColor: 'white',
+    //       //   primaryTextColor: '#f4f4f4',
 
-  //       //   // nodeBkg: '#ff0000',
-  //       //   // mainBkg: '#0000ff',
-  // //   // tertiaryColor: '#ffffcc',
-  //     },
+    //       //   // nodeBkg: '#ff0000',
+    //       //   // mainBkg: '#0000ff',
+    // //   // tertiaryColor: '#ffffcc',
+  },
         // theme: 'forest',
         // theme: 'neutral',
         // theme: 'dark',

diff --git a/cypress/platform/gitgraph2.html b/cypress/platform/gitgraph2.html
@@ -43,7 +43,7 @@ <h1>info below</h1>
 
     </div>
     <div class="mermaid" style="width: 100%; height: 20%;">
-      %%{init: {  "gitGraph": { "showBranches": false, "mainBranchName": "APA" }}}%%
+      %%{init: {  "gitGraph": { "showBranches": true, "mainBranchName": "APA" }}}%%
       gitGraph
       commit
       branch hotfix
@@ -55,14 +55,14 @@ <h1>info below</h1>
       branch featureB
       checkout featureB
       commit type:HIGHLIGHT
-      checkout main
+      checkout APA
       checkout hotfix
       commit type:NORMAL
       checkout develop
       commit type:REVERSE
       checkout featureB
       commit
-      checkout main
+      checkout APA
       merge hotfix
       checkout featureB
       commit
@@ -80,10 +80,10 @@ <h1>info below</h1>
       branch release
       checkout release
       commit
-      checkout main
+      checkout APA
       commit
       checkout release
-      merge main
+      merge APA
       checkout develop
       merge release
 

diff --git a/docs/_sidebar.md b/docs/_sidebar.md
@@ -14,6 +14,7 @@
   - [Gantt](gantt.md)
   - [Pie Chart](pie.md)
   - [Requirement Diagram](requirementDiagram.md)
+  - [Gitgraph (Git) Diagram 🔥🔥🔥](gitgraph.md)
   - [Other Examples](examples.md)
 
 - ⚙️ Deployment and Configuration