@wiris/mathtype-viewer 8.9.2 → 8.10.0

package/dist/WIRISplugins.js.LICENSE.txt

@@ -1 +1 @@
-/*! @license DOMPurify 3.1.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.3/LICENSE */
+/*! @license DOMPurify 3.1.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.5/LICENSE */

package/dist/latex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"latex.d.ts","sourceRoot":"","sources":["../src/latex.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAY1C,wBAAsB,WAAW,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,iBAU1E"}
+{"version":3,"file":"latex.d.ts","sourceRoot":"","sources":["../src/latex.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAY1C,wBAAsB,WAAW,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,iBAS1E"}

package/dist/properties.d.ts

@@ -1,26 +1,27 @@
 type Viewer = "none" | "image" | "mathml" | "latex";
 type Wirispluginperformance = "true" | "false";
-export type Config = {
-    editorServicesRoot?: string;
-    editorServicesExtension?: string;
-    backendConfig?: {
-        wirispluginperformance?: Wirispluginperformance;
-        wiriseditormathmlattribute?: string;
-        wiriscustomheaders?: object;
+export interface Config {
+    editorServicesRoot: string;
+    editorServicesExtension: string;
+    backendConfig: {
+        wirispluginperformance: Wirispluginperformance;
+        wiriseditormathmlattribute: string;
+        wiriscustomheaders: object;
     };
-    dpi?: number;
-    element?: string;
-    lang?: string;
-    viewer?: Viewer;
-    zoom?: number;
-};
+    dpi: number;
+    element: string;
+    lang: string;
+    viewer: Viewer;
+    zoom: number;
+}
 export declare class Properties {
     private static instance;
     render: () => Promise<void>;
     config: Config;
-    private new;
-    static getInstance(): Properties;
+    private constructor();
+    static getInstance(): Promise<Properties>;
     private initialize;
+    private setProperties;
     private checkServices;
     get editorServicesRoot(): string;
     set editorServicesRoot(editorServicesRoot: string);

package/dist/properties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,KAAK,sBAAsB,GAAG,MAAM,GAAG,OAAO,CAAC;AAK/C,MAAM,MAAM,MAAM,GAAG;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE;QACd,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;QAChD,0BAA0B,CAAC,EAAE,MAAM,CAAC;QACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAuBF,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA2B;IAElD,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAkB;IAG7C,MAAM,EAAE,MAAM,CAAiB;IAM/B,OAAO,CAAC,GAAG;IAEX,MAAM,CAAC,WAAW,IAAI,UAAU;YAWlB,UAAU;IAuDxB,OAAO,CAAC,aAAa;IAcrB,IAAI,kBAAkB,IAAI,MAAM,CAE/B;IAED,IAAI,kBAAkB,CAAC,kBAAkB,EAAE,MAAM,EAGhD;IAED,IAAI,uBAAuB,IAAI,MAAM,CAEpC;IAED,IAAI,uBAAuB,CAAC,uBAAuB,EAAE,MAAM,EAG1D;IAWD,IAAI,IAAI,IAAI,MAAM,CAGjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAQD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAGxB;IAQD,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAGlB;IAQD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAQD,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,MAAM,EAG1B;IAQD,IAAI,sBAAsB,IAAI,sBAAsB,CAEnD;IAED,IAAI,sBAAsB,CAAC,sBAAsB,EAAE,sBAAsB,EAGxE;IAQD,IAAI,0BAA0B,IAAI,MAAM,CAIvC;IAED,IAAI,0BAA0B,CAAC,0BAA0B,EAAE,MAAM,EAGhE;CACF"}
+{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,KAAK,sBAAsB,GAAG,MAAM,GAAG,OAAO,CAAC;AAK/C,MAAM,WAAW,MAAM;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,aAAa,EAAE;QACb,sBAAsB,EAAE,sBAAsB,CAAC;QAC/C,0BAA0B,EAAE,MAAM,CAAC;QACnC,kBAAkB,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAuBD,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA2B;IAElD,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAkB;IAG7C,MAAM,EAAE,MAAM,CAAiB;IAM/B,OAAO;WAEM,WAAW,IAAI,OAAO,CAAC,UAAU,CAAC;YAWjC,UAAU;IA6CxB,OAAO,CAAC,aAAa;YAmCP,aAAa;IAwB3B,IAAI,kBAAkB,IAAI,MAAM,CAE/B;IAED,IAAI,kBAAkB,CAAC,kBAAkB,EAAE,MAAM,EAGhD;IAED,IAAI,uBAAuB,IAAI,MAAM,CAEpC;IAED,IAAI,uBAAuB,CAAC,uBAAuB,EAAE,MAAM,EAG1D;IAWD,IAAI,IAAI,IAAI,MAAM,CAGjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAQD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAGxB;IAQD,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAGlB;IAQD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAQD,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,MAAM,EAG1B;IAQD,IAAI,sBAAsB,IAAI,sBAAsB,CAEnD;IAED,IAAI,sBAAsB,CAAC,sBAAsB,EAAE,sBAAsB,EAGxE;IAQD,IAAI,0BAA0B,IAAI,MAAM,CAIvC;IAED,IAAI,0BAA0B,CAAC,0BAA0B,EAAE,MAAM,EAGhE;CACF"}

package/dist/services.d.ts

@@ -11,6 +11,6 @@ export declare function mathml2accessible(mml: string, lang: string, url: string
 export declare function showImage(mml: string, lang: string, url: string, extension: string): Promise<any>;
 export declare function createImage(mml: string, lang: string, url: string, extension: string): Promise<any>;
 export declare function latexToMathml(latex: string, url: string, extension: string): Promise<any>;
-export declare function configurationJson(variablekeys: string[], url: string, extension: string): Promise<any>;
+export declare function configurationJson(variablekeys: string[], url: string, extension: string, check: boolean): Promise<any>;
 export {};
 //# sourceMappingURL=services.d.ts.map

package/dist/services.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../src/services.ts"],"names":[],"mappings":"AAGA,aAAK,UAAU;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAKD,qBAAa,WAAY,SAAQ,KAAK;gBACxB,OAAO,KAAA;CAIpB;AAUD,wBAAsB,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAanF;AAUD,wBAAsB,WAAW,CAC/B,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC,GAAG,CAAC,CA8Bd;AAUD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAa/G;AAUD,wBAAsB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAwBvG;AAUD,wBAAsB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAWzG;AASD,wBAAsB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAQ/F;AAQD,wBAAsB,iBAAiB,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAO5G"}
+{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../src/services.ts"],"names":[],"mappings":"AAGA,aAAK,UAAU;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAKD,qBAAa,WAAY,SAAQ,KAAK;gBACxB,OAAO,KAAA;CAIpB;AAUD,wBAAsB,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAanF;AAUD,wBAAsB,WAAW,CAC/B,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC,GAAG,CAAC,CA+Bd;AAUD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAa/G;AAUD,wBAAsB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAwBvG;AAUD,wBAAsB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAWzG;AASD,wBAAsB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAQ/F;AAQD,wBAAsB,iBAAiB,CACrC,YAAY,EAAE,MAAM,EAAE,EACtB,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,OAAO,GACb,OAAO,CAAC,GAAG,CAAC,CAad"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wiris/mathtype-viewer",
-  "version": "8.9.2",
+  "version": "8.10.0",
   "description": "",
   "main": "app.js",
   "scripts": {
@@ -16,7 +16,7 @@
   "author": "Integrations",
   "license": "ISC",
   "dependencies": {
-    "@wiris/mathtype-html-integration-devkit": "1.17.2"
+    "@wiris/mathtype-html-integration-devkit": "1.17.3"
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.24.1",

package/src/app.ts

@@ -48,7 +48,7 @@ async function main(w: Window): Promise<void> {
    * @param {MutationObserver} observer - Mutation observer to activate or reactivate every time the rendering root changes.
    */
   properties.render = async () => {
-    const element: HTMLElement = document.querySelector(properties.element);
+    const element: HTMLElement | null = document.querySelector(properties.element);
     if (element) {
       await renderLatex(properties, element);
       await renderMathML(properties, element);

package/src/latex.ts

@@ -15,7 +15,6 @@ export async function renderLatex(properties: Properties, root: HTMLElement) {
   if (properties.viewer !== "image" && properties.viewer !== "latex") {
     return;
   }
-
   const latexNodes = findLatexTextNodes(root);
 
   for (const latexNode of latexNodes) {
@@ -29,18 +28,18 @@ export async function renderLatex(properties: Properties, root: HTMLElement) {
  * @param {Node} node - Text node in which to search and replace LaTeX instances.
  */
 async function replaceLatexInTextNode(properties: Properties, node: Node) {
-  const textContent: string = node.textContent || "";
+  const textContent: string = node.textContent ?? "";
   let pos: number = 0;
 
   while (pos < textContent.length) {
-    const nextLatexPosition: LatexPosition = getNextLatexPos(pos, textContent);
+    const nextLatexPosition = getNextLatexPos(pos, textContent);
     if (nextLatexPosition) {
       // Get left non LaTeX text.
       const leftText: string = textContent.substring(pos, nextLatexPosition.start);
       const leftTextNode = document.createTextNode(leftText);
       // Create a node with left text.
       node.parentNode?.insertBefore(leftTextNode, node);
-      node.nodeValue = node.nodeValue.substring(pos, nextLatexPosition.start);
+      node.nodeValue = node.nodeValue?.substring(pos, nextLatexPosition.start) ?? "";
 
       // Get LaTeX text.
       const latex = textContent.substring(nextLatexPosition.start + "$$".length, nextLatexPosition.end);
@@ -92,7 +91,7 @@ function findLatexTextNodes(root: any): Node[] {
  * @param {string} text - Text where the next latex it will be searched.
  * @
  */
-function getNextLatexPos(pos: number, text: string): LatexPosition {
+function getNextLatexPos(pos: number, text: string): LatexPosition | null {
   const firstLatexTags = text.indexOf("$$", pos);
   const secondLatexTags = firstLatexTags == -1 ? -1 : text.indexOf("$$", firstLatexTags + "$$".length);
   return firstLatexTags != -1 && secondLatexTags != -1 ? { start: firstLatexTags, end: secondLatexTags } : null;

package/src/properties.ts

@@ -8,20 +8,20 @@ type Wirispluginperformance = "true" | "false";
 /**
  * Type representing all the configuration for the viewer.
  */
-export type Config = {
-  editorServicesRoot?: string;
-  editorServicesExtension?: string;
-  backendConfig?: {
-    wirispluginperformance?: Wirispluginperformance;
-    wiriseditormathmlattribute?: string;
-    wiriscustomheaders?: object;
+export interface Config {
+  editorServicesRoot: string;
+  editorServicesExtension: string;
+  backendConfig: {
+    wirispluginperformance: Wirispluginperformance;
+    wiriseditormathmlattribute: string;
+    wiriscustomheaders: object;
   };
-  dpi?: number;
-  element?: string;
-  lang?: string;
-  viewer?: Viewer;
-  zoom?: number;
-};
+  dpi: number;
+  element: string;
+  lang: string;
+  viewer: Viewer;
+  zoom: number;
+}
 
 /**
  * Fallback values for the configurations that are not set.
@@ -53,15 +53,15 @@ export class Properties {
   config: Config = defaultValues;
 
   /**
-   * Do not use this method. Instead, use {@link Properties.generate}.
-   * Constructors cannot be async so we make it private and force instantiation through an alternative static method.
+   * Private constructor to avoid multiple instances of the class.
+   * To instantiate the class, use the static method  {@link Properties.getInstance}.
    */
-  private new() {}
+  private constructor() {}
 
-  static getInstance(): Properties {
+  static async getInstance(): Promise<Properties> {
     if (!Properties.instance) {
       Properties.instance = new Properties();
-      Properties.instance.initialize();
+      await Properties.instance.initialize();
     }
     return Properties.instance;
   }
@@ -70,33 +70,20 @@ export class Properties {
    * Creates and sets up a new instance of class Properties
    */
   private async initialize(): Promise<void> {
+    if (!Properties.instance) {
+      console.error("Properties.instance is not set");
+      return;
+    }
     // Get URL parameters from <script>
     const pluginName = "WIRISplugins.js";
-    const script: HTMLScriptElement = document.querySelector(`script[src*="${pluginName}"]`);
-
-    if (!!script) {
-      const pluginNamePosition: number = script.src.lastIndexOf(pluginName);
-      const params: string = script.src.substring(pluginNamePosition + pluginName.length);
-      const urlParams = new URLSearchParams(params);
+    const script: HTMLScriptElement | null = document.querySelector(`script[src*="${pluginName}"]`);
 
-      if (urlParams.get("dpi") !== null && urlParams.get("dpi") !== undefined) {
-        Properties.instance.config.dpi = +urlParams.get("dpi");
-      }
-      if (urlParams.get("element") !== null && urlParams.get("element") !== undefined) {
-        Properties.instance.config.element = urlParams.get("element");
-      }
-      if (urlParams.get("lang") !== null && urlParams.get("lang") !== undefined) {
-        Properties.instance.config.lang = urlParams.get("lang");
-      }
-      if (urlParams.get("viewer") !== null && urlParams.get("viewer") !== undefined) {
-        Properties.instance.config.viewer = urlParams.get("viewer") as Viewer;
-      }
-      if (urlParams.get("zoom") !== null && urlParams.get("zoom") !== undefined) {
-        Properties.instance.config.zoom = +urlParams.get("zoom");
-      }
+    // If the absence of the script is an error maybe this should throw
+    if (script) {
+      this.setProperties(script, pluginName, Properties.instance);
     }
 
-    Properties.instance.checkServices();
+    await Properties.instance.checkServices();
 
     // Get backend parameters calling the configurationjson service
     try {
@@ -104,6 +91,7 @@ export class Properties {
         ["wirispluginperformance", "wiriseditormathmlattribute", "wiriscustomheaders"],
         Properties.instance.editorServicesRoot,
         Properties.instance.editorServicesExtension,
+        false,
       );
 
       // We'll always get a string from the wiriscustomheaders backend parameter. It needs to be converted to an object.
@@ -120,21 +108,68 @@ export class Properties {
     }
   }
 
+  /**
+   * Initialize properties from <script>
+   * @param script
+   * @param pluginName
+   * @param instance
+   */
+  private setProperties(script: HTMLScriptElement, pluginName: string, instance: Properties) {
+    const pluginNamePosition: number = script.src.lastIndexOf(pluginName);
+    const params: string = script.src.substring(pluginNamePosition + pluginName.length);
+    const urlParams = new URLSearchParams(params);
+
+    const dpi = urlParams.get("dpi");
+    if (dpi !== null && dpi !== undefined) {
+      instance.config.dpi = +dpi;
+    }
+
+    const element = urlParams.get("element");
+    if (element !== null && element !== undefined) {
+      instance.config.element = element;
+    }
+
+    const lang = urlParams.get("lang");
+    if (lang !== null && lang !== undefined) {
+      instance.config.lang = lang;
+    }
+
+    const viewer = urlParams.get("viewer");
+    if (viewer !== null && viewer !== undefined) {
+      instance.config.viewer = viewer as Viewer;
+    }
+
+    const zoom = urlParams.get("zoom");
+    if (zoom !== null && zoom !== undefined) {
+      instance.config.zoom = +zoom;
+    }
+  }
+
   /**
    * Check if is inside Integrations Services
    * @deprecated This will be removed once the viewer uncouple from the integration services.
    */
-  private checkServices(): void {
+  private async checkServices() {
     const path = (document.currentScript as HTMLScriptElement).src;
 
-    if (path.includes("pluginwiris_engine")) {
-      // If the path includes pluginwiris_engine use Java Integrations Services
-      this.config.editorServicesRoot = path;
-      this.config.editorServicesExtension = "";
-    } else if (path.includes("integration/WIRISplugins")) {
+    if (path.includes("integration/WIRISplugins")) {
       // If the path includes 'integration/WIRISplugins' use PHP Integrations Services
       this.config.editorServicesRoot = path;
       this.config.editorServicesExtension = ".php";
+    } else {
+      try {
+        // We want to know if we are using the integrations java services.
+        // So we call the configurationjson service assuming that the path is the one for the Java services.
+        // If we get an answer, we know we are using the Java services,
+        // otherwise, and since PHP has already been discarded, we'll set the services to wiris.net
+        await configurationJson(["wirispluginperformance"], path, "", true);
+
+        this.config.editorServicesRoot = path;
+        this.config.editorServicesExtension = "";
+      } catch (e) {
+        // We do noting.
+        // Getting here means that we are not using php nor Java services so we'll stick to the wiris.net default.
+      }
     }
   }
 

package/src/retro.ts

@@ -29,6 +29,11 @@ export function bypassEncapsulation(properties: Properties, w: Window) {
   }
 }
 
+interface MathMLPosition {
+  nextElement: Node;
+  safeMML: string;
+}
+
 /**
  * This class is a compatibility layer with the old Viewer.
  * See haxe/src-haxe/com/wiris/js/JsPluginViewer.hx in in the repo wiris/plugins previous to commit df1248a.
@@ -58,12 +63,12 @@ class JsPluginViewer {
    * Please consider using {@link renderLatex} or {@link renderMathML}.
    */
   parseSafeMathMLElement(element: HTMLElement, asynchronously?: boolean, callbackFunc?: () => void): void {
-    var mathmlPositions = [];
+    var mathmlPositions: MathMLPosition[] = [];
     JsPluginViewer.getMathMLPositionsAtElementAndChildren(element, mathmlPositions);
     for (let i = 0; i < mathmlPositions.length; i++) {
       var mathmlPosition = mathmlPositions[i];
       var newNode = document.createElement("math");
-      mathmlPosition.nextElement.parentNode.insertBefore(newNode, mathmlPosition.nextElement);
+      mathmlPosition.nextElement.parentNode?.insertBefore(newNode, mathmlPosition.nextElement);
       newNode.outerHTML = JsPluginViewer.decodeSafeMathML(mathmlPosition.safeMML);
     }
   }
@@ -148,7 +153,7 @@ class JsPluginViewer {
     // We are replacing $ by & when its part of an entity for retrocompatibility.
     // Now, the standard is replace § by &.
     var returnValue = "";
-    var currentEntity = null;
+    var currentEntity: string | null = null;
 
     var i = 0;
     while (i < inputCopy.length) {
@@ -176,7 +181,7 @@ class JsPluginViewer {
     return returnValue;
   }
 
-  private static getMathMLPositionsAtElementAndChildren(element: Node, mathmlPositions) {
+  private static getMathMLPositionsAtElementAndChildren(element: Node, mathmlPositions: MathMLPosition[]) {
     JsPluginViewer.getMathMLPositionsAtNode(element, mathmlPositions);
     // Copy current children because DOM will be changed and element.childNodes won't be
     // consistent on call getMathMLPositionsAtElementAndChildren().
@@ -194,22 +199,23 @@ class JsPluginViewer {
     if (node.nodeType == 3) {
       var startMathmlTag = safeXMLCharacters.tagOpener + "math";
       var endMathmlTag = safeXMLCharacters.tagOpener + "/math" + safeXMLCharacters.tagCloser;
-      var start = node.textContent.indexOf(startMathmlTag);
+      var start = node.textContent?.indexOf(startMathmlTag) ?? -1;
       var end = 0;
       while (start != -1) {
-        end = node.textContent.indexOf(endMathmlTag, start + startMathmlTag.length);
+        end = node.textContent?.indexOf(endMathmlTag, start + startMathmlTag.length) ?? -1;
 
         if (end == -1) break;
 
-        var nextMathML = node.textContent.indexOf(startMathmlTag, end + endMathmlTag.length);
+        var nextMathML = node.textContent?.indexOf(startMathmlTag, end + endMathmlTag.length) ?? -1;
 
         if (nextMathML >= 0 && end > nextMathML) break;
 
-        var safeMathml = node.textContent.substring(start, end + endMathmlTag.length);
+        var safeMathml = node.textContent?.substring(start, end + endMathmlTag.length);
 
-        node.textContent = node.textContent.substring(0, start) + node.textContent.substring(end + endMathmlTag.length);
+        node.textContent =
+          (node.textContent?.substring(0, start) ?? "") + node.textContent?.substring(end + endMathmlTag.length);
         node = (node as Text).splitText(start);
-        start = node.textContent.indexOf(startMathmlTag);
+        start = node.textContent?.indexOf(startMathmlTag) ?? -1;
 
         mathmlPositions.push({
           safeMML: safeMathml,

package/src/services.ts

@@ -57,7 +57,8 @@ export async function callService(
   try {
     const url = new URL(serviceName + extension, serverURL);
 
-    const properties = Properties.getInstance();
+    // Getting the configuration is asynchronous since we make some requests.
+    const properties = await Properties.getInstance();
     const headers = {
       "Content-type": "application/x-www-form-urlencoded; charset=utf-8",
       ...properties.config.backendConfig.wiriscustomheaders,
@@ -186,11 +187,22 @@ export async function latexToMathml(latex: string, url: string, extension: strin
  * @param {string} extension - Extension to add to the end of the serviceName (including the dot if necessary).
  * @returns {Promise<Response>} The configurationjson service response.
  */
-export async function configurationJson(variablekeys: string[], url: string, extension: string): Promise<any> {
+export async function configurationJson(
+  variablekeys: string[],
+  url: string,
+  extension: string,
+  check: boolean,
+): Promise<any> {
   const params = {
     variablekeys: variablekeys.join(","),
   };
 
-  const response = callService(params, "configurationjson", MethodType.Get, url, extension);
+  const response = await callService(params, "configurationjson", MethodType.Get, url, extension);
+
+  // Provide a warning to alert the users that the console error is an expected outcome,
+  // since this request only aims to be a check and does not expect to retrieve any data.
+  if (check && !response.ok) {
+    console.warn("Fetching the url: " + response.url + ", is expected to fail and handled. Don't panic!");
+  }
   return processJsonResponse(response);
 }

package/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "strict": true,
     /* Basic Options */
     "target": "ES5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,
     "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,