@wiris/mathtype-tinymce6 8.9.0 → 8.9.2

package/editor_plugin.src.js

@@ -1,11 +1,11 @@
-import IntegrationModel from '@wiris/mathtype-html-integration-devkit/src/integrationmodel';
-import Configuration from '@wiris/mathtype-html-integration-devkit/src/configuration';
-import Parser from '@wiris/mathtype-html-integration-devkit/src/parser';
-import Util from '@wiris/mathtype-html-integration-devkit/src/util';
-import Listeners from '@wiris/mathtype-html-integration-devkit/src/listeners';
-import StringManager from '@wiris/mathtype-html-integration-devkit/src/stringmanager';
+import IntegrationModel from "@wiris/mathtype-html-integration-devkit/src/integrationmodel";
+import Configuration from "@wiris/mathtype-html-integration-devkit/src/configuration";
+import Parser from "@wiris/mathtype-html-integration-devkit/src/parser";
+import Util from "@wiris/mathtype-html-integration-devkit/src/util";
+import Listeners from "@wiris/mathtype-html-integration-devkit/src/listeners";
+import StringManager from "@wiris/mathtype-html-integration-devkit/src/stringmanager";
 
-import packageInfo from './package.json';
+import packageInfo from "./package.json";
 
 /**
  * TinyMCE integration class. This class extends IntegrationModel class.
@@ -38,13 +38,14 @@ export class TinyMceIntegration extends IntegrationModel {
    */
   getPath() {
     if (this.isMoodle) {
-      const search = 'lib/editor/tinymce';
+      const search = "lib/editor/tinymce";
       const pos = tinymce.baseURL.indexOf(search);
       const baseURL = tinymce.baseURL.substr(0, pos + search.length);
       return `${baseURL}/plugins/tiny_mce_wiris/tinymce/`;
-    } if (this.isExternal) {
-      const externalUrl = this.editorObject.options.get('external_plugins').tiny_mce_wiris;
-      return externalUrl.substring(0, externalUrl.lastIndexOf('/') + 1);
+    }
+    if (this.isExternal) {
+      const externalUrl = this.editorObject.options.get("external_plugins").tiny_mce_wiris;
+      return externalUrl.substring(0, externalUrl.lastIndexOf("/") + 1);
     }
     return `${tinymce.baseURL}/plugins/tiny_mce_wiris/`;
   }
