perf & chore & etc: Change version to 1.5.0

Author: NriotHrreion

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ferrum",
-  "version": "0.1.0",
+  "version": "1.5.0",
   "private": true,
   "dependencies": {
     "@babel/core": "7.12.3",

src/client/components/FerrumPlugin.tsx

@@ -9,9 +9,8 @@ import {
     GetDataUrlResponse 
 } from "../types";
 import * as config from "../../config.json";
+import { apiUrl } from "../global";
 
-export const hostname = "http://"+ window.location.hostname;
-const apiUrl = hostname +":3301";
 const root = config.explorer.root;
 
 export default abstract class FerrumPlugin extends Component<FerrumPluginProps, FerrumPluginState> {

src/client/components/ListItem.tsx

@@ -5,9 +5,8 @@ import Axios from "axios";
 
 import Utils from "../../Utils";
 import { ListItemProps, ListItemState } from "../types";
-
-const hostname = "http://"+ window.location.hostname;
-const apiUrl = hostname +":3301";
+import { apiUrl } from "../global";
+import Emitter from "../emitter";
 
 export default class ListItem extends Component<ListItemProps, ListItemState> {
     private itemSize: string;
@@ -55,7 +54,7 @@ export default class ListItem extends Component<ListItemProps, ListItemState> {
             error: "重命名失败"
         }).then(() => {
             this.renameBoxSwitch();
-            document.dispatchEvent(new CustomEvent("fileListUpdate"));
+            Emitter.get().emit("fileListUpdate");
         });
     }
 

src/client/components/StarredItem.tsx

@@ -1,7 +1,7 @@
 import { Component, ReactElement } from "react";
 import { ListGroup } from "react-bootstrap";
 
-import { hostname } from "../pages/Explorer";
+import { hostname } from "../global";
 import { StarredItemProps } from "../types";
 import * as config from "../../config.json";
 

src/client/containers/explorer/RightSidebar.tsx

@@ -1,13 +1,14 @@
 import { Component, ReactElement } from "react";
 import { FilePond } from "react-filepond";
 
+import Emitter from "../../emitter";
 import {
     ExplorerRightSidebarProps,
     ExplorerRightSidebarState,
     SysInfo
 } from "../../types";
+import { version, apiUrl } from "../../global";
 
-const apiUrl = "http://"+ window.location.hostname +":3301";
 const defaultSysInfo: SysInfo = {
     system: "",
     version: "",
@@ -40,7 +41,7 @@ export default class RightSidebar extends Component<ExplorerRightSidebarProps, E
     }
 
     private handleUpload(): void {
-        document.dispatchEvent(new CustomEvent("fileListUpdate"));
+        Emitter.get().emit("fileListUpdate");
     }
 
     public render(): ReactElement | null {
@@ -57,6 +58,7 @@ export default class RightSidebar extends Component<ExplorerRightSidebarProps, E
                             data="https://img.shields.io/github/stars/NriotHrreion/ferrum.svg?style=social&label=Star"
                             aria-label="Github Stars"></object>
                         <a href="/license">许可</a>
+                        <span>Ver: {version}</span>
                     </p>
                 </div>
                 <div className="right-sidebar-panel upload-container">

src/client/containers/explorer/ToolButtons.tsx

@@ -1,7 +1,7 @@
 import { Component, ReactElement } from "react";
 import { Button } from "react-bootstrap";
 
-import { hostname } from "../../pages/Explorer";
+import { hostname } from "../../global";
 import { ExplorerToolButtonsProps } from "../../types";
 
 export default class ToolButtons extends Component<ExplorerToolButtonsProps, {}> {

src/client/global.tsx

@@ -0,0 +1,3 @@
+export const version = "1.5.0";
+export const hostname = "http://"+ window.location.hostname;
+export const apiUrl = hostname +":3301";

src/client/pages/Editor.tsx

@@ -10,10 +10,9 @@ import Header from "../containers/editor/Header";
 import { theme } from "../theme";
 
 import { EditorProps, EditorState, GetFileContentResponse } from "../types";
+import { apiUrl } from "../global";
 import * as config from "../../config.json";
 
-const hostname = "http://"+ window.location.hostname;
-const apiUrl = hostname +":3301";
 const root = config.explorer.root;
 
 export default class Editor extends Component<EditorProps, EditorState> {

src/client/pages/Explorer.tsx

@@ -1,6 +1,7 @@
 import { Component, ReactElement } from "react";
 import { toast, Toaster } from "react-hot-toast";
 import Axios from "axios";
+import md5 from "md5-node";
 
 // components
 import ListItem from "../components/ListItem";
@@ -14,17 +15,16 @@ import LeftSidebar from "../containers/explorer/LeftSidebar";
 import RightSidebar from "../containers/explorer/RightSidebar";
 
 import Utils from "../../Utils";
+import Emitter from "../emitter";
 import { FetchDirInfoResponse, ExplorerProps, ExplorerState } from "../types";
+import { hostname, apiUrl } from "../global";
 import * as config from "../../config.json";
 import { plugins } from "../../plugins";
 
 // icons
 import starOutline from "../../icons/star_outline.svg";
 import starRate from "../../icons/star_rate.svg";
-import md5 from "md5-node";
 
-export const hostname = "http://"+ window.location.hostname;
-const apiUrl = hostname +":3301";
 const root = config.explorer.root;
 
 export default class Explorer extends Component<ExplorerProps, ExplorerState> {        
@@ -308,7 +308,8 @@ export default class Explorer extends Component<ExplorerProps, ExplorerState> {
             }
         });
 
-        document.addEventListener("fileListUpdate", () => this.refreshItemList());
+        // document.addEventListener("fileListUpdate", () => this.refreshItemList());
+        Emitter.get().on("fileListUpdate", () => this.refreshItemList());
 
         this.refreshItemList();
         this.refreshStarredList();

src/client/pages/PictureViewer.tsx

@@ -9,10 +9,9 @@ import Header from "../containers/pictureViewer/Header";
 import transparentImage from "../../icons/transparent.png";
 
 import { PictureViewerProps, PictureViewerState, GetDataUrlResponse } from "../types";
+import { apiUrl } from "../global";
 import * as config from "../../config.json";
 
-const hostname = "http://"+ window.location.hostname;
-const apiUrl = hostname +":3301";
 const root = config.explorer.root;
 
 export default class PictureViewer extends Component<PictureViewerProps, PictureViewerState> {