Disable external modules that eat memory #155

src/components/modules/cockpit/CockpitModule.vue

@@ -1,24 +1,28 @@
 <template lang='pug'>
 v-content.cockpit-layout(:key="activeApi")
-  cockpit-map(v-if="mapState")
-  cockpit-renderer(v-if="hudState")
+  // cockpit-map(v-if="mapState")
+  // cockpit-renderer(v-if="hudState")
     cockpit-container
       cockpit-hud
 </template>
 
 <script>
+/*
 import CockpitRenderer from './CockpitRenderer.vue'
 import CockpitContainer from './CockpitContainer.vue'
 import CockpitHud from './CockpitHud.vue'
 import CockpitMap from './CockpitMap.vue'
+*/
 
 export default {
   name: 'CockpitModule',
   components: {
+    /*
     CockpitRenderer,
     CockpitContainer,
     CockpitHud,
     CockpitMap
+    */
   },
   data () {
     return {}

src/components/modules/cockpit/CockpitRenderer.vue

@@ -6,7 +6,7 @@ div.cockpit-hud
 
 <script>
 import Vue from 'vue'
-import * as PIXI from 'pixi.js'
+// import * as PIXI from 'pixi.js'
 
 export default {
   data () {

src/components/modules/maverick/ConfigurationCard.vue

@@ -24,7 +24,7 @@
 
 <script>
 //https://stackoverflow.com/questions/58592128/how-can-i-integrate-monaco-with-vue-js
-import * as monaco from 'monaco-editor'
+// import * as monaco from 'monaco-editor'
 
 export default {
   name: 'ConfigurationCard',
@@ -42,6 +42,7 @@ export default {
     },
   },
   mounted() {
+    /*
     var randomString = Math.random().toString(36).substring(7)
     var modelUri = monaco.Uri.parse(window.location.hostname + ":" + window.location.port + "/" + randomString + "/config.json"); // a made up unique URI for our model
     var model = monaco.editor.createModel(this.monacoCode, "json", modelUri);
@@ -62,9 +63,10 @@ export default {
       automaticLayout: true,
       scrollBeyondLastLine: false
     })
+    */
   },
   destroyed() {
-    this.editor.dispose()
+    // this.editor.dispose()
   },
 }
 

src/components/modules/planner/PlannerModule.vue

@@ -1,18 +1,18 @@
 <template lang='pug'>
 v-container
-  planner2d(v-if="!plannerViewState")
-  planner3d(v-if="plannerViewState")
+  // planner2d(v-if="!plannerViewState")
+  // planner3d(v-if="plannerViewState")
 </template>
 
 <script>
-import Planner2d from './Planner2d'
-import Planner3d from './Planner3d'
+// import Planner2d from './Planner2d'
+// import Planner3d from './Planner3d'
 
 export default {
   name: 'PlannerModule',
   components: {
-    Planner2d,
-    Planner3d
+    // Planner2d
+    // Planner3d
   },
   data () {
     return {}

src/main.js

@@ -9,13 +9,13 @@ import store from './store'
 
 // Load extra plugins
 import vuetify from '@/plugins/vuetify'
-import './plugins/vuelayers'
-import './plugins/vuecesium'
+// import './plugins/vuelayers'
+// import './plugins/vuecesium'
 import './plugins/vuetimers'
 import './plugins/vuelodash'
 import './plugins/vuebar'
 import './plugins/vuevisibility'
-import './plugins/registerServiceWorker'
+// import './plugins/registerServiceWorker'
 import { createProvider } from './plugins/graphql/vue-apollo'
 
 // Load maverick plugins

src/plugins/mavlink/MavlinkMeta.js

@@ -1,4 +1,4 @@
-import mavlinkEnums from './mavlinkEnumData.json'
+// import mavlinkEnums from './mavlinkEnumData.json'
 
 const plugin = {
   install (Vue, options) {

src/store/modules/maverick.js

@@ -1,7 +1,7 @@
-import { schema } from '../modules/schema'
+// import { schema } from '../modules/schema'
 
 const state = {
-  monacoSchema: schema,
+  // monacoSchema: schema,
   monacoCode: [
     "{",
     "    ",

vue.config.js

@@ -1,5 +1,3 @@
-const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin')
-
 module.exports = {
 
   "transpileDependencies": [
@@ -8,7 +6,6 @@ module.exports = {
 
   configureWebpack: {
     plugins: [
-      new MonacoWebpackPlugin()
     ],
     externals: { ws: "WebSocket"},
   },