v0.2.0-beta

.eslintrc

@@ -5,9 +5,10 @@
   },
   "extends": ["plugin:vue/recommended", "@vue/standard"],
   "parserOptions": {
-    "parser": "babel-eslint"
+    "parser": "@babel/eslint-parser"
   },
   "rules": {
-    "space-before-function-paren": "off"
+    "space-before-function-paren": "off",
+    "quotes": ["error", "single", { "avoidEscape": true }]
   }
 }

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 nameEO
+Copyright (c) 2021 nameEO
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

jumpspace.code-workspace

@@ -13,9 +13,15 @@
     "[vue]": {
       "editor.defaultFormatter": "octref.vetur"
     },
+    "[javascript]": {
+      "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+    },
     "vetur.format.enable": true,
     "vetur.format.defaultFormatter.html": "none",
     "vetur.format.defaultFormatter.js": "none",
-    "eslint.validate": ["javascript", "vue"]
+    "eslint.validate": ["javascript", "vue"],
+    "eslint.alwaysShowStatus": true,
+    "eslint.lintTask.enable": true,
+    "eslint.format.enable": true
   }
 }

package.json

@@ -1,8 +1,13 @@
 {
   "name": "jumpspace",
-  "version": "0.1.2-beta",
+  "version": "0.2.0-beta",
   "author": "@nameEO",
   "description": "The visual SSH connection editor",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nameEO/jumpspace.git"
+  },
+  "license": "MIT",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -15,54 +20,54 @@
   },
   "main": "background.js",
   "dependencies": {
-    "bootstrap": "^4.5.3",
+    "bootstrap": "^4.6.0",
     "bootstrap-vue": "^2.21.2",
-    "core-js": "^3.8.2",
-    "electron-store": "^6.0.1",
-    "graceful-fs": "^4.2.4",
-    "lodash": "^4.17.20",
+    "core-js": "^3.15.2",
+    "electron": "^14.0.1",
+    "electron-store": "^8.0.0",
+    "graceful-fs": "^4.2.6",
+    "lodash": "^4.17.21",
     "regenerator-runtime": "^0.13.7",
     "register-service-worker": "^1.7.2",
-    "rete": "^1.4.4",
+    "rete": "^1.4.5",
     "rete-alight-render-plugin": "^0.1.5",
     "rete-area-plugin": "^0.2.1",
     "rete-comment-plugin": "^0.7.0-rc.1",
     "rete-connection-path-plugin": "^0.3.1",
     "rete-connection-plugin": "^0.9.0",
     "rete-context-menu-plugin": "^0.6.0-rc.1",
-    "rete-task-plugin": "^0.3.0",
-    "rete-vue-render-plugin": "^0.5.0",
-    "v-tooltip": "^2.1.2",
-    "vue": "^2.6.12",
-    "vue-awesome": "^4.1.0",
-    "vue-router": "^3.4.9",
+    "rete-minimap-plugin": "^0.3.1",
+    "rete-readonly-plugin": "^0.4.1",
+    "rete-vue-render-plugin": "^0.5.1",
+    "v-click-outside": "^3.1.2",
+    "v-tooltip": "^2.1.3",
+    "vue": "^2.6.14",
+    "vue-router": "^3.5.2",
     "vuedraggable": "^2.24.3",
-    "vuex": "^3.6.0"
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/plugin-proposal-optional-chaining": "^7.12.7",
-    "@vue/cli-plugin-babel": "^4.5.10",
-    "@vue/cli-plugin-eslint": "^4.5.10",
-    "@vue/cli-plugin-pwa": "^4.5.10",
-    "@vue/cli-plugin-router": "^4.5.10",
-    "@vue/cli-plugin-vuex": "^4.5.10",
-    "@vue/cli-service": "^4.5.10",
+    "@babel/core": "^7.15.5",
+    "@babel/eslint-parser": "^7.15.7",
+    "@vue/cli-plugin-babel": "^4.5.13",
+    "@vue/cli-plugin-eslint": "^4.5.13",
+    "@vue/cli-plugin-pwa": "^4.5.13",
+    "@vue/cli-plugin-router": "^4.5.13",
+    "@vue/cli-plugin-vuex": "^4.5.13",
+    "@vue/cli-service": "^4.5.13",
     "@vue/eslint-config-standard": "^5.1.2",
-    "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.2",
-    "electron": "^10.3.0",
-    "electron-devtools-installer": "^3.1.0",
-    "electron-icon-builder": "^1.0.2",
-    "eslint": "^7.18.0",
-    "eslint-plugin-import": "^2.22.1",
+    "electron-devtools-installer": "^3.2.0",
+    "electron-icon-builder": "^2.0.1",
+    "eslint": "^7.32.0",
+    "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.1.0",
+    "eslint-plugin-promise": "^5.1.0",
+    "eslint-plugin-standard": "^5.0.0",
     "eslint-plugin-vue": "^6.2.2",
-    "node-sass": "^4.12.0",
-    "sass-loader": "^10.1.1",
-    "vue-cli-plugin-electron-builder": "^2.0.0-rc.5",
-    "vue-template-compiler": "^2.6.12"
+    "sass": "^1.42.0",
+    "sass-loader": "^10.2.0",
+    "vue-cli-plugin-electron-builder": "^2.1.1",
+    "vue-template-compiler": "^2.6.14"
   }
 }

