chore: fix test

Author: uetchy

.gitignore

@@ -78,3 +78,5 @@ typings/
 
 
 # End of https://www.gitignore.io/api/node
+
+.now

index.html

@@ -64,15 +64,12 @@ <h1>Math API</h1>
       </p>
       <h2>Usage</h2>
       <p style="font-size: 20px">
-        https://math.now.sh?from=<span class="equation"
-          >[LaTeX Math Equation]</span
-        >
+        https://math.now.sh?from=<span class="equation">[LaTeX Math Equation]</span>
       </p>
 
       <h3>Block notation</h3>
       <p>
-        https://math.now.sh?<span class="notation">from</span>=<span
-          class="equation"
+        https://math.now.sh?<span class="notation">from</span>=<span class="equation"
           >\frac{1}{\Gamma(s)}\int_{0}^{\infty}\frac{u^{s-1}}{e^{u}-1}\mathrm{d}u</span
         >
       </p>
@@ -82,8 +79,7 @@ <h3>Block notation</h3>
 
       <h3>Inline notation</h3>
       <p>
-        https://math.now.sh?<span class="notation">inline</span>=<span
-          class="equation"
+        https://math.now.sh?<span class="notation">inline</span>=<span class="equation"
           >\frac{1}{\Gamma(s)}\int_{0}^{\infty}\frac{u^{s-1}}{e^{u}-1}\mathrm{d}u</span
         >
       </p>
@@ -104,37 +100,35 @@ <h3>PNG support</h3>
 
       <h3>Color</h3>
       <p>
-        https://math.now.sh?from=<span class="equation">\sum</span>&<span
-          class="notation"
+        https://math.now.sh?from=<span class="equation">\sum</span>&<span class="notation"
           >color=red</span
         >
       </p>
       <img src="/?from=\sum&color=red" />
 
       <h2>HTML Example</h2>
       <a href="https://codesandbox.io/s/2w223oq5lr">
-        <img
-          alt="Edit 2w223oq5lr"
-          src="https://codesandbox.io/static/img/play-codesandbox.svg"
-        />
+        <img alt="Edit 2w223oq5lr" src="https://codesandbox.io/static/img/play-codesandbox.svg" />
       </a>
       <p>
-        &lt;img src=&quot;https://math.now.sh?<span class="notation">from</span
-        >=<span class="equation">\log\prod^N_{i}x_{i}=\sum^N_i\log{x_i}</span
+        &lt;img src=&quot;https://math.now.sh?<span class="notation">from</span>=<span
+          class="equation"
+          >\log\prod^N_{i}x_{i}=\sum^N_i\log{x_i}</span
         >&quot; /&gt;
       </p>
       <img src="/?from=\log\prod^N_{i}x_{i}=\sum^N_i\log{x_i}" />
       <p>
-        &lt;img src=&quot;https://math.now.sh?<span class="notation"
-          >inline</span
-        >=<span class="equation">\log\prod^N_{i}x_{i}=\sum^N_i\log{x_i}</span
+        &lt;img src=&quot;https://math.now.sh?<span class="notation">inline</span>=<span
+          class="equation"
+          >\log\prod^N_{i}x_{i}=\sum^N_i\log{x_i}</span
         >&quot; /&gt;
       </p>
       <img src="/?inline=\log\prod^N_{i}x_{i}=\sum^N_i\log{x_i}" />
       <h2>Markdown Example</h2>
       <p>
-        ![Equation 1](https://math.now.sh?<span class="notation">from</span
-        >=<span class="equation">\text{softplus}(x)=\log(1+e^x)</span>)
+        ![Equation 1](https://math.now.sh?<span class="notation">from</span>=<span class="equation"
+          >\text{softplus}(x)=\log(1+e^x)</span
+        >)
       </p>
       <img src="/?from=%5Ctext%7Bsoftplus%7D(x)%3D%5Clog(1%2Be%5Ex)" />
 
