@wiris/mathtype-ckeditor5 8.1.1 → 8.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wiris/mathtype-ckeditor5",
-  "version": "8.1.1",
+  "version": "8.2.0",
   "description": "MathType Web for CKEditor5 editor",
   "keywords": [
     "chem",

package/src/commands.js

@@ -36,6 +36,7 @@ export class MathTypeCommand extends Command {
      * Checks whether we are editing an existing formula or a new one and opens the editor.
      */
   openEditor() {
+    this.integration.core.editionProperties.dbclick = false;
     const image = this._getSelectedImage();
     if (typeof image !== 'undefined' && image !== null && image.classList.contains(WirisPlugin.Configuration.get('imageClassName'))) {
       this.integration.core.editionProperties.temporalImage = image;

package/src/integration.js

@@ -2,6 +2,8 @@ import IntegrationModel from '@wiris/mathtype-html-integration-devkit/src/integr
 import Util from '@wiris/mathtype-html-integration-devkit/src/util';
 import Configuration from '@wiris/mathtype-html-integration-devkit/src/configuration';
 import Latex from '@wiris/mathtype-html-integration-devkit/src/latex';
+import MathML from '@wiris/mathtype-html-integration-devkit/src/mathml';
+import Telemeter from '@wiris/mathtype-html-integration-devkit/src/telemeter';
 
 /**
  * This class represents the MathType integration for CKEditor5.
@@ -93,10 +95,11 @@ export default class CKEditor5Integration extends IntegrationModel {
      * @param {MouseEvent} event - event which trigger the handler.
      */
   doubleClickHandler(element, event) {
+    this.core.editionProperties.dbclick = true;
     if (this.editorObject.isReadOnly === false) {
       if (element.nodeName.toLowerCase() === 'img') {
         if (Util.containsClass(element, Configuration.get('imageClassName'))) {
-          // Some plugins (image2, image) open a dialog on double click. On formulas
+          // Some plugins (image2, image) open a dialog on Double-click. On formulas
           // doubleclick event ends here.
           if (typeof event.stopPropagation !== 'undefined') { // old I.E compatibility.
             event.stopPropagation();
@@ -218,6 +221,7 @@ export default class CKEditor5Integration extends IntegrationModel {
   insertFormula(focusElement, windowTarget, mathml, wirisProperties) { // eslint-disable-line no-unused-vars
     const returnObject = {};
 
+    let mathmlOrigin;
     if (!mathml) {
       this.insertMathml('');
     } else if (this.core.editMode === 'latex') {
@@ -242,6 +246,7 @@ export default class CKEditor5Integration extends IntegrationModel {
         writer.insertText(`$$${returnObject.latex}$$`, startNode.getAttributes(), startPosition);
       });
     } else {
+      mathmlOrigin = this.core.editionProperties.temporalImage?.dataset.mathml;
       try {
         returnObject.node = this.editorObject.editing.view.domConverter.viewToDom(
           this.editorObject.editing.mapper.toViewElement(
@@ -256,10 +261,36 @@ export default class CKEditor5Integration extends IntegrationModel {
       }
     }
 
+    // Build the telemeter payload separated to delete null/undefined entries.
+    let payload = {
+      mathml_origin: mathmlOrigin ? MathML.safeXmlDecode(mathmlOrigin) : mathmlOrigin,
+      mathml: mathml ? MathML.safeXmlDecode(mathml) : mathml,
+      elapsed_time: Date.now() - this.core.editionProperties.editionStartTime,
+      editor_origin: null, // TODO read formula to find out whether it comes from Oxygen Desktop
+      toolbar: this.core.modalDialog.contentManager.toolbar,
+      size: mathml?.length,
+    };
+
+    // Remove desired null keys.
+    Object.keys(payload).forEach(key => {
+      if (key === 'mathml_origin' || key === 'editor_origin') !payload[key] ? delete payload[key] : {}
+    });
+    
+    try {
+      Telemeter.telemeter.track("INSERTED_FORMULA", {
+        ...payload,
+      });
+    } catch (err) {
+      console.error(err);
+    }
+
     /* Due to PLUGINS-1329, we add the onChange event to the CK4 insertFormula.
         We probably should add it here as well, but we should look further into how */
     // this.editorObject.fire('change');
 
+    // Remove temporal image of inserted formula
+    this.core.editionProperties.temporalImage = null;
+
     return returnObject;
   }
 

package/src/plugin.js

@@ -27,6 +27,8 @@ import CKEditor5Integration from './integration';
 import mathIcon from '../theme/icons/formula.svg';
 import chemIcon from '../theme/icons/chem.svg';
 
+import packageInfo from '../package.json';
+
 export let currentInstance = null; // eslint-disable-line import/no-mutable-exports
 
 export default class MathType extends Plugin {
@@ -81,6 +83,7 @@ export default class MathType extends Plugin {
     integrationProperties.environment = {};
     integrationProperties.environment.editor = 'CKEditor5';
     integrationProperties.environment.editorVersion = '5.x';
+    integrationProperties.version = packageInfo.version;
     integrationProperties.editorObject = editor;
     integrationProperties.serviceProviderProperties = {};
     integrationProperties.serviceProviderProperties.URI = 'https://www.wiris.net/demo/plugins/app';
@@ -102,7 +105,7 @@ export default class MathType extends Plugin {
       integration.checkElement();
 
       this.listenTo(editor.editing.view.document, 'click', (evt, data) => {
-        // Is double click
+        // Is Double-click
         if (data.domEvent.detail === 2) {
           integration.doubleClickHandler(data.domTarget, data.domEvent);
           evt.stop();
@@ -185,7 +188,7 @@ export default class MathType extends Plugin {
       });
     }
 
-    // Observer for the double click event
+    // Observer for the Double-click event
     editor.editing.view.addObserver(ClickObserver);
   }