Actions in JS Console

[kamalqureshi]

Proposed changes

This PR updates the folder structure for preload components. It refactors and divides the code into multiple reusable files to increase scalability and usability. This also adds multiple new actions to the JS console for the application. Similar to our actions in layers it uses dropdown to create or update a component:

• Place a component to the canvas
• Move a component
• Resize a component
• Delete a component

Types of changes

What types of changes does your code introduce to Lowcoder?
Put an x in the boxes that apply.

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation Update (if none of the other choices apply)

Checklist

You can also fill these out after creating the PR. If you're unsure about any of them, don't hesitate to ask. We're here to help!
This is simply a reminder of what we are going to look for before merging your code.
Put an x in the boxes that apply.

• Lint and unit tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)
• Any dependent changes have been merged and published in downstream modules

Further comments

If this is a relatively large or complex change, kick off the discussion by explaining why you chose the solution you did and what alternatives you considered, etc.

[netlify]

👷 Deploy request for lowcoder-test pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	4197d0b