MediaWiki:Gadget-Bibliography.js

(function($, mw) {
  "use strict";
  var allowedPages = ["Publications"];
  if (!allowedPages.includes(mw.config.get("wgPageName"))) return;
  console.log("!");
  if (window.BibLoaded) {
    return;
  }
  // window.BibLoaded = true;

  var scriptLoaded = 0;
  function run() {
    var Cite = require("citation-js");
    console.log("!");
    console.log($(".bibliography"));
    debugger;
    $(".bibliography").each(function (i, e) {
      var rawBib = e.textContent;
      var bib = Cite(rawBib);
      console.log(bib);
      var data = [];
      bib.data.forEach(function (e) {
        e.render = Cite(e).format("bibliography", {
          format: "html",
          template: "apa",
          lang: "en-US",
        });
        console.log(e);
        data.push(e);
      });
      console.log("!");

      var tb = $(".bibliography-table");
      tb.append($("<thead>"));
      tb.append($("<tbody>"));
      tb.dataTable({
        data: data,
        columns: [{ data: "render" }],
      });
    });
  }

  function loadScripts(scripts, callback) {
    function onLoaded() {
      scriptLoaded++;
      if (scriptLoaded === scripts.length)
        mw.hook("wikipage.content").add(callback);
    }
    scripts.forEach(function (s) {
      mw.loader.getScript(s).then(onLoaded);
    });
  }

  loadScripts(
    [
      "https://cdn.jsdelivr.net/npm/citation-js@0.5.1",
      "https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js",
    ],
    run
  );

  mw.loader.load(
    "https:////cdn.datatables.net/1.11.0/css/jquery.dataTables.min.css",
    "text/css"
  );
})(jQuery, mediaWiki);