Power Fx Formula Bar

Provides a React control based on the Monaco Editor for Power Fx language editing to enable common language features such diagnostics, suggestions, and function definitions.

Usage

This package provides the PowerFxFormulaEditor React control for rendering a Power Fx editor. A sample of integrating this component can be found in the power-fx-host-samples repo.

This package integrates with the ESM version of the Monaco Editor. By default, no web workers will be configured, which will result in all language service computations being run on the UI thread. This could lead to performance issues, and may result in a browser warning issued by the Monaco Editor.

The Monaco Editor docs describe how to configure these web workers, and also provide samples for different bundling solutions.

This package only requires the default editor.worker, and does not use any of the language specific features of the Monaco Editor. For ease of integration, the version of the editor.worker.js which matches the Monaco Editor version used by this package is provided in the dist folder. This file can be hosted, and the location provided in the MonacoEnvironment.getWorkerUrl() call.