feat: add plantuml language for uml plugin (close #87) (#146)

* feat: add plantuml language for uml plugin

* refactor: apply code review (#146)

apps/core/src/js/extensions/uml.js

@@ -8,7 +8,7 @@ import Editor from './editorProxy';
 
 const {codeBlockManager} = Editor;
 const DEFAULT_RENDERER_URL = 'http://www.plantuml.com/plantuml/png/';
-const LANG = 'uml';
+const UML_LANGUAGES = ['uml', 'plantuml'];
 
 /**
  * plant uml plugin
@@ -42,11 +42,13 @@ function umlExtension(editor, options = {}) {
     return renderedHTML;
   }
 
-  const optionLanguages = editor.options.codeBlockLanguages;
-  if (optionLanguages && optionLanguages.indexOf(LANG) < 0) {
-    optionLanguages.push(LANG);
-  }
-  codeBlockManager.setReplacer(LANG, plantUMLReplacer);
+  const {codeBlockLanguages} = editor.options;
+  UML_LANGUAGES.forEach(umlLanguage => {
+    if (codeBlockLanguages.indexOf(umlLanguage) < 0) {
+      codeBlockLanguages.push(umlLanguage);
+    }
+    codeBlockManager.setReplacer(umlLanguage, plantUMLReplacer);
+  });
 }
 
 Editor.defineExtension('uml', umlExtension);

apps/core/test/extensions/uml.spec.js

@@ -25,6 +25,7 @@ describe('uml extension', () => {
   });
 
   it('create plant uml image in markdown preview', () => {
+    const lang = 'uml';
     editor = new TuiEditor({
       el: wrapper,
       previewStyle: 'vertical',
@@ -33,7 +34,24 @@ describe('uml extension', () => {
       exts: ['uml']
     });
 
-    editor.setValue(`\`\`\`uml\nAlice -> Bob: Hello\n\`\`\``);
+    editor.setValue(`\`\`\`${lang}\nAlice -> Bob: Hello\n\`\`\``);
+
+    jasmine.clock().tick(800);
+
+    expect(editor.preview.$el.get(0).querySelector('pre img').getAttribute('src')).toEqual('http://www.plantuml.com/plantuml/png/Syp9J4vLqBLJSCfFibBmICt9oUS20000');
+  });
+
+  it('create plant uml image for code block language plantuml', () => {
+    const lang = 'plantuml';
+    editor = new TuiEditor({
+      el: wrapper,
+      previewStyle: 'vertical',
+      height: '100px',
+      initialEditType: 'markdown',
+      exts: ['uml']
+    });
+
+    editor.setValue(`\`\`\`${lang}\nAlice -> Bob: Hello\n\`\`\``);
 
     jasmine.clock().tick(800);