We spend a significant amount of time customizing forms in the Modern Forms Designer with LFForm-based JavaScript. While the built-in sandbox is helpful, authoring code without IntelliSense or validation often leads to typos, missing brackets, or mis-referenced field IDs—errors that only surface at runtime.

Feature request

I would like to propose two complementary enhancements to the JavaScript editor within Forms:

1. Context-aware autocompletion

   • Suggest LFForm methods, events (LFForm.onFormInitialized, etc.) and common JavaScript syntax.

   • Surface the current field IDs / CSS classes defined in the form so they can be inserted without manual copy-paste or using tokens.

   • Provide inline documentation tool-tips (signature + brief description) for built-in LFForm functions.

2. One-click code validation / linting

   • A "Validate" tab or button that performs static analysis before saving, highlighting syntax errors and undefined references.

   • Ideally, show line-by-line error messages and warnings (similar to ESLint) so issues are fixed proactively.

Benefits

• Fewer production errors: Catch mistakes early, reducing troubleshooting time.

• Faster development: Autocomplete accelerates coding and encourages consistency in naming.

• Lower learning curve: New users see available APIs and field IDs without digging through documentation.

• Improved code quality: Built-in linting enforces best practices across teams.

Thank you.