ANDROID: file manager webui (wip)

Author: chrisws

src/platform/android/app/src/main/java/net/sourceforge/smallbasic/WebServer.java

@@ -1,6 +1,5 @@
 package net.sourceforge.smallbasic;
 
-import javax.xml.ws.Response;
 import java.io.BufferedOutputStream;
 import java.io.ByteArrayInputStream;
 import java.io.ByteArrayOutputStream;
@@ -15,7 +14,6 @@
 import java.text.DateFormat;
 import java.util.ArrayList;
 import java.util.Collection;
-import java.util.Collections;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
@@ -65,13 +63,27 @@ public void run() {
   protected abstract void renameFile(String from, String to) throws IOException;
   protected abstract void saveFile(String fileName, byte[] content) throws IOException;
 
+  /**
+   * Return all file names
+   */
+  private Collection<String> getAllFileNames() throws IOException {
+    Collection<String> result = new ArrayList<>();
+    for (FileData fileData : getFileData()) {
+      result.add(fileData.fileName);
+    }
+    return result;
+  }
+
   /**
    * Download files button handler
    */
   private Response handleDownload(Map<String, Collection<String>> data) throws IOException {
     Collection<String> fileNames = data.get("f");
-    Response result;
     if (fileNames == null || fileNames.size() == 0) {
+      fileNames = getAllFileNames();
+    }
+    Response result;
+    if (fileNames.size() == 0) {
       result = handleStatus(false, "File list is empty");
     } else if (fileNames.size() == 1) {
       // plain text download single file
@@ -534,13 +546,13 @@ void send(Socket socket, String cookie) throws IOException {
       String contentLength = "Content-length: " + length + "\r\n";
       BufferedOutputStream out = new BufferedOutputStream(socket.getOutputStream());
       String code = errorCode == SC_OKAY ? SC_OKAY + " OK" : String.valueOf(errorCode);
-      out.write(("HTTP/1.0 " + code + "\r\n").getBytes());
-      out.write("Content-type: text/html\r\n".getBytes());
-      out.write(contentLength.getBytes());
+      out.write(("HTTP/1.0 " + code + "\r\n").getBytes(UTF_8));
+      out.write("Content-type: text/html\r\n".getBytes(UTF_8));
+      out.write(contentLength.getBytes(UTF_8));
       if (cookie != null) {
-        out.write(("Set-Cookie: " + TOKEN + "=" + cookie + "\r\n").getBytes());
+        out.write(("Set-Cookie: " + TOKEN + "=" + cookie + "\r\n").getBytes(UTF_8));
       }
-      out.write("Server: SmallBASIC for Android\r\n\r\n".getBytes());
+      out.write("Server: SmallBASIC for Android\r\n\r\n".getBytes(UTF_8));
       socket.setSendBufferSize(SEND_SIZE);
       int sent = toStream(out);
       log("sent " + sent + " bytes");

src/platform/android/webui/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "webui",
+  "version": "1.0.0",
+  "private": true,
+  "proxy": "http://localhost:8080", 
+  "dependencies": {
+    "@emotion/react": "^11.9.3",
+    "@emotion/styled": "^11.9.3",
+    "@mui/icons-material": "^5.8.4",
+    "@mui/material": "^5.9.1",
+    "@mui/x-data-grid": "^5.14.0",
+    "npm-check-updates": "^16.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "5.0.1"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build && rm ../app/src/main/assets/webui/static/js/main.* && cp -R build/* ../app/src/main/assets/webui/",
+    "update": "npm update && ncu"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

src/platform/android/webui/src/App.js

@@ -121,6 +121,9 @@ function GridToolbarDownload(props) {
     args += join + "f=" + encodeURIComponent(props.rows[i].fileName);
     join = "&";
   });
+  if (props.selections.length === props.rows.length) {
+    args = "";
+  }
 
   return !props.selections.length ? null : (
     <a download={download} href={`./api/download?${args}`} style={{color: color, textDecoration: 'none'}}>