add CoreViewModel for drag&drop

src/ViewModel/Global/connectionViewModel.ts

@@ -1,6 +1,7 @@
 import * as React from "bloatless-react";
 
 import ConnectionModel from "../../Model/Global/connectionModel";
+import CoreViewModel from "./coreViewModel";
 
 export default class ConnectionViewModel {
   connectionModel: ConnectionModel;
@@ -77,7 +78,10 @@ export default class ConnectionViewModel {
   };
 
   // init
-  constructor(connectionModel: ConnectionModel) {
+  constructor(
+    public coreViewModel: CoreViewModel,
+    connectionModel: ConnectionModel
+  ) {
     this.connectionModel = connectionModel;
     this.updatePreviousAddresses();
 

src/ViewModel/Global/coreViewModel.ts

@@ -0,0 +1,7 @@
+import * as React from "bloatless-react";
+
+export default class CoreViewModel {
+  draggedFile: React.State<File | undefined> = new React.State<
+    File | undefined
+  >(undefined);
+}

src/ViewModel/Global/settingsViewModel.ts

@@ -1,5 +1,6 @@
 import * as React from "bloatless-react";
 
+import CoreViewModel from "./coreViewModel";
 import SettingsModel from "../../Model/Global/settingsModel";
 
 export default class SettingsViewModel {
@@ -30,7 +31,10 @@ export default class SettingsViewModel {
   };
 
   // init
-  constructor(settingsModel: SettingsModel) {
+  constructor(
+    public coreViewModel: CoreViewModel,
+    settingsModel: SettingsModel
+  ) {
     this.settingsModel = settingsModel;
 
     this.username.value = settingsModel.username;

src/ViewModel/Global/storageViewModel.ts

@@ -1,7 +1,10 @@
 import * as React from "bloatless-react";
 
-import StorageModel, { PATH_COMPONENT_SEPARATOR } from "../../Model/Global/storageModel";
+import StorageModel, {
+  PATH_COMPONENT_SEPARATOR,
+} from "../../Model/Global/storageModel";
 
+import CoreViewModel from "./coreViewModel";
 import { translations } from "../../View/translations";
 
 export default class StorageViewModel {
@@ -30,7 +33,7 @@ export default class StorageViewModel {
   deleteSelectedItem = (): void => {
     const path = StorageModel.stringToPathComponents(this.selectedPath.value);
     this.lastDeletedItemPath.value = this.selectedPath.value;
-    
+
     this.storageModel.removeRecursively(path);
     this.didMakeChanges.value = true;
   };
@@ -49,7 +52,7 @@ export default class StorageViewModel {
   };
 
   // init
-  constructor(storageModel: StorageModel) {
+  constructor(public coreViewModel: CoreViewModel, storageModel: StorageModel) {
     this.storageModel = storageModel;
 
     this.selectedFileName = React.createProxyState([this.selectedPath], () =>