feat: implement multi-file code editor - WF-100

[madeindjs]

Implement the feature to allow the user to create, update and delete any source file of the application.

The logic flow is:

1. Python backend returns the sourceFiles in the Init request. It's an object representing the tree structure like

   {"type": "directory", "children": {"README.md": {"type": "file", "content": "This app w", "complete": false}}}

2. the frontend stores this and creates a copy of this as sourceFilesDraft
3. different action in the editor will trigger new sockets events I implemented: createSourceFile, deleteSourceFile or renameSourceFile

The main challenge was the synchronization between sourceFiles and sourceFilesDraft. This main logic stands in the composable useSourceFilesDraft.

Quick demo

Screen.Recording.2025-01-14.at.15.30.27.mov

[FabienArcellier]

I would advocate having a context menu to delete an item. With the current pattern, I can't remove a folder when I inadvertently create one : https://developer.mozilla.org/en-US/docs/Web/API/Element/contextmenu_event

[FabienArcellier]

I would advocate to bind CTRL+S when the user is inside the editor. It currently open the browser windows : https://codepen.io/ThatSoftwareDude/pen/poVQowE

[FabienArcellier]

We lost ability to save a file when an error is raised changing the python code.

[FabienArcellier]

I rename and file in .wf directory. It has wrong behavior.

[madeindjs]

I would advocate having a context menu to delete an item. With the current pattern, I can't remove a folder when I inadvertently create one : https://developer.mozilla.org/en-US/docs/Web/API/Element/contextmenu_event

@FabienArcellier , what do you think about simply avoiding rendering empty folder?

So, if you create a file a/b/c.txt, it creates the folder a/b/, and when you remove c.txt, we don't display the folder in the UI.

The edge case is, when the user tries to create a file matching an empty folder path. In this situation, we can simply delete the empty folder before creating the file.

implemented in b30a952