add leaflet to recommended libraries (#285)

Author: mbostock

bin/resolve-dependencies

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

src/dependencies.js

@@ -18,3 +18,4 @@ 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");
+export const leaflet = dependency("leaflet", "1.8.0", "dist/leaflet.js");

src/leaflet.js

@@ -0,0 +1,12 @@
+import {leaflet as ll} from "./dependencies.js";
+
+export default async function leaflet(require) {
+  const L = await require(ll.resolve());
+  if (!L._style) {
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = ll.resolve("dist/leaflet.css");
+    L._style = document.head.appendChild(link);
+  }
+  return L;
+}

src/library.js

@@ -4,6 +4,7 @@ import Files from "./files/index.js";
 import {AbstractFile, FileAttachment, NoFileAttachments} from "./fileAttachment.js";
 import Generators from "./generators/index.js";
 import html from "./html.js";
+import leaflet from "./leaflet.js";
 import md from "./md.js";
 import mermaid from "./mermaid.js";
 import Mutable from "./mutable.js";
@@ -41,6 +42,7 @@ export default Object.assign(function Library(resolver) {
     Arrow: () => require(arrow.resolve()),
     d3: () => require(d3.resolve()),
     Inputs: () => require(inputs.resolve()).then(Inputs => ({...Inputs, file: Inputs.fileOf(AbstractFile)})),
+    L: () => leaflet(require),
     mermaid: () => mermaid(require),
     Plot: () => require(plot.resolve()),
     require: () => require,

test/index-test.js

@@ -9,6 +9,7 @@ test("new Library returns a library with the expected keys", async t => {
     "Files",
     "Generators",
     "Inputs",
+    "L",
     "Mutable",
     "Plot",
     "Promises",