upgrade docusaurus -- to stg

.github/CODEOWNERS

@@ -0,0 +1,3 @@
+#GUSINFO:MS AMF,MS AMF Service
+* @mulesoft/team-amf
+

docs/amf/using-amf/semantic_extensions.mdx

@@ -15,7 +15,7 @@ sidebar_position: 9
 "Semantic Extensions" is a mechanism to extend the semantic domain of an API specification like [RAML](https://github.com/raml-org/raml-spec/blob/master/versions/raml-10/raml-10.md#annotations) 
 or [OpenApi](https://swagger.io/docs/specification/openapi-extensions/).
 
-We use [AML](/docs/aml/aml) to define mappings that will be describe the AST structure used to parse the nodes that extend the domain of the source specification. Also, it allows map
+We use [AML](/docs/aml/aml) to define mappings that will describe the AST structure used to parse the nodes that extend the domain of the source specification. Also, it allows map
 the AST structure to *semantic terms*.
 
 We identify such nodes or extension points by using *annotations* (also called *spec extensions*).

docusaurus.config.js

@@ -4,7 +4,7 @@ module.exports = {
   tagline: 'Standards and tools to define, parse and link metadata',
   url: 'https://aml-org.github.io',
   baseUrl: '/',
-  onBrokenLinks: 'throw',
+  onBrokenLinks: 'warn',
   onBrokenMarkdownLinks: 'warn',
   favicon: 'img/logos/amlLogo.svg',
   organizationName: 'aml-org',
@@ -33,8 +33,8 @@ module.exports = {
     prism: {
       additionalLanguages: ['java', 'scala'],
       defaultLanguage: 'java',
-      theme: require('prism-react-renderer/themes/github'),
-      darkTheme: require('prism-react-renderer/themes/dracula'),
+      theme: require('prism-react-renderer').themes.github,
+      darkTheme: require('prism-react-renderer').themes.dracula,
     },
     navbar: {
       title: '',

package.json

@@ -22,18 +22,20 @@
     "build-and-serve": "npm install && npm run build && npm run serve"
   },
   "dependencies": {
-    "@docusaurus/core": "2.3.1",
-    "@docusaurus/preset-classic": "2.3.1",
-    "@mdx-js/react": "^1.6.22",
-    "@monaco-editor/react": "^3.8.3",
-    "bootstrap": "4.6.1",
+    "@docusaurus/core": "3.5.2",
+    "@docusaurus/plugin-content-blog": "3.5.2",
+    "@docusaurus/preset-classic": "3.5.2",
+    "@docusaurus/theme-classic": "3.5.2",
+    "@mdx-js/react": "3.0.1",
+    "@monaco-editor/react": "^4.6.0",
+    "bootstrap": "5.3.3",
     "classnames": "^2.2.6",
     "clsx": "^1.2.1",
     "docusaurus-gtm-plugin": "0.0.2",
-    "docusaurus-plugin-sass": "0.2.3",
-    "prism-react-renderer": "1.3.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "docusaurus-plugin-sass": "0.2.5",
+    "prism-react-renderer": "2.4.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0"
   },
   "browserslist": {
@@ -50,6 +52,8 @@
     ]
   },
   "devDependencies": {
-    "sass": "^1.35.1"
+    "sass": "1.79.3",
+    "@docusaurus/module-type-aliases": "3.5.2",
+    "@docusaurus/types": "3.5.2"
   }
 }

src/pages/index.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import Helmet from "react-helmet";
-import Editor, {monaco} from '@monaco-editor/react';
+import Editor, {Monaco} from '@monaco-editor/react';
 
 const PLAYGROUND_URL = 'https://a.ml/playground/validation.html'
 
-function initMonaco() {
+function initMonaco(monaco) {
     monaco
         .init()
         .then(monaco => {
@@ -135,8 +135,8 @@ function initMonaco() {
         .catch(error => console.error('An error occurred during initialization of Monaco: ', error));
 }
 
-function handleEditorDidMount(_, editor) {
-    initMonaco()
+function handleEditorDidMount(editor, monaco) {
+    initMonaco(monaco)
 }
 
 const editorOptions = {
@@ -155,7 +155,7 @@ const editorOptions = {
     },
     tabSize: 2,
     fontFamily: 'Roboto Mono',
-    fontWeight: 500
+    fontWeight: "500"
 }
 
 const editorStyle = {width: "100%", height: "519px", float: "left"}
@@ -440,6 +440,7 @@ const Editors = () =>
                         <div id="dialect-container" style={editorStyle}>
                             <Editor
                                 value={dialectCode}
+                                defaultLanguage="yaml"
                                 options={editorOptions}
                                 editorDidMount={handleEditorDidMount}
                             />
@@ -452,6 +453,7 @@ const Editors = () =>
                         <div id="document-container" style={editorStyle}>
                             <Editor
                                 value={documentCode}
+                                defaultLanguage="yaml"
                                 options={editorOptions}
                                 editorDidMount={handleEditorDidMount}
                             />

versioned_sidebars/version-4.x.x-sidebars.json

@@ -1,5 +1,5 @@
 {
-  "version-4.x.x/myAutogeneratedSidebar": [
+  "myAutogeneratedSidebar": [
     {
       "type": "autogenerated",
       "dirName": "."