extension.js

let vscode = require("vscode");
const editTemplate = require("./commands/edittemplate");
const newTemplate = require("./commands/newtemplate");
const newFileFromTemplate = require("./commands/newfilefromtemplate");

const kt = require("katex");
const tm = require("markdown-it-texmath").use(kt);
const path = require("path");
const fs = require("fs");

/**
 * @param {vscode.ExtensionContext} context
 */

function activate(context) {
  /**
   * Create a new Template from file
   */
  let disposable = vscode.commands.registerCommand(
    "extension.newTemplateFromFile",
    newTemplate.newTemplateFromFile
  );
  context.subscriptions.push(disposable);

  /**
   * Create a new Template
   */
  disposable = vscode.commands.registerCommand(
    "extension.newTemplate",
    newTemplate.newTemplate
  );

  /**
   * Edit a template
   */
  disposable = vscode.commands.registerCommand(
    "extension.editTemplate",
    editTemplate
  );
  context.subscriptions.push(disposable);

  /**
   * Create a new file from template
   */
  disposable = vscode.commands.registerCommand(
    "extension.newFileFromTemplate",
    newFileFromTemplate
  );
  context.subscriptions.push(disposable);

  (cfg = key => vscode.workspace.getConfiguration("mdmath")[key]),
    (infoMsg = msg => {
      vscode.window.showInformationMessage(`Markdown + Math: ${msg}`);
    }),
    (errMsg = msg => {
      vscode.window.showErrorMessage(`Markdown + Math: ${msg}`);
    }),
    (asHTML = () => {
      const doc =
          vscode.window.activeTextEditor &&
          vscode.window.activeTextEditor.document,
        usrcss = cfg("style");

      if (!doc || doc.languageId !== "markdown")
        return infoMsg("Active document is no markdown source document!");
      if (!mdit)
        return infoMsg(
          "Corresponding markdown preview document needs to be opened at least once!"
        );

      return htmlTmpl(
        mdit.render(doc.getText()),
        usrcss.length ? usrcss : false
      );
    }),
    (clip = () => {
      vscode.env.clipboard.writeText(asHTML()).then(
        () => infoMsg("Html copied to clipboard!"),
        err => errMsg("Html copying to clipboard failed: " + err.message)
      );
    }),
    (save = uri => {
      try {
        const fs = require("fs");
        uri = uri || vscode.window.activeTextEditor.document.uri;
        fs.writeFileSync(outputLocationOf(uri.fsPath), asHTML(), "utf8");
        infoMsg(`Html saved to ${outputLocationOf(uri.fsPath)} !`);
      } catch (err) {
        errMsg("Saving html failed: " + err.message);
      }
    }),
    (outputLocationOf = fsPath => {
      const root = vscode.workspace.getWorkspaceFolder(fsPath),
        parsed = path.parse(fsPath),
        savePath = cfg("savePath")
          .replace("${file.name}", parsed.name)
          .replace("${file.ext}", parsed.ext),
        out = savePath.startsWith("/")
          ? path.resolve(root, `.${savePath}`)
          : path.resolve(parsed.dir, savePath);

      return path.isAbsolute(out)
        ? out
        : path.resolve(parsed.dir, `./${parsed.name}.html`);
    }),
    (loadMacros = () => {
      try {
        const macroDef = JSON.stringify(cfg("macros")),
          macroUrl = cfg("macroFile"),
          macros = macroUrl.length
            ? fs.readFileSync(path.resolve(macroUrl), "utf8")
            : macroDef;

        return JSON.parse(macros);
      } catch (err) {
        errMsg("Loading macros failed: " + err.message);
      }
    }),
    (delimiters = JSON.parse(JSON.stringify(cfg("delimiters"))) || "dollars"), // wondering why this ...
    (macros = loadMacros()), // ... JSON stuff is necessary ...
    (options =
      Object.keys(macros).length !== 0
        ? { delimiters, macros }
        : { delimiters });

  context.subscriptions.push(
    vscode.commands.registerCommand("extension.clipToHtml", clip)
  );
  context.subscriptions.push(
    vscode.commands.registerCommand("extension.saveToHtml", save)
  );

  if (cfg("autosave")) {
    // Initialize autosave functionality ... if user defined !
    let watching = false;
    const initWatching = () => {
      if (!watching && vscode.window.activeTextEditor) {
        const pattern = new vscode.RelativePattern(
            path.dirname(vscode.window.activeTextEditor.document.uri.fsPath),
            "**/*.md"
          ),
          watcher = vscode.workspace.createFileSystemWatcher(
            pattern,
            false,
            false,
            true
          );
        watcher.onDidChange(save);
        watcher.onDidCreate(save);
        watching = true;
      }
    };
    context.subscriptions.push(
      vscode.window.onDidChangeActiveTextEditor(initWatching)
    );
  }

  return {
    extendMarkdownIt: function(md) {
      return (mdit = md).use(tm, options);
    }
  };
}

exports.activate = activate;

function deactivated() {}

const htmlTmpl = (html, usrcss) =>
  `<!doctype html><html><head><meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/2.10.0/github-markdown.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js">
<link  rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.css" integrity="sha384-9eLZqc9ds8eNjO3TmqPeYcDj8n+Qfa4nuSiGYa6DjLNcv9BtN69ZIulL9+8CqC9Y" crossorigin="anonymous">
<link rel="stylesheet" href="https://gitcdn.xyz/repo/goessner/mdmath/master/css/texmath.css">
<link rel="stylesheet" href="https://gitcdn.xyz/repo/goessner/mdmath/master/css/vscode-texmath.css">
${usrcss ? `<link rel="stylesheet" href="${usrcss}">` : ""}
</head><body>
${html}
</body></html>`.replace("vscode-resource:", "");

module.exports = {
  activate,
  deactivated
};