V2.0.0-beta (#308)

* test vue-echarts and dataset>source instead of series>data

Signed-off-by: Stefan Dej <[email protected]>

* fix disposed state of chart & delete update interval of settings page

Signed-off-by: Stefan Dej <[email protected]>

* init TS migation & dashboard

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: dashbaord console

Signed-off-by: Stefan Dej <[email protected]>

* feature: add "disabled" status to the filament runout sensor on the dashboard

Signed-off-by: Stefan Dej <[email protected]>

* fix klipper restart process

Signed-off-by: Stefan Dej <[email protected]>

* fix status panel during a print

Signed-off-by: Stefan Dej <[email protected]>

* convert g-code files to typescript

Signed-off-by: Stefan Dej <[email protected]>

* convert history files to typescript

Signed-off-by: Stefan Dej <[email protected]>

* convert machine limits to typescript

Signed-off-by: Stefan Dej <[email protected]>

* convert update manager to typescript

Signed-off-by: Stefan Dej <[email protected]>

* convert endstops & logfiles to typescript

Signed-off-by: Stefan Dej <[email protected]>

* fix temp display in tools panel

Signed-off-by: Stefan Dej <[email protected]>

* convert machine > config files to TS

Signed-off-by: Stefan Dej <[email protected]>

* convert select printer dialog to TS

Signed-off-by: Stefan Dej <[email protected]>

* convert select printer menu to TS

Signed-off-by: Stefan Dej <[email protected]>

* convert farm page to TS

Signed-off-by: Stefan Dej <[email protected]>

* fix debug output of farm printer getters

Signed-off-by: Stefan Dej <[email protected]>

* fix import webcam streams in farm view

Signed-off-by: Stefan Dej <[email protected]>

* better handling when changing printers

Signed-off-by: Stefan Dej <[email protected]>

* convert heightmap to TS

Signed-off-by: Stefan Dej <[email protected]>

* convert heightmap to TS

Signed-off-by: Stefan Dej <[email protected]>

* Console QOL (#300)

* CHORE

Signed-off-by: Eike Ahmels <[email protected]>

* NEW: console ts refactor, linux autocomplete, gui helplist, multiline

Signed-off-by: Eike Ahmels <[email protected]>

* FIX: console autocomplete flood fix

Signed-off-by: Eike Ahmels <[email protected]>

* fix merged console

Signed-off-by: Stefan Dej <[email protected]>

* fixed return of ConsoleTable.vue isCommand

Signed-off-by: Stefan Dej <[email protected]>

* fix: add toast after creating file in ConfigFilesPanel.vue

Signed-off-by: Stefan Dej <[email protected]>

* fix: file upload message

Signed-off-by: Stefan Dej <[email protected]>

* add toolbar to files panels

Signed-off-by: Stefan Dej <[email protected]>

* fix: disable scrollbars in TempChart.vue

Signed-off-by: Stefan Dej <[email protected]>

* fix: sidebar z-index and farm printer toolbar

Signed-off-by: Stefan Dej <[email protected]>

* fix: sidebar & topbar z-index and farm printer toolbar

Signed-off-by: Stefan Dej <[email protected]>

* update toolbars in gcode-files and history

Signed-off-by: Stefan Dej <[email protected]>

* feature: new settings dialog (#302)

* create settings dialog and integrate general, console, control, marcos, presets, webcams

Signed-off-by: Stefan Dej <[email protected]>

* fix: renamed webcam gui state variable

Signed-off-by: Stefan Dej <[email protected]>

* fix: temperature_fan chamber in farm printers dashboard

Signed-off-by: Stefan Dej <[email protected]>

* fix: only display RPM in tools panel, when its available

Signed-off-by: Stefan Dej <[email protected]>

* fix: reading empty remote printers list

Signed-off-by: Stefan Dej <[email protected]>

* fix: loading additionalSensors in temp panel

Signed-off-by: Stefan Dej <[email protected]>

* fix: bed_mesh loading
rework heightmap settings
save heightmap settings in moonraker db

Signed-off-by: Stefan Dej <[email protected]>

* add remote printers to settings

Signed-off-by: Stefan Dej <[email protected]>

* fix types

Signed-off-by: Stefan Dej <[email protected]>

* add beforeDestroy to echarts

Signed-off-by: Stefan Dej <[email protected]>

* add heightmap visualMap scaling and format tooltip

Signed-off-by: Stefan Dej <[email protected]>

* feature: logo & primary color customizing

Signed-off-by: Stefan Dej <[email protected]>

* remove keep-alive in app.vue

Signed-off-by: Stefan Dej <[email protected]>

* round tempchart data

Signed-off-by: Stefan Dej <[email protected]>

* normalize toolbar buttons

Signed-off-by: Stefan Dej <[email protected]>

* fix series attributes & update echarts-gl

Signed-off-by: Stefan Dej <[email protected]>

* fix hostname in sidebar

Signed-off-by: Stefan Dej <[email protected]>

* rework websocket loadings

Signed-off-by: Stefan Dej <[email protected]>

* fix rework websocket loadings

Signed-off-by: Stefan Dej <[email protected]>

* Fixes for console QOL PR (#301)

* FIX: command help dialog added

Signed-off-by: Eike Ahmels <[email protected]>

* FIX: console fixes

Signed-off-by: Eike Ahmels <[email protected]>

* rework events store

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: check customFilters if string or array

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: edit preset dont work (existing name check)

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: save webcam with index 0

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: tool combobox input dont work

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: tooltip position & z-index

Signed-off-by: Stefan Dej <[email protected]>

* rework console

Signed-off-by: Stefan Dej <[email protected]>

* fix output name of filament sensor

Signed-off-by: Stefan Dej <[email protected]>

* store performance updates and StatusPanel.vue optimizing

Signed-off-by: Stefan Dej <[email protected]>

* console bugfixes

Signed-off-by: Stefan Dej <[email protected]>

* fix icon-rotate in temperatures panel

Signed-off-by: Stefan Dej <[email protected]>

* add auto-grow to console input fields

Signed-off-by: Stefan Dej <[email protected]>

* fix dialog action button colors

Signed-off-by: Stefan Dej <[email protected]>

* fix refreshMetadata of gcocde files

Signed-off-by: Stefan Dej <[email protected]>

* feature: add multi fileupload to drag&drop upload

Signed-off-by: Stefan Dej <[email protected]>

* convert SystemPanel to TS

Signed-off-by: Stefan Dej <[email protected]>

* add init and getters for system panels

Signed-off-by: Stefan Dej <[email protected]>

* add init and getters for system panels

Signed-off-by: Stefan Dej <[email protected]>

* finish SystemPanel.vue

Signed-off-by: Stefan Dej <[email protected]>

* feature: raspberry throttled flags in topbar

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: fix type in TheThrottledStates.vue

Signed-off-by: Stefan Dej <[email protected]>

* feature: add new editor (#307)

* init test

Signed-off-by: Stefan Dej <[email protected]>

* theme test

Signed-off-by: Stefan Dej <[email protected]>

* feature: switch to codemirror editor

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: fix type in TheThrottledStates.vue

Signed-off-by: Stefan Dej <[email protected]>

* reformat flags output and deactivate debug output

Signed-off-by: Stefan Dej <[email protected]>

* add types to throttle states

Signed-off-by: Stefan Dej <[email protected]>

* display "dirty" in the board firmware version string

Signed-off-by: Stefan Dej <[email protected]>

* fix mini console array cut

Signed-off-by: Stefan Dej <[email protected]>

* delete old comment

Signed-off-by: Stefan Dej <[email protected]>

* fix config files on small devices

Signed-off-by: Stefan Dej <[email protected]>

* feature: display macro description in settings tab

Signed-off-by: Stefan Dej <[email protected]>

* change settings icons

Signed-off-by: Stefan Dej <[email protected]>

* rename dashboard panel & change slider text in settings

Signed-off-by: Stefan Dej <[email protected]>

* responsive optimations for settings

Signed-off-by: Stefan Dej <[email protected]>

* bugfix throttled state flags filter

Signed-off-by: Stefan Dej <[email protected]>

* Code highlighting for codemirror (#309)

* init test

Signed-off-by: Stefan Dej <[email protected]>

* theme test

Signed-off-by: Stefan Dej <[email protected]>

* feature: switch to codemirror editor

Signed-off-by: Stefan Dej <[email protected]>

* NEW: klipper_config editor theme

Signed-off-by: Eike Ahmels <[email protected]>

* NEW: code highlighting for codemirror

Signed-off-by: Eike Ahmels <[email protected]>

Co-authored-by: Stefan Dej <[email protected]>

* feature: hide/show jobs with special print status

Signed-off-by: Stefan Dej <[email protected]>

* redesign console help modal

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: default state of sidebar was wrong on mobile devices

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: mobile view interface settings

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: optimize mobile view interface settings

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: block empty console commands

Signed-off-by: Stefan Dej <[email protected]>

* push version number

Signed-off-by: Stefan Dej <[email protected]>

* feature: add current / max flow in status panel

Signed-off-by: Stefan Dej <[email protected]>

* feature: add big gcode thumbnail to status panel

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: fix favicon and setting tab names

Signed-off-by: Stefan Dej <[email protected]>

* cleanup old editor

Signed-off-by: Stefan Dej <[email protected]>

* bugfix: add redirect for updates from 1.6.0 to 2.0.0

Signed-off-by: Stefan Dej <[email protected]>

Co-authored-by: Eike Ahmels <[email protected]>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainsail",
-  "version": "1.6.0",
+  "version": "2.0.0-beta",
   "private": true,
   "decription": "a klipper web interface",
   "author": {
@@ -14,52 +14,64 @@
     "i18n-extract": "vue-i18n-extract use-config"
   },
   "dependencies": {
+    "@codemirror/basic-setup": "^0.18.2",
+    "@codemirror/legacy-modes": "^0.18.1",
+    "@codemirror/state": "^0.18.7",
+    "@codemirror/stream-parser": "^0.18.2",
+    "@codemirror/view": "^0.18.18",
     "axios": "^0.21.1",
-    "core-js": "^3.12.1",
-    "echarts": "^5.1.1",
-    "echarts-gl": "^2.0.4",
-    "monaco-editor": "^0.24.0",
-    "monaco-editor-textmate": "^2.2.2",
-    "monaco-textmate": "^3.0.1",
-    "monaco-themes": "^0.3.3",
+    "core-js": "^3.15.2",
+    "echarts": "^5.1.2",
+    "echarts-for-vue": "^1.4.1",
+    "echarts-gl": "^2.0.6",
+    "joi": "^17.4.0",
+    "js-sha256": "^0.9.0",
     "object-assign-deep": "^0.4.0",
     "onigasm": "^2.2.5",
-    "plotly.js": "^1.58.4",
     "semver": "^7.3.5",
+    "serialize-javascript": "^1.9.1",
     "vue": "^2.6.12",
+    "vue-class-component": "^7.2.6",
     "vue-context": "^6.0.0",
     "vue-github-api": "^0.1.7",
     "vue-headful": "^2.1.0",
     "vue-i18n": "^8.24.4",
     "vue-load-image": "^0.1.12",
     "vue-observe-visibility": "^1.0.0",
-    "vue-plotly": "^1.1.0",
+    "vue-property-decorator": "^9.1.2",
     "vue-resource": "^1.5.2",
     "vue-simple-upload": "^0.1.6",
     "vue-toast-notification": "^0.6.1",
-    "vuetify": "^2.5.0",
+    "vue2-perfect-scrollbar": "^1.5.0",
+    "vuetify": "^2.5.6",
     "vuex": "^3.6.2"
   },
   "devDependencies": {
     "@mdi/font": "^5.9.55",
+    "@types/semver": "^7.3.7",
+    "@typescript-eslint/eslint-plugin": "^4.28.2",
+    "@typescript-eslint/parser": "^4.28.2",
     "@vue/cli-plugin-babel": "^4.5.13",
     "@vue/cli-plugin-eslint": "^4.5.13",
     "@vue/cli-plugin-pwa": "^4.5.13",
+    "@vue/cli-plugin-typescript": "^4.5.13",
     "@vue/cli-service": "^4.5.13",
+    "@vue/composition-api": "^1.0.0-rc.13",
+    "@vue/eslint-config-typescript": "^7.0.0",
     "babel-eslint": "^10.1.0",
     "css-loader": "^5.2.4",
-    "eslint": "^7.26.0",
-    "eslint-plugin-vue": "^7.9.0",
+    "eslint": "^6.8.0",
+    "eslint-plugin-vue": "^6.2.2",
     "generate-file-webpack-plugin": "^1.0.1",
-    "monaco-editor-webpack-plugin": "^3.1.0",
-    "monaco-vscode-textmate-theme-converter": "^0.1.1",
     "node-sass": "^6.0.0",
     "sass": "^1.32.13",
     "sass-loader": "^10.2.0",
     "style-loader": "^2.0.0",
     "sw-precache-webpack-plugin": "^1.0.0",
+    "typescript": "^4.3.2",
     "vue-cli-plugin-route": "0.0.7",
     "vue-cli-plugin-vuetify": "^2.4.0",
+    "vue-debounce-decorator": "^1.0.1",
     "vue-i18n-extract": "^1.2.3",
     "vue-loader": "^16.2.0",
     "vue-router": "^3.5.1",
@@ -73,11 +85,12 @@
     },
     "extends": [
       "plugin:vue/essential",
-      "eslint:recommended"
+      "eslint:recommended",
+      "@vue/typescript/recommended"
     ],
     "rules": {},
     "parserOptions": {
-      "parser": "babel-eslint"
+      "parser": "@typescript-eslint/parser"
     }
   },
   "postcss": {