• stop the selection on Notes when dragging items (no longer an issue in electron)
• fix: when scalled down and moving an item outside canvas, when it extends it also moves idk why
• paste nodes: pasted the current state of the nodes not the state at the time of the copy
• add animations to all actions
• make adding nodes to column control the position of the insert
• reimplement leaderLine to suit our uses, like making it one of the items on the canvas so we dont need to update it when we move or zoom the canvas

• cache url scrapping (backend)

• stop writing to file when moving nodes

• test animejs and neodrag again their animations were smoother (the issue was tauri not which DnD library was used, in electron all DnD libraries are the same smoothness, even my custom implementation)

• remove all unneeded imports and functions and comments

• refactor the backend code to be more readable and coherent

• make Todo widget more usable
  • reorder items
  • enter to create new item
  • backspace to delete item
  • tab to add indent to item
  • multi line paste create an item for each line
• polish the drag and drop from the sidebar (fix exact position)
• fix the viewport:
  • scroll right and bottom
  • placing item outside to the right or left extends the canvas
• fix the selection on NoteType
• scroll becomes finniky when zoom is used, change zoom target to an outside element
• fix copy paste (copying other components should copy thier data structure and on paste check if its correct and create the corrosponding nodes, other wise if its text create a note, if its a url create a Url node)
  • finish the image copy pasting
    • binary data iamges
    • local image paths
    • images URLs
    • add and test other file types too
• redo + undo (or git versioning system/actions systems where each action is recorded: adding a node, editing a node, deleting a node . . . . .)
  • fix:
    • updatePosition (when letting go 2 different positions are recorded)
    • addNode (when putting child in coolumn and doing undo, it goes out of parent but not back to canvas, also the opposite doesnt work)
    • updateTask (does nothing)
    • reorderTasks (does nothing)
    • editable Title (on column and TODO), works on COlumn but not on TODO
  • not done yet:
    • newNode
    • newImageNode
    • newDocumentNode
    • child nodes moves
    • changing Note to Url
• make child nodes selectable
• Board node becomes invisible when dragged (started when moving to electron)
• Column node doesnt become invisible when dragging board node
• color selector sometimes changes automatically (rbg(25, 25, 25)) (doesnt seem to remain a problem in electron) (seems to only happen when a node is selected and code is edited and saved)
• youtube videos not working ==> download them with yt-dlp and display them as video (they work on electron as embedded)
• taskLists when writing in one of them they always start writing in another one, the same between them all (started when switching to electron)
• reset viewport data on board change (reset x,y , not zoom)
• maybe dont delete (from memory/store) other used boards when changing (because when going back it causes a refresh (bad UX))
• copy pasting nodes when focused on text pastes both on text and on nodes
• improve image loading performance
• make the height multiples of 10
  • still not perfect, things look slightly off-center, and Image nodes have a small border at the bottom
  • the padding is on top and left, when writing or changing the content the node content keeps jumping up and down
• when a board or column is deleted, in nodes.json delete their object
• when deleting nodes, if they have resources (images, files . . .) delete them
• when deleting nodes the styles sidebar should be hidden
• when adding new images, increase thier z index
• Url node: when url is blank allow user to write it down
• cant place nodes on the corner
• when pasting url in a new note node, some issues happen when it transforms
• for URL youtube Videos, make it download the video and use a custom video player
  • give the user the option to use embedded youtube video or locally download the videos
• when starting the scale with less than 1 we find the viewport does not extend all the way as intended
• the new snap to grid is not working properly (not consistent)
• when note node is focused disable the arrows to move the node
• in nodes.tsx settimeout to wait for url nodes to load needs to go
• cache URL nodes
• arrows stay in the same position like absolute when you move the canvas
• update arrows when you zoom and move the canvas
• load arrows once both nodes are ready
• todo node sometimes doesnt save changed text
• when zooming, make it point to or from the mouse cursor
• for the redo undo system: deleting resources: once a node is deleted add thier resources names to a list .txt file and when the app launches delete those files and empty the text file
• for todo make the title optional
• infinite loop resizing: disable the observer after the first fire, for urls, update once the resource is loaded, when width is changed also do the observe once more
• recomended width for new Note nodes is 580
• Note editor buttons not settings is-active class correctly but are working just fine
• image text edit is not focusable
• put images in thier own folder
• selection only works on the left top corner of nodes (calculating the w and h of each node would be expensive)
• set the urls description as the youtube video decription
• selected child nodes: settings styles doesnt work
• child nodes: when touched slightly it moves from position and the parent Column becomes opaque
• set board bgColor and grid coloor
  • make it possible to use an image as a background for a board
• node creation coordinates are wrong probably dont account for scale
• newly placed nodes use a low Zindex
• make board styles changing in context menu
• ColorPicker in top bar doesnt react to the change in the styles values in the store
• the createEffcet in store.tsx doesnt need to do the initial run
• server side: on image creation make sure if the images have the same name tha they are not the same image so we dont save duplicates
• board change: when going to another board the image change is slow, maybe we should set it before the change
• changing board should reset the viewport size and the x and y and scale
• add select all shortcut (Ctrl+a)
  • bulk actions undo and redo dont account for the bulk (redoing redoes each action individually)
  • make sure it doesnt trigger if a text is focused
• drgging a full coloumn inside another board deletes it contents
• each node right click options
• give user option to disable node borders
• Good Idea: for deleted items add them to trash instead of deleting and keep their resources (images, cache etc), if the user empties the trash all the resources are then deleted
• miniMap doesnt account for child nodes in columns
• minimap when changing board items are displayed wrong
• styles dont work for column children
• empty image node should be a placeholder with an upload button
• side styles tab:
  • maybe we should make it appear as a modal near the last selected node
  • the extra ones appear when you deselect nodes
• make the user set the number of backups
• when moving a node, move all selected nodes with it
• crop images when adding them
• templates
• make Youtube videos downloadable individually instead of downloading them all
• moving nodes with arros doesnt account for bounds
• Url node: make it clear when a video is already downloaded
• Url node: add ability to delete video file
• Arrow logic: copy from reactFlow or leaderLine
• pasting url to canvas create a Url node

• add another type of Note node, using typst as an external library
• add ability to pin certain nodes
• search: search the entire json file and when a match is found get that node's id and hightlight it in the canvas
• add the user settings to allow the user to choose wether to cache/download:
  • Urls thunmbnails
  • Videos
• css bg color is brighter and paler than it should be
• opening URLs: dont open the url in the electron app send it to the default browser
• right click menu
• daily tasks node (or set the recurring period)
• extend Url node to take full screen, display the video and the its description to the side

leave the encryption feature to last because once its implemented we cant manipulate the data as we want

• for enxryption maybe encrypt each file indivudually and load them when needed

sudo pacman -S xdg-user-dirs

xdg-user-dirs-update

GDK_BACKEND=x11 WEBKIT_DISABLE_COMPOSITING_MODE=1 pnpm tauri dev

GDK_BACKEND=x11 WEBKIT_DISABLE_COMPOSITING_MODE=1 NO_STRIP=true pnpm tauri build

GDK_BACKEND=x11 WEBKIT_DISABLE_COMPOSITING_MODE=1 ./src-tauri/target/release/bundle/appimage/graphnote_0.1.0_amd64.AppImage