0.0.8

components/bibliography.js

@@ -15,15 +15,18 @@ export default function(dom, data) {
     let citations = [];
     var citeTags = [].slice.apply(dom.querySelectorAll("dt-cite"));
     citeTags.forEach(el => {
-      let citationKeys = el.getAttribute("key").split(",");
+      let key = el.getAttribute("key");
-      citationKeys.forEach(key => {
+      if (key) {
-        if (citations.indexOf(key) == -1){
+        let citationKeys = key.split(",");
-          citations.push(key);
+        citationKeys.forEach(key => {
-          if (! (key in bibliography)){
+          if (citations.indexOf(key) == -1){
+            citations.push(key);
+            if (! (key in bibliography)){
               console.warn("No bibliography entry found for: " + key);
+            }
           }
-        }
+        });
-      });
+      }
     });
     data.bibliography = bibliography;
     data.citations = citations;

components/citation.js

@@ -10,10 +10,13 @@ export default function(dom, data) {
   var citeTags = [].slice.apply(dom.querySelectorAll("dt-cite"));
   console.log(citeTags);
   citeTags.forEach(el => {
-    var keys = el.getAttribute("key").split(",");
+    var key = el.getAttribute("key");
-    console.log(keys)
+    if (key) {
-    var cite_string = inline_cite_short(keys);
+      var keys = key.split(",");
-    el.innerHTML = cite_string;
+      console.log(keys)
+      var cite_string = inline_cite_short(keys);
+      el.innerHTML = cite_string;
+    }
   });
 
   let bibEl = dom.querySelector("dt-bibliography");

dist/template.js

@@ -4201,15 +4201,18 @@ var bibliography = function(dom, data) {
     var citations = [];
     var citeTags = [].slice.apply(dom.querySelectorAll("dt-cite"));
     citeTags.forEach(function (el) {
-      var citationKeys = el.getAttribute("key").split(",");
+      var key = el.getAttribute("key");
-      citationKeys.forEach(function (key) {
+      if (key) {
-        if (citations.indexOf(key) == -1){
+        var citationKeys = key.split(",");
-          citations.push(key);
+        citationKeys.forEach(function (key) {
-          if (! (key in bibliography)){
+          if (citations.indexOf(key) == -1){
+            citations.push(key);
+            if (! (key in bibliography)){
               console.warn("No bibliography entry found for: " + key);
+            }
           }
-        }
+        });
-      });
+      }
     });
     data.bibliography = bibliography;
     data.citations = citations;
@@ -4383,10 +4386,13 @@ var citation = function(dom, data) {
   var citeTags = [].slice.apply(dom.querySelectorAll("dt-cite"));
   console.log(citeTags);
   citeTags.forEach(function (el) {
-    var keys = el.getAttribute("key").split(",");
+    var key = el.getAttribute("key");
-    console.log(keys);
+    if (key) {
-    var cite_string = inline_cite_short(keys);
+      var keys = key.split(",");
-    el.innerHTML = cite_string;
+      console.log(keys);
+      var cite_string = inline_cite_short(keys);
+      el.innerHTML = cite_string;
+    }
   });
 
   var bibEl = dom.querySelector("dt-bibliography");
@@ -6625,29 +6631,43 @@ var code$1 = function(dom, data) {
   });
 };
 
-function render(dom, data) {
+var generateCrossref = function(data) {
-  data = data || {};
+  return "crossref";
+};
+
+function renderImmediately(dom) {
   html(dom);
   styles(dom);
-  dom.addEventListener("DOMContentLoaded", function(event) {
+}
-    frontMatter(dom, data);
+
-    bibliography(dom, data);
+function renderOnLoad(dom, data) {
-    expandData(dom, data);
+  frontMatter(dom, data);
-    meta(dom, data);
+  bibliography(dom, data);
-    header(dom, data);
+  expandData(dom, data);
-    appendix(dom, data);
+  meta(dom, data);
-    footer(dom, data);
+  header(dom, data);
-    markdown(dom, data);
+  appendix(dom, data);
-    code$1(dom, data);
+  footer(dom, data);
-    citation(dom, data);
+  markdown(dom, data);
+  code$1(dom, data);
+  citation(dom, data);
+}
+
+// If we are in a browser, render automatically.
+if(window && window.document) {
+  var data = data || {};
+  renderImmediately(window.document);
+  window.document.addEventListener("DOMContentLoaded", function (event) {
+    renderOnLoad(window.document, data);
     console.log("final data:");
     for (var k in data) {console.log("   ", k, ": ", data[k]);}
   });
 }
 
-// If we are in a browser, run render automatically.
+// For node
-if(window && window.document) {
+function render(dom, data) {
-  render(window.document);
+  renderImmediately(dom);
+  renderOnLoad(dom, data);
 }
 
 exports.render = render;
@@ -6662,6 +6682,7 @@ exports.footer = footer;
 exports.citation = citation;
 exports.markdown = markdown;
 exports.code = code$1;
+exports.generateCrossref = generateCrossref;
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

index.js

@@ -10,32 +10,41 @@ import footer from "./components/footer";
 import citation from "./components/citation";
 import markdown from "./components/markdown";
 import code from "./components/code";
-
 import generateCrossref from "./components/generate-crossref";
 
-function render(dom, data) {
+function renderImmediately(dom) {
-  data = data || {};
   html(dom);
   styles(dom);
-  dom.addEventListener("DOMContentLoaded", function(event) {
+}
-    frontMatter(dom, data);
+
-    bibliography(dom, data);
+function renderOnLoad(dom, data) {
-    expandData(dom, data);
+  frontMatter(dom, data);
-    meta(dom, data);
+  bibliography(dom, data);
-    header(dom, data);
+  expandData(dom, data);
-    appendix(dom, data);
+  meta(dom, data);
-    footer(dom, data);
+  header(dom, data);
-    markdown(dom, data);
+  appendix(dom, data);
-    code(dom, data);
+  footer(dom, data);
-    citation(dom, data);
+  markdown(dom, data);
-    console.log("final data:")
+  code(dom, data);
+  citation(dom, data);
+}
+
+// If we are in a browser, render automatically.
+if(window && window.document) {
+  let data = data || {};
+  renderImmediately(window.document);
+  window.document.addEventListener("DOMContentLoaded", (event) => {
+    renderOnLoad(window.document, data);
+    console.log("final data:");
     for (var k in data) {console.log("   ", k, ": ", data[k])}
   });
 }
 
-// If we are in a browser, run render automatically.
+// For node
-if(window && window.document) {
+function render(dom, data) {
-  render(window.document);
+  renderImmediately(dom);
+  renderOnLoad(dom, data);
 }
 
 export {render as render};
@@ -50,5 +59,4 @@ export {footer as footer};
 export {citation as citation};
 export {markdown as markdown};
 export {code as code};
-
 export {generateCrossref as generateCrossref};

package.json

@@ -1,8 +1,8 @@
 {
   "name": "distill-template",
-  "version": "0.0.4",
+  "version": "0.0.8",
   "description": "Template for creating Distill articles.",
-  "main": "dist/distill.js",
+  "main": "dist/template.js",
   "scripts": {
     "start": "rollup -c -w",
     "build": "rollup -c",

yarn.lock

@@ -377,6 +377,10 @@ diff@1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/diff/-/diff-1.4.0.tgz#7f28d2eb9ee7b15a97efd89ce63dcfdaa3ccbabf"
 
+distill-template@^0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/distill-template/-/distill-template-0.0.4.tgz#d9d8350001f9f6fc64884e0ad903d733b6856d59"
+
 ecc-jsbn@~0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505"