@@ -66,14 +67,14 @@ export class TinyMceIntegration extends IntegrationModel {
     const editorSettings = this.editorObject;
     // Try to get editorParameters.language, fail silently otherwise
     try {
-      return editorSettings.options.get('mathTypeParameters').editorParameters.language;
+      return editorSettings.options.get("mathTypeParameters").editorParameters.language;
     } catch (e) {}
     // Get the deprecated wirisformulaeditorlang
-    if (editorSettings.options.get('wirisformulaeditorlang')) {
-      console.warn('Deprecated property wirisformulaeditorlang. Use mathTypeParameters on instead.');
-      return editorSettings.options.get('wirisformulaeditorlang');
+    if (editorSettings.options.get("wirisformulaeditorlang")) {
+      console.warn("Deprecated property wirisformulaeditorlang. Use mathTypeParameters on instead.");
+      return editorSettings.options.get("wirisformulaeditorlang");
     }
-    const langParam = this.editorObject.options.get('language');
+    const langParam = this.editorObject.options.get("language");
     return langParam || super.getLanguage();
   }
 
@@ -86,15 +87,19 @@ export class TinyMceIntegration extends IntegrationModel {
     super.callbackFunction();
 
     // Avoid to change class of image formulas.
-    const imageClassName = Configuration.get('imageClassName');
+    const imageClassName = Configuration.get("imageClassName");
     if (this.isIframe) {
       // Attaching observers to wiris images.
-      if (typeof Parser.observer !== 'undefined') {
-        Array.prototype.forEach.call(this.target.contentDocument.getElementsByClassName(imageClassName), (wirisImages) => {
-          Parser.observer.observe(wirisImages);
-        });
+      if (typeof Parser.observer !== "undefined") {
+        Array.prototype.forEach.call(
+          this.target.contentDocument.getElementsByClassName(imageClassName),
+          (wirisImages) => {
+            Parser.observer.observe(wirisImages);
+          },
+        );
       }
-    } else { // Inline.
+    } else {
+      // Inline.
       // Attaching observers to wiris images.
       Array.prototype.forEach.call(document.getElementsByClassName(imageClassName), (wirisImages) => {
         Parser.observer.observe(wirisImages);
@@ -103,9 +108,9 @@ export class TinyMceIntegration extends IntegrationModel {
 
     // When a formula is updated TinyMCE 'Change' event must be fired.
     // See https://www.tiny.cloud/docs/advanced/events/#change for further information.
-    const listener = Listeners.newListener('onAfterFormulaInsertion', () => {
-      if (typeof this.editorObject.fire !== 'undefined') {
-        this.editorObject.fire('Change');
+    const listener = Listeners.newListener("onAfterFormulaInsertion", () => {
+      if (typeof this.editorObject.fire !== "undefined") {
+        this.editorObject.fire("Change");
       }
     });
     this.getCore().addListener(listener);
@@ -114,11 +119,11 @@ export class TinyMceIntegration extends IntegrationModel {
     // Avoid filter formulas with performance enabled.
     dataImgFiltered[this.editorObject.id] = this.editorObject.images_dataimg_filter;
     this.editorObject.images_dataimg_filter = (img) => {
-      if (img.hasAttribute('class') && img.getAttribute('class').indexOf(Configuration.get('imageClassName')) !== -1) {
-        return img.hasAttribute('internal-blob');
+      if (img.hasAttribute("class") && img.getAttribute("class").indexOf(Configuration.get("imageClassName")) !== -1) {
+        return img.hasAttribute("internal-blob");
       }
       // If the client put an image data filter, run. Otherwise default behaviour (put blob).
-      if (typeof dataImgFiltered[this.editorObject.id] !== 'undefined') {
+      if (typeof dataImgFiltered[this.editorObject.id] !== "undefined") {
         return dataImgFiltered[this.editorObject.id](img);
       }
       return true;
@@ -130,8 +135,11 @@ export class TinyMceIntegration extends IntegrationModel {
    * @param {string} mathml - MathML to generate the formula and can be caught with the event.
    */
   updateFormula(mathml) {
-    if (typeof this.editorObject.fire !== 'undefined') {
-      this.editorObject.fire('ExecCommand', { command: 'updateFormula', value: mathml });
+    if (typeof this.editorObject.fire !== "undefined") {
+      this.editorObject.fire("ExecCommand", {
+        command: "updateFormula",
+        value: mathml,
+      });
     }
     super.updateFormula(mathml);
   }
@@ -154,22 +162,22 @@ export class TinyMceIntegration extends IntegrationModel {
    * @param {string} editor - Editor instance.
    * @param {string} pluginName - TinyMCE 6 plugin name.
    */
-  registerMoodleOption (editor, pluginName) {
+  registerMoodleOption(editor, pluginName) {
     const registerOption = editor.options.register;
 
     registerOption(`${pluginName}:filterEnabled`, {
-      processor: 'boolean',
-      'default': false,
+      processor: "boolean",
+      default: false,
     });
 
     registerOption(`${pluginName}:editorEnabled`, {
-      processor: 'boolean',
-      'default': false,
+      processor: "boolean",
+      default: false,
     });
 
     registerOption(`${pluginName}:chemistryEnabled`, {
-      processor: 'boolean',
-      'default': false,
+      processor: "boolean",
+      default: false,
     });
   }
 }
@@ -193,23 +201,24 @@ export const currentInstance = null;
   with the TinyMCE instance and using the `external_plugins` option.
 */
 (function () {
-  const isMoodle = !!((typeof M === 'object' && M !== null)); // eslint-disable-line no-undef;
-  const pluginName = isMoodle ? 'tiny_wiris/plugin' : 'tiny_mce_wiris';
+  const isMoodle = !!(typeof M === "object" && M !== null); // eslint-disable-line no-undef;
+  const pluginName = isMoodle ? "tiny_wiris/plugin" : "tiny_mce_wiris";
 
-  tinymce.PluginManager.add(pluginName, (editor, url) => ({ // eslint-disable-line no-unused-vars
+  tinymce.PluginManager.add(pluginName, (editor, url) => ({
+    // eslint-disable-line no-unused-vars
     init(editor) {
       const callbackMethodArguments = {};
 
       /**
-         * Integration model properties
-         * @type {Object}
-         * @property {Object} target - Integration DOM target.
-         * @property {String} configurationService - Configuration integration service.
-         * @property {String} version - Plugin version.
-         * @property {String} scriptName - Integration script name.
-         * @property {Object} environment - Integration environment properties.
-         * @property {String} editor - Editor name.
-      */
+       * Integration model properties
+       * @type {Object}
+       * @property {Object} target - Integration DOM target.
+       * @property {String} configurationService - Configuration integration service.
+       * @property {String} version - Plugin version.
+       * @property {String} scriptName - Integration script name.
+       * @property {Object} environment - Integration environment properties.
+       * @property {String} editor - Editor name.
+       */
       const integrationModelProperties = {};
       integrationModelProperties.serviceProviderProperties = {
         URI: process.env.SERVICE_PROVIDER_URI,
@@ -219,30 +228,37 @@ export const currentInstance = null;
       integrationModelProperties.isMoodle = isMoodle; // eslint-disable-line no-undef
       if (integrationModelProperties.isMoodle) {
         // eslint-disable-next-line no-undef
-        integrationModelProperties.configurationService = M.cfg.wwwroot + '/filter/wiris/integration/configurationjs.php'; // eslint-disable-line prefer-template
+        integrationModelProperties.configurationService =
+          M.cfg.wwwroot + "/filter/wiris/integration/configurationjs.php"; // eslint-disable-line prefer-template
       }
-      if (typeof (editor.options.get('wiriscontextpath')) !== 'undefined') {
-        integrationModelProperties.configurationService = Util.concatenateUrl(editor.options.get('wiriscontextpath'), integrationModelProperties.configurationService);
-        `${editor.options.get('wiriscontextpath')}/${integrationModelProperties.configurationService}`; // eslint-disable-line no-unused-expressions
-        console.warn('Deprecated property wiriscontextpath. Use mathTypeParameters instead.', editor.opts.wiriscontextpath);
+      if (typeof editor.options.get("wiriscontextpath") !== "undefined") {
+        integrationModelProperties.configurationService = Util.concatenateUrl(
+          editor.options.get("wiriscontextpath"),
+          integrationModelProperties.configurationService,
+        );
+        `${editor.options.get("wiriscontextpath")}/${integrationModelProperties.configurationService}`; // eslint-disable-line no-unused-expressions
+        console.warn(
+          "Deprecated property wiriscontextpath. Use mathTypeParameters instead.",
+          editor.opts.wiriscontextpath,
+        );
       }
 
       // Overriding MathType integration parameters.
 
       // Register our custom parameters inside TinyMCE's options
-      editor.options.register('mathTypeParameters', {
-        processor: 'object',
+      editor.options.register("mathTypeParameters", {
+        processor: "object",
         default: {},
       });
 
-      if (editor.options.isRegistered('mathTypeParameters')) {
-        integrationModelProperties.integrationParameters = editor.options.get('mathTypeParameters');
+      if (editor.options.isRegistered("mathTypeParameters")) {
+        integrationModelProperties.integrationParameters = editor.options.get("mathTypeParameters");
       }
 
-      integrationModelProperties.scriptName = 'plugin.min.js';
+      integrationModelProperties.scriptName = "plugin.min.js";
       integrationModelProperties.environment = {};
 
-      integrationModelProperties.environment.editor = 'TinyMCE 6.x';
+      integrationModelProperties.environment.editor = "TinyMCE 6.x";
       integrationModelProperties.environment.editorVersion = `${tinymce.majorVersion}.${tinymce.minorVersion}`;
 
       integrationModelProperties.callbackMethodArguments = callbackMethodArguments;
@@ -252,27 +268,31 @@ export const currentInstance = null;
       // However, as TinyMCE is not initialized at this point the HTML target is not created.
       // Here we create the target as null and onInit object the target is updated.
       integrationModelProperties.target = null;
-      const isExternalPlugin = typeof (editor.options.get('external_plugins')) !== 'undefined' && 'tiny_mce_wiris' in editor.options.get('external_plugins');
+      const isExternalPlugin =
+        typeof editor.options.get("external_plugins") !== "undefined" &&
+        "tiny_mce_wiris" in editor.options.get("external_plugins");
       integrationModelProperties.isExternal = isExternalPlugin;
-      integrationModelProperties.rtl = (editor.options.get('directionality') === 'rtl');
+      integrationModelProperties.rtl = editor.options.get("directionality") === "rtl";
 
       // Set Moodle configurations for Telemetry purposes.
       const registerOption = editor.options.register;
       registerOption(`${pluginName}:moodleCourseCategory`, {
-        processor: 'integer',
-        'default': undefined
+        processor: "integer",
+        default: undefined,
       });
       registerOption(`${pluginName}:moodleCourseName`, {
-        processor: 'string',
-        'default': undefined
+        processor: "string",
+        default: undefined,
       });
       registerOption(`${pluginName}:moodleVersion`, {
-        processor: 'integer',
-        'default': undefined
+        processor: "integer",
+        default: undefined,
       });
 
       integrationModelProperties.environment.moodleVersion = editor.options.get(`${pluginName}:moodleVersion`);
-      integrationModelProperties.environment.moodleCourseCategory = editor.options.get(`${pluginName}:moodleCourseCategory`);
+      integrationModelProperties.environment.moodleCourseCategory = editor.options.get(
+        `${pluginName}:moodleCourseCategory`,
+      );
       integrationModelProperties.environment.moodleCourseName = editor.options.get(`${pluginName}:moodleCourseName`);
 
       // GenericIntegration instance.
@@ -286,7 +306,8 @@ export const currentInstance = null;
         tinyMceIntegrationInstance.registerMoodleOption(editor, pluginName);
       }
 
-      const onInit = function (editor) { // eslint-disable-line no-shadow
+      const onInit = function (editor) {
+        // eslint-disable-line no-shadow
         const integrationInstance = WirisPlugin.instances[tinyMceIntegrationInstance.editorObject.id];
         if (!editor.inline) {
           integrationInstance.setTarget(editor.getContentAreaContainer().firstChild);
@@ -294,28 +315,43 @@ export const currentInstance = null;
           integrationInstance.setTarget(editor.getElement());
         }
         integrationInstance.setEditorObject(editor);
-        integrationInstance.listeners.fire('onTargetReady', {});
-        if (editor.options.isRegistered('mathTypeParameters')) {
-          Configuration.update('editorParameters', editor.options.get('mathTypeParameters'));
+        integrationInstance.listeners.fire("onTargetReady", {});
+        if (editor.options.isRegistered("mathTypeParameters")) {
+          Configuration.update("editorParameters", editor.options.get("mathTypeParameters"));
         }
 
         // Prevent TinyMCE attributes insertion.
         // TinyMCE insert attributes only when a new node is inserted.
         // For this reason, the mutation observer only acts on addedNodes.
-        const mutationInstance = new MutationObserver(function (editor, mutations) { // eslint-disable-line no-shadow
-          Array.prototype.forEach.call(mutations, function (editor, mutation) { // eslint-disable-line no-shadow
-            Array.prototype.forEach.call(mutation.addedNodes, function (editor, node) { // eslint-disable-line no-shadow
-              if (node.nodeType === 1) {
-                // Act only in our own formulas.
-                Array.prototype.forEach.call(node.querySelectorAll(`.${WirisPlugin.Configuration.get('imageClassName')}`), ((editor, image) => { // eslint-disable-line no-shadow
-                  // This only is executed due to init parse.
-                  image.removeAttribute('data-mce-src');
-                  image.removeAttribute('data-mce-style');
-                }).bind(this, editor));
-              }
-            }.bind(this, editor));
-          }.bind(this, editor));
-        }.bind(this, editor));
+        const mutationInstance = new MutationObserver(
+          function (editor, mutations) {
+            // eslint-disable-line no-shadow
+            Array.prototype.forEach.call(
+              mutations,
+              function (editor, mutation) {
+                // eslint-disable-line no-shadow
+                Array.prototype.forEach.call(
+                  mutation.addedNodes,
+                  function (editor, node) {
+                    // eslint-disable-line no-shadow
+                    if (node.nodeType === 1) {
+                      // Act only in our own formulas.
+                      Array.prototype.forEach.call(
+                        node.querySelectorAll(`.${WirisPlugin.Configuration.get("imageClassName")}`),
+                        ((editor, image) => {
+                          // eslint-disable-line no-shadow
+                          // This only is executed due to init parse.
+                          image.removeAttribute("data-mce-src");
+                          image.removeAttribute("data-mce-style");
+                        }).bind(this, editor),
+                      );
+                    }
+                  }.bind(this, editor),
+                );
+              }.bind(this, editor),
+            );
+          }.bind(this, editor),
+        );
         mutationInstance.observe(editor.getBody(), {
           attributes: true,
           childList: true,
@@ -326,7 +362,7 @@ export const currentInstance = null;
         const content = editor.getContent();
         // We set content in html because other tiny plugins need data-mce
         // and this is not possible with raw format.
-        editor.setContent(Parser.initParse(content, editor.options.get('language')), { format: 'html' });
+        editor.setContent(Parser.initParse(content, editor.options.get("language")), { format: "html" });
         // This clean undoQueue for prevent onChange and Dirty state.
         editor.undoManager.clear();
         // Init parsing OK. If a setContent method is called
@@ -336,62 +372,76 @@ export const currentInstance = null;
         WirisPlugin.instances[editor.id].initParsed = true;
       };
 
-      if ('onInit' in editor) {
+      // Change the destroy behavior to also destroy the MathType instance.
+      const destroy = editor.destroy;
+
+      editor.destroy = function () {
+        WirisPlugin.instances[editor.id].listeners.fire("onDestroy", {});
+
+        // Destroy the Mathtype instance.
+        WirisPlugin.instances[editor.id].destroy();
+        destroy.call(editor);
+      };
+
+      if ("onInit" in editor) {
         editor.onInit.add(onInit);
       } else {
-        editor.on('init', () => {
+        editor.on("init", () => {
           onInit(editor);
         });
       }
 
-      if ('onActivate' in editor) {
-        editor.onActivate.add((editor) => { // eslint-disable-line no-unused-vars, no-shadow
+      if ("onActivate" in editor) {
+        editor.onActivate.add((editor) => {
+          // eslint-disable-line no-unused-vars, no-shadow
           WirisPlugin.currentInstance = WirisPlugin.instances[tinymce.activeEditor.id];
         });
       } else {
-        editor.on('focus', (event) => { // eslint-disable-line no-unused-vars, no-shadow
+        editor.on("focus", (event) => {
+          // eslint-disable-line no-unused-vars, no-shadow
           WirisPlugin.currentInstance = WirisPlugin.instances[tinymce.activeEditor.id];
         });
       }
 
-      const onSave = function (editor, params) { // eslint-disable-line no-shadow
+      const onSave = function (editor, params) {
+        // eslint-disable-line no-shadow
         if (integrationModelProperties.isMoodle) {
-          params.content = Parser.endParseSaveMode(params.content, editor.getParam('language'));
+          params.content = Parser.endParseSaveMode(params.content, editor.getParam("language"));
         } else {
-          params.content = Parser.endParse(params.content, editor.getParam('language'));
+          params.content = Parser.endParse(params.content, editor.getParam("language"));
         }
       };
 
-      if ('onSaveContent' in editor) {
+      if ("onSaveContent" in editor) {
         editor.onSaveContent.add(onSave);
       } else {
-        editor.on('saveContent', (params) => {
+        editor.on("saveContent", (params) => {
           onSave(editor, params);
         });
       }
 
-      if ('onGetContent' in editor) {
+      if ("onGetContent" in editor) {
         editor.onGetContent.add(onSave);
       } else {
-        editor.on('getContent', (params) => {
+        editor.on("getContent", (params) => {
           onSave(editor, params);
         });
       }
 
-      if ('onBeforeSetContent' in editor) {
+      if ("onBeforeSetContent" in editor) {
         editor.onBeforeSetContent.add((e, params) => {
           if (integrationModelProperties.isMoodle) {
-            params.content = Parser.initParseSaveMode(params.content, editor.getParam('language'));
+            params.content = Parser.initParseSaveMode(params.content, editor.getParam("language"));
           } else if (WirisPlugin.instances[editor.id].initParsed) {
-            params.content = Parser.initParseSaveMode(params.content, editor.getParam('language'));
+            params.content = Parser.initParseSaveMode(params.content, editor.getParam("language"));
           }
         });
       } else {
-        editor.on('beforeSetContent', (params) => {
+        editor.on("beforeSetContent", (params) => {
           if (integrationModelProperties.isMoodle) {
-            params.content = Parser.initParseSaveMode(params.content, editor.getParam('language'));
+            params.content = Parser.initParseSaveMode(params.content, editor.getParam("language"));
           } else if (WirisPlugin.instances[editor.id].initParsed) {
-            params.content = Parser.initParse(params.content, editor.getParam('language'));
+            params.content = Parser.initParse(params.content, editor.getParam("language"));
           }
         });
       }
@@ -404,34 +454,44 @@ export const currentInstance = null;
       }
 
       const commonEditor = editor.ui.registry;
-      const mathTypeIcon = 'mathtypeicon';
-      const chemTypeIcon = 'chemtypeicon';
-      const mathTypeIconSvg = '<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 300 261.7" style="enable-background:new 0 0 300 261.7;" xml:space="preserve"><g id=icon-wirisformula stroke="none" stroke-width="1" fill-rule="evenodd"><g><path class="st1" d="M90.2,257.7c-11.4,0-21.9-6.4-27-16.7l-60-119.9c-7.5-14.9-1.4-33.1,13.5-40.5c14.9-7.5,33.1-1.4,40.5,13.5l27.3,54.7L121.1,39c5.3-15.8,22.4-24.4,38.2-19.1c15.8,5.3,24.4,22.4,19.1,38.2l-59.6,179c-3.9,11.6-14.3,19.7-26.5,20.6C91.6,257.7,90.9,257.7,90.2,257.7"/></g></g><g><g><path class="st2" d="M300,32.8c0-16.4-13.4-29.7-29.9-29.7c-2.9,0-7.2,0.8-7.2,0.8c-37.9,9.1-71.3,14-112,14c-0.3,0-0.6,0-1,0c-16.5,0-29.9,13.3-29.9,29.7c0,16.4,13.4,29.7,29.9,29.7l0,0c45.3,0,83.1-5.3,125.3-15.3h0C289.3,59.5,300,47.4,300,32.8"/></g></g></svg>'; // eslint-disable-line max-len
-      const chemTypeIconSvg = '<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 40.3 49.5" style="enable-background:new 0 0 40.3 49.5;" xml:space="preserve"><g id=icon-wirisformula stroke="none" stroke-width="1" fill-rule="evenodd"><g><path class="st1" d="M39.2,12.1c0-1.9-1.1-3.6-2.7-4.4L24.5,0.9l0,0c-0.7-0.4-1.5-0.6-2.4-0.6c-0.9,0-1.7,0.2-2.4,0.6l0,0L2.3,10.8 l0,0C0.9,11.7,0,13.2,0,14.9h0v19.6h0c0,1.7,0.9,3.3,2.3,4.1l0,0l17.4,9.9l0,0c0.7,0.4,1.5,0.6,2.4,0.6c0.9,0,1.7-0.2,2.4-0.6l0,0 l12.2-6.9h0c1.5-0.8,2.6-2.5,2.6-4.3c0-2.7-2.2-4.9-4.9-4.9c-0.9,0-1.8,0.3-2.5,0.7l0,0l-9.7,5.6l-12.3-7V17.8l12.3-7l9.9,5.7l0,0 c0.7,0.4,1.5,0.6,2.4,0.6C37,17,39.2,14.8,39.2,12.1"/></g></g></svg>'
+      const mathTypeIcon = "mathtypeicon";
+      const chemTypeIcon = "chemtypeicon";
+      const mathTypeIconSvg =
+        '<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 300 261.7" style="enable-background:new 0 0 300 261.7;" xml:space="preserve"><g id=icon-wirisformula stroke="none" stroke-width="1" fill-rule="evenodd"><g><path class="st1" d="M90.2,257.7c-11.4,0-21.9-6.4-27-16.7l-60-119.9c-7.5-14.9-1.4-33.1,13.5-40.5c14.9-7.5,33.1-1.4,40.5,13.5l27.3,54.7L121.1,39c5.3-15.8,22.4-24.4,38.2-19.1c15.8,5.3,24.4,22.4,19.1,38.2l-59.6,179c-3.9,11.6-14.3,19.7-26.5,20.6C91.6,257.7,90.9,257.7,90.2,257.7"/></g></g><g><g><path class="st2" d="M300,32.8c0-16.4-13.4-29.7-29.9-29.7c-2.9,0-7.2,0.8-7.2,0.8c-37.9,9.1-71.3,14-112,14c-0.3,0-0.6,0-1,0c-16.5,0-29.9,13.3-29.9,29.7c0,16.4,13.4,29.7,29.9,29.7l0,0c45.3,0,83.1-5.3,125.3-15.3h0C289.3,59.5,300,47.4,300,32.8"/></g></g></svg>'; // eslint-disable-line max-len
+      const chemTypeIconSvg =
+        '<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 40.3 49.5" style="enable-background:new 0 0 40.3 49.5;" xml:space="preserve"><g id=icon-wirisformula stroke="none" stroke-width="1" fill-rule="evenodd"><g><path class="st1" d="M39.2,12.1c0-1.9-1.1-3.6-2.7-4.4L24.5,0.9l0,0c-0.7-0.4-1.5-0.6-2.4-0.6c-0.9,0-1.7,0.2-2.4,0.6l0,0L2.3,10.8 l0,0C0.9,11.7,0,13.2,0,14.9h0v19.6h0c0,1.7,0.9,3.3,2.3,4.1l0,0l17.4,9.9l0,0c0.7,0.4,1.5,0.6,2.4,0.6c0.9,0,1.7-0.2,2.4-0.6l0,0 l12.2-6.9h0c1.5-0.8,2.6-2.5,2.6-4.3c0-2.7-2.2-4.9-4.9-4.9c-0.9,0-1.8,0.3-2.5,0.7l0,0l-9.7,5.6l-12.3-7V17.8l12.3-7l9.9,5.7l0,0 c0.7,0.4,1.5,0.6,2.4,0.6C37,17,39.2,14.8,39.2,12.1"/></g></g></svg>';
 
       commonEditor.addIcon(mathTypeIcon, mathTypeIconSvg);
       commonEditor.addIcon(chemTypeIcon, chemTypeIconSvg);
 
       // Get editor language code
-      let lang_code = editor.options.get('language');
-      lang_code = (lang_code.split("-")[0]).split("_")[0];
+      let lang_code = editor.options.get("language");
+      lang_code = lang_code.split("-")[0].split("_")[0];
 
       // Check If MathType/ChemType are enabled on Moodle
-      const editorEnabled = !isMoodle || (isMoodle && editor.options.get(`${pluginName}:editorEnabled`) && editor.options.get(`${pluginName}:filterEnabled`));
-      const chemEnabled = !isMoodle || (isMoodle && editor.options.get(`${pluginName}:chemistryEnabled`) && editor.options.get(`${pluginName}:filterEnabled`));
+      const editorEnabled =
+        !isMoodle ||
+        (isMoodle &&
+          editor.options.get(`${pluginName}:editorEnabled`) &&
+          editor.options.get(`${pluginName}:filterEnabled`));
+      const chemEnabled =
+        !isMoodle ||
+        (isMoodle &&
+          editor.options.get(`${pluginName}:chemistryEnabled`) &&
+          editor.options.get(`${pluginName}:filterEnabled`));
 
       if (editorEnabled) {
         // The next two blocks create menu items to give the possibility
         // of add MathType in the menubar.
-        commonEditor.addMenuItem('tiny_mce_wiris_formulaEditor', {
-          text: 'MathType',
+        commonEditor.addMenuItem("tiny_mce_wiris_formulaEditor", {
+          text: "MathType",
           icon: mathTypeIcon,
           onAction: openFormulaEditorFunction,
         });
 
         // MathType button.
-        commonEditor.addButton('tiny_mce_wiris_formulaEditor', {
-          tooltip: StringManager.get('insert_math', lang_code),
+        commonEditor.addButton("tiny_mce_wiris_formulaEditor", {
+          tooltip: StringManager.get("insert_math", lang_code),
           image: `${WirisPlugin.instances[editor.id].getIconsPath()}formula.png`,
           onAction: openFormulaEditorFunction,
           icon: mathTypeIcon,
@@ -465,7 +525,7 @@ export const currentInstance = null;
             }
             editor.addCommand(cmd, commandFunction);
             commonEditor.addButton(`tiny_mce_wiris_formulaEditor${customEditors.editors[customEditor].name}`, {
-              tooltip: StringManager.get('insert_chem', lang_code),
+              tooltip: StringManager.get("insert_chem", lang_code),
               onAction: commandFunction,
               image: WirisPlugin.instances[editor.id].getIconsPath() + customEditors.editors[customEditor].icon,
               icon: chemTypeIcon, // At the moment only chemTypeIcon because of the provisional solution for TinyMCE6.
@@ -478,11 +538,11 @@ export const currentInstance = null;
     // All versions.
     getMetadata() {
       return {
-        longname: 'tiny_mce_wiris',
-        name: 'Maths for More',
-        url: 'http://www.wiris.com',
+        longname: "tiny_mce_wiris",
+        name: "Maths for More",
+        url: "http://www.wiris.com",
         version: packageInfo.version,
       };
     },
   }));
-}());
+})();

package/global.js

@@ -1,14 +1,14 @@
-import Core from '@wiris/mathtype-html-integration-devkit/src/core.src';
-import Parser from '@wiris/mathtype-html-integration-devkit/src/parser';
-import Util from '@wiris/mathtype-html-integration-devkit/src/util';
-import Image from '@wiris/mathtype-html-integration-devkit/src/image';
-import Configuration from '@wiris/mathtype-html-integration-devkit/src/configuration';
-import Listeners from '@wiris/mathtype-html-integration-devkit/src/listeners';
-import IntegrationModel from '@wiris/mathtype-html-integration-devkit/src/integrationmodel';
-import Latex from '@wiris/mathtype-html-integration-devkit/src/latex';
-import '@wiris/mathtype-html-integration-devkit/src/backwardslib';
-import Test from '@wiris/mathtype-html-integration-devkit/src/test';
-import { TinyMceIntegration, currentInstance, instances } from './editor_plugin.src';
+import Core from "@wiris/mathtype-html-integration-devkit/src/core.src";
+import Parser from "@wiris/mathtype-html-integration-devkit/src/parser";
+import Util from "@wiris/mathtype-html-integration-devkit/src/util";
+import Image from "@wiris/mathtype-html-integration-devkit/src/image";
+import Configuration from "@wiris/mathtype-html-integration-devkit/src/configuration";
+import Listeners from "@wiris/mathtype-html-integration-devkit/src/listeners";
+import IntegrationModel from "@wiris/mathtype-html-integration-devkit/src/integrationmodel";
+import Latex from "@wiris/mathtype-html-integration-devkit/src/latex";
+import "@wiris/mathtype-html-integration-devkit/src/backwardslib";
+import Test from "@wiris/mathtype-html-integration-devkit/src/test";
+import { TinyMceIntegration, currentInstance, instances } from "./editor_plugin.src";
 
 // Expose WirisPlugin variable to the window.
 window.WirisPlugin = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wiris/mathtype-tinymce6",
-  "version": "8.9.0",
+  "version": "8.9.2",
   "description": "MathType Web for TinyMCE6 editor",
   "keywords": [
     "chem",
@@ -32,17 +32,15 @@
     "prepack": "yarn && npm run build"
   },
   "dependencies": {
-    "@wiris/mathtype-html-integration-devkit": "1.17.0"
+    "@wiris/mathtype-html-integration-devkit": "1.17.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/preset-env": "^7.15.0",
-    "babel-loader": "^8.2.2",
-    "css-loader": "^5.2.4",
-    "raw-loader": "^4.0.2",
-    "shx": "^0.3.3",
-    "style-loader": "^3.3.0",
-    "terser-webpack-plugin": "^5.3.0",
-    "url-loader": "^4.1.1"
+    "@babel/core": "^7.24.4",
+    "@babel/preset-env": "^7.24.4",
+    "babel-loader": "^9.1.3",
+    "css-loader": "^7.1.0",
+    "shx": "^0.3.4",
+    "style-loader": "^4.0.0",
+    "terser-webpack-plugin": "^5.3.10"
   }
 }