highmark-cli 0.0.174 → 0.0.176

package/src/view/div/preloader.js

@@ -1,25 +0,0 @@
-"use strict";
-
-import withStyle from "easy-with-style";  ///
-
-import { Element } from "easy";
-
-class PreloaderDiv extends Element {
-  childElements() {
-    return "PRELOAD";
-  }
-
-  static tagName = "div";
-
-  static defaultProperties = {
-    className: "preloader"
-  };
-}
-
-export default withStyle(PreloaderDiv)`
-
-  height: 0;
-  overflow: hidden;
-  background-image: url("checkmark.svg");
-    
-`;

package/src/view/div.js

@@ -1,47 +0,0 @@
-"use strict";
-
-import withStyle from "easy-with-style";  ///
-
-import { Element } from "easy";
-
-import { BACKGROUND_COLOUR } from "../constants";
-
-class Div extends Element {
-  getBackgroundColour() {
-    const backgroundColour = this.css(BACKGROUND_COLOUR) || null;
-
-    return backgroundColour;
-  }
-
-  zoom(zoom) {
-    const zoomRatio = 100 / zoom,
-          width = `${zoomRatio}%`,
-          minHeight = `${zoomRatio}%`,
-          transform = `scale(${zoom})`;
-
-    const css = {
-      width,
-      minHeight,
-      transform
-    };
-
-    this.css(css);
-  }
-
-  didMount() {
-    this.hide();
-  }
-
-  willUnmount() {
-    ///
-  }
-
-  static tagName = "div";
-}
-
-export default withStyle(Div)`
-
-  width: 100%;
-  transform-origin: top left;
-  
-`;

package/src/view/element.js

@@ -1,16 +0,0 @@
-"use strict";
-
-import withStyle from "easy-with-style";  ///
-
-import { Element } from "easy";
-
-export default withStyle(class extends Element {
-  ///
-})`
-
-  border: 0;
-  margin: 0;
-  padding: 0;
-  background: transparent;
-  
-`;

package/src/view/span.js

@@ -1,20 +0,0 @@
-"use strict";
-
-import withStyle from "easy-with-style";  ///
-
-import Element from "./element";
-
-import { spanColour, spanFontSize } from "../styles";
-
-class Span extends Element {
-  static tagName = "span";
-}
-
-export default withStyle(Span)`
-
-  color: ${spanColour};
-  font-size: ${spanFontSize};
-  white-space: pre;
-  font-family: serif;
-  
-`;

package/src/view/svg/closeMenu.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import SVG from "../svg";
-
-export default class CloseMenuSVG extends SVG {
-  childElements() {
-    return (
-
-      <g>
-        <path d="M 18.156886,3.3074544 12.500012,8.9643288 6.8431375,3.3074544 3.307454,6.8431379 8.9643284,12.500012 3.3074544,18.156886 6.8431379,21.69257 12.500012,16.035696 18.156886,21.69257 21.69257,18.156886 16.035695,12.500012 21.69257,6.8431379 Z" />
-      </g>
-
-    );
-  }
-
-  static defaultProperties = {
-    className: "close-menu"
-  };
-}

package/src/view/svg/zoomMenuIn.js

@@ -1,20 +0,0 @@
-"use strict";
-
-import SVG from "../svg";
-
-export default class ZoomMenuInSVG extends SVG {
-  childElements() {
-    return (
-
-      <g>
-        <rect x="3" y="10" width="19" height="5"/>
-        <rect x="10" y="3" width="5" height="19"/>
-      </g>
-
-    );
-  }
-
-  static defaultProperties = {
-    className: "zoom-menu-in"
-  };
-}

package/src/view/svg/zoomMenuOut.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import SVG from "../svg";
-
-export default class ZoomMenuOutSVG extends SVG {
-  childElements() {
-    return (
-
-      <g>
-        <rect x="3" y="10" width="19" height="5"/>
-      </g>
-
-    );
-  }
-
-  static defaultProperties = {
-    className: "zoom-menu-out"
-  };
-}

package/src/view/svg.js

@@ -1,24 +0,0 @@
-"use strict";
-
-import withStyle from "easy-with-style";  ///
-
-import Element from "./element";
-
-import { svgFill } from "../styles";
-
-class FontSizeSVG extends Element {
-  static tagName = "svg";
-
-  static defaultProperties = {
-    viewBox: "0 0 25 25"
-  };
-}
-
-export default withStyle(FontSizeSVG)`
-
-  fill: ${svgFill};
-  stroke: none;
-  display: block;
-  pointer-events: none;
-  
-`;

package/src/view.js

@@ -1,64 +0,0 @@
-"use strict";
-
-import withStyle from "easy-with-style";  ///
-
-import Element from "./view/element";
-import MenuDiv from "./view/div/menu";
-import OverlayDiv from "./view/div/overlay";
-import PreloaderDiv from "./view/div/preloader";
-
-class View extends Element {
-  updateZoom() {
-    this.updateMenuZoom();
-    this.updateOverlayZoom();
-  }
-
-  didMount() {
-    this.show();
-
-    this.updateOverlayColours();
-    this.updateNativeGestures();
-    this.updateFullScreenCheckboxDiv();
-    this.updateInvertColoursCheckboxDiv();
-    this.updateNativeGesturesCheckboxDiv();
-  }
-
-  willUnmount() {
-    ///
-  }
-
-  childElements() {
-    const { divDOMElements } = this.properties;
-
-    return ([
-
-      <PreloaderDiv/>,
-      <OverlayDiv divDOMElements={divDOMElements} />,
-      <MenuDiv/>
-
-    ]);
-  }
-
-  initialise() {
-    this.assignContext();
-  }
-
-  static tagName = "div";
-
-  static ignoredProperties = [
-    "divDOMElements"
-  ];
-
-  static defaultProperties = {
-    className: "view"
-  };
-}
-
-export default withStyle(View)`
-
-  width: 100%;
-  height: 100%;
-  align-items: stretch;
-  flex-direction: column;
-    
-`;

package/template/client.html

@@ -1,4 +0,0 @@
-
-    <script src="client.js"> </script>
-
-    ${liveReloadSnippet}

package/template/default.html

@@ -1,71 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-
-    <meta charset="utf-8" />
-
-    <link rel="preload" href="font/cmunbbx.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunbi.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunbmo.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunbmr.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunbx.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunbxo.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunit.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunobi.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunobx.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunorm.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunoti.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunrm.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunsi.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunso.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunss.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunsx.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmuntb.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmunti.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmuntt.woff2" as="font" type="font/woff2" crossorigin />
-    <link rel="preload" href="font/cmuntx.woff2" as="font" type="font/woff2" crossorigin />
-
-    <style>
-
-        *,
-        *::after,
-        *::before {
-          border: 0;
-          margin: 0;
-          padding: 0;
-          box-sizing: border-box;
-        }
-
-        html,
-        html > body {
-          width: 100%;
-          height: 100%;
-        }
-
-    </style>
-    <style>
-
-        ${computerModernStyleCSS}
-
-    </style>
-    <style>
-
-        ${markdownStylesCSS}
-
-    </style>
-    <style>
-
-        ${loadingCSS}
-
-    </style>
-  </head>
-  <body>
-
-${loadingHTML}
-
-${markdownHTML}
-
-${clientHTML}
-
-  </body>
-</html>

package/template/loading.html

@@ -1,17 +0,0 @@
-
-    <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>