CatalystCode · dennisseah · Feb 19, 2020 · Jan 29, 2020 · Jan 30, 2020 · Jan 30, 2020
diff --git a/docs/commands/data.json b/docs/commands/data.json
diff --git a/docs/commands/favicon.icon b/docs/commands/favicon.icon
diff --git a/docs/commands/images/mslogo.png b/docs/commands/images/mslogo.png
diff --git a/docs/commands/index.html b/docs/commands/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="styles/feb02e3b.site-ltr.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="styles/spk.css ">
+  <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
+  <script src="./spk.js"></script>
+  <title>SPK Commands</title>
+</head>
+<body>
+  <div class="dropdown-menu has-padding-small" id="sharing-menu" style="display: none; top: 70px; right: 8px;">
+		<ul data-bi-name="share-links">
+			<li>
+        <a class="button is-text is-fullwidth has-flex-justify-content-start has-inner-focus is-small share-twitter"
+          data-bi-name="twitter" href="https://twitter.com/intent/tweet?text=Bedrock%20SPK%20%7C%20Commands&tw_p=tweetbutton&url=https%3A%2F%2Fcatalystcode.github.io%2Fspk%2Fcommands%2Findex.html">
+					<span class="icon">
+						<span class="docon docon-brand-twitter has-text-primary" aria-hidden="true"></span>
+					</span>
+					<span>Twitter</span>
+				</a>
+			</li>
+			<li>
+        <a class="button is-text is-fullwidth has-flex-justify-content-start has-inner-focus is-small share-linkedin"
+          data-bi-name="linkedin" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcatalystcode.github.io%2Fspk%2Fcommands%2Findex.html">
+					<span class="icon">
+						<span class="docon docon-brand-linkedin has-text-primary" aria-hidden="true"></span>
+					</span>
+					<span>LinkedIn</span>
+				</a>
+			</li>
+		</ul>
+	</div>
+  <div id="header">
+    <div class="header-left-text">
+      <div><img width="30px" src="images/mslogo.png"></div>
+      <div class="header-text">SPK</div>
+    </div>
+  </div>
+  <div id="subheader">
+    <div id="item_share" class="tab-item">
+      <span class="fa fa-share-square-o"></span>
+      <span class="tinyfont">Share</span>
+    </div>
+  </div>
+  <div id="content">
+    <div class="content-left">
+    <div class="title">SPK Commands</div>
+    <div>
+      <div class="control has-icons-left">
+        <input id="commandfilter" role="combobox" maxlength="100" aria-autocomplete="list" autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false" id="ax-0" class="autocomplete-input input control has-icons-left is-small is-full-width" type="text" aria-expanded="false" aria-owns="ax-1-listbox" aria-activedescendant="" placeholder="Filter by command">
+
+        <span class="icon is-small is-left" aria-hidden="true">
+          <span class="fa fa-filter input-icon"></span>
+        </span>
+
+        <span class="autocomplete-loader loader has-text-primary" aria-hidden="true" hidden=""></span>
+      </div>
+    </div>
+    <div id="command-list"></div>
+    </div>
+
+    <div id="spk-details" class="content-right"></div>
+  </div>
+
+</body>
+</html>
diff --git a/docs/commands/spk.js b/docs/commands/spk.js
@@ -0,0 +1,118 @@
+var data = null;
+var filter = "";
+var converter = new showdown.Converter();
+
+var template =
+  '<p class="cmd-title">@@main-cmd@@</p><p class="cmd-description">@@cmd-description@@</p><p>&nbsp;</p><p>Options:</p>@@options@@<p>&nbsp;</p>';
+var optionTemplate =
+  '<p>@@option@@</p><p class="cmd-description">@@description@@</p><div class="line-space"></div>';
+
+function sanitize(str) {
+  return str.replace("<", "&lt;").replace(">", "&gt;");
+}
+
+function showDetails(key) {
+  if (!key) {
+    window.location.hash = "";
+    $("#spk-details").html("");
+    return;
+  }
+  window.location.hash = key.replace(/\s/g, "_");
+  var cmd = data[key];
+  var valuesArray = cmd.command.split(/\s/);
+  var values = "";
+  if (valuesArray.length > 1) {
+    valuesArray.shift();
+    values = " " + valuesArray.join(" ");
+  }
+  var alias = cmd.alias ? `|${cmd.alias}` : "";
+  var content = template.replace(
+    "@@main-cmd@@",
+    "spk " + key + alias + sanitize(values) + " [options]"
+  );
+  content = content.replace("@@cmd-description@@", cmd.description);
+
+  var options = cmd.options.reduce(function(a, c) {
+    a += optionTemplate
+      .replace("@@option@@", sanitize(c.arg))
+      .replace("@@description@@", sanitize(c.description));
+    return a;
+  }, "");
+  options += optionTemplate
+    .replace("@@option@@", "-h, --help")
+    .replace("@@description@@", "output usage information");
+
+  content = content.replace("@@options@@", options);
+
+  if (cmd.markdown) {
+    content =
+      '<div class="markdown">' +
+      converter.makeHtml(cmd.markdown) +
+      "</div><hr>" +
+      content;
+  }
+
+  $("#spk-details").html(content);
+}
+
+function populateListing() {
+  var cmdKeys = Object.keys(data);
+  if (filter) {
+    cmdKeys = cmdKeys.filter(function(k) {
+      return k.indexOf(filter) !== -1;
+    });
+  }
+  var listing = cmdKeys.reduce(function(a, c) {
+    a +=
+      "<li><a href=\"javascript:showDetails('" +
+      c +
+      "');\">spk " +
+      c +
+      "</a></li>";
+    return a;
+  }, "");
+
+  if (listing) {
+    $("#command-list").html("<ul>" + listing + "</ul>");
+  } else {
+    $("#command-list").html(
+      '<span class="small-font">no matching commands</span>'
+    );
+  }
+  if (window.location.hash) {
+    var key = window.location.hash.replace(/_/g, " ").substring(1); // remove #
+    if (cmdKeys.indexOf(key) !== -1) {
+      showDetails(key);
+    } else {
+      showDetails(cmdKeys[0]);
+    }
+  } else {
+    showDetails(cmdKeys[0]);
+  }
+}
+
+var subheaderItems = function() {
+  $("#item_share").click(function(evt) {
+    evt.stopPropagation();
+    $("#sharing-menu").css("display", "block");
+  });
+  $("body").click(function() {
+    $("#sharing-menu").css("display", "none");
+  });
+};
+
+$(function() {
+  $.getJSON("./data.json", function(json) {
+    data = json;
+    subheaderItems();
+    populateListing();
+
+    $("#commandfilter").on("input", function() {
+      filter = $(this)
+        .val()
+        .trim()
+        .toLowerCase();
+      populateListing();
+    });
+  });
+});
diff --git a/docs/commands/styles/docons.cde890b9.woff2 b/docs/commands/styles/docons.cde890b9.woff2