openui icon indicating copy to clipboard operation
openui copied to clipboard

Upload Existing Code Files

Open GetGud opened this issue 1 year ago • 6 comments

Can someone add the option to upload existing code files or code?

GetGud avatar Apr 03 '24 19:04 GetGud

This is a cool idea. It's close to being able to work as the HTML window on the bottom is editable, it's just not wired up to the state store properly. I'll spend some more time thinking about this one.

vanpelt avatar Apr 03 '24 19:04 vanpelt

Loading an entire project and then editing it piece by piece could be a game-changer. Full supporter of this

vale46n1 avatar Apr 03 '24 21:04 vale46n1

That would be amazing! I can absolutely get behind that idea

MyndPhreak avatar Apr 04 '24 03:04 MyndPhreak

@vale46n1 @MyndPhreak that sounds like a bigger undertaking. For multi-file / project use cases I suggest:

  1. I've been using Cursor and it's awesome. You can open a chat window and ask questions about multiple files in the codebase. Very cool.
  2. I haven't checked this out, but OpenDevin looks really cool.

Love how there's so much OpenSource hotness happening in this space. I'm humbled to have created something exciting for folks and can't wait to make it better!

vanpelt avatar Apr 04 '24 05:04 vanpelt

@vanpelt I would suggest to start to think to integrate such kind of functionality:

  • JSON Input Interface: feature that allows users to directly input JSON into a specially designed interface. This would enable the LLM or AGENT to dynamically tailor React and HTML code to effectively manage the JSON content. Additionally, the interface should offer options for specifying headers to transmit payloads or security tokens, facilitating the testing of the code’s functionality in practical scenarios.

  • Customization Based on Language and Framework: I guess that tool like this to be effective must be customized according to the programming language and framework in use. For example, adopting React with Next.js entails a particular folder structure that the generated code must reflect. The LLM and agents should perform an initial analysis of the project’s structure to identify connections and then adjust the underlying code of pages to fit the overall concept.

  • Automatic Dependency Management: We need to automatically identifying and updating related pages within a React project when one page is modified. This process should ensure that changes in one part of the application are reflected across related components, thereby maintaining consistency and enhancing development efficiency.

From my point of view, to be effective, this kind of tool shall be tailored not just to the programming language but also to the specific frameworks being used, such as React with Next.js, Gatsby, or Vite for the frontend and FastAPI for the backend. This approach ensures the creation of a cohesive and fully functional system.

Maybe OpenDevin could do this. Anyhow is not specifically tailored for this scope and here could be the big difference and the reason why this could work much better.

Looking on current market and trends, maybe React with Next.js could be a good target. FASTApi as backend.

vale46n1 avatar Apr 04 '24 10:04 vale46n1

@vanpelt This seems doing something similar of what I was considering https://github.com/plandex-ai/plandex

vale46n1 avatar Apr 08 '24 20:04 vale46n1