Refactor file initialization and add new task

category feature

Author: codad5

src-tauri/src/libs/filehelper.rs

@@ -6,6 +6,17 @@ use tauri::Env;
 
 pub const ENV_FILE: &str = "../.env.local";
 
+pub const USERS_FILES: [&str; 4] = ["access_token.db", "auth_code.db", "tasks.json", "user_profile.json"];
+
+
+
+
+pub fn initialize_user_files() {
+    for file in USERS_FILES.iter() {
+        let file_path = get_app_local_data_dir(file);
+        println!("file path: {}", file_path);
+    }
+}
 
 // const PATHS = 
 pub fn get_app_local_data_dir(file_name: &str) -> String {
@@ -19,13 +30,18 @@ pub fn get_app_local_data_dir(file_name: &str) -> String {
         Some(BaseDirectory::AppLocalData),
     ).expect("failed to resolve path");
     let path = path.to_str().unwrap().to_string();
+    println!("path: {} \n file name: {} \n", path, file_name);
     // check if file exists
     if !std::path::Path::new(file_name).exists() {
         println!("File does not exist, creating file {} for {}", file_name, path);
         // create file
-        let mut file = std::fs::File::create(file_name).unwrap();
-        // write empty array to file
-        file.write_all("".as_bytes()).unwrap();
+        let mut file = std::fs::File::create(&path).unwrap();
+        // if a json file, write empty json
+        if file_name.ends_with(".json") {
+            println!("writing empty json");
+            file.write_all(b"{}").unwrap();
+        }
+
     }
     path
 }

src-tauri/src/main.rs

@@ -5,11 +5,12 @@ mod libs;
 
 use tauri_plugin_log::{LogTarget};
 use libs::tauri_actions::{save_access_token,load_access_token, greet, test_command, save_code, load_code};
