add mermaid (#278)

* add mermaid

* update recommended libraries

Author: mbostock

bin/resolve-dependencies

@@ -78,6 +78,10 @@ const mains = ["unpkg", "jsdelivr", "browser", "main"];
     const package = await resolve("exceljs");
     console.log(`export const exceljs = dependency("${package.name}", "${package.version}", "${package.export}");`);
   }
+  {
+    const package = await resolve("mermaid");
+    console.log(`export const mermaid = dependency("${package.name}", "${package.version}", "${package.export.replace(/\.core\.js$/, ".min.js")}");`);
+  }
 })();
 
 async function resolve(specifier) {

src/dependencies.js

@@ -1,19 +1,20 @@
 import dependency from "./dependency.js";
-export const d3 = dependency("d3", "7.3.0", "dist/d3.min.js");
+export const d3 = dependency("d3", "7.4.4", "dist/d3.min.js");
 export const inputs = dependency("@observablehq/inputs", "0.10.4", "dist/inputs.min.js");
-export const plot = dependency("@observablehq/plot", "0.4.2", "dist/plot.umd.min.js");
+export const plot = dependency("@observablehq/plot", "0.4.3", "dist/plot.umd.min.js");
 export const graphviz = dependency("@observablehq/graphviz", "0.2.1", "dist/graphviz.min.js");
 export const highlight = dependency("@observablehq/highlight.js", "2.0.0", "highlight.min.js");
 export const katex = dependency("@observablehq/katex", "0.11.1", "dist/katex.min.js");
 export const lodash = dependency("lodash", "4.17.21", "lodash.min.js");
 export const htl = dependency("htl", "0.3.1", "dist/htl.min.js");
-export const jszip = dependency("jszip", "3.7.1", "dist/jszip.min.js");
+export const jszip = dependency("jszip", "3.9.1", "dist/jszip.min.js");
 export const marked = dependency("marked", "0.3.12", "marked.min.js");
 export const sql = dependency("sql.js", "1.6.2", "dist/sql-wasm.js");
-export const vega = dependency("vega", "5.21.0", "build/vega.min.js");
+export const vega = dependency("vega", "5.22.1", "build/vega.min.js");
 export const vegalite = dependency("vega-lite", "5.2.0", "build/vega-lite.min.js");
 export const vegaliteApi = dependency("vega-lite-api", "5.0.0", "build/vega-lite-api.min.js");
 export const arrow = dependency("apache-arrow", "4.0.1", "Arrow.es2015.min.js");
 export const arquero = dependency("arquero", "4.8.8", "dist/arquero.min.js");
 export const topojson = dependency("topojson-client", "3.1.0", "dist/topojson-client.min.js");
 export const exceljs = dependency("exceljs", "4.3.0", "dist/exceljs.min.js");
+export const mermaid = dependency("mermaid", "9.0.0", "dist/mermaid.min.js");

src/library.js

@@ -5,6 +5,7 @@ import {AbstractFile, NoFileAttachments} from "./fileAttachment.js";
 import Generators from "./generators/index.js";
 import html from "./html.js";
 import md from "./md.js";
+import mermaid from "./mermaid.js";
 import Mutable from "./mutable.js";
 import now from "./now.js";
 import Promises from "./promises/index.js";
@@ -34,6 +35,7 @@ export default Object.assign(function Library(resolver) {
     htl: () => require(htl.resolve()),
     html: () => html,
     md: () => md(require),
+    mermaid: () => mermaid(require),
     now,
     require: () => require,
     resolve: () => resolve,

src/mermaid.js

@@ -0,0 +1,12 @@
+import {mermaid as merd} from "./dependencies.js";
+import uid from "./dom/uid.js";
+
+export default async function mermaid(require) {
+  const mer = await require(merd.resolve());
+  mer.initialize({securityLevel: "loose", theme: "neutral"});
+  return function mermaid() {
+    const root = document.createElement("div");
+    root.innerHTML = mer.render(uid().id, String.raw.apply(String, arguments));
+    return root.removeChild(root.firstChild);
+  };
+}

test/index-test.js

@@ -21,6 +21,7 @@ test("new Library returns a library with the expected keys", async t => {
     "htl",
     "html",
     "md",
+    "mermaid",
     "now",
     "require",
     "resolve",