Merge branch 'chat-service' into 'master'

Chat service

See merge request !390

editors/demo/src/HHMI/config/config.js

@@ -29,11 +29,16 @@ import {
   EssayToolGroupService,
   MatchingService,
   MatchingToolGroupService,
+  ChatService,
 } from 'wax-prosemirror-services';
 
 import { DefaultSchema } from 'wax-prosemirror-utilities';
 import invisibles, { hardBreak } from '@guardian/prosemirror-invisibles';
 
+const getContent = source => {
+  console.log('editor content', source);
+};
+
 export default {
   MenuService: [
     {
@@ -63,12 +68,14 @@ export default {
     },
   ],
 
+  // ChatService: { getContent },
   SchemaService: DefaultSchema,
   RulesService: [emDash, ellipsis],
 
   PmPlugins: [columnResizing(), tableEditing(), invisibles([hardBreak()])],
 
   services: [
+    // new ChatService(),
     new MatchingService(),
     new MatchingToolGroupService(),
     new FillTheGapQuestionService(),

wax-prosemirror-core/src/WaxView.js

@@ -82,6 +82,7 @@ const WaxView = forwardRef((props, ref) => {
             state: EditorState.create(options),
             dispatchTransaction,
             disallowedTools: [],
+            options,
             user,
             scrollMargin: 200,
             scrollThreshold: 200,

wax-prosemirror-plugins/index.js

@@ -11,3 +11,4 @@ export { default as mathSelectPlugin } from './src/math/math-select';
 export { default as FindAndReplacePlugin } from './src/findAndReplace/FindAndReplacePlugin';
 export { default as PlaceHolderPlugin } from './src/images/placeHolderPlugin';
 export { default as captionPlugin } from './src/images/captionPlugin';
+export { default as ChatPlugin } from './src/ChatPlugin';

wax-prosemirror-plugins/src/ChatPlugin.js

+import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { DOMSerializer, DOMParser } from 'prosemirror-model';
+
+const chatPlugin = new PluginKey('chatPlugin');
+
+const serializer = schema => {
+  const WaxSerializer = DOMSerializer.fromSchema(schema);
+  return content => {
+    const container = document.createElement('article');
+    container.appendChild(WaxSerializer.serializeFragment(content));
+    return container.innerHTML;
+  };
+};
+
+const parser = schema => {
+  const WaxParser = DOMParser.fromSchema(schema);
+
+  return content => {
+    const container = document.createElement('article');
+
+    container.innerHTML = content;
+    return WaxParser.parse(container);
+  };
+};
+
+export default props => {
+  return new Plugin({
+    key: chatPlugin,
+    state: {
+      init: (_, state) => {},
+      apply(tr, prev, _, newState) {},
+    },
+    props: {
+      handleKeyDown(view, event) {
+        if (event.key === 'Enter' && !event.shiftKey) {
+          if (view.state.doc.content.size <= 2) {
+            return true;
+          }
+          const WaxOptions = {
+            doc: {},
+            schema: view.props.options.schema,
+            plugins: view.props.options.plugins,
+          };
+          const parse = parser(view.props.options.schema);
+          WaxOptions.doc = parse('');
+
+          const serialize = serializer(view.props.options.schema);
+          props.getContent(serialize(view.state.doc.content));
+
+          view.updateState(EditorState.create(WaxOptions));
+          if (view.dispatch) {
+            view.state.tr.setMeta('addToHistory', false);
+          }
+          return true;
+        }
+        return false;
+      },
+    },
+  });
+};

wax-prosemirror-services/index.js

@@ -50,7 +50,7 @@ export { default as TrueFalseQuestionService } from './src/MultipleChoiceQuestio
 export { default as FillTheGapQuestionService } from './src/FillTheGapQuestionService/FillTheGapQuestionService';
 export { default as EssayService } from './src/EssayService/EssayService';
 export { default as MatchingService } from './src/MatchingService/MatchingService';
-
+export { default as ChatService } from './src/ChatService/ChatService';
 /*
 ToolGroups
 */

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

+import { ChatPlugin } from 'wax-prosemirror-plugins';
+import Service from '../Service';
+
+class ChatService extends Service {
+  name = 'ChatService';
+
+  boot() {
+    this.app.PmPlugins.add('chatPlugin', ChatPlugin(this.config));
+  }
+}
+
+export default ChatService;