highmark-cli 1.3.248 → 1.3.250
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/css/document.js +11 -4
- package/lib/css/loading.js +10 -4
- package/lib/html/client.js +10 -4
- package/lib/html/index.js +6 -4
- package/lib/html/loading.js +10 -4
- package/lib/operation/createIndexHTML.js +17 -17
- package/package.json +1 -1
- package/src/css/document.js +30 -2
- package/src/css/loading.js +10 -2
- package/src/html/client.js +10 -2
- package/src/html/index.js +5 -3
- package/src/html/loading.js +10 -2
- package/src/operation/createIndexHTML.js +16 -31
package/lib/css/document.js
CHANGED
|
@@ -5,10 +5,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "default", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return createDocumentCSS;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
|
|
12
|
-
var
|
|
11
|
+
function createDocumentCSS(client) {
|
|
12
|
+
var documentCSS;
|
|
13
|
+
if (client) {
|
|
14
|
+
documentCSS = "body > div.document {\n display: none;\n}";
|
|
15
|
+
} else {
|
|
16
|
+
documentCSS = "body {\n background-color: #d5d1d1;\n}\n \nbody > div.document {\n width: fit-content;\n margin: auto;\n display: flex;\n min-height: 100%;\n align-items: center;\n flex-direction: column;\n justify-content: flex-start;\n}\n \nbody > div.document > div {\n border-bottom: 1px solid #0c0d0f;\n}\n\nbody > div.document > div:last-of-type {\n border-bottom: none;\n}";
|
|
17
|
+
}
|
|
18
|
+
return documentCSS;
|
|
19
|
+
}
|
|
13
20
|
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MvZG9jdW1lbnQuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGNyZWF0ZURvY3VtZW50Q1NTKGNsaWVudCkge1xuICBsZXQgZG9jdW1lbnRDU1M7XG5cbiAgaWYgKGNsaWVudCkge1xuICAgIGRvY3VtZW50Q1NTID0gYGJvZHkgPiBkaXYuZG9jdW1lbnQge1xuICBkaXNwbGF5OiBub25lO1xufWA7XG4gIH0gZWxzZSB7XG4gICAgZG9jdW1lbnRDU1MgPSBgYm9keSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkNWQxZDE7XG59XG4gICAgXG5ib2R5ID4gZGl2LmRvY3VtZW50IHtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBtYXJnaW46IGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cbiBcbmJvZHkgPiBkaXYuZG9jdW1lbnQgPiBkaXYge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzBjMGQwZjtcbn1cblxuYm9keSA+IGRpdi5kb2N1bWVudCA+IGRpdjpsYXN0LW9mLXR5cGUge1xuICBib3JkZXItYm90dG9tOiBub25lO1xufWA7XG4gIH1cblxuICByZXR1cm4gZG9jdW1lbnRDU1M7XG59XG4iXSwibmFtZXMiOlsiY3JlYXRlRG9jdW1lbnRDU1MiLCJjbGllbnQiLCJkb2N1bWVudENTUyJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBRUE7OztlQUF3QkE7OztBQUFULFNBQVNBLGtCQUFrQkMsTUFBTTtJQUM5QyxJQUFJQztJQUVKLElBQUlELFFBQVE7UUFDVkMsY0FBYztJQUdoQixPQUFPO1FBQ0xBLGNBQWM7SUFxQmhCO0lBRUEsT0FBT0E7QUFDVCJ9
|
package/lib/css/loading.js
CHANGED
|
@@ -5,10 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "default", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return createLoadingCSS;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
|
|
11
|
+
var _constants = require("../constants");
|
|
12
|
+
function createLoadingCSS(client) {
|
|
13
|
+
var loadingCSS = _constants.EMPTY_STRING;
|
|
14
|
+
if (client) {
|
|
15
|
+
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}';
|
|
16
|
+
}
|
|
17
|
+
return loadingCSS;
|
|
18
|
+
}
|
|
13
19
|
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MvbG9hZGluZy5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHsgRU1QVFlfU1RSSU5HIH0gZnJvbSBcIi4uL2NvbnN0YW50c1wiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVMb2FkaW5nQ1NTKGNsaWVudCkge1xuICBsZXQgbG9hZGluZ0NTUyA9IEVNUFRZX1NUUklORztcblxuICBpZiAoY2xpZW50KSB7XG4gICAgbG9hZGluZ0NTUyA9IGBib2R5ID4gZGl2LmxvYWRpbmcge1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6IDE7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xufVxuXG5kaXYuc3Bpbm5lciB7XG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuZGl2LnNwaW5uZXIgZGl2IHtcbiAgcGFkZGluZzogMDtcbiAgYW5pbWF0aW9uOiBzcGlubmVyIDEuMnMgbGluZWFyIGluZmluaXRlO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiA0MHB4IDQwcHg7XG59XG5cbmRpdi5zcGlubmVyIGRpdjphZnRlciB7XG4gIHRvcDogM3B4O1xuICBsZWZ0OiAzN3B4O1xuICB3aWR0aDogNnB4O1xuICBoZWlnaHQ6IDE4cHg7XG4gIGNvbnRlbnQ6IFwiIFwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAjNjA2MDYwO1xufVxuXG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDEpIHsgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IGFuaW1hdGlvbi1kZWxheTogLTEuMXM7IH1cbmRpdi5zcGlubmVyIGRpdjpudGgtY2hpbGQoMikgeyB0cmFuc2Zvcm06IHJvdGF0ZSgzMGRlZyk7IGFuaW1hdGlvbi1kZWxheTogLTFzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDMpIHsgdHJhbnNmb3JtOiByb3RhdGUoNjBkZWcpOyBhbmltYXRpb24tZGVsYXk6IC0wLjlzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDQpIHsgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpOyBhbmltYXRpb24tZGVsYXk6IC0wLjhzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDUpIHsgdHJhbnNmb3JtOiByb3RhdGUoMTIwZGVnKTsgYW5pbWF0aW9uLWRlbGF5OiAtMC43czsgfVxuZGl2LnNwaW5uZXIgZGl2Om50aC1jaGlsZCg2KSB7IHRyYW5zZm9ybTogcm90YXRlKDE1MGRlZyk7IGFuaW1hdGlvbi1kZWxheTogLTAuNnM7IH1cbmRpdi5zcGlubmVyIGRpdjpudGgtY2hpbGQoNykgeyB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOyBhbmltYXRpb24tZGVsYXk6IC0wLjVzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDgpIHsgdHJhbnNmb3JtOiByb3RhdGUoMjEwZGVnKTsgYW5pbWF0aW9uLWRlbGF5OiAtMC40czsgfVxuZGl2LnNwaW5uZXIgZGl2Om50aC1jaGlsZCg5KSB7IHRyYW5zZm9ybTogcm90YXRlKDI0MGRlZyk7IGFuaW1hdGlvbi1kZWxheTogLTAuM3M7IH1cbmRpdi5zcGlubmVyIGRpdjpudGgtY2hpbGQoMTApIHsgdHJhbnNmb3JtOiByb3RhdGUoMjcwZGVnKTsgYW5pbWF0aW9uLWRlbGF5OiAtMC4yczsgfVxuZGl2LnNwaW5uZXIgZGl2Om50aC1jaGlsZCgxMSkgeyB0cmFuc2Zvcm06IHJvdGF0ZSgzMDBkZWcpOyBhbmltYXRpb24tZGVsYXk6IC0wLjFzOyB9XG5kaXYuc3Bpbm5lciBkaXY6bnRoLWNoaWxkKDEyKSB7IHRyYW5zZm9ybTogcm90YXRlKDMzMGRlZyk7IGFuaW1hdGlvbi1kZWxheTogMHM7IH1cblxuQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgMCUgeyBvcGFjaXR5OiAxOyB9XG4gIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG59YDtcbiAgfVxuXG4gIHJldHVybiBsb2FkaW5nQ1NTO1xufVxuIl0sIm5hbWVzIjpbImNyZWF0ZUxvYWRpbmdDU1MiLCJjbGllbnQiLCJsb2FkaW5nQ1NTIiwiRU1QVFlfU1RSSU5HIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFJQTs7O2VBQXdCQTs7O3lCQUZLO0FBRWQsU0FBU0EsaUJBQWlCQyxNQUFNO0lBQzdDLElBQUlDLGFBQWFDLHVCQUFZO0lBRTdCLElBQUlGLFFBQVE7UUFDVkMsYUFBYTtJQXNEZjtJQUVBLE9BQU9BO0FBQ1QifQ==
|
package/lib/html/client.js
CHANGED
|
@@ -5,10 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "default", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return createClientHTML;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
|
|
11
|
+
var _constants = require("../constants");
|
|
12
|
+
function createClientHTML(client) {
|
|
13
|
+
var clientHTML = _constants.EMPTY_STRING;
|
|
14
|
+
if (client) {
|
|
15
|
+
clientHTML = '<script src="client.js"> </script>';
|
|
16
|
+
}
|
|
17
|
+
return clientHTML;
|
|
18
|
+
}
|
|
13
19
|
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9odG1sL2NsaWVudC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHsgRU1QVFlfU1RSSU5HIH0gZnJvbSBcIi4uL2NvbnN0YW50c1wiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVDbGllbnRIVE1MKGNsaWVudCkge1xuICBsZXQgY2xpZW50SFRNTCA9IEVNUFRZX1NUUklORztcblxuICBpZiAoY2xpZW50KSB7XG4gICAgY2xpZW50SFRNTCA9IGA8c2NyaXB0IHNyYz1cImNsaWVudC5qc1wiPiA8L3NjcmlwdD5gO1xuICB9XG5cbiAgcmV0dXJuIGNsaWVudEhUTUw7XG59XG4iXSwibmFtZXMiOlsiY3JlYXRlQ2xpZW50SFRNTCIsImNsaWVudCIsImNsaWVudEhUTUwiLCJFTVBUWV9TVFJJTkciXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQUlBOzs7ZUFBd0JBOzs7eUJBRks7QUFFZCxTQUFTQSxpQkFBaUJDLE1BQU07SUFDN0MsSUFBSUMsYUFBYUMsdUJBQVk7SUFFN0IsSUFBSUYsUUFBUTtRQUNWQyxhQUFhO0lBQ2Y7SUFFQSxPQUFPQTtBQUNUIn0=
|
package/lib/html/index.js
CHANGED
|
@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "default", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return createIndexHTML;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
|
|
12
|
-
var
|
|
11
|
+
function createIndexHTML(client) {
|
|
12
|
+
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>';
|
|
13
|
+
return indexHTML;
|
|
14
|
+
}
|
|
13
15
|
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9odG1sL2luZGV4LmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVJbmRleEhUTUwoY2xpZW50KSB7XG4gIGNvbnN0IGluZGV4SFRNTCA9IGA8IURPQ1RZUEUgaHRtbD5cbjxodG1sPlxuICA8aGVhZD5cbiAgICA8dGl0bGU+SGlnaG1hcms8L3RpdGxlPlxuICAgIDxtZXRhIGNoYXJzZXQ9XCJ1dGYtOFwiIC8+XG4gICAgPG1ldGEgbmFtZT1cInZpZXdwb3J0XCIgY29udGVudD1cIndpZHRoPWRldmljZS13aWR0aCwgdXNlci1zY2FsYWJsZT15ZXNcIj5cblxuICAgIDxsaW5rIHJlbD1cInByZWxvYWRcIiBocmVmPVwiZm9udC9TVElYVHdvTWF0aC1SZWd1bGFyLndvZmYyXCIgYXM9XCJmb250XCIgdHlwZT1cImZvbnQvd29mZjJcIiBjcm9zc29yaWdpbiA+XG4gICAgPGxpbmsgcmVsPVwicHJlbG9hZFwiIGhyZWY9XCJmb250L1NUSVhUd29UZXh0LVJlZ3VsYXIud29mZjJcIiBhcz1cImZvbnRcIiB0eXBlPVwiZm9udC93b2ZmMlwiIGNyb3Nzb3JpZ2luID5cbiAgICA8bGluayByZWw9XCJwcmVsb2FkXCIgaHJlZj1cImZvbnQvU1RJWFR3b1RleHQtQm9sZC53b2ZmMlwiIGFzPVwiZm9udFwiIHR5cGU9XCJmb250L3dvZmYyXCIgY3Jvc3NvcmlnaW4gPlxuICAgIDxsaW5rIHJlbD1cInByZWxvYWRcIiBocmVmPVwiZm9udC9TVElYVHdvVGV4dC1JdGFsaWMud29mZjJcIiBhcz1cImZvbnRcIiB0eXBlPVwiZm9udC93b2ZmMlwiIGNyb3Nzb3JpZ2luID5cbiAgICA8bGluayByZWw9XCJwcmVsb2FkXCIgaHJlZj1cImZvbnQvU1RJWFR3b1RleHQtQm9sZEl0YWxpYy53b2ZmMlwiIGFzPVwiZm9udFwiIHR5cGU9XCJmb250L3dvZmYyXCIgY3Jvc3NvcmlnaW4gPlxuICAgIDxsaW5rIHJlbD1cInByZWxvYWRcIiBocmVmPVwiZm9udC9JbmNvbnNvbGF0YS1SZWd1bGFyLndvZmYyXCIgYXM9XCJmb250XCIgdHlwZT1cImZvbnQvd29mZjJcIiBjcm9zc29yaWdpbiA+XG4gICAgPGxpbmsgcmVsPVwicHJlbG9hZFwiIGhyZWY9XCJmb250L0luY29uc29sYXRhLUJvbGQud29mZjJcIiBhcz1cImZvbnRcIiB0eXBlPVwiZm9udC93b2ZmMlwiIGNyb3Nzb3JpZ2luID5cblxuICAgIDxzdHlsZT5cblxuICAgICAgICAqLFxuICAgICAgICAqOjphZnRlcixcbiAgICAgICAgKjo6YmVmb3JlIHtcbiAgICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuXG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIC13ZWJraXQtdGV4dC1zaXplLWFkanVzdDogbm9uZTtcbiAgICAgICAgICAtbW96LXRleHQtc2l6ZS1hZGp1c3Q6IG5vbmU7XG4gICAgICAgICAgLW1zLXRleHQtc2l6ZS1hZGp1c3Q6IG5vbmU7XG4gICAgICAgICAgdGV4dC1zaXplLWFkanVzdDogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgPC9zdHlsZT5cbiAgICA8c3R5bGU+XG5cbiAgICAgIGh0bWwsXG4gICAgICBib2R5IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIH1cblxuICAgIDwvc3R5bGU+XG4gICAgPHN0eWxlPlxuXG57Zm9udENTU31cblxuICAgIDwvc3R5bGU+XG4gICAgPHN0eWxlPlxuXG57ZG9jdW1lbnRDU1N9XG5cbiAgICA8L3N0eWxlPlxuICAgIDxzdHlsZT5cblxue2xvYWRpbmdDU1N9XG5cbiAgICA8L3N0eWxlPlxuICAgIDxzdHlsZT5cblxue2hpZ2htYXJrQ1NTfVxuXG4gICAgPC9zdHlsZT5cblxuICA8L2hlYWQ+XG4gIDxib2R5PlxuICBcbntsb2FkaW5nSFRNTH1cblxuICA8ZGl2IGNsYXNzPVwiZG9jdW1lbnRcIj5cblxue2hpZ2htYXJrSFRNTH1cblxuICA8L2Rpdj5cblxue2NsaWVudEhUTUx9XG5cbntsaXZlUmVsb2FkSFRNTH1cblxuICA8L2JvZHk+XG48L2h0bWw+YDtcblxuICByZXR1cm4gaW5kZXhIVE1MO1xufTtcbiJdLCJuYW1lcyI6WyJjcmVhdGVJbmRleEhUTUwiLCJjbGllbnQiLCJpbmRleEhUTUwiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQUVBOzs7ZUFBd0JBOzs7QUFBVCxTQUFTQSxnQkFBZ0JDLE1BQU07SUFDNUMsSUFBTUMsWUFBWTtJQW1GbEIsT0FBT0E7QUFDVCJ9
|
package/lib/html/loading.js
CHANGED
|
@@ -5,10 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "default", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return createLoadingHTML;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
|
|
11
|
+
var _constants = require("../constants");
|
|
12
|
+
function createLoadingHTML(client) {
|
|
13
|
+
var loadingHTML = _constants.EMPTY_STRING;
|
|
14
|
+
if (client) {
|
|
15
|
+
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>';
|
|
16
|
+
}
|
|
17
|
+
return loadingHTML;
|
|
18
|
+
}
|
|
13
19
|
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9odG1sL2xvYWRpbmcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB7IEVNUFRZX1NUUklORyB9IGZyb20gXCIuLi9jb25zdGFudHNcIjtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlTG9hZGluZ0hUTUwoY2xpZW50KSB7XG4gIGxldCBsb2FkaW5nSFRNTCA9IEVNUFRZX1NUUklORztcblxuICBpZiAoY2xpZW50KSB7XG4gICAgbG9hZGluZ0hUTUwgPSBgPGRpdiBjbGFzcz1cImxvYWRpbmdcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3Bpbm5lclwiPlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgICAgICA8ZGl2PjwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+YDtcbiAgfVxuXG4gIHJldHVybiBsb2FkaW5nSFRNTDtcbn1cbiJdLCJuYW1lcyI6WyJjcmVhdGVMb2FkaW5nSFRNTCIsImNsaWVudCIsImxvYWRpbmdIVE1MIiwiRU1QVFlfU1RSSU5HIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFJQTs7O2VBQXdCQTs7O3lCQUZLO0FBRWQsU0FBU0Esa0JBQWtCQyxNQUFNO0lBQzlDLElBQUlDLGNBQWNDLHVCQUFZO0lBRTlCLElBQUlGLFFBQVE7UUFDVkMsY0FBYztJQWdCaEI7SUFFQSxPQUFPQTtBQUNUIn0=
|
|
@@ -11,32 +11,32 @@ Object.defineProperty(exports, "default", {
|
|
|
11
11
|
var _highmarkmarkdown = require("highmark-markdown");
|
|
12
12
|
var _livelycli = require("lively-cli");
|
|
13
13
|
var _necessary = require("necessary");
|
|
14
|
-
var
|
|
14
|
+
var _index = /*#__PURE__*/ _interop_require_default(require("../html/index"));
|
|
15
|
+
var _client = /*#__PURE__*/ _interop_require_default(require("../html/client"));
|
|
16
|
+
var _loading = /*#__PURE__*/ _interop_require_default(require("../css/loading"));
|
|
17
|
+
var _loading1 = /*#__PURE__*/ _interop_require_default(require("../html/loading"));
|
|
18
|
+
var _document = /*#__PURE__*/ _interop_require_default(require("../css/document"));
|
|
15
19
|
var _fileSystem = require("../utilities/fileSystem");
|
|
16
20
|
var _constants = require("../constants");
|
|
21
|
+
function _interop_require_default(obj) {
|
|
22
|
+
return obj && obj.__esModule ? obj : {
|
|
23
|
+
default: obj
|
|
24
|
+
};
|
|
25
|
+
}
|
|
17
26
|
var parseContent = _necessary.templateUtilities.parseContent, concatenatePaths = _necessary.pathUtilities.concatenatePaths;
|
|
18
27
|
function createIndexHTMLOperation(proceed, abort, context) {
|
|
19
|
-
var client = context.client, highmarkCSS = context.highmarkCSS, highmarkHTML = context.highmarkHTML, projectDirectoryName = context.projectDirectoryName,
|
|
28
|
+
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 = {
|
|
20
29
|
fontCSS: fontCSS,
|
|
30
|
+
clientHTML: clientHTML,
|
|
31
|
+
loadingCSS: loadingCSS,
|
|
32
|
+
loadingHTML: loadingHTML,
|
|
33
|
+
documentCSS: documentCSS,
|
|
21
34
|
highmarkCSS: highmarkCSS,
|
|
22
35
|
highmarkHTML: highmarkHTML,
|
|
23
36
|
liveReloadHTML: liveReloadHTML
|
|
24
37
|
};
|
|
25
|
-
if (client) {
|
|
26
|
-
Object.assign(args, {
|
|
27
|
-
clientHTML: _highmarkclient.clientHTML,
|
|
28
|
-
loadingCSS: _highmarkclient.loadingCSS,
|
|
29
|
-
loadingHTML: _highmarkclient.loadingHTML,
|
|
30
|
-
documentCSS: _highmarkclient.documentCSS
|
|
31
|
-
});
|
|
32
|
-
} else {
|
|
33
|
-
var _$documentCSS = "body {\n background-color: #d5d1d1;\n}\n \nbody > div.document {\n width: 100%;\n display: flex;\n row-gap: 40px;\n padding: 40px;\n min-height: 100%;\n align-items: center;\n padding-bottom: 80px;\n flex-direction: column;\n justify-content: flex-start;\n} ";
|
|
34
|
-
Object.assign(args, {
|
|
35
|
-
documentCSS: _$documentCSS
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
38
|
var content;
|
|
39
|
-
content =
|
|
39
|
+
content = indexHTML; ///
|
|
40
40
|
var regularExpression = /{(.+?)}/g, parsedContent = parseContent(content, args, regularExpression);
|
|
41
41
|
content = parsedContent; ///
|
|
42
42
|
var filePath = concatenatePaths(projectDirectoryName, _constants.INDEX_HTML_FILE_NAME);
|
|
@@ -44,4 +44,4 @@ function createIndexHTMLOperation(proceed, abort, context) {
|
|
|
44
44
|
proceed();
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9vcGVyYXRpb24vY3JlYXRlSW5kZXhIVE1MLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBmb250U3R5bGUgfSBmcm9tIFwiaGlnaG1hcmstbWFya2Rvd25cIjtcbmltcG9ydCB7IGxpdmVSZWxvYWRTbmlwcGV0IH0gZnJvbSBcImxpdmVseS1jbGlcIjtcbmltcG9ydCB7IHBhdGhVdGlsaXRpZXMsIHRlbXBsYXRlVXRpbGl0aWVzIH0gZnJvbSBcIm5lY2Vzc2FyeVwiO1xuXG5pbXBvcnQgY3JlYXRlSW5kZXhIVE1MIGZyb20gXCIuLi9odG1sL2luZGV4XCI7XG5pbXBvcnQgY3JlYXRlQ2xpZW50SFRNTCBmcm9tIFwiLi4vaHRtbC9jbGllbnRcIjtcbmltcG9ydCBjcmVhdGVMb2FkaW5nQ1NTIGZyb20gXCIuLi9jc3MvbG9hZGluZ1wiO1xuaW1wb3J0IGNyZWF0ZUxvYWRpbmdIVE1MIGZyb20gXCIuLi9odG1sL2xvYWRpbmdcIjtcbmltcG9ydCBjcmVhdGVEb2N1bWVudENTUyBmcm9tIFwiLi4vY3NzL2RvY3VtZW50XCI7XG5cbmltcG9ydCB7IHdyaXRlRmlsZSB9IGZyb20gXCIuLi91dGlsaXRpZXMvZmlsZVN5c3RlbVwiO1xuaW1wb3J0IHsgSU5ERVhfSFRNTF9GSUxFX05BTUUgfSBmcm9tIFwiLi4vY29uc3RhbnRzXCI7XG5cbmNvbnN0IHsgcGFyc2VDb250ZW50IH0gPSB0ZW1wbGF0ZVV0aWxpdGllcyxcbiAgICAgIHsgY29uY2F0ZW5hdGVQYXRocyB9ID0gcGF0aFV0aWxpdGllcztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlSW5kZXhIVE1MT3BlcmF0aW9uKHByb2NlZWQsIGFib3J0LCBjb250ZXh0KSB7XG4gIGNvbnN0IHsgY2xpZW50LCBoaWdobWFya0NTUywgaGlnaG1hcmtIVE1MLCBwcm9qZWN0RGlyZWN0b3J5TmFtZSB9ID0gY29udGV4dCxcbiAgICAgICAgZm9udENTUyA9IGZvbnRTdHlsZSwgIC8vL1xuICAgICAgICBpbmRleEhUTUwgPSBjcmVhdGVJbmRleEhUTUwoY2xpZW50KSxcbiAgICAgICAgY2xpZW50SFRNTCA9IGNyZWF0ZUNsaWVudEhUTUwoY2xpZW50KSxcbiAgICAgICAgbG9hZGluZ0hUTUwgPSBjcmVhdGVMb2FkaW5nSFRNTChjbGllbnQpLFxuICAgICAgICBsb2FkaW5nQ1NTID0gY3JlYXRlTG9hZGluZ0NTUyhjbGllbnQpLFxuICAgICAgICBkb2N1bWVudENTUyA9IGNyZWF0ZURvY3VtZW50Q1NTKGNsaWVudCksXG4gICAgICAgIGxpdmVSZWxvYWRIVE1MID0gbGl2ZVJlbG9hZFNuaXBwZXQsIC8vL1xuICAgICAgICBhcmdzID0ge1xuICAgICAgICAgIGZvbnRDU1MsXG4gICAgICAgICAgY2xpZW50SFRNTCxcbiAgICAgICAgICBsb2FkaW5nQ1NTLFxuICAgICAgICAgIGxvYWRpbmdIVE1MLFxuICAgICAgICAgIGRvY3VtZW50Q1NTLFxuICAgICAgICAgIGhpZ2htYXJrQ1NTLFxuICAgICAgICAgIGhpZ2htYXJrSFRNTCxcbiAgICAgICAgICBsaXZlUmVsb2FkSFRNTFxuICAgICAgICB9O1xuXG4gIGxldCBjb250ZW50O1xuXG4gIGNvbnRlbnQgPSBpbmRleEhUTUw7ICAvLy9cblxuICBjb25zdCByZWd1bGFyRXhwcmVzc2lvbiA9IC97KC4rPyl9L2csXG4gICAgICAgIHBhcnNlZENvbnRlbnQgPSBwYXJzZUNvbnRlbnQoY29udGVudCwgYXJncywgcmVndWxhckV4cHJlc3Npb24pO1xuXG4gIGNvbnRlbnQgPSBwYXJzZWRDb250ZW50OyAgLy8vXG5cbiAgY29uc3QgZmlsZVBhdGggPSBjb25jYXRlbmF0ZVBhdGhzKHByb2plY3REaXJlY3RvcnlOYW1lLCBJTkRFWF9IVE1MX0ZJTEVfTkFNRSk7XG5cbiAgd3JpdGVGaWxlKGZpbGVQYXRoLCBjb250ZW50KTtcblxuICBwcm9jZWVkKCk7XG59XG4iXSwibmFtZXMiOlsiY3JlYXRlSW5kZXhIVE1MT3BlcmF0aW9uIiwicGFyc2VDb250ZW50IiwidGVtcGxhdGVVdGlsaXRpZXMiLCJjb25jYXRlbmF0ZVBhdGhzIiwicGF0aFV0aWxpdGllcyIsInByb2NlZWQiLCJhYm9ydCIsImNvbnRleHQiLCJjbGllbnQiLCJoaWdobWFya0NTUyIsImhpZ2htYXJrSFRNTCIsInByb2plY3REaXJlY3RvcnlOYW1lIiwiZm9udENTUyIsImZvbnRTdHlsZSIsImluZGV4SFRNTCIsImNyZWF0ZUluZGV4SFRNTCIsImNsaWVudEhUTUwiLCJjcmVhdGVDbGllbnRIVE1MIiwibG9hZGluZ0hUTUwiLCJjcmVhdGVMb2FkaW5nSFRNTCIsImxvYWRpbmdDU1MiLCJjcmVhdGVMb2FkaW5nQ1NTIiwiZG9jdW1lbnRDU1MiLCJjcmVhdGVEb2N1bWVudENTUyIsImxpdmVSZWxvYWRIVE1MIiwibGl2ZVJlbG9hZFNuaXBwZXQiLCJhcmdzIiwiY29udGVudCIsInJlZ3VsYXJFeHByZXNzaW9uIiwicGFyc2VkQ29udGVudCIsImZpbGVQYXRoIiwiSU5ERVhfSFRNTF9GSUxFX05BTUUiLCJ3cml0ZUZpbGUiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQWtCQTs7O2VBQXdCQTs7O2dDQWhCRTt5QkFDUTt5QkFDZTs0REFFckI7NkRBQ0M7OERBQ0E7K0RBQ0M7K0RBQ0E7MEJBRUo7eUJBQ1c7Ozs7OztBQUVyQyxJQUFNLEFBQUVDLGVBQWlCQyw0QkFBaUIsQ0FBbENELGNBQ0YsQUFBRUUsbUJBQXFCQyx3QkFBYSxDQUFsQ0Q7QUFFTyxTQUFTSCx5QkFBeUJLLE9BQU8sRUFBRUMsS0FBSyxFQUFFQyxPQUFPO0lBQ3RFLElBQVFDLFNBQTRERCxRQUE1REMsUUFBUUMsY0FBb0RGLFFBQXBERSxhQUFhQyxlQUF1Q0gsUUFBdkNHLGNBQWNDLHVCQUF5QkosUUFBekJJLHNCQUNyQ0MsVUFBVUMsMkJBQVMsRUFDbkJDLFlBQVlDLElBQUFBLGNBQWUsRUFBQ1AsU0FDNUJRLGFBQWFDLElBQUFBLGVBQWdCLEVBQUNULFNBQzlCVSxjQUFjQyxJQUFBQSxpQkFBaUIsRUFBQ1gsU0FDaENZLGFBQWFDLElBQUFBLGdCQUFnQixFQUFDYixTQUM5QmMsY0FBY0MsSUFBQUEsaUJBQWlCLEVBQUNmLFNBQ2hDZ0IsaUJBQWlCQyw0QkFBaUIsRUFDbENDLE9BQU87UUFDTGQsU0FBQUE7UUFDQUksWUFBQUE7UUFDQUksWUFBQUE7UUFDQUYsYUFBQUE7UUFDQUksYUFBQUE7UUFDQWIsYUFBQUE7UUFDQUMsY0FBQUE7UUFDQWMsZ0JBQUFBO0lBQ0Y7SUFFTixJQUFJRztJQUVKQSxVQUFVYixXQUFZLEdBQUc7SUFFekIsSUFBTWMsb0JBQW9CLFlBQ3BCQyxnQkFBZ0I1QixhQUFhMEIsU0FBU0QsTUFBTUU7SUFFbERELFVBQVVFLGVBQWdCLEdBQUc7SUFFN0IsSUFBTUMsV0FBVzNCLGlCQUFpQlEsc0JBQXNCb0IsK0JBQW9CO0lBRTVFQyxJQUFBQSxxQkFBUyxFQUFDRixVQUFVSDtJQUVwQnRCO0FBQ0YifQ==
|
package/package.json
CHANGED
package/src/css/document.js
CHANGED
|
@@ -1,7 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
export default function createDocumentCSS(client) {
|
|
4
|
+
let documentCSS;
|
|
5
|
+
|
|
6
|
+
if (client) {
|
|
7
|
+
documentCSS = `body > div.document {
|
|
4
8
|
display: none;
|
|
5
9
|
}`;
|
|
10
|
+
} else {
|
|
11
|
+
documentCSS = `body {
|
|
12
|
+
background-color: #d5d1d1;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
body > div.document {
|
|
16
|
+
width: fit-content;
|
|
17
|
+
margin: auto;
|
|
18
|
+
display: flex;
|
|
19
|
+
min-height: 100%;
|
|
20
|
+
align-items: center;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
justify-content: flex-start;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
body > div.document > div {
|
|
26
|
+
border-bottom: 1px solid #0c0d0f;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
body > div.document > div:last-of-type {
|
|
30
|
+
border-bottom: none;
|
|
31
|
+
}`;
|
|
32
|
+
}
|
|
6
33
|
|
|
7
|
-
|
|
34
|
+
return documentCSS;
|
|
35
|
+
}
|
package/src/css/loading.js
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
import { EMPTY_STRING } from "../constants";
|
|
4
|
+
|
|
5
|
+
export default function createLoadingCSS(client) {
|
|
6
|
+
let loadingCSS = EMPTY_STRING;
|
|
7
|
+
|
|
8
|
+
if (client) {
|
|
9
|
+
loadingCSS = `body > div.loading {
|
|
4
10
|
width: 100vw;
|
|
5
11
|
height: 100vh;
|
|
6
12
|
z-index: 1;
|
|
@@ -54,5 +60,7 @@ div.spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s;
|
|
|
54
60
|
0% { opacity: 1; }
|
|
55
61
|
100% { opacity: 0; }
|
|
56
62
|
}`;
|
|
63
|
+
}
|
|
57
64
|
|
|
58
|
-
|
|
65
|
+
return loadingCSS;
|
|
66
|
+
}
|
package/src/html/client.js
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
import { EMPTY_STRING } from "../constants";
|
|
4
4
|
|
|
5
|
-
export default
|
|
5
|
+
export default function createClientHTML(client) {
|
|
6
|
+
let clientHTML = EMPTY_STRING;
|
|
7
|
+
|
|
8
|
+
if (client) {
|
|
9
|
+
clientHTML = `<script src="client.js"> </script>`;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
return clientHTML;
|
|
13
|
+
}
|
package/src/html/index.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
export default function createIndexHTML(client) {
|
|
4
|
+
const indexHTML = `<!DOCTYPE html>
|
|
4
5
|
<html>
|
|
5
6
|
<head>
|
|
6
7
|
<title>Highmark</title>
|
|
7
8
|
<meta charset="utf-8" />
|
|
8
|
-
<meta name="viewport" content="width=device-width,
|
|
9
|
+
<meta name="viewport" content="width=device-width, user-scalable=yes">
|
|
9
10
|
|
|
10
11
|
<link rel="preload" href="font/STIXTwoMath-Regular.woff2" as="font" type="font/woff2" crossorigin >
|
|
11
12
|
<link rel="preload" href="font/STIXTwoText-Regular.woff2" as="font" type="font/woff2" crossorigin >
|
|
@@ -83,4 +84,5 @@ const indexHTML = `<!DOCTYPE html>
|
|
|
83
84
|
</body>
|
|
84
85
|
</html>`;
|
|
85
86
|
|
|
86
|
-
|
|
87
|
+
return indexHTML;
|
|
88
|
+
};
|
package/src/html/loading.js
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
import { EMPTY_STRING } from "../constants";
|
|
4
|
+
|
|
5
|
+
export default function createLoadingHTML(client) {
|
|
6
|
+
let loadingHTML = EMPTY_STRING;
|
|
7
|
+
|
|
8
|
+
if (client) {
|
|
9
|
+
loadingHTML = `<div class="loading">
|
|
4
10
|
<div class="spinner">
|
|
5
11
|
<div></div>
|
|
6
12
|
<div></div>
|
|
@@ -16,5 +22,7 @@ const loadingHTML = `<div class="loading">
|
|
|
16
22
|
<div></div>
|
|
17
23
|
</div>
|
|
18
24
|
</div>`;
|
|
25
|
+
}
|
|
19
26
|
|
|
20
|
-
|
|
27
|
+
return loadingHTML;
|
|
28
|
+
}
|
|
@@ -3,7 +3,12 @@
|
|
|
3
3
|
import { fontStyle } from "highmark-markdown";
|
|
4
4
|
import { liveReloadSnippet } from "lively-cli";
|
|
5
5
|
import { pathUtilities, templateUtilities } from "necessary";
|
|
6
|
-
|
|
6
|
+
|
|
7
|
+
import createIndexHTML from "../html/index";
|
|
8
|
+
import createClientHTML from "../html/client";
|
|
9
|
+
import createLoadingCSS from "../css/loading";
|
|
10
|
+
import createLoadingHTML from "../html/loading";
|
|
11
|
+
import createDocumentCSS from "../css/document";
|
|
7
12
|
|
|
8
13
|
import { writeFile } from "../utilities/fileSystem";
|
|
9
14
|
import { INDEX_HTML_FILE_NAME } from "../constants";
|
|
@@ -13,44 +18,24 @@ const { parseContent } = templateUtilities,
|
|
|
13
18
|
|
|
14
19
|
export default function createIndexHTMLOperation(proceed, abort, context) {
|
|
15
20
|
const { client, highmarkCSS, highmarkHTML, projectDirectoryName } = context,
|
|
16
|
-
liveReloadHTML = liveReloadSnippet, ///
|
|
17
21
|
fontCSS = fontStyle, ///
|
|
22
|
+
indexHTML = createIndexHTML(client),
|
|
23
|
+
clientHTML = createClientHTML(client),
|
|
24
|
+
loadingHTML = createLoadingHTML(client),
|
|
25
|
+
loadingCSS = createLoadingCSS(client),
|
|
26
|
+
documentCSS = createDocumentCSS(client),
|
|
27
|
+
liveReloadHTML = liveReloadSnippet, ///
|
|
18
28
|
args = {
|
|
19
29
|
fontCSS,
|
|
30
|
+
clientHTML,
|
|
31
|
+
loadingCSS,
|
|
32
|
+
loadingHTML,
|
|
33
|
+
documentCSS,
|
|
20
34
|
highmarkCSS,
|
|
21
35
|
highmarkHTML,
|
|
22
36
|
liveReloadHTML
|
|
23
37
|
};
|
|
24
38
|
|
|
25
|
-
if (client) {
|
|
26
|
-
Object.assign(args, {
|
|
27
|
-
clientHTML,
|
|
28
|
-
loadingCSS,
|
|
29
|
-
loadingHTML,
|
|
30
|
-
documentCSS
|
|
31
|
-
});
|
|
32
|
-
} else {
|
|
33
|
-
const documentCSS = `body {
|
|
34
|
-
background-color: #d5d1d1;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
body > div.document {
|
|
38
|
-
width: 100%;
|
|
39
|
-
display: flex;
|
|
40
|
-
row-gap: 40px;
|
|
41
|
-
padding: 40px;
|
|
42
|
-
min-height: 100%;
|
|
43
|
-
align-items: center;
|
|
44
|
-
padding-bottom: 80px;
|
|
45
|
-
flex-direction: column;
|
|
46
|
-
justify-content: flex-start;
|
|
47
|
-
} `;
|
|
48
|
-
|
|
49
|
-
Object.assign(args, {
|
|
50
|
-
documentCSS
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
|
|
54
39
|
let content;
|
|
55
40
|
|
|
56
41
|
content = indexHTML; ///
|