fix(console): encode binary files as base64, and text files as utf8 (#…

…6966)

The console's UI component for a file browser will use utf8 to manage
text files, and base64 to manage the rest of the files.

It's still pending to provide a better solution.

apps/wing-console/console/ui/package.json

@@ -52,6 +52,7 @@
     "react-dom": "^18.3.1",
     "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",
+    "textextensions": "^6.11.0",
     "zod": "^3.23.8"
   },
   "devDependencies": {

apps/wing-console/console/ui/src/use-download-file.ts

@@ -1,4 +1,5 @@
 import JSZip from "jszip";
+import textextensions from "textextensions";
 
 export interface File {
   filename: string;
@@ -7,20 +8,20 @@ export interface File {
 
 // TODO - once mime-types is added to the sdk, use it to determine the encoding
 export const getFileEncoding = (file: string): "base64" | "utf8" => {
-  const type = file.split(".").pop();
-  switch (type) {
-    case "txt":
-    case "json":
-    case "js":
-    case "html":
-    case "css":
-    case "md": {
-      return "utf8";
-    }
-    default: {
-      return "base64";
-    }
+  const basename = file.split("/").pop() ?? file;
+  if (!basename.includes(".")) {
+    return "utf8";
   }
+  const extension = basename.split(".").pop();
+  if (!extension) {
+    return "utf8";
+  }
+
+  if (textextensions.includes(extension)) {
+    return "utf8";
+  }
+
+  return "base64";
 };
 
 const getEncodedUrl = (file: string, content: string) => {