@@ -172,23 +166,22 @@ <h3>URL</h3>
       <script>
         function onTextChanged(e) {
           const value = e.value;
-          const responseHTML = document.querySelector("#responseHTML");
-          const responseMarkdown = document.querySelector("#responseMarkdown");
-          const responseImage = document.querySelector("#responseImage");
+          const responseHTML = document.querySelector('#responseHTML');
+          const responseMarkdown = document.querySelector('#responseMarkdown');
+          const responseImage = document.querySelector('#responseImage');
           const purifiedURL =
-            "https://math.now.sh?from=" +
+            'https://math.now.sh?from=' +
             encodeURIComponent(value)
-              .replace("(", "%28")
-              .replace(")", "%29");
+              .replace('(', '%28')
+              .replace(')', '%29');
           responseHTML.value = '<img src="' + purifiedURL + '" />';
-          responseMarkdown.value = "![Equation](" + purifiedURL + ")";
+          responseMarkdown.value = '![Equation](' + purifiedURL + ')';
           responseURL.value = purifiedURL;
           responseImage.src = purifiedURL;
         }
       </script>
       <h2>Resources</h2>
-      <a href="https://github.com/uetchy/math-api">Source Code (GitHub)</a
-      ><br />
+      <a href="https://github.com/uetchy/math-api">Source Code (GitHub)</a><br />
       <a href="https://twitter.com/uetschy">Author (Twitter)</a><br />
       <a href="https://dev.to/uetchy/math-api-latex-math-as-svg-image-m4p"
         >Math API: LaTeX Math as SVG image - DEV Community 👩‍💻👨‍💻</a

index.ts

@@ -1,13 +1,13 @@
-import helmet from "helmet";
-import express from "express";
-import svg2img from "svg2img";
-import bodyParser from "body-parser";
-import { mathjax } from "mathjax-full/js/mathjax";
-import { TeX } from "mathjax-full/js/input/tex";
-import { SVG } from "mathjax-full/js/output/svg";
-import { LiteAdaptor } from "mathjax-full/js/adaptors/liteAdaptor";
-import { RegisterHTMLHandler } from "mathjax-full/js/handlers/html";
-import { AllPackages } from "mathjax-full/js/input/tex/AllPackages";
+import helmet from 'helmet';
+import express from 'express';
+import svg2img from 'svg2img';
+import bodyParser from 'body-parser';
+import { mathjax } from 'mathjax-full/js/mathjax';
+import { TeX } from 'mathjax-full/js/input/tex';
+import { SVG } from 'mathjax-full/js/output/svg';
+import { LiteAdaptor } from 'mathjax-full/js/adaptors/liteAdaptor';
+import { RegisterHTMLHandler } from 'mathjax-full/js/handlers/html';
+import { AllPackages } from 'mathjax-full/js/input/tex/AllPackages';
 
 const app = express();
 
@@ -18,17 +18,17 @@ app.use(bodyParser.urlencoded({ extended: true }));
 // MathJax bootstrap
 const adaptor = new LiteAdaptor();
 RegisterHTMLHandler(adaptor);
