implement auto reconnect

2026-04-01 08:29:39 +00:00
parent c52d7b7685
commit 9d400a9929
82 changed files with 8340 additions and 7641 deletions
@@ -1,70 +1,81 @@
 import * as React from "bloatless-react";

 import StorageModel, {
-  PATH_COMPONENT_SEPARATOR,
+    PATH_COMPONENT_SEPARATOR,
 } from "../../Model/Global/storageModel";

 import CoreViewModel from "./coreViewModel";
 import { translations } from "../../View/translations";

 export default class StorageViewModel {
-  storageModel: StorageModel;
+    storageModel: StorageModel;

-  // state
-  isShowingStorageModal: React.State<boolean> = new React.State(false);
-  selectedPath: React.State<string> = new React.State(PATH_COMPONENT_SEPARATOR);
-  didMakeChanges: React.State<boolean> = new React.State(false);
-
-  selectedFileName: React.State<string>;
-  selectedFileContent: React.State<string>;
-
-  lastDeletedItemPath: React.State<string> = new React.State("");
-
-  // methods
-  getSelectedItemContent = (): string => {
-    const path = StorageModel.stringToPathComponents(this.selectedPath.value);
-    const content = this.storageModel.read(path);
-    return (
-      (content ?? translations.storage.notAFile) ||
-      translations.storage.contentEmpty
+    // state
+    isShowingStorageModal: React.State<boolean> = new React.State(false);
+    selectedPath: React.State<string> = new React.State(
+        PATH_COMPONENT_SEPARATOR,
    );
-  };
+    didMakeChanges: React.State<boolean> = new React.State(false);

-  deleteSelectedItem = (): void => {
-    const path = StorageModel.stringToPathComponents(this.selectedPath.value);
-    this.lastDeletedItemPath.value = this.selectedPath.value;
+    selectedFileName: React.State<string>;
+    selectedFileContent: React.State<string>;

-    this.storageModel.removeRecursively(path);
-    this.didMakeChanges.value = true;
-  };
+    lastDeletedItemPath: React.State<string> = new React.State("");

-  removeJunk = (): void => {
-    this.storageModel.removeJunk();
-    this.selectedPath.value = PATH_COMPONENT_SEPARATOR;
-  };
+    // methods
+    getSelectedItemContent = (): string => {
+        const path = StorageModel.stringToPathComponents(
+            this.selectedPath.value,
+        );
+        const content = this.storageModel.read(path);
+        return (
+            (content ?? translations.storage.notAFile) ||
+            translations.storage.contentEmpty
+        );
+    };

-  // view
-  showStorageModal = (): void => {
-    this.isShowingStorageModal.value = true;
-  };
+    deleteSelectedItem = (): void => {
+        const path = StorageModel.stringToPathComponents(
+            this.selectedPath.value,
+        );
+        this.lastDeletedItemPath.value = this.selectedPath.value;

-  hideStorageModal = (): void => {
-    if (this.didMakeChanges.value == true) {
-      window.location.reload();
-      return;
+        this.storageModel.removeRecursively(path);
+        this.didMakeChanges.value = true;
+    };
+
+    removeJunk = (): void => {
+        this.storageModel.removeJunk();
+        this.selectedPath.value = PATH_COMPONENT_SEPARATOR;
+    };
+
+    // view
+    showStorageModal = (): void => {
+        this.isShowingStorageModal.value = true;
+    };
+
+    hideStorageModal = (): void => {
+        if (this.didMakeChanges.value == true) {
+            window.location.reload();
+            return;
+        }
+        this.isShowingStorageModal.value = false;
+    };
+
+    // init
+    constructor(
+        public coreViewModel: CoreViewModel,
+        storageModel: StorageModel,
+    ) {
+        this.storageModel = storageModel;
+
+        this.selectedFileName = React.createProxyState(
+            [this.selectedPath],
+            () => StorageModel.getFileNameFromString(this.selectedPath.value),
+        );
+        this.selectedFileContent = React.createProxyState(
+            [this.selectedPath],
+            () => this.getSelectedItemContent(),
+        );
    }
-    this.isShowingStorageModal.value = false;
-  };
-
-  // init
-  constructor(public coreViewModel: CoreViewModel, storageModel: StorageModel) {
-    this.storageModel = storageModel;
-
-    this.selectedFileName = React.createProxyState([this.selectedPath], () =>
-      StorageModel.getFileNameFromString(this.selectedPath.value)
-    );
-    this.selectedFileContent = React.createProxyState([this.selectedPath], () =>
-      this.getSelectedItemContent()
-    );
-  }
 }