@cobapen/markdown 0.1.0 → 0.2.0

package/README.md

@@ -2,11 +2,16 @@
 
 A markdown converter for the cobapen website. 
 
+[![Build/Test](https://github.com/cobapen/markdown/actions/workflows/actions.yml/badge.svg?branch=main)](https://github.com/cobapen/markdown/actions/workflows/actions.yml)
+
+https://cobapen.github.io/markdown
+
 ## Features
 
 - toc
 - anchor & footnote 
 - deflist
-- fenced code block with filename, line-number
+- fenced code block with filename, line-number support
+- server side syntax highlighting
 - server side math rendering
 

package/dist/code/fence-custom.d.ts

@@ -2,7 +2,7 @@ import { Options } from "markdown-it/index.mjs";
 import Renderer from "markdown-it/lib/renderer.mjs";
 import Token from "markdown-it/lib/token.mjs";
 interface Env {
-    showCodeTitleByDefault?: boolean;
+  showCodeTitleByDefault?: boolean;
 }
 /**
  * Custom fence renderer for markdown-it.

package/dist/code/fence-custom.js

@@ -6,46 +6,46 @@ import { InfoString } from "./info-string.js";
  * see: markdown-it/lib/renderer.mjs
  */
 export function fence_custom(tokens, idx, options, env, slf) {
-    var token = tokens[idx];
-    var info_str = token.info ? unescapeAll(token.info).trim() : "";
-    var info = new InfoString(info_str);
-    var langName = info.lang;
-    var langAttrs = info.attrs.join(" ");
-    var highlighted;
-    if (options.highlight) {
-        highlighted = options.highlight(token.content, langName, langAttrs) || escapeHtml(token.content);
+  const token = tokens[idx];
+  const info_str = token.info ? unescapeAll(token.info).trim() : "";
+  const info = new InfoString(info_str);
+  const langName = info.lang;
+  const langAttrs = info.attrs.join(" ");
+  let highlighted;
+  if (options.highlight) {
+    highlighted = options.highlight(token.content, langName, langAttrs) || escapeHtml(token.content);
+  }
+  else {
+    highlighted = escapeHtml(token.content);
+  }
+  if (highlighted.indexOf("<pre") === 0) {
+    return highlighted + "\n";
+  }
+  // If language exists, inject class gently, without modifying original token.
+  // May be, one day we will add .deepClone() for token and simplify this part, but
+  // now we prefer to keep things local.
+  if (info.hasLang) {
+    const i = token.attrIndex("class");
+    const tmpAttrs = token.attrs ? token.attrs.slice() : [];
+    if (i < 0) {
+      tmpAttrs.push(["class", options.langPrefix + langName]);
     }
     else {
-        highlighted = escapeHtml(token.content);
+      tmpAttrs[i] = tmpAttrs[i].slice();
+      tmpAttrs[i][1] += " " + options.langPrefix + langName;
     }
-    if (highlighted.indexOf("<pre") === 0) {
-        return highlighted + "\n";
+    // Fake token just to render attributes
+    const tmpToken = {
+      attrs: tmpAttrs
+    };
+    if (info.title.length > 0) {
+      const style = (env.showCodeTitleByDefault === true)
+        ? ""
+        : " style=\"visibility:hidden;\"";
+      return `<pre><code${slf.renderAttrs(tmpToken)}>${highlighted}</code><span class="title"${style}>${info.title}</span></pre>\n`;
     }
-    // If language exists, inject class gently, without modifying original token.
-    // May be, one day we will add .deepClone() for token and simplify this part, but
-    // now we prefer to keep things local.
-    if (info.hasLang) {
-        var i = token.attrIndex("class");
-        var tmpAttrs = token.attrs ? token.attrs.slice() : [];
-        if (i < 0) {
-            tmpAttrs.push(["class", options.langPrefix + langName]);
-        }
-        else {
-            tmpAttrs[i] = tmpAttrs[i].slice();
-            tmpAttrs[i][1] += " " + options.langPrefix + langName;
-        }
-        // Fake token just to render attributes
-        var tmpToken = {
-            attrs: tmpAttrs
-        };
-        if (info.title.length > 0) {
-            var style = (env.showCodeTitleByDefault === true)
-                ? ""
-                : " style=\"visibility:hidden;\"";
-            return "<pre><code".concat(slf.renderAttrs(tmpToken), ">").concat(highlighted, "</code><span class=\"title\"").concat(style, ">").concat(info.title, "</span></pre>\n");
-        }
-        return "<pre><code".concat(slf.renderAttrs(tmpToken), ">").concat(highlighted, "</code></pre>\n");
-    }
-    return "<pre><code".concat(slf.renderAttrs(token), ">").concat(highlighted, "</code></pre>\n");
+    return `<pre><code${slf.renderAttrs(tmpToken)}>${highlighted}</code></pre>\n`;
+  }
+  return `<pre><code${slf.renderAttrs(token)}>${highlighted}</code></pre>\n`;
 }
 //# sourceMappingURL=fence-custom.js.map

package/dist/code/highlight.js

@@ -5,21 +5,17 @@
  */
 import hljs from "highlight.js";
 import { InfoString } from "./info-string.js";
-function _debuglog() {
-    var _args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        _args[_i] = arguments[_i];
-    }
-    // if (_debuglog.caller.name !== "") return;
-    // console.log(...args);
+function _debuglog(..._args) {
+  // if (_debuglog.caller.name !== "") return;
+  // console.log(...args);
 }
 /** Get digits of the number. e.g. 1000 => 4 */
 function numDigits(n) {
-    return Math.floor(n).toString().length;
+  return Math.floor(n).toString().length;
 }
 /** Print a decimal nicely */
 function niceDec(n) {
-    return n.toFixed(3);
+  return n.toFixed(3);
 }
 /**
  * Highlight function with line number support
@@ -30,12 +26,12 @@ function niceDec(n) {
  * @returns
  */
 export function highlightWithLineNumber(code, lang, linestart) {
-    try {
-        /** convert if lang is specified + supported by highlight.js */
-        if (lang && hljs.getLanguage(lang)) {
-            /** do conversion */
-            var htmlLines = hljs.highlight(code, { language: lang }).value;
-            /**
+  try {
+    /** convert if lang is specified + supported by highlight.js */
+    if (lang && hljs.getLanguage(lang)) {
+      /** do conversion */
+      let htmlLines = hljs.highlight(code, { language: lang }).value;
+      /**
              * Attach the line number if specified.
              *
              * The given code is rendered in <pre><code>, so each line is terminated by '\n'.
@@ -50,33 +46,33 @@ export function highlightWithLineNumber(code, lang, linestart) {
              * - user-select: none
              * - width: ${numDigits}em
              */
-            if (linestart !== undefined) {
-                var lines = htmlLines.split("\n");
-                var elWidth = numDigits(linestart + lines.length) * 0.8;
-                var elStyle_1 = "display:inline-block;" +
+      if (linestart !== undefined) {
+        const lines = htmlLines.split("\n");
+        const elWidth = numDigits(linestart + lines.length) * 0.8;
+        const elStyle = "display:inline-block;" +
                     "user-select:none;" +
-                    "width: ".concat(niceDec(elWidth), "em;");
-                lines.forEach(function (line, i, lines) {
-                    lines[i] =
+                    `width: ${niceDec(elWidth)}em;`;
+        lines.forEach((line, i, lines) => {
+          lines[i] =
                         "<div class=\"line\">" +
-                            "<span class=\"line-no\" style=\"".concat(elStyle_1, "\">").concat(linestart + i, "</span>").concat(line) +
+                            `<span class="line-no" style="${elStyle}">${linestart + i}</span>${line}` +
                             "</div>";
-                });
-                _debuglog(lines);
-                htmlLines = lines.join("");
-            }
-            return htmlLines;
-        }
-        else {
-            // no language , no highlighting.
-            // If you want line numbers without highlighting, set language to
-            // "nohighlight" or "text"
-            return "";
-        }
+        });
+        _debuglog(lines);
+        htmlLines = lines.join("");
+      }
+      return htmlLines;
     }
-    catch (_) {
-        return "";
+    else {
+      // no language , no highlighting.
+      // If you want line numbers without highlighting, set language to
+      // "nohighlight" or "text"
+      return "";
     }
+  }
+  catch (_) {
+    return "";
+  }
 }
 /**
  * Exported function for markdown-it
@@ -87,9 +83,9 @@ export function highlightWithLineNumber(code, lang, linestart) {
  * @returns
  */
 export function highlighterForMarkdownIt(str, lang, attrs) {
-    _debuglog(lang ? lang : "(lang is empty or undefined)");
-    var info = new InfoString(lang + " " + attrs);
-    _debuglog(info);
-    return highlightWithLineNumber(str, info.lang, info.linestart);
+  _debuglog(lang ? lang : "(lang is empty or undefined)");
+  const info = new InfoString(lang + " " + attrs);
+  _debuglog(info);
+  return highlightWithLineNumber(str, info.lang, info.linestart);
 }
 //# sourceMappingURL=highlight.js.map

package/dist/code/info-string.d.ts

@@ -2,25 +2,25 @@
  * InfoString parses info_string from fenced code block.
  */
 export declare class InfoString {
-    private readonly _lang;
-    private readonly _attrs;
-    private readonly _title;
-    private readonly _linestart;
-    constructor(info: string);
-    get lang(): string;
-    get attrs(): string[];
-    get title(): string;
-    get linestart(): number | undefined;
-    get hasLang(): boolean;
-    /** Parse info_string into an array of strings. All quotes are removed*/
-    static parseInfoString(info: string): string[];
-    /** Parse metadata notation "{filename:line, ...}"" */
-    static parseMetaNotation(text: string): {
-        filename: string;
-        line: number;
-    } | undefined;
-    /** From attributes list, return title metadata */
-    static getTitle(attr: string[]): string;
-    /** From attributes list, return line number if defined */
-    static getLineStart(attr: string[]): number | undefined;
+  private readonly _lang;
+  private readonly _attrs;
+  private readonly _title;
+  private readonly _linestart;
+  constructor(info: string);
+  get lang(): string;
+  get attrs(): string[];
+  get title(): string;
+  get linestart(): number | undefined;
+  get hasLang(): boolean;
+  /** Parse info_string into an array of strings. All quotes are removed*/
+  static parseInfoString(info: string): string[];
+  /** Parse metadata notation "{filename:line, ...}"" */
+  static parseMetaNotation(text: string): {
+    filename: string;
+    line: number;
+  } | undefined;
+  /** From attributes list, return title metadata */
+  static getTitle(attr: string[]): string;
+  /** From attributes list, return line number if defined */
+  static getLineStart(attr: string[]): number | undefined;
 }

package/dist/code/info-string.js

@@ -1,149 +1,129 @@
 /**
  * InfoString parses info_string from fenced code block.
  */
-var InfoString = /** @class */ (function () {
-    function InfoString(info) {
-        if (info.length > 0) {
-            var arr = InfoString.parseInfoString(info);
-            this._lang = arr[0];
-            this._attrs = arr.slice(1);
-            this._title = InfoString.getTitle(this._attrs);
-            this._linestart = InfoString.getLineStart(this._attrs);
-        }
-        else {
-            this._lang = "";
-            this._attrs = [];
-            this._title = "";
-            this._linestart = undefined;
-        }
+export class InfoString {
+  _lang;
+  _attrs;
+  _title;
+  _linestart;
+  constructor(info) {
+    if (info.length > 0) {
+      const arr = InfoString.parseInfoString(info);
+      this._lang = arr[0];
+      this._attrs = arr.slice(1);
+      this._title = InfoString.getTitle(this._attrs);
+      this._linestart = InfoString.getLineStart(this._attrs);
     }
-    Object.defineProperty(InfoString.prototype, "lang", {
-        get: function () {
-            return this._lang;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(InfoString.prototype, "attrs", {
-        get: function () {
-            return this._attrs;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(InfoString.prototype, "title", {
-        get: function () {
-            return this._title;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(InfoString.prototype, "linestart", {
-        get: function () {
-            return this._linestart;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(InfoString.prototype, "hasLang", {
-        get: function () {
-            return this._lang.length > 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /** Parse info_string into an array of strings. All quotes are removed*/
-    InfoString.parseInfoString = function (info) {
-        // There are 4 possible tokens, but it can be reduced to 2 patterns.
-        // arg, "arg quoted", key=value, key="value quoted"
-        // 
-        // This function returns a quote-removed string. 
-        // 
-        // const regex = /([^\s]+=)?(?:"([^"]*)"|'([^']*)'|([^\s]+))/g;
-        //                 ~~~~~~~~     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
-        //                 key=         "value" 'value' value
-        //
-        // The regex above does not support escape letters. The next regex
-        // is escape char aware. 
-        // 
-        // NOTE: This class is designed to handle escape letters. However, tools 
-        // might decide to unescape info_string before used (e.g. markdown-it). 
-        // In such case, you might need to use double-escaped quotes.
-        // 
-        var dq = "[^\"\\\\]*(?:\\\\.|[^\"\\\\]*)*"; // [^"]*
-        var sq = "[^\'\\\\]*(?:\\\\.|[^\'\\\\]*)*"; // [^']*
-        //          ~~~~~~~~~~   ~~~~~ ~~~~~~~~~~
-        //          char seq   ( escape  char seq )*
-        // 
-        var ptn = "([^\\s]+=)?(?:\"(".concat(dq, ")\"|'(").concat(sq, ")'|([^\\s]+))");
-        //           ~~~~~~~~~~    ~~~~~~~~~ ~~~~~~~~~ ~~~~~~~~~
-        //           key=          "value"   'value'   value
-        var regex = new RegExp(ptn, "g");
-        var result = [];
-        var match;
-        while ((match = regex.exec(info)) !== null) {
-            var text = (match[1] || "") + (match[2] || match[3] || match[4] || "");
-            text = unescape(text).trim();
-            result.push(text);
-        }
-        return result;
-    };
-    /** Parse metadata notation "{filename:line, ...}"" */
-    InfoString.parseMetaNotation = function (text) {
-        var match = text.match(/^\{\s*([^:]+):(\d+)\s*\}$/);
-        if (match) {
-            return {
-                filename: match[1],
-                line: parseInt(match[2], 10),
-            };
-        }
-        return undefined;
-    };
-    /** From attributes list, return title metadata */
-    InfoString.getTitle = function (attr) {
-        var _a;
-        var titleAttr = (_a = attr.find(function (x) { return x.startsWith("title="); })) !== null && _a !== void 0 ? _a : "";
-        if (titleAttr.length > 0) {
-            var match = titleAttr.match(/^title=(.*)$/);
-            if (match) {
-                var value = match[1].trim();
-                if (value.startsWith("\"") && value.endsWith("\"")) {
-                    value = value.slice(1, -1);
-                    value = unescape(value).trim();
-                }
-                return value;
-            }
-            else {
-                throw new Error("Must not fail. Check impl.");
-            }
-        }
-        if (attr.length > 0) {
-            var meta = InfoString.parseMetaNotation(attr[0]);
-            if (meta && meta.filename.length > 0) {
-                return meta.filename;
-            }
-        }
-        return "";
-    };
-    /** From attributes list, return line number if defined */
-    InfoString.getLineStart = function (attr) {
-        var _a;
-        var lineAttr = (_a = attr.find(function (x) { return x.startsWith("linestart="); })) !== null && _a !== void 0 ? _a : "";
-        if (lineAttr.length > 0) {
-            return parseInt(lineAttr.split("=")[1].trim());
-        }
-        if (attr.length > 0) {
-            var meta = InfoString.parseMetaNotation(attr[0]);
-            if (meta && meta.line > 0) {
-                return meta.line;
-            }
+    else {
+      this._lang = "";
+      this._attrs = [];
+      this._title = "";
+      this._linestart = undefined;
+    }
+  }
+  get lang() {
+    return this._lang;
+  }
+  get attrs() {
+    return this._attrs;
+  }
+  get title() {
+    return this._title;
+  }
+  get linestart() {
+    return this._linestart;
+  }
+  get hasLang() {
+    return this._lang.length > 0;
+  }
+  /** Parse info_string into an array of strings. All quotes are removed*/
+  static parseInfoString(info) {
+    // There are 4 possible tokens, but it can be reduced to 2 patterns.
+    // arg, "arg quoted", key=value, key="value quoted"
+    // 
+    // This function returns a quote-removed string. 
+    // 
+    // const regex = /([^\s]+=)?(?:"([^"]*)"|'([^']*)'|([^\s]+))/g;
+    //                 ~~~~~~~~     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
+    //                 key=         "value" 'value' value
+    //
+    // The regex above does not support escape letters. The next regex
+    // is escape char aware. 
+    // 
+    // NOTE: This class is designed to handle escape letters. However, tools 
+    // might decide to unescape info_string before used (e.g. markdown-it). 
+    // In such case, you might need to use double-escaped quotes.
+    // 
+    const dq = "[^\"\\\\]*(?:\\\\.|[^\"\\\\]*)*"; // [^"]*
+    const sq = "[^\'\\\\]*(?:\\\\.|[^\'\\\\]*)*"; // [^']*
+    //          ~~~~~~~~~~   ~~~~~ ~~~~~~~~~~
+    //          char seq   ( escape  char seq )*
+    // 
+    const ptn = `([^\\s]+=)?(?:"(${dq})"|'(${sq})'|([^\\s]+))`;
+    //           ~~~~~~~~~~    ~~~~~~~~~ ~~~~~~~~~ ~~~~~~~~~
+    //           key=          "value"   'value'   value
+    const regex = new RegExp(ptn, "g");
+    const result = [];
+    let match;
+    while ((match = regex.exec(info)) !== null) {
+      let text = (match[1] || "") + (match[2] || match[3] || match[4] || "");
+      text = unescape(text).trim();
+      result.push(text);
+    }
+    return result;
+  }
+  /** Parse metadata notation "{filename:line, ...}"" */
+  static parseMetaNotation(text) {
+    const match = text.match(/^\{\s*([^:]+):(\d+)\s*\}$/);
+    if (match) {
+      return {
+        filename: match[1],
+        line: parseInt(match[2], 10),
+      };
+    }
+    return undefined;
+  }
+  /** From attributes list, return title metadata */
+  static getTitle(attr) {
+    const titleAttr = attr.find(x => x.startsWith("title=")) ?? "";
+    if (titleAttr.length > 0) {
+      const match = titleAttr.match(/^title=(.*)$/);
+      if (match) {
+        let value = match[1].trim();
+        if (value.startsWith("\"") && value.endsWith("\"")) {
+          value = value.slice(1, -1);
+          value = unescape(value).trim();
         }
-        return undefined;
-    };
-    return InfoString;
-}());
-export { InfoString };
+        return value;
+      }
+      else {
+        throw new Error("Must not fail. Check impl.");
+      }
+    }
+    if (attr.length > 0) {
+      const meta = InfoString.parseMetaNotation(attr[0]);
+      if (meta && meta.filename.length > 0) {
+        return meta.filename;
+      }
+    }
+    return "";
+  }
+  /** From attributes list, return line number if defined */
+  static getLineStart(attr) {
+    const lineAttr = attr.find(x => x.startsWith("linestart=")) ?? "";
+    if (lineAttr.length > 0) {
+      return parseInt(lineAttr.split("=")[1].trim());
+    }
+    if (attr.length > 0) {
+      const meta = InfoString.parseMetaNotation(attr[0]);
+      if (meta && meta.line > 0) {
+        return meta.line;
+      }
+    }
+    return undefined;
+  }
+}
 function unescape(text) {
-    return text.replaceAll(/\\\"/g, "\"").replaceAll(/\\\'/g, "'");
+  return text.replaceAll(/\\\"/g, "\"").replaceAll(/\\\'/g, "'");
 }
 //# sourceMappingURL=info-string.js.map

package/dist/index.d.ts

@@ -1,16 +1,42 @@
-export interface Configuration {
+import markdownIt, { Options as MarkdownOptions } from "markdown-it";
+import { Options as MathOptions } from "./math/mathjax.js";
+export interface Config {
     /**
      * Set "true" to display the title (if specified) of the fenced code block.
      * The title is hidden by default, and user must explicitly override the style.
      */
     showCodeTitleByDefault: boolean;
+    /**
+     * MarkdownIt options
+     */
+    markdown: Partial<MarkdownOptions>;
+    /**
+     * MathJax options
+     */
+    math: Partial<MathOptions>;
 }
-export type Options = Partial<Configuration>;
-export declare class MarkdownConverter {
+export type Options = Partial<Config>;
+export declare class CMarkdown {
     private readonly _config;
     private readonly _mj;
     private readonly _md;
     constructor(option?: Options);
+    /**
+     * Install plugins and renderers to the markdown-it instance.
+     *
+     * @param md The instance
+     */
+    setup(md: markdownIt): void;
+    /**
+     * Render html from markdown.
+     *
+     * @param text markdown text
+     * @returns html text
+     */
     render(text: string): string;
+    /**
+     * Returns the MathJax CSS.
+     * @returns
+     */
     mathcss(): string;
 }

package/dist/index.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import markdownIt from "markdown-it";
 import { highlighterForMarkdownIt } from "./code/highlight.js";
 import anchor from "markdown-it-anchor";
@@ -23,45 +12,66 @@ import footnote from "markdown-it-footnote";
 import { MathjaxEngine } from "./math/mathjax.js";
 import { mdmath } from "./math/mdmath.js";
 import { fence_custom } from "./code/fence-custom.js";
-var defaultOptions = {
+const defaultOptions = {
     showCodeTitleByDefault: false,
-};
-var MarkdownConverter = /** @class */ (function () {
-    function MarkdownConverter(option) {
-        var config = __assign(__assign({}, defaultOptions), option);
-        var mj = new MathjaxEngine({
-            tex: {
-                macros: {
-                    bm: ["\\boldsymbol{#1}", 1],
-                },
+    markdown: {
+        html: true,
+        linkify: true,
+        highlight: highlighterForMarkdownIt,
+    },
+    math: {
+        tex: {
+            macros: {
+                bm: ["\\boldsymbol{#1}", 1],
             },
-        });
-        var md = markdownIt({
-            html: true,
-            linkify: true,
-            highlight: highlighterForMarkdownIt,
-        });
+        },
+    }
+};
+export class CMarkdown {
+    _config;
+    _mj;
+    _md;
+    constructor(option) {
+        const config = { ...defaultOptions, ...option };
+        const mj = new MathjaxEngine(config.math);
+        const md = markdownIt(config.markdown);
+        this._config = config;
+        this._mj = mj;
+        this._md = md;
+        this.setup(md);
+    }
+    /**
+     * Install plugins and renderers to the markdown-it instance.
+     *
+     * @param md The instance
+     */
+    setup(md) {
         md.renderer.rules.fence = fence_custom;
         md.use(anchor)
             .use(cjkbreaks)
             .use(footnote)
             .use(deflist)
-            .use(mdmath(mj))
+            .use(mdmath(this._mj))
             .use(toc, {
             includeLevel: [2, 3],
         });
-        this._config = config;
-        this._mj = mj;
-        this._md = md;
     }
-    MarkdownConverter.prototype.render = function (text) {
-        var env = __assign({}, this._config); // env object must s
+    /**
+     * Render html from markdown.
+     *
+     * @param text markdown text
+     * @returns html text
+     */
+    render(text) {
+        const env = { ...this._config }; // env object must s
         return this._md.render(text, env);
-    };
-    MarkdownConverter.prototype.mathcss = function () {
+    }
+    /**
+     * Returns the MathJax CSS.
+     * @returns
+     */
+    mathcss() {
         return this._mj.stylesheet();
-    };
-    return MarkdownConverter;
-}());
-export { MarkdownConverter };
+    }
+}
 //# sourceMappingURL=index.js.map

package/dist/math/mathjax.d.ts

@@ -55,7 +55,7 @@ interface CHTMLConfig {
     fontURL: string;
     adaptiveCSS: boolean;
 }
-interface Options {
+export interface Options {
     inline: boolean;
     em: number;
     ex: number;

package/dist/math/mathjax.js

@@ -15,8 +15,8 @@ import { mathjax } from "mathjax-full/js/mathjax.js";
 import { CHTML } from "mathjax-full/js/output/chtml.js";
 import { AllPackages } from "mathjax-full/js/input/tex/AllPackages.js";
 import { merge } from "lodash-es";
-var MATHJAX_DEFAULT_FONT_URL = "https://cdn.jsdelivr.net/npm/mathjax-full@3/es5/output/chtml/fonts/woff-v2";
-var defaultOption = {
+const MATHJAX_DEFAULT_FONT_URL = "https://cdn.jsdelivr.net/npm/mathjax-full@3/es5/output/chtml/fonts/woff-v2";
+const defaultOption = {
     inline: false,
     em: 16,
     ex: 8,
@@ -39,18 +39,22 @@ var defaultOption = {
  * The other returns a stylesheet document. The stylesheet must be included
  * in your HTML document to render the equation properly.
  */
-var MathjaxEngine = /** @class */ (function () {
-    function MathjaxEngine(option) {
-        var _a;
+export class MathjaxEngine {
+    option;
+    adaptor;
+    tex;
+    chtml;
+    html;
+    constructor(option) {
         this.option = merge({}, defaultOption, option);
-        if (typeof ((_a = this.option.tex) === null || _a === void 0 ? void 0 : _a.packages) === "string") {
+        if (typeof this.option.tex?.packages === "string") {
             this.option.tex.packages = this.option.tex.packages.split(/\s*,\s*/);
         }
         this.adaptor = liteAdaptor();
         RegisterHTMLHandler(this.adaptor);
-        var tex = new TeX(this.option.tex);
-        var chtml = new CHTML(this.option.chtml);
-        var html = mathjax.document("", {
+        const tex = new TeX(this.option.tex);
+        const chtml = new CHTML(this.option.chtml);
+        const html = mathjax.document("", {
             InputJax: tex,
             OutputJax: chtml,
         });
@@ -60,12 +64,13 @@ var MathjaxEngine = /** @class */ (function () {
         this.html = html;
         function renderDoc(_doc) { }
         function renderMath(math, doc) {
-            var adaptor = doc.adaptor;
-            var text = adaptor.node("mjx-copytext", { "aria-hidden": true }, [
+            const adaptor = doc.adaptor;
+            const text = adaptor.node("mjx-copytext", { "aria-hidden": true }, [
                 adaptor.text(math.math),
             ]);
             adaptor.setStyle(text, "position", "absolute");
-            adaptor.setStyle(text, "visibility", "hidden");
+            adaptor.setStyle(text, "display", "none");
+            adaptor.setStyle(text, "width", "0");
             adaptor.setStyle(math.typesetRoot, "position", "relative");
             adaptor.append(math.typesetRoot, text);
         }
@@ -77,13 +82,12 @@ var MathjaxEngine = /** @class */ (function () {
      * @param override  parameter to override the defaults, if you wish to
      * @returns
      */
-    MathjaxEngine.prototype.convert = function (tex, override) {
-        var _a, _b, _c, _d;
-        var node = this.html.convert(tex, {
-            display: !((_a = override === null || override === void 0 ? void 0 : override.inline) !== null && _a !== void 0 ? _a : this.option.inline),
-            em: (_b = override === null || override === void 0 ? void 0 : override.em) !== null && _b !== void 0 ? _b : this.option.em,
-            ex: (_c = override === null || override === void 0 ? void 0 : override.ex) !== null && _c !== void 0 ? _c : this.option.ex,
-            containerWidth: (_d = override === null || override === void 0 ? void 0 : override.width) !== null && _d !== void 0 ? _d : this.option.width,
+    convert(tex, override) {
+        const node = this.html.convert(tex, {
+            display: !(override?.inline ?? this.option.inline),
+            em: override?.em ?? this.option.em,
+            ex: override?.ex ?? this.option.ex,
+            containerWidth: override?.width ?? this.option.width,
             scale: 1.0,
         });
         if (node instanceof LiteElement) {
@@ -92,17 +96,15 @@ var MathjaxEngine = /** @class */ (function () {
         else {
             return "ERROR";
         }
-    };
+    }
     /**
      * returns adaptive css (stylesheet for the processed equations only),
      * or the full mathjax css (if configured)
      *
      * @returns css content
      */
-    MathjaxEngine.prototype.stylesheet = function () {
+    stylesheet() {
         return this.adaptor.textContent(this.chtml.styleSheet(this.html));
-    };
-    return MathjaxEngine;
-}());
-export { MathjaxEngine };
+    }
+}
 //# sourceMappingURL=mathjax.js.map

package/dist/math/mdmath.js

@@ -16,7 +16,7 @@ function getRenderers(mathjax) {
     function renderInlineMath(tex) {
         return katex.renderToString(tex, {
             throwOnError: false,
-            strict: function (code, _msg, _token) {
+            strict: (code, _msg, _token) => {
                 switch (code) {
                     case "unicodeTextInMathMode":
                         return "ignore";
@@ -28,7 +28,7 @@ function getRenderers(mathjax) {
     }
     function renderBlockMath(tex) {
         try {
-            var math = mathjax.convert(tex);
+            const math = mathjax.convert(tex);
             return "<p>" + math + "</p>";
         }
         catch (err) {
@@ -43,8 +43,8 @@ function getRenderers(mathjax) {
         return renderBlockMath(tokens[index].content + "\n");
     }
     return {
-        inlineRenderer: inlineRenderer,
-        blockRenderer: blockRenderer,
+        inlineRenderer,
+        blockRenderer,
     };
 }
 /**
@@ -54,8 +54,8 @@ function getRenderers(mathjax) {
  * @returns
  */
 export function mdmath(math) {
-    var renderer = getRenderers(math);
-    return function (md) {
+    const renderer = getRenderers(math);
+    return (md) => {
         md.inline.ruler.after("escape", "math_inline", math_inline);
         md.block.ruler.after("blockquote", "math_block", math_block, {
             alt: ["paragraph", "reference", "blockquote", "list"],

package/dist/math/mdparser.js

@@ -8,141 +8,141 @@
  * Assumes that there is a "$" at state.src[pos]
  */
 function isValidDelim(state, pos) {
-    var max = state.posMax;
-    var can_open = true;
-    var can_close = true;
-    var prevChar = pos > 0 ? state.src.charCodeAt(pos - 1) : -1;
-    var nextChar = pos + 1 <= max ? state.src.charCodeAt(pos + 1) : -1;
-    // Check non-whitespace conditions for opening and closing, and
-    // check that closing delimeter isn't followed by a number
-    if (prevChar === 0x20 /* " " */ ||
+  const max = state.posMax;
+  let can_open = true;
+  let can_close = true;
+  const prevChar = pos > 0 ? state.src.charCodeAt(pos - 1) : -1;
+  const nextChar = pos + 1 <= max ? state.src.charCodeAt(pos + 1) : -1;
+  // Check non-whitespace conditions for opening and closing, and
+  // check that closing delimeter isn't followed by a number
+  if (prevChar === 0x20 /* " " */ ||
         prevChar === 0x09 /* \t */ ||
         (nextChar >= 0x30 /* "0" */ && nextChar <= 0x39) /* "9" */) {
-        can_close = false;
-    }
-    if (nextChar === 0x20 /* " " */ || nextChar === 0x09 /* \t */) {
-        can_open = false;
-    }
-    return {
-        can_open: can_open,
-        can_close: can_close,
-    };
+    can_close = false;
+  }
+  if (nextChar === 0x20 /* " " */ || nextChar === 0x09 /* \t */) {
+    can_open = false;
+  }
+  return {
+    can_open: can_open,
+    can_close: can_close,
+  };
 }
 export function math_inline(state, silent) {
-    var match, token, res, pos;
-    if (state.src[state.pos] !== "$") {
-        return false;
-    }
-    res = isValidDelim(state, state.pos);
-    if (!res.can_open) {
-        if (!silent) {
-            state.pending += "$";
-        }
-        state.pos += 1;
-        return true;
+  let match, token, res, pos;
+  if (state.src[state.pos] !== "$") {
+    return false;
+  }
+  res = isValidDelim(state, state.pos);
+  if (!res.can_open) {
+    if (!silent) {
+      state.pending += "$";
     }
-    // First check for and bypass all properly escaped delimieters
-    // This loop will assume that the first leading backtick can not
-    // be the first character in state.src, which is known since
-    // we have found an opening delimieter already.
-    var start = state.pos + 1;
-    match = start;
-    while ((match = state.src.indexOf("$", match)) !== -1) {
-        // Found potential $, look for escapes, pos will point to
-        // first non escape when complete
-        pos = match - 1;
-        while (state.src[pos] === "\\") {
-            pos -= 1;
-        }
-        // Even number of escapes, potential closing delimiter found
-        if ((match - pos) % 2 == 1) {
-            break;
-        }
-        match += 1;
+    state.pos += 1;
+    return true;
+  }
+  // First check for and bypass all properly escaped delimieters
+  // This loop will assume that the first leading backtick can not
+  // be the first character in state.src, which is known since
+  // we have found an opening delimieter already.
+  const start = state.pos + 1;
+  match = start;
+  while ((match = state.src.indexOf("$", match)) !== -1) {
+    // Found potential $, look for escapes, pos will point to
+    // first non escape when complete
+    pos = match - 1;
+    while (state.src[pos] === "\\") {
+      pos -= 1;
     }
-    // No closing delimter found.  Consume $ and continue.
-    if (match === -1) {
-        if (!silent) {
-            state.pending += "$";
-        }
-        state.pos = start;
-        return true;
+    // Even number of escapes, potential closing delimiter found
+    if ((match - pos) % 2 == 1) {
+      break;
     }
-    // Check if we have empty content, ie: $$.  Do not parse.
-    if (match - start === 0) {
-        if (!silent) {
-            state.pending += "$$";
-        }
-        state.pos = start + 1;
-        return true;
+    match += 1;
+  }
+  // No closing delimter found.  Consume $ and continue.
+  if (match === -1) {
+    if (!silent) {
+      state.pending += "$";
     }
-    // Check for valid closing delimiter
-    res = isValidDelim(state, match);
-    if (!res.can_close) {
-        if (!silent) {
-            state.pending += "$";
-        }
-        state.pos = start;
-        return true;
+    state.pos = start;
+    return true;
+  }
+  // Check if we have empty content, ie: $$.  Do not parse.
+  if (match - start === 0) {
+    if (!silent) {
+      state.pending += "$$";
     }
+    state.pos = start + 1;
+    return true;
+  }
+  // Check for valid closing delimiter
+  res = isValidDelim(state, match);
+  if (!res.can_close) {
     if (!silent) {
-        token = state.push("math_inline", "math", 0);
-        token.markup = "$";
-        token.content = state.src.slice(start, match);
+      state.pending += "$";
     }
-    state.pos = match + 1;
+    state.pos = start;
     return true;
+  }
+  if (!silent) {
+    token = state.push("math_inline", "math", 0);
+    token.markup = "$";
+    token.content = state.src.slice(start, match);
+  }
+  state.pos = match + 1;
+  return true;
 }
 export function math_block(state, start, end, silent) {
-    var firstLine;
-    var lastLine;
-    var next;
-    var lastPos;
-    var found = false;
-    var pos = state.bMarks[start] + state.tShift[start];
-    var max = state.eMarks[start];
-    if (pos + 2 > max) {
-        return false;
-    }
-    if (state.src.slice(pos, pos + 2) !== "$$") {
-        return false;
-    }
-    pos += 2;
-    firstLine = state.src.slice(pos, max);
-    if (silent) {
-        return true;
+  let firstLine;
+  let lastLine;
+  let next;
+  let lastPos;
+  let found = false;
+  let pos = state.bMarks[start] + state.tShift[start];
+  let max = state.eMarks[start];
+  if (pos + 2 > max) {
+    return false;
+  }
+  if (state.src.slice(pos, pos + 2) !== "$$") {
+    return false;
+  }
+  pos += 2;
+  firstLine = state.src.slice(pos, max);
+  if (silent) {
+    return true;
+  }
+  if (firstLine.trim().slice(-2) === "$$") {
+    // Single line expression
+    firstLine = firstLine.trim().slice(0, -2);
+    found = true;
+  }
+  for (next = start; !found;) {
+    next++;
+    if (next >= end) {
+      break;
     }
-    if (firstLine.trim().slice(-2) === "$$") {
-        // Single line expression
-        firstLine = firstLine.trim().slice(0, -2);
-        found = true;
+    pos = state.bMarks[next] + state.tShift[next];
+    max = state.eMarks[next];
+    if (pos < max && state.tShift[next] < state.blkIndent) {
+      // non-empty line with negative indent should stop the list:
+      break;
     }
-    for (next = start; !found;) {
-        next++;
-        if (next >= end) {
-            break;
-        }
-        pos = state.bMarks[next] + state.tShift[next];
-        max = state.eMarks[next];
-        if (pos < max && state.tShift[next] < state.blkIndent) {
-            // non-empty line with negative indent should stop the list:
-            break;
-        }
-        if (state.src.slice(pos, max).trim().slice(-2) === "$$") {
-            lastPos = state.src.slice(0, max).lastIndexOf("$$");
-            lastLine = state.src.slice(pos, lastPos);
-            found = true;
-        }
+    if (state.src.slice(pos, max).trim().slice(-2) === "$$") {
+      lastPos = state.src.slice(0, max).lastIndexOf("$$");
+      lastLine = state.src.slice(pos, lastPos);
+      found = true;
     }
-    state.line = next + 1;
-    var token = state.push("math_block", "math", 0);
-    token.block = true;
-    token.content =
+  }
+  state.line = next + 1;
+  const token = state.push("math_block", "math", 0);
+  token.block = true;
+  token.content =
         (firstLine && firstLine.trim() ? firstLine + "\n" : "") +
             state.getLines(start + 1, next, state.tShift[start], true) +
             (lastLine && lastLine.trim() ? lastLine : "");
-    token.map = [start, state.line];
-    token.markup = "$$";
-    return true;
+  token.map = [start, state.line];
+  token.markup = "$$";
+  return true;
 }
 //# sourceMappingURL=mdparser.js.map

package/package.json

@@ -1,19 +1,13 @@
 {
   "name": "@cobapen/markdown",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A markdown converter for cobapen website",
+  "keywords": ["markdown"],
   "license": "MIT",
   "author": "yamavol",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "directories": {
-    "doc": "docs",
-    "test": "tests"
-  },
-  "keywords": [
-    "markdown"
-  ],
   "homepage": "https://github.com/cobapen/markdown#readme",
   "bugs": {
     "url": "https://github.com/cobapen/markdown/issues"
@@ -30,7 +24,10 @@
     "build": "tsc",
     "build:doc": "tsc && node docs/build.js",
     "test": "vitest",
-    "coverage": "vitest run --coverage"
+    "coverage": "vitest run --coverage",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "lint:dist": "eslint dist --fix"
   },
   "dependencies": {
     "highlight.js": "^11.11.1",