mermaid/cypress/platform/gitgraph.html

<html>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/font-awesome.min.css"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
      rel="stylesheet"
    />
    <style>
      body {
        /* background: rgb(221, 208, 208); */
        /* background:#111; */
        /* background:#333; */
        font-family: 'Arial';
      }
      /* h1 { color: white;} */
      .mermaid2 {
        display: none;
      }
      .customCss > rect,
      .customCss {
        fill: #ff0000 !important;
        stroke: #ffff00 !important;
        stroke-width: 4px !important;
      }
    </style>
  </head>
  <body>
    <h1>info below</h1>

    <pre class="mermaid" style="width: 100%; height: 20%">
  %%{init: { "logLevel": "debug", "theme": "default" , "gitGraph" : {"showBranches":"false","rotateCommitLabel":"true"},"themeVariables": {
              "gitBranchLabel0": "#ff0000",
              "gitBranchLabel1": "#00ff00",
              "gitBranchLabel2": "#0000ff",
              "git0": "#550055"
       } } }%%
    gitGraph
      commit
       branch develop
       commit
       commit
       branch release/1.0.0
       checkout release/1.0.0
       commit tag:"1.0.0-beta1"
       checkout develop
       commit
       commit
       commit
       commit
       checkout release/1.0.0
       merge develop tag: "1.0.0-beta2"
    </pre>
    <pre class="mermaid2" style="width: 100%; height: 20%">
    %%{init: { "logLevel": "debug", "theme": "default" , "gitGraph" : {"showBranches":"false"},"themeVariables": {
              "gitBranchLabel0": "#ff0000",
              "gitBranchLabel1": "#00ff00",
              "gitBranchLabel2": "#0000ff",
              "git0": "#550055"
       } } }%%
       gitGraph
      accTitle: "Git Graph"
      accDescr {
        Git Graph description.
        Multiline description
      }
       commit
       branch develop
       commit tag:"v1.0.0"
       commit
       checkout main
       commit type: HIGHLIGHT
       commit
       merge develop
       commit
       branch featureA
       commit
    </pre>
    <pre class="mermaid2" style="width: 100%; height: 20%">
      gitGraph
      commit type:HIGHLIGHT
      branch hotfix
      checkout hotfix
      commit type:HIGHLIGHT
      branch develop
      checkout develop
      commit id:"ash" tag:"abc" type:HIGHLIGHT
      branch featureB
      checkout featureB
      commit type:HIGHLIGHT
      checkout main
      checkout hotfix
      commit type:HIGHLIGHT
      checkout develop
      commit type:REVERSE
      checkout featureB
      commit type:HIGHLIGHT
      checkout main
      merge hotfix
      checkout featureB
      commit type:HIGHLIGHT
      checkout develop
      branch featureA
      commit type:HIGHLIGHT
      checkout develop
      checkout featureA
      commit
      checkout featureB
      commit
      checkout develop
      merge featureA
      branch release
      checkout release
      commit type:HIGHLIGHT
      checkout main
      commit
      checkout release
      merge main
      checkout develop
      merge release
    </pre>
    <pre class="mermaid2" style="width: 100%; height: 20%">
      gitGraph:
      commit
      commit
      branch newbranch
      commit
      merge main
    </pre>
    <script type="module">
      import mermaid from './mermaid.esm.mjs';
      mermaid.parseError = function (err, hash) {
        // console.error('Mermaid error: ', err);
      };
      mermaid.initialize({
        //theme: 'dark',
        themeVariables: {
          commitLabelColor: '#9400D3',
          commitLabelBackground: '#FFFFFF',
          //       darkMode: true,
          //       background: '#222',
          //       //   textColor: 'white',
          //       //   primaryTextColor: '#f4f4f4',

          //       //   // nodeBkg: '#ff0000',
          //       //   // mainBkg: '#0000ff',
          // //   // tertiaryColor: '#ffffcc',
        },
        // theme: 'forest',
        // theme: 'neutral',
        // theme: 'dark',
        // arrowMarkerAbsolute: true,
        // themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
        logLevel: 1,
        gitGraph: { rotateCommitLabel: false },
        flowchart: { curve: 'linear', htmlLabels: true },
        // gantt: { axisFormat: '%m/%d/%Y' },
        sequence: { actorMargin: 50, showSequenceNumbers: true },
        // sequenceDiagram: { actorMargin: 300 } // deprecated
        // fontFamily: '"arial", sans-serif',
        // themeVariables: {
        //   fontFamily: '"arial", sans-serif',
        // },
        curve: 'linear',
        securityLevel: 'loose',
      });
      function callback() {
        alert('It worked');
      }
    </script>
  </body>
</html>
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`<html>`
			`<head>`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`<link`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`rel="stylesheet"`
