Update docs links in the Editor's Docs button

cypress/e2e/docMap.spec.ts

@@ -14,23 +14,23 @@ describe('Editor docs tests', () => {
 
   it('Test to see if the correct URL loads when changing from one diagram to other', () => {
     cy.contains('Flow').click();
-    cy.get(`[data-cy=docs][href$="/#/flowchart"]`).should('exist');
+    cy.get(`[data-cy=docs][href$="/syntax/flowchart.html"]`).should('exist');
 
     cy.contains('Config').click();
-    cy.get(`[data-cy=docs][href$="/#/flowchart?id=configuration"]`).should('exist');
+    cy.get(`[data-cy=docs][href$="/syntax/flowchart.html#configuration"]`).should('exist');
 
     cy.contains('Sequence').click();
-    cy.get(`[data-cy=docs][href$="/#/sequenceDiagram?id=configuration"]`).should('exist');
+    cy.get(`[data-cy=docs][href$="/syntax/sequenceDiagram.html#configuration"]`).should('exist');
 
     cy.contains('Code').click();
-    cy.get(`[data-cy=docs][href$="/#/sequenceDiagram"]`).should('exist');
+    cy.get(`[data-cy=docs][href$="/syntax/sequenceDiagram.html"]`).should('exist');
   });
 
   it("Test to check URLs for a case where config URL doesn't exist", () => {
     cy.contains('State').click();
-    cy.get(`[data-cy=docs][href$="/#/stateDiagram"]`).should('exist');
+    cy.get(`[data-cy=docs][href$="/syntax/stateDiagram.html"]`).should('exist');
 
     cy.contains('Config').click();
-    cy.get(`[data-cy=docs][href$="/#/stateDiagram"]`).should('exist');
+    cy.get(`[data-cy=docs][href$="/syntax/stateDiagram.html"]`).should('exist');
   });
 });

src/routes/edit/+page.svelte

@@ -14,44 +14,73 @@
   import type { Tab, DocumentationConfig, EditorMode, ValidatedState } from '$lib/types';
 
   const MCBaseURL = dev ? 'http://localhost:5174' : 'https://mermaidchart.com';
-  const docURLBase = 'https://mermaid-js.github.io/mermaid';
+  const docURLBase = 'https://mermaid.js.org';
   const docMap: DocumentationConfig = {
     graph: {
-      code: '/#/flowchart',
-      config: '/#/flowchart?id=configuration'
+      code: '/syntax/.html',
+      config: '/syntax/.html#configuration'
     },
     flowchart: {
-      code: '/#/flowchart',
-      config: '/#/flowchart?id=configuration'
+      code: '/syntax/flowchart.html',
+      config: '/syntax/flowchart.html#configuration'
     },
     sequenceDiagram: {
-      code: '/#/sequenceDiagram',
-      config: '/#/sequenceDiagram?id=configuration'
+      code: '/syntax/sequenceDiagram.html',
+      config: '/syntax/sequenceDiagram.html#configuration'
     },
     classDiagram: {
-      code: '/#/classDiagram',
-      config: '/#/classDiagram?id=configuration'
+      code: '/syntax/classDiagram.html',
+      config: '/syntax/classDiagram.html#configuration'
     },
     'stateDiagram-v2': {
-      code: '/#/stateDiagram'
+      code: '/syntax/stateDiagram.html'
     },
     gantt: {
-      code: '/#/gantt',
-      config: '/#/gantt?id=configuration'
+      code: '/syntax/gantt.html',
+      config: '/syntax/gantt.html#configuration'
     },
     pie: {
-      code: '/#/pie'
+      code: '/syntax/pie.html',
+      config: '/syntax/pie.html#configuration'
     },
     erDiagram: {
-      code: '/#/entityRelationshipDiagram',
-      config: '/#/entityRelationshipDiagram?id=styling'
+      code: '/syntax/entityRelationshipDiagram.html',
+      config: '/syntax/entityRelationshipDiagram.html#styling'
     },
     journey: {
-      code: '/#/user-journey'
+      code: '/syntax/userJourney.html'
     },
     gitGraph: {
-      code: '/#/gitgraph',
-      config: '/#/gitgraph?id=gitgraph-specific-configuration-options'
+      code: '/syntax/gitgraph.html',
+      config: '/syntax/gitgraph.html#gitgraph-specific-configuration-options'
+    },
+    quadrantChart: {
+      code: '/syntax/quadrantChart.html',
+      config: '/syntax/quadrantChart.html#chart-configurations'
+    },
+    requirementDiagram: {
+      code: '/syntax/requirementDiagram.html'
+    },
+    C4Context: {
+      code: '/syntax/c4.html'
+    },
+    mindmap: {
+      code: '/syntax/mindmap.html'
+    },
+    timeline: {
+      code: '/syntax/timeline.html',
+      config: '/syntax/timeline.html#themes'
+    },
+    zenuml: {
+      code: '/syntax/zenuml.html'
+    },
+    'sankey-beta': {
+      code: '/syntax/sankey.html',
+      config: '/syntax/sankey.html#configuration'
+    },
+    'xychart-beta': {
+      code: '/syntax/xyChart.html',
+      config: '/syntax/xyChart.html#chart-configurations'
     }
   };
   let docURL = docURLBase;