-const html = mathjax.document("", {
+const html = mathjax.document('', {
   InputJax: new TeX({ packages: AllPackages }),
-  OutputJax: new SVG({ fontCache: "none" })
+  OutputJax: new SVG({ fontCache: 'none' }),
 });
 
 function tex2svg(equation: string, isInline: boolean, color: string): string {
   const svg = adaptor
     .innerHTML(html.convert(equation, { display: !isInline }))
     .replace(/fill="currentColor"/, `fill="${color}"`);
-  if (svg.includes("merror")) {
-    return svg.replace(/<rect.+?><\/rect>/, "");
+  if (svg.includes('merror')) {
+    return svg.replace(/<rect.+?><\/rect>/, '');
   }
   return svg;
 }
@@ -42,7 +42,7 @@ function svg2png(svgString: string): Promise<Buffer> {
 
     const args = {
       width: `${width * 3}ex`,
-      height: `${height * 3}ex`
+      height: `${height * 3}ex`,
     };
 
     svg2img(svgString, args, function(error: Error, buffer: Buffer) {
@@ -55,58 +55,56 @@ function svg2png(svgString: string): Promise<Buffer> {
 }
 
 // math parser
-app.get("/", async function(req, res, next) {
-  const mode = Object.keys(req.query).includes("from")
-    ? "block"
-    : Object.keys(req.query).includes("inline")
-    ? "inline"
+app.get('/', async function(req, res, next) {
+  const mode = Object.keys(req.query).includes('from')
+    ? 'block'
+    : Object.keys(req.query).includes('inline')
+    ? 'inline'
     : null;
   if (!mode) {
     return next();
   }
-  const isInline = mode === "inline";
+  const isInline = mode === 'inline';
   const equation = isInline ? req.query.inline : req.query.from;
   if (!equation || equation.match(/\.ico$/)) {
     return next();
   }
 
-  const color = req.query.color || "black";
+  const color = req.query.color || 'black';
   if (/[^a-zA-Z0-9#]/.test(color)) {
     return next();
   }
 
   const isPNG = /\.png$/.test(equation);
-  const normalizedEquation = equation.replace(/\.(svg|png)$/, "");
+  const normalizedEquation = equation.replace(/\.(svg|png)$/, '');
 
   try {
     const svgString = tex2svg(normalizedEquation, isInline, color);
     const imageData = isPNG ? await svg2png(svgString) : svgString;
 
-    res.setHeader("cache-control", "s-maxage=604800, maxage=604800");
+    res.setHeader('cache-control', 's-maxage=604800, maxage=604800');
 
     // render equation
     if (isPNG) {
-      res.contentType("image/png");
+      res.contentType('image/png');
     } else {
-      res.contentType("image/svg+xml");
+      res.contentType('image/svg+xml');
       res.write(`<?xml version="1.0" standalone="no" ?>
   <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
   `);
     }
 
     res.end(imageData);
   } catch (err) {
-    res.write(
-      '<svg xmlns="http://www.w3.org/2000/svg"><text x="0" y="15" font-size="15">'
-    );
+    res.write('<svg xmlns="http://www.w3.org/2000/svg"><text x="0" y="15" font-size="15">');
     res.write(err);
-    res.end("</text></svg>");
+    res.end('</text></svg>');
   }
 });
 
 // welcome page
-app.get("/", function(req, res) {
-  res.redirect(301, "/home");
+app.get('/', function(req, res) {
+  res.redirect(301, '/home');
 });
 
 // app.listen();

jest.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  preset: "ts-jest",
-  testEnvironment: "node",
-  testRunner: "jest-circus/runner"
+  preset: 'ts-jest',
+  testEnvironment: 'node',
+  testRunner: 'jest-circus/runner',
 };

util/now.ts

@@ -1,28 +1,30 @@
-import waitOn from "wait-on";
-import getPort from "get-port";
-import spawn from "cross-spawn";
-import request from "supertest";
+import waitOn from 'wait-on';
+import getPort from 'get-port';
+import spawn from 'cross-spawn';
+import request from 'supertest';
+
+const TIMEOUT = 60 * 1000;
 
 export async function launchNow(
-  hostname = "127.0.0.1"
+  hostname = '127.0.0.1',
 ): Promise<[request.SuperTest<request.Test>, () => void]> {
   const port = await getPort();
   const host = `${hostname}:${port}`;
-  const nowDev = spawn("now", ["dev", "--listen", host], {
+  const nowDev = spawn('now', ['dev', '--listen', host], {
     shell: true,
     detached: true,
-    stdio: "ignore"
+    stdio: 'ignore',
   });
   nowDev.unref();
   try {
-    await waitOn({ resources: [`http://${host}`], timeout: 40000 });
+    await waitOn({ resources: [`http://${host}`], timeout: TIMEOUT });
   } catch (err) {
-    throw new Error("Timeout: launching now dev takes too much time");
+    throw new Error('Timeout: launching now dev takes too much time');
   }
   return [
     request(`http://${host}`),
     () => {
-      nowDev.kill("SIGINT");
-    }
+      nowDev.kill('SIGINT');
+    },
   ];
 }