highmark-cli 1.3.247 → 1.3.249

package/lib/css/document.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return createDocumentCSS;
+    }
+});
+function createDocumentCSS(client) {
+    var documentCSS;
+    if (client) {
+        documentCSS = "body > div.document {\n  display: none;\n}";
+    } else {
+        documentCSS = "body {\n  background-color: #d5d1d1;\n}\n    \nbody > div.document {\n  width: fit-content;\n  display: flex;\n  row-gap: 40px;\n  padding: 80px;\n  min-height: 100%;\n  overflow-x: none;\n  padding-top: 40px;\n  align-items: center;\n  flex-direction: column;\n  justify-content: flex-start;\n} ";
+    }
+    return documentCSS;
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MvZG9jdW1lbnQuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGNyZWF0ZURvY3VtZW50Q1NTKGNsaWVudCkge1xuICBsZXQgZG9jdW1lbnRDU1M7XG5cbiAgaWYgKGNsaWVudCkge1xuICAgIGRvY3VtZW50Q1NTID0gYGJvZHkgPiBkaXYuZG9jdW1lbnQge1xuICBkaXNwbGF5OiBub25lO1xufWA7XG4gIH0gZWxzZSB7XG4gICAgZG9jdW1lbnRDU1MgPSBgYm9keSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkNWQxZDE7XG59XG4gICAgXG5ib2R5ID4gZGl2LmRvY3VtZW50IHtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICByb3ctZ2FwOiA0MHB4O1xuICBwYWRkaW5nOiA4MHB4O1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdy14OiBub25lO1xuICBwYWRkaW5nLXRvcDogNDBweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufSBgO1xuICB9XG5cbiAgcmV0dXJuIGRvY3VtZW50Q1NTO1xufVxuIl0sIm5hbWVzIjpbImNyZWF0ZURvY3VtZW50Q1NTIiwiY2xpZW50IiwiZG9jdW1lbnRDU1MiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQUVBOzs7ZUFBd0JBOzs7QUFBVCxTQUFTQSxrQkFBa0JDLE1BQU07SUFDOUMsSUFBSUM7SUFFSixJQUFJRCxRQUFRO1FBQ1ZDLGNBQWM7SUFHaEIsT0FBTztRQUNMQSxjQUFjO0lBZ0JoQjtJQUVBLE9BQU9BO0FBQ1QifQ==

package/lib/css/loading.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return createLoadingCSS;
+    }
+});
+var _constants = require("../constants");
+function createLoadingCSS(client) {
+    var loadingCSS = _constants.EMPTY_STRING;
+    if (client) {
+        loadingCSS = 'body > div.loading {\n  width: 100vw;\n  height: 100vh;\n  z-index: 1;\n  display: flex;\n  position: fixed;\n  align-items: center;\n  flex-direction: row;\n  justify-content: center;\n  background-color: white;\n}\n\ndiv.spinner {\n  width: 80px;\n  height: 80px;\n  display: inline-block;\n  position: relative;\n  background: transparent;\n}\n\ndiv.spinner div {\n  padding: 0;\n  animation: spinner 1.2s linear infinite;\n  transform-origin: 40px 40px;\n}\n\ndiv.spinner div:after {\n  top: 3px;\n  left: 37px;\n  width: 6px;\n  height: 18px;\n  content: " ";\n  display: block;\n  position: absolute;\n  background: #606060;\n}\n\ndiv.spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }\ndiv.spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }\ndiv.spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }\ndiv.spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }\ndiv.spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }\ndiv.spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }\ndiv.spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }\ndiv.spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }\ndiv.spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }\ndiv.spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }\ndiv.spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }\ndiv.spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }\n\n@keyframes spinner {\n  0% { opacity: 1; }\n  100% { opacity: 0; }\n}';
+    }
+    return loadingCSS;
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MvbG9hZGluZy5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHsgRU1QVFlfU1RSSU5HIH0gZnJvbSBcIi4uL2NvbnN0YW50c1wiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVMb2FkaW5nQ1NTKGNsaWVudCkge1xuICBsZXQgbG9hZGluZ0NTUyA9IEVNUFRZX1NUUklORztcblxuICBpZiAoY2xpZW50KSB7XG4gICAgbG9hZGluZ0NTUyA9IGBib2R5ID4gZGl2LmxvYWRpbmcge1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6IDE7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xufVxuXG5kaXYuc3Bpbm5lciB7XG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuZGl2LnNwaW5uZXIgZGl2IHtcbiAgcGFkZGluZzogMDtcbiAgYW5pbWF0aW9uOiBzcGlubmVyIDEuMnMgbGluZWFyIGluZmluaXRlO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiA0MHB4IDQwcHg7XG59XG5cbmRpdi5zcGlubmVyIGRpdjphZnRlciB7XG4gIHRvcDogM3B4O1xuICBsZWZ0OiAzN3B4O1xuICB3aWR0aDogNnB4O1xuICBoZWlnaHQ6IDE4cHg7XG4gIGNvbnRlbnQ6IFwiIFwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAjNjA2MDYwO1xufVxuXG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDEpIHsgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IGFuaW1hdGlvbi1kZWxheTogLTEuMXM7IH1cbmRpdi5zcGlubmVyIGRpdjpudGgtY2hpbGQoMikgeyB0cmFuc2Zvcm06IHJvdGF0ZSgzMGRlZyk7IGFuaW1hdGlvbi1kZWxheTogLTFzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDMpIHsgdHJhbnNmb3JtOiByb3RhdGUoNjBkZWcpOyBhbmltYXRpb24tZGVsYXk6IC0wLjlzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDQpIHsgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpOyBhbmltYXRpb24tZGVsYXk6IC0wLjhzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDUpIHsgdHJhbnNmb3JtOiByb3RhdGUoMTIwZGVnKTsgYW5pbWF0aW9uLWRlbGF5OiAtMC43czsgfVxuZGl2LnNwaW5uZXIgZGl2Om50aC1jaGlsZCg2KSB7IHRyYW5zZm9ybTogcm90YXRlKDE1MGRlZyk7IGFuaW1hdGlvbi1kZWxheTogLTAuNnM7IH1cbmRpdi5zcGlubmVyIGRpdjpudGgtY2hpbGQoNykgeyB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOyBhbmltYXRpb24tZGVsYXk6IC0wLjVzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDgpIHsgdHJhbnNmb3JtOiByb3RhdGUoMjEwZGVnKTsgYW5pbWF0aW9uLWRlbGF5OiAtMC40czsgfVxuZGl2LnNwaW5uZXIgZGl2Om50aC1jaGlsZCg5KSB7IHRyYW5zZm9ybTogcm90YXRlKDI0MGRlZyk7IGFuaW1hdGlvbi1kZWxheTogLTAuM3M7IH1cbmRpdi5zcGlubmVyIGRpdjpudGgtY2hpbGQoMTApIHsgdHJhbnNmb3JtOiByb3RhdGUoMjcwZGVnKTsgYW5pbWF0aW9uLWRlbGF5OiAtMC4yczsgfVxuZGl2LnNwaW5uZXIgZGl2Om50aC1jaGlsZCgxMSkgeyB0cmFuc2Zvcm06IHJvdGF0ZSgzMDBkZWcpOyBhbmltYXRpb24tZGVsYXk6IC0wLjFzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDEyKSB7IHRyYW5zZm9ybTogcm90YXRlKDMzMGRlZyk7IGFuaW1hdGlvbi1kZWxheTogMHM7IH1cblxuQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgMCUgeyBvcGFjaXR5OiAxOyB9XG4gIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG59YDtcbiAgfVxuXG4gIHJldHVybiBsb2FkaW5nQ1NTO1xufVxuIl0sIm5hbWVzIjpbImNyZWF0ZUxvYWRpbmdDU1MiLCJjbGllbnQiLCJsb2FkaW5nQ1NTIiwiRU1QVFlfU1RSSU5HIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFJQTs7O2VBQXdCQTs7O3lCQUZLO0FBRWQsU0FBU0EsaUJBQWlCQyxNQUFNO0lBQzdDLElBQUlDLGFBQWFDLHVCQUFZO0lBRTdCLElBQUlGLFFBQVE7UUFDVkMsYUFBYTtJQXNEZjtJQUVBLE9BQU9BO0FBQ1QifQ==

package/lib/html/client.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return createClientHTML;
+    }
+});
+var _constants = require("../constants");
+function createClientHTML(client) {
+    var clientHTML = _constants.EMPTY_STRING;
+    if (client) {
+        clientHTML = '<script src="client.js"> </script>';
+    }
+    return clientHTML;
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9odG1sL2NsaWVudC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHsgRU1QVFlfU1RSSU5HIH0gZnJvbSBcIi4uL2NvbnN0YW50c1wiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVDbGllbnRIVE1MKGNsaWVudCkge1xuICBsZXQgY2xpZW50SFRNTCA9IEVNUFRZX1NUUklORztcblxuICBpZiAoY2xpZW50KSB7XG4gICAgY2xpZW50SFRNTCA9IGA8c2NyaXB0IHNyYz1cImNsaWVudC5qc1wiPiA8L3NjcmlwdD5gO1xuICB9XG5cbiAgcmV0dXJuIGNsaWVudEhUTUw7XG59XG4iXSwibmFtZXMiOlsiY3JlYXRlQ2xpZW50SFRNTCIsImNsaWVudCIsImNsaWVudEhUTUwiLCJFTVBUWV9TVFJJTkciXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQUlBOzs7ZUFBd0JBOzs7eUJBRks7QUFFZCxTQUFTQSxpQkFBaUJDLE1BQU07SUFDN0MsSUFBSUMsYUFBYUMsdUJBQVk7SUFFN0IsSUFBSUYsUUFBUTtRQUNWQyxhQUFhO0lBQ2Y7SUFFQSxPQUFPQTtBQUNUIn0=

package/lib/html/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return createIndexHTML;
+    }
+});
+function createIndexHTML(client) {
+    var indexHTML = '<!DOCTYPE html>\n<html>\n  <head>\n    <title>Highmark</title>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, user-scalable=yes">\n\n    <link rel="preload" href="font/STIXTwoMath-Regular.woff2" as="font" type="font/woff2" crossorigin >\n    <link rel="preload" href="font/STIXTwoText-Regular.woff2" as="font" type="font/woff2" crossorigin >\n    <link rel="preload" href="font/STIXTwoText-Bold.woff2" as="font" type="font/woff2" crossorigin >\n    <link rel="preload" href="font/STIXTwoText-Italic.woff2" as="font" type="font/woff2" crossorigin >\n    <link rel="preload" href="font/STIXTwoText-BoldItalic.woff2" as="font" type="font/woff2" crossorigin >\n    <link rel="preload" href="font/Inconsolata-Regular.woff2" as="font" type="font/woff2" crossorigin >\n    <link rel="preload" href="font/Inconsolata-Bold.woff2" as="font" type="font/woff2" crossorigin >\n\n    <style>\n\n        *,\n        *::after,\n        *::before {\n          border: 0;\n          margin: 0;\n          padding: 0;\n          box-sizing: border-box;\n        }\n\n        html,\n        body {\n          -webkit-text-size-adjust: none;\n          -moz-text-size-adjust: none;\n          -ms-text-size-adjust: none;\n          text-size-adjust: none;\n        }\n\n    </style>\n    <style>\n\n      html,\n      body {\n        width: 100%;\n        height: 100%;\n      }\n\n    </style>\n    <style>\n\n{fontCSS}\n\n    </style>\n    <style>\n\n{documentCSS}\n\n    </style>\n    <style>\n\n{loadingCSS}\n\n    </style>\n    <style>\n\n{highmarkCSS}\n\n    </style>\n\n  </head>\n  <body>\n  \n{loadingHTML}\n\n  <div class="document">\n\n{highmarkHTML}\n\n  </div>\n\n{clientHTML}\n\n{liveReloadHTML}\n\n  </body>\n</html>';
+    return indexHTML;
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9odG1sL2luZGV4LmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVJbmRleEhUTUwoY2xpZW50KSB7XG4gIGNvbnN0IGluZGV4SFRNTCA9IGA8IURPQ1RZUEUgaHRtbD5cbjxodG1sPlxuICA8aGVhZD5cbiAgICA8dGl0bGU+SGlnaG1hcms8L3RpdGxlPlxuICAgIDxtZXRhIGNoYXJzZXQ9XCJ1dGYtOFwiIC8+XG4gICAgPG1ldGEgbmFtZT1cInZpZXdwb3J0XCIgY29udGVudD1cIndpZHRoPWRldmljZS13aWR0aCwgdXNlci1zY2FsYWJsZT15ZXNcIj5cblxuICAgIDxsaW5rIHJlbD1cInByZWxvYWRcIiBocmVmPVwiZm9udC9TVElYVHdvTWF0aC1SZWd1bGFyLndvZmYyXCIgYXM9XCJmb250XCIgdHlwZT1cImZvbnQvd29mZjJcIiBjcm9zc29yaWdpbiA+XG4gICAgPGxpbmsgcmVsPVwicHJlbG9hZFwiIGhyZWY9XCJmb250L1NUSVhUd29UZXh0LVJlZ3VsYXIud29mZjJcIiBhcz1cImZvbnRcIiB0eXBlPVwiZm9udC93b2ZmMlwiIGNyb3Nzb3JpZ2luID5cbiAgICA8bGluayByZWw9XCJwcmVsb2FkXCIgaHJlZj1cImZvbnQvU1RJWFR3b1RleHQtQm9sZC53b2ZmMlwiIGFzPVwiZm9udFwiIHR5cGU9XCJmb250L3dvZmYyXCIgY3Jvc3NvcmlnaW4gPlxuICAgIDxsaW5rIHJlbD1cInByZWxvYWRcIiBocmVmPVwiZm9udC9TVElYVHdvVGV4dC1JdGFsaWMud29mZjJcIiBhcz1cImZvbnRcIiB0eXBlPVwiZm9udC93b2ZmMlwiIGNyb3Nzb3JpZ2luID5cbiAgICA8bGluayByZWw9XCJwcmVsb2FkXCIgaHJlZj1cImZvbnQvU1RJWFR3b1RleHQtQm9sZEl0YWxpYy53b2ZmMlwiIGFzPVwiZm9udFwiIHR5cGU9XCJmb250L3dvZmYyXCIgY3Jvc3NvcmlnaW4gPlxuICAgIDxsaW5rIHJlbD1cInByZWxvYWRcIiBocmVmPVwiZm9udC9JbmNvbnNvbGF0YS1SZWd1bGFyLndvZmYyXCIgYXM9XCJmb250XCIgdHlwZT1cImZvbnQvd29mZjJcIiBjcm9zc29yaWdpbiA+XG4gICAgPGxpbmsgcmVsPVwicHJlbG9hZFwiIGhyZWY9XCJmb250L0luY29uc29sYXRhLUJvbGQud29mZjJcIiBhcz1cImZvbnRcIiB0eXBlPVwiZm9udC93b2ZmMlwiIGNyb3Nzb3JpZ2luID5cblxuICAgIDxzdHlsZT5cblxuICAgICAgICAqLFxuICAgICAgICAqOjphZnRlcixcbiAgICAgICAgKjo6YmVmb3JlIHtcbiAgICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuXG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIC13ZWJraXQtdGV4dC1zaXplLWFkanVzdDogbm9uZTtcbiAgICAgICAgICAtbW96LXRleHQtc2l6ZS1hZGp1c3Q6IG5vbmU7XG4gICAgICAgICAgLW1zLXRleHQtc2l6ZS1hZGp1c3Q6IG5vbmU7XG4gICAgICAgICAgdGV4dC1zaXplLWFkanVzdDogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgPC9zdHlsZT5cbiAgICA8c3R5bGU+XG5cbiAgICAgIGh0bWwsXG4gICAgICBib2R5IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIH1cblxuICAgIDwvc3R5bGU+XG4gICAgPHN0eWxlPlxuXG57Zm9udENTU31cblxuICAgIDwvc3R5bGU+XG4gICAgPHN0eWxlPlxuXG57ZG9jdW1lbnRDU1N9XG5cbiAgICA8L3N0eWxlPlxuICAgIDxzdHlsZT5cblxue2xvYWRpbmdDU1N9XG5cbiAgICA8L3N0eWxlPlxuICAgIDxzdHlsZT5cblxue2hpZ2htYXJrQ1NTfVxuXG4gICAgPC9zdHlsZT5cblxuICA8L2hlYWQ+XG4gIDxib2R5PlxuICBcbntsb2FkaW5nSFRNTH1cblxuICA8ZGl2IGNsYXNzPVwiZG9jdW1lbnRcIj5cblxue2hpZ2htYXJrSFRNTH1cblxuICA8L2Rpdj5cblxue2NsaWVudEhUTUx9XG5cbntsaXZlUmVsb2FkSFRNTH1cblxuICA8L2JvZHk+XG48L2h0bWw+YDtcblxuICByZXR1cm4gaW5kZXhIVE1MO1xufTtcbiJdLCJuYW1lcyI6WyJjcmVhdGVJbmRleEhUTUwiLCJjbGllbnQiLCJpbmRleEhUTUwiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQUVBOzs7ZUFBd0JBOzs7QUFBVCxTQUFTQSxnQkFBZ0JDLE1BQU07SUFDNUMsSUFBTUMsWUFBWTtJQW1GbEIsT0FBT0E7QUFDVCJ9

package/lib/html/loading.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return createLoadingHTML;
+    }
+});
+var _constants = require("../constants");
+function createLoadingHTML(client) {
+    var loadingHTML = _constants.EMPTY_STRING;
+    if (client) {
+        loadingHTML = '<div class="loading">\n    <div class="spinner">\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n    </div>\n</div>';
+    }
+    return loadingHTML;
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9odG1sL2xvYWRpbmcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB7IEVNUFRZX1NUUklORyB9IGZyb20gXCIuLi9jb25zdGFudHNcIjtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlTG9hZGluZ0hUTUwoY2xpZW50KSB7XG4gIGxldCBsb2FkaW5nSFRNTCA9IEVNUFRZX1NUUklORztcblxuICBpZiAoY2xpZW50KSB7XG4gICAgbG9hZGluZ0hUTUwgPSBgPGRpdiBjbGFzcz1cImxvYWRpbmdcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3Bpbm5lclwiPlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+YDtcbiAgfVxuXG4gIHJldHVybiBsb2FkaW5nSFRNTDtcbn1cbiJdLCJuYW1lcyI6WyJjcmVhdGVMb2FkaW5nSFRNTCIsImNsaWVudCIsImxvYWRpbmdIVE1MIiwiRU1QVFlfU1RSSU5HIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFJQTs7O2VBQXdCQTs7O3lCQUZLO0FBRWQsU0FBU0Esa0JBQWtCQyxNQUFNO0lBQzlDLElBQUlDLGNBQWNDLHVCQUFZO0lBRTlCLElBQUlGLFFBQVE7UUFDVkMsY0FBYztJQWdCaEI7SUFFQSxPQUFPQTtBQUNUIn0=

package/lib/operation/createIndexHTML.js

@@ -11,32 +11,32 @@ Object.defineProperty(exports, "default", {
 var _highmarkmarkdown = require("highmark-markdown");
 var _livelycli = require("lively-cli");
 var _necessary = require("necessary");
-var _highmarkclient = require("highmark-client");
+var _index = /*#__PURE__*/ _interop_require_default(require("../html/index"));
+var _client = /*#__PURE__*/ _interop_require_default(require("../html/client"));
+var _loading = /*#__PURE__*/ _interop_require_default(require("../css/loading"));
+var _loading1 = /*#__PURE__*/ _interop_require_default(require("../html/loading"));
+var _document = /*#__PURE__*/ _interop_require_default(require("../css/document"));
 var _fileSystem = require("../utilities/fileSystem");
 var _constants = require("../constants");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 var parseContent = _necessary.templateUtilities.parseContent, concatenatePaths = _necessary.pathUtilities.concatenatePaths;
 function createIndexHTMLOperation(proceed, abort, context) {
-    var client = context.client, highmarkCSS = context.highmarkCSS, highmarkHTML = context.highmarkHTML, projectDirectoryName = context.projectDirectoryName, liveReloadHTML = _livelycli.liveReloadSnippet, fontCSS = _highmarkmarkdown.fontStyle, args = {
+    var client = context.client, highmarkCSS = context.highmarkCSS, highmarkHTML = context.highmarkHTML, projectDirectoryName = context.projectDirectoryName, fontCSS = _highmarkmarkdown.fontStyle, indexHTML = (0, _index.default)(client), clientHTML = (0, _client.default)(client), loadingHTML = (0, _loading1.default)(client), loadingCSS = (0, _loading.default)(client), documentCSS = (0, _document.default)(client), liveReloadHTML = _livelycli.liveReloadSnippet, args = {
         fontCSS: fontCSS,
+        clientHTML: clientHTML,
+        loadingCSS: loadingCSS,
+        loadingHTML: loadingHTML,
+        documentCSS: documentCSS,
         highmarkCSS: highmarkCSS,
         highmarkHTML: highmarkHTML,
         liveReloadHTML: liveReloadHTML
     };
-    if (client) {
-        Object.assign(args, {
-            clientHTML: _highmarkclient.clientHTML,
-            loadingCSS: _highmarkclient.loadingCSS,
-            loadingHTML: _highmarkclient.loadingHTML,
-            documentCSS: _highmarkclient.documentCSS
-        });
-    } else {
-        var _$documentCSS = "body > div.document {\n  display: none;\n} ";
-        Object.assign(args, {
-            documentCSS: _$documentCSS
-        });
-    }
     var content;
-    content = _highmarkclient.indexHTML; ///
+    content = indexHTML; ///
     var regularExpression = /{(.+?)}/g, parsedContent = parseContent(content, args, regularExpression);
     content = parsedContent; ///
     var filePath = concatenatePaths(projectDirectoryName, _constants.INDEX_HTML_FILE_NAME);
@@ -44,4 +44,4 @@ function createIndexHTMLOperation(proceed, abort, context) {
     proceed();
 }
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9vcGVyYXRpb24vY3JlYXRlSW5kZXhIVE1MLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBmb250U3R5bGUgfSBmcm9tIFwiaGlnaG1hcmstbWFya2Rvd25cIjtcbmltcG9ydCB7IGxpdmVSZWxvYWRTbmlwcGV0IH0gZnJvbSBcImxpdmVseS1jbGlcIjtcbmltcG9ydCB7IHBhdGhVdGlsaXRpZXMsIHRlbXBsYXRlVXRpbGl0aWVzIH0gZnJvbSBcIm5lY2Vzc2FyeVwiO1xuaW1wb3J0IHsgaW5kZXhIVE1MLCBjbGllbnRIVE1MLCBsb2FkaW5nSFRNTCwgbG9hZGluZ0NTUywgZG9jdW1lbnRDU1MgfSBmcm9tIFwiaGlnaG1hcmstY2xpZW50XCJcblxuaW1wb3J0IHsgd3JpdGVGaWxlIH0gZnJvbSBcIi4uL3V0aWxpdGllcy9maWxlU3lzdGVtXCI7XG5pbXBvcnQgeyBJTkRFWF9IVE1MX0ZJTEVfTkFNRSB9IGZyb20gXCIuLi9jb25zdGFudHNcIjtcblxuY29uc3QgeyBwYXJzZUNvbnRlbnQgfSA9IHRlbXBsYXRlVXRpbGl0aWVzLFxuICAgICAgeyBjb25jYXRlbmF0ZVBhdGhzIH0gPSBwYXRoVXRpbGl0aWVzO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVJbmRleEhUTUxPcGVyYXRpb24ocHJvY2VlZCwgYWJvcnQsIGNvbnRleHQpIHtcbiAgY29uc3QgeyBjbGllbnQsIGhpZ2htYXJrQ1NTLCBoaWdobWFya0hUTUwsIHByb2plY3REaXJlY3RvcnlOYW1lIH0gPSBjb250ZXh0LFxuICAgICAgICBsaXZlUmVsb2FkSFRNTCA9IGxpdmVSZWxvYWRTbmlwcGV0LCAvLy9cbiAgICAgICAgZm9udENTUyA9IGZvbnRTdHlsZSwgIC8vL1xuICAgICAgICBhcmdzID0ge1xuICAgICAgICAgIGZvbnRDU1MsXG4gICAgICAgICAgaGlnaG1hcmtDU1MsXG4gICAgICAgICAgaGlnaG1hcmtIVE1MLFxuICAgICAgICAgIGxpdmVSZWxvYWRIVE1MXG4gICAgICAgIH07XG5cbiAgaWYgKGNsaWVudCkge1xuICAgIE9iamVjdC5hc3NpZ24oYXJncywge1xuICAgICAgY2xpZW50SFRNTCxcbiAgICAgIGxvYWRpbmdDU1MsXG4gICAgICBsb2FkaW5nSFRNTCxcbiAgICAgIGRvY3VtZW50Q1NTXG4gICAgfSk7XG4gIH0gZWxzZSB7XG4gICAgY29uc3QgZG9jdW1lbnRDU1MgPSBgYm9keSA+IGRpdi5kb2N1bWVudCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59IGA7XG5cbiAgICBPYmplY3QuYXNzaWduKGFyZ3MsIHtcbiAgICAgIGRvY3VtZW50Q1NTXG4gICAgfSk7XG4gIH1cblxuICBsZXQgY29udGVudDtcblxuICBjb250ZW50ID0gaW5kZXhIVE1MOyAgLy8vXG5cbiAgY29uc3QgcmVndWxhckV4cHJlc3Npb24gPSAveyguKz8pfS9nLFxuICAgICAgICBwYXJzZWRDb250ZW50ID0gcGFyc2VDb250ZW50KGNvbnRlbnQsIGFyZ3MsIHJlZ3VsYXJFeHByZXNzaW9uKTtcblxuICBjb250ZW50ID0gcGFyc2VkQ29udGVudDsgIC8vL1xuXG4gIGNvbnN0IGZpbGVQYXRoID0gY29uY2F0ZW5hdGVQYXRocyhwcm9qZWN0RGlyZWN0b3J5TmFtZSwgSU5ERVhfSFRNTF9GSUxFX05BTUUpO1xuXG4gIHdyaXRlRmlsZShmaWxlUGF0aCwgY29udGVudCk7XG5cbiAgcHJvY2VlZCgpO1xufVxuIl0sIm5hbWVzIjpbImNyZWF0ZUluZGV4SFRNTE9wZXJhdGlvbiIsInBhcnNlQ29udGVudCIsInRlbXBsYXRlVXRpbGl0aWVzIiwiY29uY2F0ZW5hdGVQYXRocyIsInBhdGhVdGlsaXRpZXMiLCJwcm9jZWVkIiwiYWJvcnQiLCJjb250ZXh0IiwiY2xpZW50IiwiaGlnaG1hcmtDU1MiLCJoaWdobWFya0hUTUwiLCJwcm9qZWN0RGlyZWN0b3J5TmFtZSIsImxpdmVSZWxvYWRIVE1MIiwibGl2ZVJlbG9hZFNuaXBwZXQiLCJmb250Q1NTIiwiZm9udFN0eWxlIiwiYXJncyIsIk9iamVjdCIsImFzc2lnbiIsImNsaWVudEhUTUwiLCJsb2FkaW5nQ1NTIiwibG9hZGluZ0hUTUwiLCJkb2N1bWVudENTUyIsImNvbnRlbnQiLCJpbmRleEhUTUwiLCJyZWd1bGFyRXhwcmVzc2lvbiIsInBhcnNlZENvbnRlbnQiLCJmaWxlUGF0aCIsIklOREVYX0hUTUxfRklMRV9OQU1FIiwid3JpdGVGaWxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFhQTs7O2VBQXdCQTs7O2dDQVhFO3lCQUNRO3lCQUNlOzhCQUMyQjswQkFFbEQ7eUJBQ1c7QUFFckMsSUFBTSxBQUFFQyxlQUFpQkMsNEJBQWlCLENBQWxDRCxjQUNGLEFBQUVFLG1CQUFxQkMsd0JBQWEsQ0FBbENEO0FBRU8sU0FBU0gseUJBQXlCSyxPQUFPLEVBQUVDLEtBQUssRUFBRUMsT0FBTztJQUN0RSxJQUFRQyxTQUE0REQsUUFBNURDLFFBQVFDLGNBQW9ERixRQUFwREUsYUFBYUMsZUFBdUNILFFBQXZDRyxjQUFjQyx1QkFBeUJKLFFBQXpCSSxzQkFDckNDLGlCQUFpQkMsNEJBQWlCLEVBQ2xDQyxVQUFVQywyQkFBUyxFQUNuQkMsT0FBTztRQUNMRixTQUFBQTtRQUNBTCxhQUFBQTtRQUNBQyxjQUFBQTtRQUNBRSxnQkFBQUE7SUFDRjtJQUVOLElBQUlKLFFBQVE7UUFDVlMsT0FBT0MsTUFBTSxDQUFDRixNQUFNO1lBQ2xCRyxZQUFBQSwwQkFBVTtZQUNWQyxZQUFBQSwwQkFBVTtZQUNWQyxhQUFBQSwyQkFBVztZQUNYQyxhQUFBQSwyQkFBVztRQUNiO0lBQ0YsT0FBTztRQUNMLElBQU1BLGdCQUFjO1FBSXBCTCxPQUFPQyxNQUFNLENBQUNGLE1BQU07WUFDbEJNLGFBQUFBO1FBQ0Y7SUFDRjtJQUVBLElBQUlDO0lBRUpBLFVBQVVDLHlCQUFTLEVBQUcsR0FBRztJQUV6QixJQUFNQyxvQkFBb0IsWUFDcEJDLGdCQUFnQnpCLGFBQWFzQixTQUFTUCxNQUFNUztJQUVsREYsVUFBVUcsZUFBZ0IsR0FBRztJQUU3QixJQUFNQyxXQUFXeEIsaUJBQWlCUSxzQkFBc0JpQiwrQkFBb0I7SUFFNUVDLElBQUFBLHFCQUFTLEVBQUNGLFVBQVVKO0lBRXBCbEI7QUFDRiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9vcGVyYXRpb24vY3JlYXRlSW5kZXhIVE1MLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBmb250U3R5bGUgfSBmcm9tIFwiaGlnaG1hcmstbWFya2Rvd25cIjtcbmltcG9ydCB7IGxpdmVSZWxvYWRTbmlwcGV0IH0gZnJvbSBcImxpdmVseS1jbGlcIjtcbmltcG9ydCB7IHBhdGhVdGlsaXRpZXMsIHRlbXBsYXRlVXRpbGl0aWVzIH0gZnJvbSBcIm5lY2Vzc2FyeVwiO1xuXG5pbXBvcnQgY3JlYXRlSW5kZXhIVE1MIGZyb20gXCIuLi9odG1sL2luZGV4XCI7XG5pbXBvcnQgY3JlYXRlQ2xpZW50SFRNTCBmcm9tIFwiLi4vaHRtbC9jbGllbnRcIjtcbmltcG9ydCBjcmVhdGVMb2FkaW5nQ1NTIGZyb20gXCIuLi9jc3MvbG9hZGluZ1wiO1xuaW1wb3J0IGNyZWF0ZUxvYWRpbmdIVE1MIGZyb20gXCIuLi9odG1sL2xvYWRpbmdcIjtcbmltcG9ydCBjcmVhdGVEb2N1bWVudENTUyBmcm9tIFwiLi4vY3NzL2RvY3VtZW50XCI7XG5cbmltcG9ydCB7IHdyaXRlRmlsZSB9IGZyb20gXCIuLi91dGlsaXRpZXMvZmlsZVN5c3RlbVwiO1xuaW1wb3J0IHsgSU5ERVhfSFRNTF9GSUxFX05BTUUgfSBmcm9tIFwiLi4vY29uc3RhbnRzXCI7XG5cbmNvbnN0IHsgcGFyc2VDb250ZW50IH0gPSB0ZW1wbGF0ZVV0aWxpdGllcyxcbiAgICAgIHsgY29uY2F0ZW5hdGVQYXRocyB9ID0gcGF0aFV0aWxpdGllcztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlSW5kZXhIVE1MT3BlcmF0aW9uKHByb2NlZWQsIGFib3J0LCBjb250ZXh0KSB7XG4gIGNvbnN0IHsgY2xpZW50LCBoaWdobWFya0NTUywgaGlnaG1hcmtIVE1MLCBwcm9qZWN0RGlyZWN0b3J5TmFtZSB9ID0gY29udGV4dCxcbiAgICAgICAgZm9udENTUyA9IGZvbnRTdHlsZSwgIC8vL1xuICAgICAgICBpbmRleEhUTUwgPSBjcmVhdGVJbmRleEhUTUwoY2xpZW50KSxcbiAgICAgICAgY2xpZW50SFRNTCA9IGNyZWF0ZUNsaWVudEhUTUwoY2xpZW50KSxcbiAgICAgICAgbG9hZGluZ0hUTUwgPSBjcmVhdGVMb2FkaW5nSFRNTChjbGllbnQpLFxuICAgICAgICBsb2FkaW5nQ1NTID0gY3JlYXRlTG9hZGluZ0NTUyhjbGllbnQpLFxuICAgICAgICBkb2N1bWVudENTUyA9IGNyZWF0ZURvY3VtZW50Q1NTKGNsaWVudCksXG4gICAgICAgIGxpdmVSZWxvYWRIVE1MID0gbGl2ZVJlbG9hZFNuaXBwZXQsIC8vL1xuICAgICAgICBhcmdzID0ge1xuICAgICAgICAgIGZvbnRDU1MsXG4gICAgICAgICAgY2xpZW50SFRNTCxcbiAgICAgICAgICBsb2FkaW5nQ1NTLFxuICAgICAgICAgIGxvYWRpbmdIVE1MLFxuICAgICAgICAgIGRvY3VtZW50Q1NTLFxuICAgICAgICAgIGhpZ2htYXJrQ1NTLFxuICAgICAgICAgIGhpZ2htYXJrSFRNTCxcbiAgICAgICAgICBsaXZlUmVsb2FkSFRNTFxuICAgICAgICB9O1xuXG4gIGxldCBjb250ZW50O1xuXG4gIGNvbnRlbnQgPSBpbmRleEhUTUw7ICAvLy9cblxuICBjb25zdCByZWd1bGFyRXhwcmVzc2lvbiA9IC97KC4rPyl9L2csXG4gICAgICAgIHBhcnNlZENvbnRlbnQgPSBwYXJzZUNvbnRlbnQoY29udGVudCwgYXJncywgcmVndWxhckV4cHJlc3Npb24pO1xuXG4gIGNvbnRlbnQgPSBwYXJzZWRDb250ZW50OyAgLy8vXG5cbiAgY29uc3QgZmlsZVBhdGggPSBjb25jYXRlbmF0ZVBhdGhzKHByb2plY3REaXJlY3RvcnlOYW1lLCBJTkRFWF9IVE1MX0ZJTEVfTkFNRSk7XG5cbiAgd3JpdGVGaWxlKGZpbGVQYXRoLCBjb250ZW50KTtcblxuICBwcm9jZWVkKCk7XG59XG4iXSwibmFtZXMiOlsiY3JlYXRlSW5kZXhIVE1MT3BlcmF0aW9uIiwicGFyc2VDb250ZW50IiwidGVtcGxhdGVVdGlsaXRpZXMiLCJjb25jYXRlbmF0ZVBhdGhzIiwicGF0aFV0aWxpdGllcyIsInByb2NlZWQiLCJhYm9ydCIsImNvbnRleHQiLCJjbGllbnQiLCJoaWdobWFya0NTUyIsImhpZ2htYXJrSFRNTCIsInByb2plY3REaXJlY3RvcnlOYW1lIiwiZm9udENTUyIsImZvbnRTdHlsZSIsImluZGV4SFRNTCIsImNyZWF0ZUluZGV4SFRNTCIsImNsaWVudEhUTUwiLCJjcmVhdGVDbGllbnRIVE1MIiwibG9hZGluZ0hUTUwiLCJjcmVhdGVMb2FkaW5nSFRNTCIsImxvYWRpbmdDU1MiLCJjcmVhdGVMb2FkaW5nQ1NTIiwiZG9jdW1lbnRDU1MiLCJjcmVhdGVEb2N1bWVudENTUyIsImxpdmVSZWxvYWRIVE1MIiwibGl2ZVJlbG9hZFNuaXBwZXQiLCJhcmdzIiwiY29udGVudCIsInJlZ3VsYXJFeHByZXNzaW9uIiwicGFyc2VkQ29udGVudCIsImZpbGVQYXRoIiwiSU5ERVhfSFRNTF9GSUxFX05BTUUiLCJ3cml0ZUZpbGUiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQWtCQTs7O2VBQXdCQTs7O2dDQWhCRTt5QkFDUTt5QkFDZTs0REFFckI7NkRBQ0M7OERBQ0E7K0RBQ0M7K0RBQ0E7MEJBRUo7eUJBQ1c7Ozs7OztBQUVyQyxJQUFNLEFBQUVDLGVBQWlCQyw0QkFBaUIsQ0FBbENELGNBQ0YsQUFBRUUsbUJBQXFCQyx3QkFBYSxDQUFsQ0Q7QUFFTyxTQUFTSCx5QkFBeUJLLE9BQU8sRUFBRUMsS0FBSyxFQUFFQyxPQUFPO0lBQ3RFLElBQVFDLFNBQTRERCxRQUE1REMsUUFBUUMsY0FBb0RGLFFBQXBERSxhQUFhQyxlQUF1Q0gsUUFBdkNHLGNBQWNDLHVCQUF5QkosUUFBekJJLHNCQUNyQ0MsVUFBVUMsMkJBQVMsRUFDbkJDLFlBQVlDLElBQUFBLGNBQWUsRUFBQ1AsU0FDNUJRLGFBQWFDLElBQUFBLGVBQWdCLEVBQUNULFNBQzlCVSxjQUFjQyxJQUFBQSxpQkFBaUIsRUFBQ1gsU0FDaENZLGFBQWFDLElBQUFBLGdCQUFnQixFQUFDYixTQUM5QmMsY0FBY0MsSUFBQUEsaUJBQWlCLEVBQUNmLFNBQ2hDZ0IsaUJBQWlCQyw0QkFBaUIsRUFDbENDLE9BQU87UUFDTGQsU0FBQUE7UUFDQUksWUFBQUE7UUFDQUksWUFBQUE7UUFDQUYsYUFBQUE7UUFDQUksYUFBQUE7UUFDQWIsYUFBQUE7UUFDQUMsY0FBQUE7UUFDQWMsZ0JBQUFBO0lBQ0Y7SUFFTixJQUFJRztJQUVKQSxVQUFVYixXQUFZLEdBQUc7SUFFekIsSUFBTWMsb0JBQW9CLFlBQ3BCQyxnQkFBZ0I1QixhQUFhMEIsU0FBU0QsTUFBTUU7SUFFbERELFVBQVVFLGVBQWdCLEdBQUc7SUFFN0IsSUFBTUMsV0FBVzNCLGlCQUFpQlEsc0JBQXNCb0IsK0JBQW9CO0lBRTVFQyxJQUFBQSxxQkFBUyxFQUFDRixVQUFVSDtJQUVwQnRCO0FBQ0YifQ==

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "highmark-cli",
   "author": "James Smith",
-  "version": "1.3.247",
+  "version": "1.3.249",
   "license": "MIT, Anti-996",
   "homepage": "https://github.com/djalbat/highmark-cli",
   "description": "Highmark's LIC tool.",
@@ -16,10 +16,9 @@
   "devDependencies": {
     "@swc/core": "1.13.20",
     "express": "^4.19.2",
-    "highmark-client": "^1.0.147",
+    "highmark-client": "^1.0.150",
     "highmark-markdown": "^1.2.43",
     "lively-cli": "^2.0.77",
-    "occam-styles": "^5.0.381",
     "watchful-cli": "^1.7.63"
   },
   "scripts": {

package/src/css/document.js

@@ -0,0 +1,30 @@
+"use strict";
+
+export default function createDocumentCSS(client) {
+  let documentCSS;
+
+  if (client) {
+    documentCSS = `body > div.document {
+  display: none;
+}`;
+  } else {
+    documentCSS = `body {
+  background-color: #d5d1d1;
+}
+    
+body > div.document {
+  width: fit-content;
+  display: flex;
+  row-gap: 40px;
+  padding: 80px;
+  min-height: 100%;
+  overflow-x: none;
+  padding-top: 40px;
+  align-items: center;
+  flex-direction: column;
+  justify-content: flex-start;
+} `;
+  }
+
+  return documentCSS;
+}

package/src/css/loading.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { EMPTY_STRING } from "../constants";
+
+export default function createLoadingCSS(client) {
+  let loadingCSS = EMPTY_STRING;
+
+  if (client) {
+    loadingCSS = `body > div.loading {
+  width: 100vw;
+  height: 100vh;
+  z-index: 1;
+  display: flex;
+  position: fixed;
+  align-items: center;
+  flex-direction: row;
+  justify-content: center;
+  background-color: white;
+}
+
+div.spinner {
+  width: 80px;
+  height: 80px;
+  display: inline-block;
+  position: relative;
+  background: transparent;
+}
+
+div.spinner div {
+  padding: 0;
+  animation: spinner 1.2s linear infinite;
+  transform-origin: 40px 40px;
+}
+
+div.spinner div:after {
+  top: 3px;
+  left: 37px;
+  width: 6px;
+  height: 18px;
+  content: " ";
+  display: block;
+  position: absolute;
+  background: #606060;
+}
+
+div.spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
+div.spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
+div.spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
+div.spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
+div.spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
+div.spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
+div.spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
+div.spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }
+div.spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }
+div.spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
+div.spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }
+div.spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }
+
+@keyframes spinner {
+  0% { opacity: 1; }
+  100% { opacity: 0; }
+}`;
+  }
+
+  return loadingCSS;
+}

package/src/html/client.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { EMPTY_STRING } from "../constants";
+
+export default function createClientHTML(client) {
+  let clientHTML = EMPTY_STRING;
+
+  if (client) {
+    clientHTML = `<script src="client.js"> </script>`;
+  }
+
+  return clientHTML;
+}

package/src/html/index.js

@@ -0,0 +1,88 @@
+"use strict";
+
+export default function createIndexHTML(client) {
+  const indexHTML = `<!DOCTYPE html>
+<html>
+  <head>
+    <title>Highmark</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, user-scalable=yes">
+
+    <link rel="preload" href="font/STIXTwoMath-Regular.woff2" as="font" type="font/woff2" crossorigin >
+    <link rel="preload" href="font/STIXTwoText-Regular.woff2" as="font" type="font/woff2" crossorigin >
+    <link rel="preload" href="font/STIXTwoText-Bold.woff2" as="font" type="font/woff2" crossorigin >
+    <link rel="preload" href="font/STIXTwoText-Italic.woff2" as="font" type="font/woff2" crossorigin >
+    <link rel="preload" href="font/STIXTwoText-BoldItalic.woff2" as="font" type="font/woff2" crossorigin >
+    <link rel="preload" href="font/Inconsolata-Regular.woff2" as="font" type="font/woff2" crossorigin >
+    <link rel="preload" href="font/Inconsolata-Bold.woff2" as="font" type="font/woff2" crossorigin >
+
+    <style>
+
+        *,
+        *::after,
+        *::before {
+          border: 0;
+          margin: 0;
+          padding: 0;
+          box-sizing: border-box;
+        }
+
+        html,
+        body {
+          -webkit-text-size-adjust: none;
+          -moz-text-size-adjust: none;
+          -ms-text-size-adjust: none;
+          text-size-adjust: none;
+        }
+
+    </style>
+    <style>
+
+      html,
+      body {
+        width: 100%;
+        height: 100%;
+      }
+
+    </style>
+    <style>
+
+{fontCSS}
+
+    </style>
+    <style>
+
+{documentCSS}
+
+    </style>
+    <style>
+
+{loadingCSS}
+
+    </style>
+    <style>
+
+{highmarkCSS}
+
+    </style>
+
+  </head>
+  <body>
+  
+{loadingHTML}
+
+  <div class="document">
+
+{highmarkHTML}
+
+  </div>
+
+{clientHTML}
+
+{liveReloadHTML}
+
+  </body>
+</html>`;
+
+  return indexHTML;
+};

package/src/html/loading.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { EMPTY_STRING } from "../constants";
+
+export default function createLoadingHTML(client) {
+  let loadingHTML = EMPTY_STRING;
+
+  if (client) {
+    loadingHTML = `<div class="loading">
+    <div class="spinner">
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+    </div>
+</div>`;
+  }
+
+  return loadingHTML;
+}

package/src/operation/createIndexHTML.js

@@ -3,7 +3,12 @@
 import { fontStyle } from "highmark-markdown";
 import { liveReloadSnippet } from "lively-cli";
 import { pathUtilities, templateUtilities } from "necessary";
-import { indexHTML, clientHTML, loadingHTML, loadingCSS, documentCSS } from "highmark-client"
+
+import createIndexHTML from "../html/index";
+import createClientHTML from "../html/client";
+import createLoadingCSS from "../css/loading";
+import createLoadingHTML from "../html/loading";
+import createDocumentCSS from "../css/document";
 
 import { writeFile } from "../utilities/fileSystem";
 import { INDEX_HTML_FILE_NAME } from "../constants";
@@ -13,32 +18,24 @@ const { parseContent } = templateUtilities,
 
 export default function createIndexHTMLOperation(proceed, abort, context) {
   const { client, highmarkCSS, highmarkHTML, projectDirectoryName } = context,
-        liveReloadHTML = liveReloadSnippet, ///
         fontCSS = fontStyle,  ///
+        indexHTML = createIndexHTML(client),
+        clientHTML = createClientHTML(client),
+        loadingHTML = createLoadingHTML(client),
+        loadingCSS = createLoadingCSS(client),
+        documentCSS = createDocumentCSS(client),
+        liveReloadHTML = liveReloadSnippet, ///
         args = {
           fontCSS,
+          clientHTML,
+          loadingCSS,
+          loadingHTML,
+          documentCSS,
           highmarkCSS,
           highmarkHTML,
           liveReloadHTML
         };
 
-  if (client) {
-    Object.assign(args, {
-      clientHTML,
-      loadingCSS,
-      loadingHTML,
-      documentCSS
-    });
-  } else {
-    const documentCSS = `body > div.document {
-  display: none;
-} `;
-
-    Object.assign(args, {
-      documentCSS
-    });
-  }
-
   let content;
 
   content = indexHTML;  ///