noodlapp / noodl

Noodl is a low code platform for creating full stack web applications

Noodl

Noodl is a low-code platform where designers and developers build custom applications and experiences. Designed as a visual programming environment, it aims to expedite your development process. It promotes the swift and efficient creation of applications, requiring minimal coding knowledge.

Documentation

Documentation for how to use Noodl can be found here: https://noodlapp.github.io/noodl-docs/

Community

Main support channel is Discord: https://www.noodl.net/community

Download releases

Pre-built binaries can be downloaded from Github

Note for users who are migrating from the deprecated closed source version

• Migrating the project files and workspaces to a Git provider
• Migrate backend and database
• Self-host frontend

Building from source

# Install all dependencies
$ npm install

# Start the Noodl Editor and build a production version of the cloud and react runtime (useful when running Noodl from source but want to deploy to production)
$ npm start

# Start the Noodl Editor and watch the filesystem for changes to the runtimes. Development versions of the runtimes, not meant for production (mostly due to source maps and file size)
# This is ideal for a quick workflow when doing changes on the runtimes.
$ npm run dev

# Start Noodl Editor test runner
$ npm run test:editor

Licenses

This repository contains two different licenses for different parts of the Noodl platform.

• Components related to the editor, used to edit Noodl projects, are under GPLv3
• Components related to the end applications, used by the applications Noodl deploys, are under MIT

All of the source code of applications created with Noodl are under MIT. This means you can do project specific changes to the runtime without having to redistribute your changes.

Packaged licensed under MIT:

• noodl-runtime
• noodl-viewer-cloud
• noodl-viewer-react

You can find a MIT LICENSE file in each of these packages. The rest of the repository is licensed under GPLv3.

noodl's Issues

Proactive error messages in custom baseURL to prevent errors