chore(deps): update all patch dependencies 2024-04-03 06:02:11 +02:00			`href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/font-awesome.min.css"`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`/>`
			`<link`
			`href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`rel="stylesheet"`
			`/>`
			`<style>`
			`body {`
Theming changes for base theme 2022-03-03 19:58:43 +01:00			`/* background: rgb(221, 208, 208); */`
#2732 rendering the title and descr fields for the gitGraph 2022-05-06 17:40:40 +02:00			`/* background:#111; */`
Added theming support for gitgraph 2022-03-17 20:07:27 +01:00			`/* background:#333; */`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`font-family: 'Arial';`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`}`
Theming changes for base theme 2022-03-03 19:58:43 +01:00			`/* h1 { color: white;} */`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`.mermaid2 {`
			`display: none;`
			`}`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`.customCss > rect,`
			`.customCss {`
			`fill: #ff0000 !important;`
			`stroke: #ffff00 !important;`
			`stroke-width: 4px !important;`
			`}`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`</style>`
			`</head>`
			`<body>`
			`<h1>info below</h1>`
#3409 Fixed the truncated tags issue 2022-09-13 18:23:24 +02:00
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`<pre class="mermaid" style="width: 100%; height: 20%">`
#3409 Fixed the truncated tags issue 2022-09-13 18:23:24 +02:00			`%%{init: { "logLevel": "debug", "theme": "default" , "gitGraph" : {"showBranches":"false","rotateCommitLabel":"true"},"themeVariables": {`
			`"gitBranchLabel0": "#ff0000",`
			`"gitBranchLabel1": "#00ff00",`
			`"gitBranchLabel2": "#0000ff",`
			`"git0": "#550055"`
			`} } }%%`
			`gitGraph`
			`commit`
			`branch develop`
			`commit`
			`commit`
			`branch release/1.0.0`
			`checkout release/1.0.0`
			`commit tag:"1.0.0-beta1"`
			`checkout develop`
			`commit`
			`commit`
			`commit`
			`commit`
			`checkout release/1.0.0`
			`merge develop tag: "1.0.0-beta2"`
			`</pre>`
			`<pre class="mermaid2" style="width: 100%; height: 20%">`
Updating Gitgraph docs 2022-04-07 20:13:15 +02:00			`%%{init: { "logLevel": "debug", "theme": "default" , "gitGraph" : {"showBranches":"false"},"themeVariables": {`
			`"gitBranchLabel0": "#ff0000",`
			`"gitBranchLabel1": "#00ff00",`
			`"gitBranchLabel2": "#0000ff",`
			`"git0": "#550055"`
			`} } }%%`
Finalizing GitGraph with directives, theming & docs 2022-03-31 19:37:36 +02:00			`gitGraph`
#2732 Regression fixes for accessibility 2022-05-06 19:42:40 +02:00			`accTitle: "Git Graph"`
			`accDescr {`
#2732 rendering the title and descr fields for the gitGraph 2022-05-06 17:40:40 +02:00			`Git Graph description.`
			`Multiline description`
			`}`
Updating Gitgraph docs 2022-04-07 20:13:15 +02:00			`commit`
			`branch develop`
			`commit tag:"v1.0.0"`
			`commit`
Update the gitgraph example 2022-03-24 17:32:50 +01:00			`checkout main`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`commit type: HIGHLIGHT`
			`commit`
Updating Gitgraph docs 2022-04-07 20:13:15 +02:00			`merge develop`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`commit`
Updating Gitgraph docs 2022-04-07 20:13:15 +02:00			`branch featureA`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`commit`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`</pre>`
			`<pre class="mermaid2" style="width: 100%; height: 20%">`
Finalizing GitGraph with directives, theming & docs 2022-03-31 19:37:36 +02:00			`gitGraph`
			`commit type:HIGHLIGHT`
Bends of the lines when branching 2022-03-03 17:29:14 +01:00			`branch hotfix`
			`checkout hotfix`
Finalizing GitGraph with directives, theming & docs 2022-03-31 19:37:36 +02:00			`commit type:HIGHLIGHT`
replace mock data with real 2022-02-24 18:40:22 +01:00			`branch develop`
			`checkout develop`
Finalizing GitGraph with directives, theming & docs 2022-03-31 19:37:36 +02:00			`commit id:"ash" tag:"abc" type:HIGHLIGHT`
replace mock data with real 2022-02-24 18:40:22 +01:00			`branch featureB`
			`checkout featureB`
Added sample for tag,type and id for a commit 2022-02-24 19:54:28 +01:00			`commit type:HIGHLIGHT`
Update the gitgraph example 2022-03-24 17:32:50 +01:00			`checkout main`
replace mock data with real 2022-02-24 18:40:22 +01:00			`checkout hotfix`
Finalizing GitGraph with directives, theming & docs 2022-03-31 19:37:36 +02:00			`commit type:HIGHLIGHT`
replace mock data with real 2022-02-24 18:40:22 +01:00			`checkout develop`
Added sample for tag,type and id for a commit 2022-02-24 19:54:28 +01:00			`commit type:REVERSE`
replace mock data with real 2022-02-24 18:40:22 +01:00			`checkout featureB`
Finalizing GitGraph with directives, theming & docs 2022-03-31 19:37:36 +02:00			`commit type:HIGHLIGHT`
Update the gitgraph example 2022-03-24 17:32:50 +01:00			`checkout main`
replace mock data with real 2022-02-24 18:40:22 +01:00			`merge hotfix`
			`checkout featureB`
Finalizing GitGraph with directives, theming & docs 2022-03-31 19:37:36 +02:00			`commit type:HIGHLIGHT`
replace mock data with real 2022-02-24 18:40:22 +01:00			`checkout develop`
			`branch featureA`
Finalizing GitGraph with directives, theming & docs 2022-03-31 19:37:36 +02:00			`commit type:HIGHLIGHT`
replace mock data with real 2022-02-24 18:40:22 +01:00			`checkout develop`
			`checkout featureA`
			`commit`
			`checkout featureB`
			`commit`
			`checkout develop`
			`merge featureA`
			`branch release`
			`checkout release`
Finalizing GitGraph with directives, theming & docs 2022-03-31 19:37:36 +02:00			`commit type:HIGHLIGHT`
Update the gitgraph example 2022-03-24 17:32:50 +01:00			`checkout main`
replace mock data with real 2022-02-24 18:40:22 +01:00			`commit`
			`checkout release`
Update the gitgraph example 2022-03-24 17:32:50 +01:00			`merge main`
replace mock data with real 2022-02-24 18:40:22 +01:00			`checkout develop`
			`merge release`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`</pre>`
			`<pre class="mermaid2" style="width: 100%; height: 20%">`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`gitGraph:`
			`commit`
			`commit`
			`branch newbranch`
			`commit`
Fixed more example cases 2022-03-24 17:43:23 +01:00			`merge main`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`</pre>`
Fix E2E Tests 2023-02-19 09:33:11 +01:00			`<script type="module">`
			`import mermaid from './mermaid.esm.mjs';`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`mermaid.parseError = function (err, hash) {`
replace mock data with real 2022-02-24 18:40:22 +01:00			`// console.error('Mermaid error: ', err);`
			`};`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`mermaid.initialize({`
Updating Gitgraph docs 2022-04-07 20:13:15 +02:00			`//theme: 'dark',`
			`themeVariables: {`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`commitLabelColor: '#9400D3',`
			`commitLabelBackground: '#FFFFFF',`
			`// darkMode: true,`
			`// background: '#222',`
			`// // textColor: 'white',`
			`// // primaryTextColor: '#f4f4f4',`
Added theming support for gitgraph 2022-03-17 20:07:27 +01:00
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`// // // nodeBkg: '#ff0000',`
			`// // // mainBkg: '#0000ff',`
			`// // // tertiaryColor: '#ffffcc',`
			`},`
Added theming support for gitgraph 2022-03-17 20:07:27 +01:00			`// theme: 'forest',`
			`// theme: 'neutral',`
			`// theme: 'dark',`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`// arrowMarkerAbsolute: true,`
			`// themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',`
replace mock data with real 2022-02-24 18:40:22 +01:00			`logLevel: 1,`
Fixed Linting issues 2022-09-16 09:25:22 +02:00			`gitGraph: { rotateCommitLabel: false },`
replace mock data with real 2022-02-24 18:40:22 +01:00			`flowchart: { curve: 'linear', htmlLabels: true },`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`// gantt: { axisFormat: '%m/%d/%Y' },`
			`sequence: { actorMargin: 50, showSequenceNumbers: true },`
			`// sequenceDiagram: { actorMargin: 300 } // deprecated`
			`// fontFamily: '"arial", sans-serif',`
			`// themeVariables: {`
			`// fontFamily: '"arial", sans-serif',`
			`// },`
			`curve: 'linear',`
replace mock data with real 2022-02-24 18:40:22 +01:00			`securityLevel: 'loose',`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`});`
replace mock data with real 2022-02-24 18:40:22 +01:00			`function callback() {`
fix #3407 Replace `div` with `pre` and format 2022-09-04 21:18:36 +02:00			`alert('It worked');`
			`}`
#1713, #1719, # 1720 2020-10-22 21:40:08 +02:00			`</script>`
			`</body>`
			`</html>`