chore: update docusaurus template

Signed-off-by: aeneasr <aeneasr@users.noreply.github.com>

docs/.gitignore

@@ -20,3 +20,5 @@ yarn-debug.log*
 yarn-error.log*
 
 tmp
+
+process.yml

docs/.widdershins/templates/responses.def

@@ -7,6 +7,7 @@
 #### Responses
 
 <a id="{{=data.operationUniqueSlug}}-responses"></a>
+
 ##### Overview
 
 |Status|Meaning|Description|Schema|

docs/docusaurus.config.js

@@ -103,7 +103,7 @@ module.exports = {
   },
   plugins: [
     [
-      "@docusaurus/plugin-content-docs",
+      require.resolve("@docusaurus/plugin-content-docs"),
       {
         path: config.projectSlug === 'docusaurus-template' ? 'contrib/docs' : 'docs',
         sidebarPath: require.resolve('./contrib/sidebar.js'),
@@ -116,19 +116,19 @@ module.exports = {
       },
     ],
     [
-      "@docusaurus/plugin-content-pages",
+      require.resolve("@docusaurus/plugin-content-pages"),
     ],
-    ["@docusaurus/plugin-google-analytics"],
-    ["@docusaurus/plugin-sitemap"]
+    [require.resolve("@docusaurus/plugin-google-analytics")],
+    [require.resolve("@docusaurus/plugin-sitemap")]
   ],
   themes: [
     [
-      "@docusaurus/theme-classic",
+     require.resolve("@docusaurus/theme-classic"),
       {
         customCss: config.projectSlug === 'docusaurus-template' ? require.resolve('./contrib/theme.css') : require.resolve('./src/css/theme.css'),
       }
     ], [
-      "@docusaurus/theme-search-algolia"
+     require.resolve("@docusaurus/theme-search-algolia")
     ]
   ],
 };

docs/package.json

@@ -12,8 +12,12 @@
     "format": "prettier --write '{docs/**,docs,scripts,static,contrib}/*.{md,json,js,css,html}' --no-semi --single-quote --trailing-comma none || true"
   },
   "dependencies": {
-    "@docusaurus/core": "2.0.0-alpha.50",
-    "@docusaurus/preset-classic": "2.0.0-alpha.50",
+    "@docusaurus/core": "2.0.0-alpha.56",
+    "@docusaurus/plugin-content-docs": "2.0.0-alpha.56",
+    "@docusaurus/plugin-content-pages": "2.0.0-alpha.56",
+    "@docusaurus/plugin-google-analytics": "2.0.0-alpha.56",
+    "@docusaurus/theme-classic": "2.0.0-alpha.56",
+    "@docusaurus/theme-search-algolia": "^2.0.0-alpha.32",
     "classnames": "2.2.6",
     "mermaid": "^8.5.1",
     "node-fetch": "2.6.0",

docs/src/theme/Mermaid.js

@@ -9,18 +9,37 @@
 //     cr([Create Request]) --> backoffice[Backoffice Server REST]
 // `}/>
 
-import React, { useEffect } from "react"
+import React, {useEffect} from "react"
 import mermaid from "mermaid"
+import styles from './mermaid.module.css';
+import cn from 'classnames'
 
 mermaid.initialize({
-  startOnLoad: true
+  startOnLoad: true,
+  logLevel: 'fatal',
+  securityLevel: 'strict',
+  arrowMarkerAbsolute: false,
+  theme: "neutral",
+  flowchart: {
+    useMaxWidth: true,
+    htmlLabels: true,
+    rankSpacing: 65,
+    nodeSpacing: 30,
+    curve: "basis"
+  },
+  sequence:{
+    useMaxWidth: true,
+  },
+  gantt:{
+    useMaxWidth: true,
+  }
 })
 
-const Mermaid = ({ chart }) => {
+const Mermaid = ({chart}) => {
   useEffect(() => {
     mermaid.contentLoaded()
   }, [])
-  return <div className="mermaid">{chart}</div>
+  return <div className={cn(styles.graph, "mermaid")}>{chart}</div>
 }
 
 export default Mermaid

docs/src/theme/mermaid.module.css

@@ -0,0 +1,3 @@
+.graph svg {
+  max-width: 100%
+}