fix: highlighting markdown not working

jonaslagoni · Jun 9, 2022 · 692db2c · 692db2c
1 parent 2b5a8a3
commit 692db2c
Show file tree

Hide file tree

Showing 8 changed files with 39 additions and 989 deletions.
diff --git a/examples/nextjs/package-lock.json b/examples/nextjs/package-lock.json
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
@@ -7,7 +7,7 @@
     "postinstall": "npm link ../../library/node_modules/react-dom ../../library/node_modules/react ../../library/"
   },
   "dependencies": {
-    "@lagoni/edavisualiser": "0.13.2",
+    "@lagoni/edavisualiser": "0.15.0",
     "next": "^10.0.0"
   }
 }
diff --git a/examples/simple-react/package.json b/examples/simple-react/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "dependencies": {
     "@asyncapi/parser": "^1.15.0",
-    "@lagoni/edavisualiser": "0.10.0",
+    "@lagoni/edavisualiser": "^0.15.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-router-dom": "^5.3.0",

diff --git a/examples/simple-react/src/social_media/System.tsx b/examples/simple-react/src/social_media/System.tsx
@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 import { SystemView } from '@lagoni/edavisualiser';
-import { Menu } from './Menu';
+import { Menu } from './menu';
 import { apps } from './apps';
 import '@asyncapi/parser/dist/bundle';
 

diff --git a/examples/simple-react/src/social_media/application.tsx b/examples/simple-react/src/social_media/application.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { Menu } from './Menu';
+import { Menu } from './menu';
 import { useParams } from 'react-router-dom';
 import { ApplicationFocusView } from '@lagoni/edavisualiser';
 import { apps } from './apps';

diff --git a/library/package-lock.json b/library/package-lock.json
diff --git a/library/package.json b/library/package.json
@@ -53,8 +53,8 @@
     "@asyncapi/parser": "^1.15.0",
     "canvas": "^2.9.1",
     "dompurify": "^2.3.8",
-    "highlight.js": "^10.7.2",
-    "marked": "^4.0.10",
+    "highlight.js": "^11.5.1",
+    "marked": "^4.0.16",
     "react-flow-renderer": "9.6.9",
     "tailwindcss": "^2.1.1"
   },

diff --git a/library/src/helpers/marked.ts b/library/src/helpers/marked.ts
@@ -1,19 +1,5 @@
 import { marked } from 'marked';
-
-// @ts-ignore
-import hljs from 'highlight.js/lib/core';
-
-// @ts-ignore
-import json from 'highlight.js/lib/languages/json';
-hljs.registerLanguage('json', json);
-
-// @ts-ignore
-import yaml from 'highlight.js/lib/languages/yaml';
-hljs.registerLanguage('yaml', yaml);
-
-// @ts-ignore
-import bash from 'highlight.js/lib/languages/bash';
-hljs.registerLanguage('bash', bash);
+import hljs from 'highlight.js';
 
 const markedOptions: marked.MarkedOptions = {
   langPrefix: 'hljs language-',