(Don't know if this is a feature request or a bug)

When deploying using custom base URL, there is no error handling. The user can enter whatever string they want, but strange errors will occur if the string does not follow a certain pattern.

The pattern I realized works looks like this:

• the string needs to start with https://
• the string needs to end with /

If these steps aren't followed, the url can look like this:

In this case I had only written "/hem" as my custom base URL, which Noodl let me do. This caused the crazy url in the picture and that certain pictures did not build properly. It seemed as if a new /hem// was added every time i refreshed the page.

Noodl might be doing checks for .se or .com url's and that this bug only appeared because I'm using a .io url.

It would be helpful to have error messages in the custom base URL text field that make sure the two steps above are followed.

(I'm using URL path type Hash if that makes a difference)

Video Tag Attributes Not Being Passed

In troubleshooting why my videos weren't autoplaying, I found that the noodl video node isn't passing along some of the attributes specified in the sidebar.

Here is my sidebar setup for the video node:

And here is the resulting HTML(on the bottom) I've inspected in dev tools alongside a custom HTML element(on the top) I had to create.

possible non-native scroll bug?

I'm wondering if this is a possible bug?

When enabling scroll and turning off the native platform scroll (using Noodl scroll) the 'did mount' triggers twice.

MacOS Sonoma 14.3.1, Macbook Air M2, Noodl 1.0.1

Dropdown array configuration not working

Doing the lesson that states of changing the labels and values for the dropdown element.

Not sure if it's my Mac but it is stating a error but it matches the others and the video but I am unable to progress further
Also the discord isnt letting me join, it is asking me to verify my account, when I am already signed up to discord

Incorrect Noodl AI docs link

The link goes to the commercial version of Noodl, not the open source.

https://github.com/noodlapp/noodl/blob/main/packages/noodl-editor/src/editor/src/views/panels/EditorSettingsPanel/sections/OpenAiSection.tsx#L169

Roadmap at Noodl

I appreciate you guys taking it opensource. Thank you

Can you please share the Noodl roadmap for the going forward.

Documentation links for Prefabs and Modules are incorrect

Documentation links for Prefabs and Modules are incorrect
library is preceded by //.
For example, the following is shown below.

×：https://noodlapp.github.io/noodl-docs//library/prefabs/date-picker/
〇：https://noodlapp.github.io/noodl-docs/library/prefabs/date-picker/

No deploy to sandbox option found

How to export code to a local folder and how to deploy to your sandbox?

There is nothing in the Editor after install

When I installed the editor and opened it there was nothing there just a couple prompts.

Both deploymend failed & deployment successful toast appear on a successful deployment

Minor UI bug:

When deploying to custom base url successfully, 2 toasters appear: both fail and success. It works just fine, but it's confusing.

Building Noodl

On macOS Ventura 13.6 I had to use Node v16 to get it to build correct.

Using Node v18 all the packages downloaded without errors, but would not run.

Perhaps it could be noted somewhere in the readme as a possible "workaround" for some in the same boat.

Missing AI verify buton?!

Reality

Documentation

Do an update check when deploying Cloud Functions

When deploying new cloud functions to the cloud service it would be ideal to make an update check to verify that the new version is uploaded correctly.

This would require some changes to the cloud service, to have a way to verify that the new version is there. Preferably a unique id created by the editor and not the cloud service to be certain.

Here is where the deploy functions are in the cloud service:
https://github.com/noodlapp/noodl-cloudservice/blob/main/packages/noodl-cloudservice/src/routes/functions-admin.ts#L5

Here is where the deploy cloud functions code is in the editor:
/packages/noodl-editor/src/editor/src/utils/compilation/passes/deploy-cloud-functions.ts

During migration, files not pushed to new Github project

Having followed the guide and linked my Noodl project to the Github project, the version history is showing up to date (and all the history visible in the history tab), however nothing is being pushed to the GitHub project.

The GitHub project remains as new with no commits and no files (showing the quick start guide etc).

I have used a Fine-Grain access key and given all the repository accesses to the key (no account accesses).

I saw in Discord that anther user was having similar issues, am I missing something obvious?

Unable to Access Noodl AI Functionality in OS Editor v1.0.0 - Likely Due to Missing "Verify" Button for OpenAI API Key

When trying to use Noodl AI i'm promted for an OpenAI API key. After adding it to where it should go in settings there is no "verify" button, likely resulting in Noodl AI not being accessible.

Version 1.0.0, Windows 11

The Image is not being displayed in tutorial

i got stuck in tutorial, the image is not being loaded...

Deployed app is broken

Using the Windows binary here.

Created a fresh project using the Task Manager template (no customization at all), and deployed it to a web server.

Errors:

Text node 100% width initially broken

Noodl version: 1.0.1
Operating system: Macbook Air M1 2020, 16GB RAM, MacOS 14.2.1

Expected behaviour

Placing a text node inside a group with horizontal alignment, with default 100% width and content height, the text node will respect other elements in the horizontal alignment and its width will be relative to other elements widths in the group. For example, a text node with 100% width places in the horizontally aligned group next to another text node with 100% width will cause both text nodes to take up 50% of the width of the group.

Current behaviour

Placing a text node inside a group with horizontal alignment, with default 100% width and content height, causes the text node to take up 100% width of the parent group regardless of other text nodes in that group. For example, placing a text node next to another text node with default visual settings causes the second text node to overflow X the boundary of the parent group, being pushed out by the first text node.

If the width of each text node is changed to 'content width', and then back to 100% width, both text nodes respect their responsive placement and take up 50% width of the parent group as expected.

Screen recording of current behaviour:

https://www.loom.com/share/ccd5d5a0fa65411d99c37b0ff63cc8b1?sid=d7fb04ca-9b27-4375-bf27-a964bfc053ef

Initialize Version Control (git) not working

Noodl Version: 1.0.1
Operating system: Intel Core i5-10600K, Asus ROG STRIX Z490-F Gaming, Asus GeForce RTX 3060, 32GB RAM, Windows 10 Pro 10.0.19045

Nothing happens when I press the yellow button (1st picture) and if I close Noodl and load the project back up, I get the second picture and it never finishes loading.

I tried restarting pc and the Noodl editor as well as deleting and downloading the Noodl editor.

log-Tue--20-Feb-2024-07-17-27-GMT.txt
log-Tue--20-Feb-2024-07-35-58-GMT.txt
log-Tue--20-Feb-2024-07-39-52-GMT.txt
log-Tue--20-Feb-2024-07-42-15-GMT.txt
log-Tue--20-Feb-2024-07-43-00-GMT.txt
log-Tue--20-Feb-2024-07-54-50-GMT.txt
log-Tue--20-Feb-2024-07-56-57-GMT.txt
log-Tue--20-Feb-2024-08-12-19-GMT.txt
log-Tue--20-Feb-2024-08-22-49-GMT.txt
log-Tue--20-Feb-2024-13-53-50-GMT.txt

Unconnected groups cause newly created groups to break

If there is a floating group and I try to create a new group, the new group attaches to the main element tree as well as the floating group. If I have multiple floating groups, the element attaches to the main element tree, as well as every single floating group that I have in that component/page.

The attached video demonstrates this behavior. In addition, there is a duplicate node error, and the group on the main element tree cannot be deleted, even after deleting the floating ones.

Recording_2024-03-09_114007.mp4

maximize/unmaximize in tutorial mode doesn't reposition tutorial window

After starting the tutorial within the UI editor, I maximized the screen (everyone looks fine), then un-maximized (to original size of editor window), and the tutorial window (shown in image below) was not visible, and couldn't figure out how to make it visible again.
Also, the preview window seemed to be sized with more percentage of the larger UI editor window that it should have been.
Just mentioning as I'm just beginning with the product, so thought I'd mention it.

Feature request: version control push should also handle ssh-keys with password, or trigger an error message

Since my company requires passwords when pushing I cannot host an app with us and push the code in the Noodl UI. I can do it in the terminal so it's not the end of the world. However, there is no error message in the Noodl ui as to why the push won't work. So either an error message, or a way to enter the password would be nice to have.

Noodl AI (GPT-3) not working/ asks for GPT 4 API key

When activating Open AI gpt 3 option in the settings and then trying to use the AI function in the editor it asks you to enter an API key for GPT 4 even though gpt 3 is the one selected in the settings.

Is the project abandoned?

Hello,
I see there has been no activity on the repo for the last 2 months.
Is the project discontinued?

Pushing a commit when there are changes in the remote causes issues with the version control panel

Expected Behavior

Pushing a commit when there are changes in the remote should show a message that you need to pull changes before pushing, and the version control panel should be set to a state where you can pull.

Current Behavior

Version control panel is stuck in the pull state

Context (Environment)

Noodl 1.0.1

Button node width setting doesn't work.

Whenever you try to assign a width for the button node, it doesn't change it.

Migrating from Noodl git to Github erases project files

Expected Behavior

Entering a Github repo and key should allow a project to be migrated from Noodl git to Github. All files in the project folder should be pushed to the Github repo.

Current Behavior

Entered an empty Github repo address (with previous commits, because had to delete failed Noodl git push, but no contents) and Github key. Noodl connection to Github ok. Got asked by editor to pull remote commits. Once pulled, all files in the project folder erased except default Noodl project files. Erased files do not appear in Github repo either. For example, modules folder is erased, my custom images folder is erased.

Context (Environment)

Noodl 1.0.1

[Feature Request] Allow us to use local llms instead of openai

I would love it if we could use our local llms instead of using openai. I can setup Lm studio as a server and use that instead of openai in other apps like flowise, autogen etc and would to be able to do it here as well.

Deleting text nodes not working

Node version 1.0.1

I added a basic text node to my project and now I can't delete it. I've tried:

• right click deleting,
• highlighting the node, right click and delete,
• highlighting the node and pressing backspace

The text node does not disappear in either case.