code block working

editors/editoria/src/config/config.js

@@ -46,8 +46,8 @@ export default {
         'Notes',
         'Lists',
         'Images',
-        'Tables',
         'CodeBlock',
+        'Tables',
       ],
     },
     {

wax-prosemirror-components/src/icons/icons.js

-import React from 'react'
-import FontAwesomeIcon from '@fortawesome/react-fontawesome'
+import React from 'react';
+import FontAwesomeIcon from '@fortawesome/react-fontawesome';
 import {
   faBold,
   faItalic,
@@ -22,9 +22,9 @@ import {
   faAngleUp,
   faStickyNote,
   faVial,
-  // faWheelchair,
+  faFileCode,
   faEllipsisH,
-} from '@fortawesome/free-solid-svg-icons'
+} from '@fortawesome/free-solid-svg-icons';
 
 export default {
   em: <FontAwesomeIcon icon={faItalic} />,
@@ -40,7 +40,7 @@ export default {
   paragraph: <FontAwesomeIcon icon={faParagraph} />,
   heading: <FontAwesomeIcon icon={faHeading} />,
   blockquote: <FontAwesomeIcon icon={faQuoteLeft} />,
-  code_block: <FontAwesomeIcon icon={faCode} />,
+  code_block: <FontAwesomeIcon icon={faFileCode} />,
   ordered_list: <FontAwesomeIcon icon={faListOl} />,
   bullet_list: <FontAwesomeIcon icon={faListUl} />,
   image: <FontAwesomeIcon icon={faImage} />,
@@ -71,4 +71,4 @@ export default {
       </svg>
     </span>
   ),
-}
+};

wax-prosemirror-schema/src/nodes/codeBlockNode.js

 const codeBlock = {
-  content: 'block+',
+  content: 'text*',
   group: 'block',
   code: true,
   defining: true,

wax-prosemirror-services/src/CodeBlockService/CodeBlockService.js

+import hljs from 'highlight.js/lib/core';
+import { highlightPlugin } from 'prosemirror-highlightjs';
+import 'highlight.js/styles/github.css';
+
 import { codeBlockNode } from 'wax-prosemirror-schema';
 import Service from '../Service';
 import CodeBlockTool from './CodeBlockTool';
 
 export default class CodeBlockService extends Service {
-  boot() {}
+  boot() {
+    this.app.PmPlugins.add('highlightPlugin', highlightPlugin(hljs));
+  }
 
   register() {
     this.container.bind('CodeBlockTool').to(CodeBlockTool);
     const createNode = this.container.get('CreateNode');
 
     createNode({
-      codeblock: codeBlockNode,
+      code_block: codeBlockNode,
     });
   }
 }

wax-prosemirror-services/src/CodeBlockService/CodeBlockTool.js

 import Tools from '../lib/Tools';
 import { injectable } from 'inversify';
 import { icons } from 'wax-prosemirror-components';
-import { wrapIn } from 'prosemirror-commands';
+import { Commands } from 'wax-prosemirror-utilities';
 
 @injectable()
 class CodeBlockTool extends Tools {
   title = 'Insert Code Block';
-  content = icons.footnote;
+  content = icons.code_block;
 
   get run() {
     return (state, dispatch) => {
-      wrapIn(state.config.schema.nodes.codeblock)(state, dispatch);
+      Commands.setBlockType(state.config.schema.nodes.code_block)(
+        state,
+        dispatch,
+      );
     };
   }
 
-  get enable() {}
+  get enable() {
+    return state => {
+      return Commands.setBlockType(state.config.schema.nodes.code_block)(state);
+    };
+  }
 }
 
 export default CodeBlockTool;