refactor(tools): moved everything into the tools dir

src-tauri/Cargo.toml

@@ -11,9 +11,10 @@ edition = "2021"
 tauri-build = { version = "1", features = [] }
 
 [dependencies]
-tauri = { version = "1", features = [ "fs-read-file", "shell-execute", "fs-write-file", "fs-exists", "shell-open", "path-all"] }
+tauri = { version = "1", features = [ "dialog-open", "fs-read-file", "shell-execute", "fs-write-file", "fs-exists", "shell-open", "path-all"] }
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
+tauri-plugin-persisted-scope = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1" }
 
 [features]
 # This feature is used for production builds or when a dev server is not specified, DO NOT REMOVE!!

src-tauri/src/main.rs

@@ -3,6 +3,7 @@
 
 fn main() {
   tauri::Builder::default()
+    .plugin(tauri_plugin_persisted_scope::init())
     .run(tauri::generate_context!())
     .expect("error while running tauri application");
 }

src-tauri/tauri.conf.json

@@ -15,6 +15,14 @@
       "path": {
         "all": true
       },
+      "dialog": {
+        "all": false,
+        "ask": false,
+        "confirm": false,
+        "message": false,
+        "open": true,
+        "save": false
+      },
       "fs": {
         "all": false,
         "readFile": true,

src/api/index.ts

@@ -1 +1,2 @@
 export * from './cli';
+export * from './tauri';

src/api/tauri.ts

@@ -0,0 +1,40 @@
+/* eslint-disable @tanstack/query/exhaustive-deps */
+import { type UseMutationOptions, queryOptions } from '@tanstack/react-query';
+import { type OpenDialogOptions, open } from '@tauri-apps/api/dialog';
+import { normalize } from '@tauri-apps/api/path';
+
+import { queryClient } from '~/lib/query-client';
+
+import { cli } from './cli';
+
+export const tauri = {
+  dialog: {
+    open(defaultOptions?: OpenDialogOptions) {
+      return {
+        mutationKey: ['open', defaultOptions].filter((v) => !!v),
+        mutationFn: async ({ options: _options }: { options?: OpenDialogOptions }) => {
+          const options = { ...defaultOptions, ..._options };
+          let dir: string | null = null;
+          const selected = await open(options);
+          if (Array.isArray(selected)) dir = selected[0];
+          else dir = selected;
+          if (!dir) throw new Error('No directory selected');
+          return dir;
+        },
+      } satisfies UseMutationOptions<string, Error, { options?: OpenDialogOptions }>;
+    },
+  },
+  path: {
+    normalize(path: string) {
+      return queryOptions({
+        queryKey: ['path', 'normalize', path].filter((v) => !!v),
+        queryFn: async () => {
+          let p = await normalize(path);
+          const homeDirectory = await queryClient.fetchQuery(cli.homeDir());
+          if (p.includes(homeDirectory)) p = p.replace(homeDirectory, '~/');
+          return p;
+        },
+      });
+    },
+  },
+};

src/components/floating-action-button.tsx

@@ -0,0 +1,16 @@
+import { Box, type BoxProps } from 'styled-system/jsx';
+
+import { IconButton, type IconButtonProps } from '~/ui/icon-button';
+
+export interface FloatingActionButtonProps extends IconButtonProps {
+  containerProps?: BoxProps;
+}
+
+export const FloatingActionButton: React.FC<FloatingActionButtonProps> = ({ containerProps, ...props }) => {
+  return (
+    <Box pos="absolute" top="2" left="2" {...containerProps}>
+      {/* @ts-expect-error - TODO: fix */}
+      <IconButton {...props} />
+    </Box>
+  );
+};