Add recommended libraries (#207)

* add recommended libraries

* rm constant

* upgrade node

* upgrade @observablehq/inputs

Author: mbostock

.github/workflows/nodejs.yml

@@ -8,7 +8,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node-version: [10.x, 12.x]
+        node-version: [12.x, 14.x]
 
     runs-on: ${{ matrix.os }}
 

src/constant.js

@@ -1,5 +1,4 @@
 import {require as requireDefault} from "d3-require";
-import constant from "./constant.js";
 import DOM from "./dom/index.js";
 import Files from "./files/index.js";
 import {NoFileAttachments} from "./fileAttachment.js";
@@ -13,24 +12,39 @@ import resolve from "./resolve.js";
 import requirer from "./require.js";
 import svg from "./svg.js";
 import tex from "./tex.js";
+import vegalite from "./vegalite.js";
 import width from "./width.js";
 
 export default Object.assign(function Library(resolver) {
   const require = requirer(resolver);
-  Object.defineProperties(this, {
-    DOM: {value: DOM, writable: true, enumerable: true},
-    FileAttachment: {value: constant(NoFileAttachments), writable: true, enumerable: true},
-    Files: {value: Files, writable: true, enumerable: true},
-    Generators: {value: Generators, writable: true, enumerable: true},
-    html: {value: constant(html), writable: true, enumerable: true},
-    md: {value: md(require), writable: true, enumerable: true},
-    Mutable: {value: constant(Mutable), writable: true, enumerable: true},
-    now: {value: now, writable: true, enumerable: true},
-    Promises: {value: Promises, writable: true, enumerable: true},
-    require: {value: constant(require), writable: true, enumerable: true},
-    resolve: {value: constant(resolve), writable: true, enumerable: true},
-    svg: {value: constant(svg), writable: true, enumerable: true},
-    tex: {value: tex(require), writable: true, enumerable: true},
-    width: {value: width, writable: true, enumerable: true}
-  });
+  Object.defineProperties(this, properties({
+    DOM: () => DOM,
+    FileAttachment: () => NoFileAttachments,
+    Files: () => Files,
+    Generators: () => Generators,
+    Inputs: () => require("@observablehq/[email protected]/dist/inputs.umd.min.js"),
+    Mutable: () => Mutable,
+    Plot: () => require("@observablehq/[email protected]/dist/plot.umd.min.js"),
+    Promises: () => Promises,
+    _: () => require("[email protected]/lodash.min.js"),
+    d3: () => require("[email protected]/dist/d3.min.js"),
+    htl: () => require("[email protected]/dist/htl.min.js"),
+    html: () => html,
+    md: md(require),
+    now: now,
+    require: () => require,
+    resolve: () => resolve,
+    svg: () => svg,
+    tex: tex(require),
+    vl: vegalite(require),
+    width: width
+  }));
 }, {resolve: requireDefault.resolve});
+
+function properties(values) {
+  return Object.fromEntries(Object.entries(values).map(property));
+}
+
+function property([key, value]) {
+  return [key, ({value, writable: true, enumerable: true})];
+}

src/library.js

@@ -1,5 +1,3 @@
-import constant from "../constant.js";
-
 var timeouts = new Map;
 
 function timeout(now, time) {
@@ -16,7 +14,7 @@ function timeout(now, time) {
 
 export default function when(time, value) {
   var now;
-  return (now = timeouts.get(time = +time)) ? now.then(constant(value))
+  return (now = timeouts.get(time = +time)) ? now.then(() => value)
       : (now = Date.now()) >= time ? Promise.resolve(value)
-      : timeout(now, time).then(constant(value));
+      : timeout(now, time).then(() => value);
 }

src/promises/when.js

@@ -0,0 +1,10 @@
+export default function vl(require) {
+  return async () => {
+    const [vega, vegalite, api] = await Promise.all([
+      "[email protected]/build/vega.min.js",
+      "[email protected]/build/vega-lite.min.js",
+      "[email protected]/build/vega-lite-api.min.js"
+    ].map(module => require(module)));
+    return api.register(vega, vegalite);
+  };
+}

src/vegalite.js

@@ -7,15 +7,21 @@ test("new Library returns a library with the expected keys", async t => {
     "FileAttachment",
     "Files",
     "Generators",
+    "Inputs",
     "Mutable",
+    "Plot",
     "Promises",
+    "_",
+    "d3",
+    "htl",
     "html",
     "md",
     "now",
     "require",
     "resolve",
     "svg",
     "tex",
+    "vl",
     "width"
   ]);
   t.end();