feat(fe/api): expose quickshare api in the frontend dev mode

src/client/web/src/components/api.ts

@@ -0,0 +1,42 @@
+import { ICoreState } from "./core_state";
+import { updater, Updater } from "./state_updater";
+import { UploadEntry } from "../worker/interface";
+
+export class QuickshareAPI {
+  private updater: Updater;
+  constructor() {
+    this.updater = updater();
+  }
+  initAll = async (params: URLSearchParams): Promise<string> => {
+    return this.updater.initAll(params);
+  }
+
+  addUploadArray = (fileArray: Array<File>): string => {
+    return this.updater.addUploadArray(fileArray);
+  };
+
+  deleteUpload = async (filePath: string): Promise<string> => {
+    return await this.updater.deleteUpload(filePath);
+  };
+
+  listUploadArray = async (): Promise<Array<UploadEntry>> => {
+    return await this.updater.listUploadArray();
+  };
+
+  stopUploading = (filePath: string): string => {
+    return this.updater.stopUploading(filePath);
+  }
+
+  self = async (): Promise<string> => {
+    return await this.updater.self();
+  };
+
+  getProps = (): ICoreState => {
+    return this.updater.props;
+  };
+}
+
+const api = new QuickshareAPI();
+export const API = (): QuickshareAPI => {
+  return api;
+};

src/client/web/src/components/state_updater.ts

@@ -65,6 +65,20 @@ export class Updater {
     return "";
   };
 
+  listUploadArray = async (): Promise<Array<UploadEntry>> => {
+    const uploadsArray = new Array<UploadEntry>();
+    this.props.uploadingsInfo.uploadings.forEach((entry: UploadEntry) => {
+      uploadsArray.push(entry);
+    });
+
+    return uploadsArray;
+  };
+
+  addUploadArray = (fileArray: Array<File>): string => {
+    const fileList = List<File>(fileArray);
+    return this.addUploads(fileList);
+  };
+
   addUploads = (fileList: List<File>): string => {
     fileList.forEach((file) => {
       const filePath = getItemPath(
@@ -340,7 +354,9 @@ export class Updater {
     }
 
     if (fails.size > 0) {
-      Env().alertMsg(`${this.props.msg.pkg.get("move.fail")}: ${fails.join(",\n")}`);
+      Env().alertMsg(
+        `${this.props.msg.pkg.get("move.fail")}: ${fails.join(",\n")}`
+      );
       return errServer;
     }
 

src/client/web/webpack.app.dev.js

@@ -4,19 +4,20 @@ const HtmlWebpackPlugin = require("html-webpack-plugin");
 const dev = require("./webpack.dev.js");
 
 module.exports = merge(dev, {
-  entry: "./src/app.tsx",
+  entry: ["./src/app.tsx", "./src/components/api.ts"],
   context: `${__dirname}`,
   output: {
     globalObject: "this",
     path: `${__dirname}/../../../public/static`,
     chunkFilename: "[name].bundle.js",
-    filename: "[name].bundle.js"
+    filename: "[name].bundle.js",
+    library: "Q",
   },
   plugins: [
     new HtmlWebpackPlugin({
       template: `${__dirname}/build/template/index.template.dev.html`,
       hash: true,
-      filename: `../index.html`
-    })
-  ]
+      filename: `../index.html`,
+    }),
+  ],
 });