Note: vly.ai is an edit-first platform. The graph is meant to scale with you for versions, where each is just an edit.

​
Adding another page

Now, support you want to add another page to our NewsHacker app. We can press the add new page button and architect a new one:

Once again, the above structure shows the way that pages are architected through nested components and actions.

Here is the result of that combination:

Observe how laying out the components and actions creates this flow graph.

You can connect to existing components and actions instead of creating new ones. Simply click the link toggle on the section.

​
Performing an edit on a node (code file)

Suppose that now that we have the new page that we added, we can make it redirect to the new page. We would need to change where that logic is defined.

Currently, it is redirecting due to the PostListView. I want it to redirect to a different page. So, I press the specific node’s “Edit Node” button:

Now, it opens up the architect window, but it is for performing edits on the component.

I can then fill in the text box with the edits I want to see, in this case, changing the redirect URL:

This view displays connected nodes as well. You can modify the structure of the node’s children on this interface by adding or linking new code files.

​
Fast edits vs slow edits

Fast edits are where the structure of the graph is not edited. So if you don’t touch any of the children, edits can happen in under 1 minute.

Slow edits happen when you add to the graph. So, if you add a new component or action, our AI will take some time to create it and process it, adding over a minute each time.

We try and estimate the amount of time an edit will take. We also do lock your screen while an edit is happening to prevent race conditions. Will be fixed soon.

​
Editing Models

Models are treated diffrently. Due to its cyclical nature, we have to handle its edit process separately.

So to change them, you can click on any node’s edit button or the new page button, and press the + sign on the configure data models section: