epic: getting rid of vue -- part 2

Signed-off-by: Roman <ixrock@gmail.com>

src/renderer/_vue/components/WhatsNewPage.vue

@@ -29,14 +29,14 @@
 <script>
 import marked from 'marked'
 import {readFileSync} from 'fs'
-import { getStaticPath } from "../../../common/register-static"
 import { userStore } from "../../../common/user-store"
 
 export default {
   name: 'WhatsNewPage',
   data() {
-    let releaseNotes = getStaticPath("RELEASE_NOTES.md");
-    let content = marked(readFileSync(releaseNotes, 'utf8'));
+    // todo: check if "fs" can work with custom protocols
+    let fileContents = readFileSync("static://RELEASE_NOTES.md", 'utf8');
+    let content = marked(fileContents);
     return {
       error: "",
       content: content,

src/renderer/components/app.scss

@@ -2,14 +2,14 @@
 @import "fonts";
 
 *, *:before, *:after {
+  @include set-draggable(false);
+
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   border: 0;
   outline: none;
   -webkit-font-smoothing: antialiased;
-  -webkit-user-drag: none;
-  -webkit-app-region: no-drag;
 }
 
 ::selection {
@@ -167,14 +167,6 @@ a {
   }
 }
 
-.drag {
-  -webkit-app-region: drag;
-}
-
-.nodrag {
-  -webkit-app-region: no-drag;
-}
-
 // app's common loading indicator, displaying on the route transitions
 #loading {
   position: absolute;

src/renderer/components/mixins.scss

@@ -89,3 +89,13 @@
   text-decoration: underline;
   cursor: pointer;
 }
+
+@mixin set-draggable($isDraggable: true) {
+  @if ($isDraggable) {
+    -webkit-user-drag: auto;
+    -webkit-app-region: drag;
+  } @else {
+    -webkit-user-drag: none;
+    -webkit-app-region: no-drag;
+  }
+}

src/renderer/index.ts

@@ -1,14 +0,0 @@
-import "../../common/system-ca"
-import { userStore } from "../common/user-store";
-import { workspaceStore } from "../common/workspace-store";
-import { clusterStore } from "../common/cluster-store";
-// import { App } from "./components/app";
-
-await Promise.all([
-  userStore.whenLoaded,
-  workspaceStore.whenLoaded,
-  clusterStore.whenLoaded,
-]);
-
-// App.init();
-document.getElementById("app").innerHTML = "<p>Hello from renderer!</p>"

src/renderer/index.tsx

@@ -0,0 +1,19 @@
+import "../common/system-ca"
+import { userStore } from "../common/user-store";
+import { workspaceStore } from "../common/workspace-store";
+import { clusterStore } from "../common/cluster-store";
+// import { App } from "./components/app";
+
+async function render() {
+  await Promise.all([
+    userStore.whenLoaded,
+    workspaceStore.whenLoaded,
+    clusterStore.whenLoaded,
+  ]);
+
+  // App.init();
+  document.getElementById("app").innerHTML = "<p>Hello from renderer!</p>"
+}
+
+// run
+render();