kraftman/3de

fleshing out and idea for a multi dimensional IDE

yarn start to get running

3de's Issues

create project settings node

ctrl + t functionality: if file is already in workspace, pan to it

switch to the layer its on, and pan to it

show relationships between nodes

some kind of visual representation of the link between nodes

fix edges

edges arent working between nodes since moving to file tree, need to update logic to use full filepath

implement layers

add a layer selector that shows active layers, lets yo switch between them.
should they be visible through each other?

drag function from node to new node, existing node

sort file manager by folder, files

filter visible handles and offset

when creating handles in getHandles, need to account for scrolling in monaco editor, and offset the handles by the scroll amount, hide handles that are outside the node viewport

load project from filesystem

allowing selecting a folder to load a project from

support inline code folding in monaco

look at using https://marketplace.visualstudio.com/items?itemName=moalamri.inline-fold to fold types

add code splitting/folding

allow selecting a chunk of code, and dragging that selection out of the IDE into a new node. changes to the node should reflect in the original, and the original should be folded, with a handle pointing to the new node

store node location/size/content to backend, and restore

On save/close, write all of the nodes to the backend
on open, load the previous nodes

Dragging export from one node to another should add import

Removing link should remove import

allow dragging the entire canvas

ideally also zooming in and out

clean up flow.js

extract common code into hooks
enable creating new node inside a group
enable detaching from group

dynamically resize groups with node movement

on node drag end, if the node is inside or intersecting with its group, update the group to be big enough to still contain it (and any parent groups)

add settings to editor node

to change the filename, etc

get eslint working

improve file management

when loading a folder, load ALL of the files contents (for full text search)

• allow displaying images
• on text change, on save, update the original file (check if it has newer changes)

resize nodes to fit text

resize the node between min height and max height, then make it scroll.
resize the node between min width and max width, then make it wrap (wrap or format with prettier?)
allow manual resizing.

onTextChange: get the height and width of the text, update the node style.height an width

cleanup flow.js

move all the logic out to either utils, custom hooks, or context

Create project layers

sidebar panel with a square that represents the project, lets you set a colour, switch between projects, etc

split saving and updating after onTextchange

we want to debounce saving/linting so that it doesnt run as often, but we still want to update the node for every keystroke. need to split them so that only saving/linting and the other backend calls are debounced. (or move the debounce out of editor node and into the update text logic)

BUG: editting layers wipes out layers

repro:
create a few layers with nodes
edit an existing layer name/color.
name/color changes but other layers and nodes vanish

Add close button for nodes

support partials

support select part of the text to have it extracted to a sub node

split saving and updating after onTextchange

we want to debounce saving/linting so that it doesnt run as often, but we still want to update the node for every keystroke. need to split them so that only saving/linting and the other backend calls are debounced. (or move the debounce out of editor node and into the update text logic)

remove edges when a node is removed

Drag export to empty space to create new node

New node should have the import for the dragged-from node

support rendering components in iframes

• Investigate how storybook renders components
• If a tsx/jsx file is detected, add an option to render it alongside the code node

add share completion (intelisense) between editors

https://chatgpt.com/c/07e341e6-4586-43db-9fd4-991a9e4720af

Add full text search

Add a search bar, that when searching, checks every file for the text, takes a snippet from a few lines before and after, and adds it to a node.
list the nodes and make them scrollable

Create groups when adding a new file to the canvas

when adding a file to the canvas:

• if its group already exists, move the canvas to the group, and add the new node to the group

• if not, add the node to the canvas.

• if nested, create all of the groups recursively