katex 0.16.23 → 0.16.25

package/dist/katex.mjs

@@ -168,18 +168,10 @@ ParseError.prototype.__proto__ = Error.prototype;
  * files.
  */
 
-/**
- * Return whether an element is contained in a list
- */
-var contains = function contains(list, elem) {
-  return list.indexOf(elem) !== -1;
-};
 /**
  * Provide a default value if a setting is undefined
  * NOTE: Couldn't use `T` as the output type due to facebook/flow#5022.
  */
-
-
 var deflt = function deflt(setting, defaultIfUndefined) {
   return setting === undefined ? defaultIfUndefined : setting;
 }; // hyphenate and escape adapted from Facebook's React under Apache 2 license
@@ -284,7 +276,6 @@ var protocolFromUrl = function protocolFromUrl(url) {
   return protocol[1].toLowerCase();
 };
 var utils = {
-  contains,
   deflt,
   escape,
   hyphenate,
@@ -1019,13 +1010,14 @@ var tallDelim = function tallDelim(label, midHeight) {
   }
 };
 
+// To ensure that all nodes have compatible signatures for these methods.
+
 /**
  * This node represents a document fragment, which contains elements, but when
  * placed into the DOM doesn't have any representation itself. It only contains
  * children and doesn't have any DOM node properties.
  */
 class DocumentFragment {
-  // HtmlDomNode
   // Never used; needed for satisfying interface.
   constructor(children) {
     this.children = void 0;
@@ -1043,7 +1035,7 @@ class DocumentFragment {
   }
 
   hasClass(className) {
-    return utils.contains(this.classes, className);
+    return this.classes.includes(className);
   }
   /** Convert the fragment into a node. */
 
@@ -4037,7 +4029,7 @@ class Span {
   }
 
   hasClass(className) {
-    return utils.contains(this.classes, className);
+    return this.classes.includes(className);
   }
 
   toNode() {
@@ -4073,7 +4065,7 @@ class Anchor {
   }
 
   hasClass(className) {
-    return utils.contains(this.classes, className);
+    return this.classes.includes(className);
   }
 
   toNode() {
@@ -4105,7 +4097,7 @@ class Img {
   }
 
   hasClass(className) {
-    return utils.contains(this.classes, className);
+    return this.classes.includes(className);
   }
 
   toNode() {
@@ -4197,7 +4189,7 @@ class SymbolNode {
   }
 
   hasClass(className) {
-    return utils.contains(this.classes, className);
+    return this.classes.includes(className);
   }
   /**
    * Creates a text node or span from a symbol node. Note that a span is only
@@ -6345,9 +6337,9 @@ var buildExpression$1 = function buildExpression(expression, options, isRealGrou
     var prevType = prev.classes[0];
     var type = node.classes[0];
 
-    if (prevType === "mbin" && utils.contains(binRightCanceller, type)) {
+    if (prevType === "mbin" && binRightCanceller.includes(type)) {
       prev.classes[0] = "mord";
-    } else if (type === "mbin" && utils.contains(binLeftCanceller, prevType)) {
+    } else if (type === "mbin" && binLeftCanceller.includes(prevType)) {
       node.classes[0] = "mord";
     }
   }, {
@@ -6957,7 +6949,7 @@ var getVariant = function getVariant(group, options) {
 
   var text = group.text;
 
-  if (utils.contains(["\\imath", "\\jmath"], text)) {
+  if (["\\imath", "\\jmath"].includes(text)) {
     return null;
   }
 
@@ -7112,7 +7104,7 @@ function buildMathML(tree, texExpression, options, isDisplayMode, forMathmlOnly)
 
   var wrapper;
 
-  if (expression.length === 1 && expression[0] instanceof MathNode && utils.contains(["mrow", "mtable"], expression[0].type)) {
+  if (expression.length === 1 && expression[0] instanceof MathNode && ["mrow", "mtable"].includes(expression[0].type)) {
     wrapper = expression[0];
   } else {
     wrapper = new mathMLTree.MathNode("mrow", expression);
@@ -7348,7 +7340,7 @@ var svgSpan = function svgSpan(group, options) {
 
     var label = group.label.slice(1);
 
-    if (utils.contains(["widehat", "widecheck", "widetilde", "utilde"], label)) {
+    if (["widehat", "widecheck", "widetilde", "utilde"].includes(label)) {
       // Each type in the `if` statement corresponds to one of the ParseNode
       // types below. This narrowing is required to access `grp.base`.
       // $FlowFixMe
@@ -9147,11 +9139,11 @@ var makeStackedDelim = function makeStackedDelim(delim, heightTotal, center, opt
     top = "\\Uparrow";
     repeat = "\u2016";
     bottom = "\\Downarrow";
-  } else if (utils.contains(verts, delim)) {
+  } else if (verts.includes(delim)) {
     repeat = "\u2223";
     svgLabel = "vert";
     viewBoxWidth = 333;
-  } else if (utils.contains(doubleVerts, delim)) {
+  } else if (doubleVerts.includes(delim)) {
     repeat = "\u2225";
     svgLabel = "doublevert";
     viewBoxWidth = 556;
@@ -9458,9 +9450,9 @@ var makeSizedDelim = function makeSizedDelim(delim, size, options, mode, classes
   } // Sized delimiters are never centered.
 
 
-  if (utils.contains(stackLargeDelimiters, delim) || utils.contains(stackNeverDelimiters, delim)) {
+  if (stackLargeDelimiters.includes(delim) || stackNeverDelimiters.includes(delim)) {
     return makeLargeDelim(delim, size, false, options, mode, classes);
-  } else if (utils.contains(stackAlwaysDelimiters, delim)) {
+  } else if (stackAlwaysDelimiters.includes(delim)) {
     return makeStackedDelim(delim, sizeToMaxHeight[size], false, options, mode, classes);
   } else {
     throw new ParseError("Illegal delimiter: '" + delim + "'");
@@ -9610,9 +9602,9 @@ var makeCustomSizedDelim = function makeCustomSizedDelim(delim, height, center,
 
   var sequence;
 
-  if (utils.contains(stackNeverDelimiters, delim)) {
+  if (stackNeverDelimiters.includes(delim)) {
     sequence = stackNeverDelimiterSequence;
-  } else if (utils.contains(stackLargeDelimiters, delim)) {
+  } else if (stackLargeDelimiters.includes(delim)) {
     sequence = stackLargeDelimiterSequence;
   } else {
     sequence = stackAlwaysDelimiterSequence;
@@ -9742,7 +9734,7 @@ var delimiters = ["(", "\\lparen", ")", "\\rparen", "[", "\\lbrack", "]", "\\rbr
 function checkDelimiter(delim, context) {
   var symDelim = checkSymbolNodeType(delim);
 
-  if (symDelim && utils.contains(delimiters, symDelim.text)) {
+  if (symDelim && delimiters.includes(symDelim.text)) {
     return symDelim;
   } else if (symDelim) {
     throw new ParseError("Invalid delimiter '" + symDelim.text + "' after '" + context.funcName + "'", delim);
@@ -11435,7 +11427,7 @@ defineEnvironment({
   },
 
   handler(context) {
-    if (utils.contains(["gather", "gather*"], context.envName)) {
+    if (["gather", "gather*"].includes(context.envName)) {
       validateAmsEnvironmentContext(context);
     }
 
@@ -13177,7 +13169,7 @@ var htmlBuilder$2 = (grp, options) => {
   var style = options.style;
   var large = false;
 
-  if (style.size === Style$1.DISPLAY.size && group.symbol && !utils.contains(noSuccessor, group.name)) {
+  if (style.size === Style$1.DISPLAY.size && group.symbol && !noSuccessor.includes(group.name)) {
     // Most symbol operators get larger in displaystyle (rule 13)
     large = true;
   }
@@ -13278,7 +13270,7 @@ var mathmlBuilder$1 = (group, options) => {
     // This is a symbol. Just add the symbol.
     node = new MathNode("mo", [makeText(group.name, group.mode)]);
 
-    if (utils.contains(noSuccessor, group.name)) {
+    if (noSuccessor.includes(group.name)) {
       node.setAttribute("largeop", "false");
     }
   } else if (group.body) {
@@ -15669,7 +15661,7 @@ defineMacro("\\dots", function (context) {
   } else if (next.slice(0, 4) === '\\not') {
     thedots = '\\dotsb';
   } else if (next in symbols.math) {
-    if (utils.contains(['bin', 'rel'], symbols.math[next].group)) {
+    if (['bin', 'rel'].includes(symbols.math[next].group)) {
       thedots = '\\dotsb';
     }
   }
@@ -17915,7 +17907,7 @@ class Parser {
       return null;
     }
 
-    var match = /^(#[a-f0-9]{3}|#?[a-f0-9]{6}|[a-z]+)$/i.exec(res.text);
+    var match = /^(#[a-f0-9]{3,4}|#[a-f0-9]{6}|#[a-f0-9]{8}|[a-f0-9]{6}|[a-z]+)$/i.exec(res.text);
 
     if (!match) {
       throw new ParseError("Invalid color: '" + res.text + "'", res);
@@ -18445,7 +18437,7 @@ var renderToHTMLTree = function renderToHTMLTree(expression, options) {
   }
 };
 
-var version = "0.16.23";
+var version = "0.16.25";
 var __domTree = {
   Span,
   Anchor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "katex",
-  "version": "0.16.23",
+  "version": "0.16.25",
   "description": "Fast math typesetting for the web.",
   "main": "dist/katex.js",
   "exports": {
@@ -129,7 +129,8 @@
     "webpack": "^5.74.0",
     "webpack-bundle-analyzer": "^4.6.1",
     "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.10.1"
+    "webpack-dev-server": "^4.10.1",
+    "webpack-remove-empty-scripts": "^1.0.4"
   },
   "bin": "cli.js",
   "scripts": {

package/src/Parser.js

@@ -680,7 +680,9 @@ export default class Parser {
         if (res == null) {
             return null;
         }
-        const match = (/^(#[a-f0-9]{3}|#?[a-f0-9]{6}|[a-z]+)$/i).exec(res.text);
+        const match = (
+            /^(#[a-f0-9]{3,4}|#[a-f0-9]{6}|#[a-f0-9]{8}|[a-f0-9]{6}|[a-z]+)$/i
+        ).exec(res.text);
         if (!match) {
             throw new ParseError("Invalid color: '" + res.text + "'", res);
         }

package/src/buildHTML.js

@@ -10,7 +10,6 @@ import ParseError from "./ParseError";
 import Style from "./Style";
 import buildCommon from "./buildCommon";
 import {Span, Anchor} from "./domTree";
-import utils from "./utils";
 import {makeEm} from "./units";
 import {spacings, tightSpacings} from "./spacingData";
 import {_htmlGroupBuilders as groupBuilders} from "./defineFunction";
@@ -110,9 +109,9 @@ export const buildExpression = function(
     traverseNonSpaceNodes(groups, (node, prev) => {
         const prevType = prev.classes[0];
         const type = node.classes[0];
-        if (prevType === "mbin" && utils.contains(binRightCanceller, type)) {
+        if (prevType === "mbin" && binRightCanceller.includes(type)) {
             prev.classes[0] = "mord";
-        } else if (type === "mbin" && utils.contains(binLeftCanceller, prevType)) {
+        } else if (type === "mbin" && binLeftCanceller.includes(prevType)) {
             node.classes[0] = "mord";
         }
     }, {node: dummyPrev}, dummyNext, isRoot);

package/src/buildMathML.js

@@ -10,7 +10,6 @@ import {getCharacterMetrics} from "./fontMetrics";
 import mathMLTree from "./mathMLTree";
 import ParseError from "./ParseError";
 import symbols, {ligatures} from "./symbols";
-import utils from "./utils";
 import {_mathmlGroupBuilders as groupBuilders} from "./defineFunction";
 import {MathNode, TextNode} from "./mathMLTree";
 
@@ -112,7 +111,7 @@ export const getVariant = function(
     }
 
     let text = group.text;
-    if (utils.contains(["\\imath", "\\jmath"], text)) {
+    if (["\\imath", "\\jmath"].includes(text)) {
         return null;
     }
 
@@ -291,7 +290,7 @@ export default function buildMathML(
     // tag correctly, unless it's a single <mrow> or <mtable>.
     let wrapper;
     if (expression.length === 1 && expression[0] instanceof MathNode &&
-        utils.contains(["mrow", "mtable"], expression[0].type)) {
+        ["mrow", "mtable"].includes(expression[0].type)) {
         wrapper = expression[0];
     } else {
         wrapper = new mathMLTree.MathNode("mrow", expression);

package/src/delimiter.js

@@ -29,7 +29,6 @@ import {sqrtPath, innerPath, tallDelim} from "./svgGeometry";
 import buildCommon from "./buildCommon";
 import {getCharacterMetrics} from "./fontMetrics";
 import symbols from "./symbols";
-import utils from "./utils";
 import {makeEm} from "./units";
 import fontMetricsData from "./fontMetricsData";
 
@@ -255,11 +254,11 @@ const makeStackedDelim = function(
         top = "\\Uparrow";
         repeat = "\u2016";
         bottom = "\\Downarrow";
-    } else if (utils.contains(verts, delim)) {
+    } else if (verts.includes(delim)) {
         repeat = "\u2223";
         svgLabel = "vert";
         viewBoxWidth = 333;
-    } else if (utils.contains(doubleVerts, delim)) {
+    } else if (doubleVerts.includes(delim)) {
         repeat = "\u2225";
         svgLabel = "doublevert";
         viewBoxWidth = 556;
@@ -621,10 +620,10 @@ const makeSizedDelim = function(
     }
 
     // Sized delimiters are never centered.
-    if (utils.contains(stackLargeDelimiters, delim) ||
-        utils.contains(stackNeverDelimiters, delim)) {
+    if (stackLargeDelimiters.includes(delim) ||
+        stackNeverDelimiters.includes(delim)) {
         return makeLargeDelim(delim, size, false, options, mode, classes);
-    } else if (utils.contains(stackAlwaysDelimiters, delim)) {
+    } else if (stackAlwaysDelimiters.includes(delim)) {
         return makeStackedDelim(
             delim, sizeToMaxHeight[size], false, options, mode, classes);
     } else {
@@ -759,9 +758,9 @@ const makeCustomSizedDelim = function(
 
     // Decide what sequence to use
     let sequence;
-    if (utils.contains(stackNeverDelimiters, delim)) {
+    if (stackNeverDelimiters.includes(delim)) {
         sequence = stackNeverDelimiterSequence;
-    } else if (utils.contains(stackLargeDelimiters, delim)) {
+    } else if (stackLargeDelimiters.includes(delim)) {
         sequence = stackLargeDelimiterSequence;
     } else {
         sequence = stackAlwaysDelimiterSequence;

package/src/domTree.js

@@ -231,7 +231,7 @@ export class Span<ChildType: VirtualNode> implements HtmlDomNode {
     }
 
     hasClass(className: string): boolean {
-        return utils.contains(this.classes, className);
+        return this.classes.includes(className);
     }
 
     toNode(): HTMLElement {
@@ -272,7 +272,7 @@ export class Anchor implements HtmlDomNode {
     }
 
     hasClass(className: string): boolean {
-        return utils.contains(this.classes, className);
+        return this.classes.includes(className);
     }
 
     toNode(): HTMLElement {
@@ -308,7 +308,7 @@ export class Img implements VirtualNode {
     }
 
     hasClass(className: string): boolean {
-        return utils.contains(this.classes, className);
+        return this.classes.includes(className);
     }
 
     toNode(): Node {
@@ -410,7 +410,7 @@ export class SymbolNode implements HtmlDomNode {
     }
 
     hasClass(className: string): boolean {
-        return utils.contains(this.classes, className);
+        return this.classes.includes(className);
     }
 
     /**

package/src/environments/array.js

@@ -1030,7 +1030,7 @@ defineEnvironment({
         numArgs: 0,
     },
     handler(context) {
-        if (utils.contains(["gather", "gather*"], context.envName)) {
+        if (["gather", "gather*"].includes(context.envName)) {
             validateAmsEnvironmentContext(context);
         }
         const res = {

package/src/functions/delimsizing.js

@@ -4,7 +4,6 @@ import defineFunction from "../defineFunction";
 import delimiter from "../delimiter";
 import mathMLTree from "../mathMLTree";
 import ParseError from "../ParseError";
-import utils from "../utils";
 import {assertNodeType, checkSymbolNodeType} from "../parseNode";
 import {makeEm} from "../units";
 
@@ -61,7 +60,7 @@ function checkDelimiter(
     context: FunctionContext,
 ): SymbolParseNode {
     const symDelim = checkSymbolNodeType(delim);
-    if (symDelim && utils.contains(delimiters, symDelim.text)) {
+    if (symDelim && delimiters.includes(symDelim.text)) {
         return symDelim;
     } else if (symDelim) {
         throw new ParseError(

package/src/functions/op.js

@@ -4,7 +4,6 @@ import defineFunction, {ordargument} from "../defineFunction";
 import buildCommon from "../buildCommon";
 import {SymbolNode} from "../domTree";
 import * as mathMLTree from "../mathMLTree";
-import utils from "../utils";
 import Style from "../Style";
 import {assembleSupSub} from "./utils/assembleSupSub";
 import {assertNodeType} from "../parseNode";
@@ -46,7 +45,7 @@ export const htmlBuilder: HtmlBuilderSupSub<"op"> = (grp, options) => {
     let large = false;
     if (style.size === Style.DISPLAY.size &&
         group.symbol &&
-        !utils.contains(noSuccessor, group.name)) {
+        !noSuccessor.includes(group.name)) {
 
         // Most symbol operators get larger in displaystyle (rule 13)
         large = true;
@@ -147,7 +146,7 @@ const mathmlBuilder: MathMLBuilder<"op"> = (group, options) => {
         // This is a symbol. Just add the symbol.
         node = new mathMLTree.MathNode(
             "mo", [mml.makeText(group.name, group.mode)]);
-        if (utils.contains(noSuccessor, group.name)) {
+        if (noSuccessor.includes(group.name)) {
             node.setAttribute("largeop", "false");
         }
     } else if (group.body) {

package/src/macros.js

@@ -12,7 +12,6 @@ export default macros;
 import fontMetricsData from "./fontMetricsData";
 import functions from "./functions";
 import symbols from "./symbols";
-import utils from "./utils";
 import {makeEm} from "./units";
 import ParseError from "./ParseError";
 
@@ -463,7 +462,7 @@ defineMacro("\\dots", function(context) {
     } else if (next.slice(0, 4) === '\\not') {
         thedots = '\\dotsb';
     } else if (next in symbols.math) {
-        if (utils.contains(['bin', 'rel'], symbols.math[next].group)) {
+        if (['bin', 'rel'].includes(symbols.math[next].group)) {
             thedots = '\\dotsb';
         }
     }

package/src/stretchy.js

@@ -8,7 +8,6 @@
 import {LineNode, PathNode, SvgNode} from "./domTree";
 import buildCommon from "./buildCommon";
 import mathMLTree from "./mathMLTree";
-import utils from "./utils";
 import {makeEm} from "./units";
 
 import type Options from "./Options";
@@ -192,8 +191,7 @@ const svgSpan = function(
     } {
         let viewBoxWidth = 400000;  // default
         const label = group.label.slice(1);
-        if (utils.contains(["widehat", "widecheck", "widetilde", "utilde"],
-            label)) {
+        if (["widehat", "widecheck", "widetilde", "utilde"].includes(label)) {
             // Each type in the `if` statement corresponds to one of the ParseNode
             // types below. This narrowing is required to access `grp.base`.
             // $FlowFixMe

package/src/styles/fonts.scss

@@ -2,6 +2,7 @@ $font-folder: "../../fonts" !default;
 $use-woff2: true !default;
 $use-woff: true !default;
 $use-ttf: true !default;
+$font-display: block !default;
 
 @function generate-src($family, $family-suffix) {
     $src: null;
@@ -46,6 +47,7 @@ $use-ttf: true !default;
         src: $src;
         font-weight: $weight;
         font-style: $style;
+        font-display: $font-display;
     }
 }
 

package/src/styles/katex-swap.scss

@@ -0,0 +1,4 @@
+@use 'katex' with (
+  $font-display: swap,
+  $version: $version,
+);

package/src/tree.js

@@ -1,7 +1,5 @@
 // @flow
 
-import utils from "./utils";
-
 import type {CssStyle, HtmlDomNode} from "./domTree";
 import type {MathDomNode} from "./mathMLTree";
 
@@ -21,7 +19,6 @@ export interface VirtualNode {
 export class DocumentFragment<ChildType: VirtualNode>
     implements HtmlDomNode, MathDomNode {
     children: $ReadOnlyArray<ChildType>;
-    // HtmlDomNode
     classes: string[];
     height: number;
     depth: number;
@@ -38,7 +35,7 @@ export class DocumentFragment<ChildType: VirtualNode>
     }
 
     hasClass(className: string): boolean {
-        return utils.contains(this.classes, className);
+        return this.classes.includes(className);
     }
 
     /** Convert the fragment into a node. */

package/src/utils.js

@@ -6,13 +6,6 @@
 
 import type {AnyParseNode} from "./parseNode";
 
-/**
- * Return whether an element is contained in a list
- */
-const contains = function<T>(list: Array<T>, elem: T): boolean {
-    return list.indexOf(elem) !== -1;
-};
-
 /**
  * Provide a default value if a setting is undefined
  * NOTE: Couldn't use `T` as the output type due to facebook/flow#5022.
@@ -120,7 +113,6 @@ export const protocolFromUrl = function(url: string): string | null {
 };
 
 export default {
-    contains,
     deflt,
     escape,
     hyphenate,