-use libs::filehelper::{ENV_FILE};
+use libs::filehelper::{ENV_FILE, initialize_user_files};
 
 
 fn main() {
     dotenv::from_filename(ENV_FILE).ok();
+    initialize_user_files();
     tauri::Builder::default()
         .plugin(tauri_plugin_context_menu::init())
         .plugin(tauri_plugin_oauth::init())

src/components/ui/AddCategory.tsx

@@ -1,12 +1,28 @@
 import { IconButton, Button, FormControl, FormLabel, Input, ButtonGroup, Box, Popover, useDisclosure, PopoverTrigger, PopoverContent, FocusLock, PopoverArrow, PopoverCloseButton, Stack} from '@chakra-ui/react'
 import { CheckIcon } from '@chakra-ui/icons'
-import React, { useRef } from 'react'
+import { useRef } from 'react'
+import { useRecoilValue , useSetRecoilState} from 'recoil'
+import { taskObjectSelector, taskCategoriesListState } from '../../config/states'
 
 
 
 const Form = ({categoryNameRef, onCancel}: {categoryNameRef: React.RefObject<HTMLInputElement>, onCancel: () => void}) => {
+    
+    const taskObject = useRecoilValue(taskObjectSelector)
+    const setTaskCategories = useSetRecoilState(taskCategoriesListState)
+    
     const addNewCategory = () => {
-        console.log('adding new category', categoryNameRef.current?.value)
+        if (!categoryNameRef.current || categoryNameRef.current.value === '') return;
+            taskObject.addNewTaskCategory(categoryNameRef.current?.value || '')
+            .then((d) => { if (!d) return console.log('category not added') })
+            .then(() => { 
+                taskObject.getTaskCategories().then((data) => {
+                    console.log('data', data)
+                    setTaskCategories(data)
+                    // clear input
+                    categoryNameRef.current!.value = ''
+                })
+            })
     }
 
     return (

src/components/ui/TaskItem.tsx

@@ -6,7 +6,7 @@ import { useRecoilValue, useSetRecoilState } from "recoil";
 import { taskObjectState, taskCategoriesListSelector, activeTaskCategorySelector, activeCategoryTasksState, messageState } from "../../config/states";
 
 
-export default function TaskItem({ task, key }: { task: task, key: number }) {
+export default function TaskItem({ task }: { task: task }) {
     const [isHovered, setIsHovered] = useState(false);
     const Taskobject = useRecoilValue(taskObjectState) 
     const taskCategoryList: taskCategory[] = useRecoilValue<taskCategory[]>(taskCategoriesListSelector)
@@ -44,7 +44,7 @@ export default function TaskItem({ task, key }: { task: task, key: number }) {
     }
 
     return (
-        <Box p="2" key={key} onMouseEnter={() => setIsHovered(true)} onMouseLeave={() => setIsHovered(false)}>
+        <Box p="2"  onMouseEnter={() => setIsHovered(true)} onMouseLeave={() => setIsHovered(false)}>
             <Flex >
                 <Checkbox isChecked={task.completed} onChange={() => handleTaskCheck(task)} paddingRight="1">
                     <Box w="90%" as="span" textDecoration={task.completed ? "line-through" : "none"}>

src/config/states.ts

@@ -104,8 +104,6 @@ const taskObjectSelector = selector({
     key: 'taskObjectSelector',
     get: ({ get }) => {
         const taskObject = get(taskObjectState);
-        const accessToken = get(accessTokenState);
-        taskObject.setAccessToken(accessToken!);
         return taskObject;
     },
 });

src/helpers/task.ts

@@ -233,15 +233,21 @@ export class Task {
 
     async getTasksFromFile(): Promise<taskCategory[]> {
         const tasks = await readTextFile(TASKS_FILE, { dir: DEFAULT_DIRECTORY });
-        return JSON.parse(tasks);
+        // check if a valid json
+        try {
+            return JSON.parse(tasks);
+        } catch (error) {
+            console.error("Error parsing tasks:", error);
+            return [];
+        }
     }
 
     /// newly refactored 
     async getTasksByCategoryPosition(position: number) {
         try {
             const tasks = await this.retrieveTasksByCategoryPosition(position);
             this.updateTaskCategoryList(position, tasks);
-            await this.saveTasksToFileIfNeeded(!tasks); // Save to file if tasks are not retrieved
+            await this.saveTasksToFileIfNeeded(tasks.length > 0);
             return tasks;
         } catch (error) {
             console.error("Error getting tasks by category position:", (error as Error).message);
@@ -347,7 +353,7 @@ export class Task {
      * @returns {task[]} - The list of tasks.
      */
     async getTasksByCategoryPositionFromFile(position: number): Promise<task[]> {
-        const tasks = await readTextFile(`tasks.json`, { dir: DEFAULT_DIRECTORY });
+        const tasks = await readTextFile(TASKS_FILE, { dir: DEFAULT_DIRECTORY });
         const taskCategories = JSON.parse(tasks);
         return taskCategories[position].tasks;
     }
@@ -412,7 +418,7 @@ export class Task {
     }
 
     async getTaskByIdFromFile(categoryID: string): Promise<task[]> {
-        const tasks = await readTextFile(`tasks.json`, { dir: DEFAULT_DIRECTORY });
+        const tasks = await readTextFile(TASKS_FILE, { dir: DEFAULT_DIRECTORY });
         const taskCategories = JSON.parse(tasks);
         return taskCategories.find((taskCategory: taskCategory) => taskCategory.id === categoryID).tasks;
     }
@@ -479,6 +485,27 @@ export class Task {
         }
     }
 
+    async addNewTaskCategory(title: string) {
+        try {
+            if (!navigator.onLine) throw new Error("No internet connection");
+            const url = `${this.baseUrl}/users/@me/lists`
+            const response = await axios.post(url, {
+                title,
+            }, {
+                headers: {
+                    Authorization: `Bearer ${this.accessToken}`,
+                },
+            });
+            // console.log(response.data, "add task");
+            return response.data;
+        } catch (error) {
+            console.error(error);
+            this.errorHandler(error as Error);
+            return null;
+        }
+    }
+
+
     async clearPositionCache(position: number) {
         console.log("clearing cache", position);
         this.tasksCategoryList.clearCache(position);