src/App.vue

@@ -4,21 +4,92 @@
   </div>
 </template>
 
+<script>
+export default {
+  created() {
+    window.preload.setWindowTitle('')
+  }
+}
+</script>
+
 <style lang="scss">
-html,
+@import '../node_modules/bootstrap/dist/css/bootstrap.css';
+@import '../node_modules/bootstrap-vue/dist/bootstrap-vue.css';
+
+html {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
 body {
-  width: 100%;
-  height: 100%;
-  margin: 0;
+  overflow: hidden;
 }
+
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  width: 100%;
-  height: 100%;
-  margin: 0;
+  height: 100vh;
+}
+
+@font-face {
+  font-family: 'Spoqa Han Sans Neo';
+  font-weight: 700;
+  src: local('Spoqa Han Sans Bold'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2')
+      format('woff2'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff')
+      format('woff'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf')
+      format('truetype');
+}
+
+@font-face {
+  font-family: 'Spoqa Han Sans Neo';
+  font-weight: 500;
+  src: local('Spoqa Han Sans Medium'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2')
+      format('woff2'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff')
+      format('woff'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf')
+      format('truetype');
+}
+
+@font-face {
+  font-family: 'Spoqa Han Sans Neo';
+  font-weight: 400;
+  src: local('Spoqa Han Sans Regular'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2')
+      format('woff2'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff')
+      format('woff'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf')
+      format('truetype');
+}
+
+@font-face {
+  font-family: 'Spoqa Han Sans Neo';
+  font-weight: 300;
+  src: local('Spoqa Han Sans Light'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2')
+      format('woff2'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff')
+      format('woff'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf')
+      format('truetype');
+}
+
+@font-face {
+  font-family: 'Spoqa Han Sans Neo';
+  font-weight: 100;
+  src: local('Spoqa Han Sans Thin'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff2')
+      format('woff2'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff')
+      format('woff'),
+    url('./assets/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf')
+      format('truetype');
+}
+
+* {
+  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
 }
 </style>

src/assets/icons/index.js

@@ -1,33 +1,42 @@
 import Vue from 'vue'
-import 'vue-awesome/icons/cog'
-import 'vue-awesome/icons/angle-left'
-import 'vue-awesome/icons/angle-right'
-import 'vue-awesome/icons/trash-alt'
-import 'vue-awesome/icons/folder-open'
-import 'vue-awesome/icons/link'
-import 'vue-awesome/icons/forward'
-import 'vue-awesome/icons/minus'
-import 'vue-awesome/icons/plus'
-import 'vue-awesome/icons/bolt'
-import 'vue-awesome/icons/plug'
-import 'vue-awesome/icons/eye-slash'
-import 'vue-awesome/icons/fire-extinguisher'
-import 'vue-awesome/icons/bug'
-import 'vue-awesome/icons/info-circle'
-import 'vue-awesome/icons/archive'
-import 'vue-awesome/icons/save'
-import 'vue-awesome/icons/file-import'
-import 'vue-awesome/icons/times'
-import 'vue-awesome/icons/edit'
-import 'vue-awesome/icons/grip-vertical'
-import 'vue-awesome/icons/trash'
-import 'vue-awesome/icons/bars'
-import 'vue-awesome/icons/file-export'
-import 'vue-awesome/icons/search'
-import 'vue-awesome/icons/arrow-up'
-import Icon from 'vue-awesome/components/Icon'
 
-// eslint-disable-next-line vue/component-definition-name-casing
-Vue.component('v-icon', Icon)
+import {
+  BIcon,
+  BIconSearch,
+  BIconTerminal,
+  BIconArrowLeftRight,
+  BIconLink45deg,
+  BIconDash,
+  BIconPlus,
+  BIconGear,
+  BIconArrowLeftShort,
+  BIconArrowRightShort,
+  BIconKeyFill,
+  BIconX,
+  BIconThreeDots,
+  BIconThreeDotsVertical,
+  BIconList,
+  BIconLock,
+  BIconUnlock
+} from 'bootstrap-vue'
+// import { BootstrapVueIcons } from 'bootstrap-vue' // To use all icons
 
-export default Icon
+Vue.component('BIcon', BIcon)
+Vue.component('BIconSearch', BIconSearch)
+Vue.component('BIconTerminal', BIconTerminal)
+Vue.component('BIconArrowLeftRight', BIconArrowLeftRight)
+Vue.component('BIconLink45deg', BIconLink45deg)
+Vue.component('BIconDash', BIconDash)
+Vue.component('BIconPlus', BIconPlus)
+Vue.component('BIconGear', BIconGear)
+Vue.component('BIconArrowLeftShort', BIconArrowLeftShort)
+Vue.component('BIconArrowRightShort', BIconArrowRightShort)
+Vue.component('BIconKeyFill', BIconKeyFill)
+Vue.component('BIconX', BIconX)
+Vue.component('BIconThreeDots', BIconThreeDots)
+Vue.component('BIconThreeDotsVertical', BIconThreeDotsVertical)
+Vue.component('BIconList', BIconList)
+Vue.component('BIconLock', BIconLock)
+Vue.component('BIconUnlock', BIconUnlock)
+
+// Vue.use(BootstrapVueIcons) // To use all icons