Improve path display. Bump to v0.1.1

Fix format on Windows.

devclean-ui/src-tauri/Cargo.toml

@@ -11,7 +11,7 @@ edition = "2021"
 tauri-build = { version = "1", features = [] }
 
 [dependencies]
-tauri = { version = "1", features = [ "updater", "window-start-dragging", "fs-exists", "dialog-open", "clipboard-write-text", "shell-open"] }
+tauri = { version = "1", features = [ "os-all", "updater", "window-start-dragging", "fs-exists", "dialog-open", "clipboard-write-text", "shell-open"] }
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
 devclean = { path = "../../devclean" }

devclean-ui/src-tauri/tauri.conf.json

@@ -7,11 +7,14 @@
   },
   "package": {
     "productName": "devclean-ui",
-    "version": "0.1.0"
+    "version": "0.1.1"
   },
   "tauri": {
     "allowlist": {
       "all": false,
+      "os": {
+        "all": true
+      },
       "clipboard": {
         "all": false,
         "readText": false,
@@ -30,7 +33,7 @@
       },
       "shell": {
         "all": false,
-        "open": true
+        "open": ".*"
       },
       "window": {
         "all": false,
@@ -72,8 +75,8 @@
     "windows": [
       {
         "title": "devclean-ui",
-        "width": 800,
-        "height": 600,
+        "width": 1200,
+        "height": 800,
         "titleBarStyle": "Overlay"
       }
     ],

devclean-ui/src/App.tsx

@@ -1,5 +1,5 @@
 import "./App.css";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { ThemeProvider } from "@/components/theme-provider";
 import { ModeToggle } from "./components/mode-toggle";
@@ -22,6 +22,17 @@ function App() {
   const [scanning, setScanning] = useState(false);
   const { toast } = useToast();
 
+  useEffect(() => {
+    const cacheScanFolder = localStorage.getItem("cache-scan-folder");
+    if (cacheScanFolder) {
+      setPickedFolder(cacheScanFolder);
+    }
+  }, []);
+
+  useEffect(() => {
+    localStorage.setItem("cache-scan-folder", pickedFolder);
+  }, [pickedFolder]);
+
   return (
     <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
       <Toaster />

devclean-ui/src/components/path-highlight.tsx

@@ -1,13 +1,32 @@
+import { platform } from "@tauri-apps/api/os";
+import { useEffect, useMemo, useState } from "react";
+
 export function PathHighlight({ path }: { path: string }) {
+  const [platformName, setPlatformName] = useState<string>();
+  const separator = useMemo(
+    () => (platformName === "win32" ? "\\" : "/"),
+    [platformName]
+  );
+
+  useEffect(() => {
+    (async () => {
+      const p = await platform();
+      setPlatformName(p);
+    })();
+  }, []);
   function getFileName(p: string) {
-    return p.split("/").pop();
+    return p.split(separator).pop();
   }
   function getDirName(p: string) {
-    return p.split("/").slice(0, -1).join("/");
+    return p.split(separator).slice(0, -1).join(separator);
   }
   return (
     <pre>
-      {getDirName(path)}/<span className=" text-red-500 dark:text-green-400">{getFileName(path)}</span>
+      {getDirName(path)}
+      {separator}
+      <span className=" text-red-500 dark:text-green-400">
+        {getFileName(path)}
+      </span>
     </pre>
   );
 }

devclean-ui/src/components/table/display-table.tsx

@@ -38,7 +38,8 @@ import prettyBytes from "pretty-bytes";
 import { delete_dir } from "@/lib/command";
 import { toast, useToast } from "@/components/ui/use-toast";
 import { Progress } from "@/components/ui/progress";
-import { PathHighlight } from "../path-highlight";
+import { PathHighlight } from "@/components/path-highlight";
+import {open} from '@tauri-apps/api/shell';
 
 export const columns: ColumnDef<PathDisplayRow>[] = [
   {
@@ -128,6 +129,17 @@ export const columns: ColumnDef<PathDisplayRow>[] = [
             >
               Copy Path
             </DropdownMenuItem>
+            <DropdownMenuItem onClick={() => {
+              open(row.getValue("path")).catch(err => {
+                toast({
+                  variant: "destructive",
+                  title: "Error",
+                  description: err,
+                });
+              })
+            }}>
+              Open Directory
+            </DropdownMenuItem>
             <DropdownMenuItem
               onClick={() => {
                 delete_dir(row.getValue("path")).then(() => {