Configuring Live UI Metadata

Copy link to this section

Live UI Metadata overview

When the Live Metadata configuration is enabled and the UI is generated in "development" mode, changes to JSON component metadata files and routes will be loaded at runtime without triggering UiBundler. This will improve the change-to-render time, and shorten the extra time otherwise caused by incremental provisioning when only change the metadata for component configurations.

Copy link to this section

LiveMetadata config

• Live UI Metadata feature only works in development mode. In order to enable the feature, first configure the environment to development mode by running the following command:

  JavaScript

  Copy code to clipboard

  UiSdlConfig.setConfigValue('infrastructure.webpackMode', 'development');

• Any changes in UI Manager can be seen immediately in the preview page after clicking the save button and refreshing the page.

• When running in development mode, by default the live UI is disabled. In order to enable it, run the following command:

  JavaScript

  Copy code to clipboard

  UiSdlConfig.setConfigValue('infrastructure.liveMetadata', true)

• To disable the live UI metadata feature in develpment mode, run the following command from the web console:

  JavaScript

  Copy code to clipboard

  UiSdlConfig.setConfigValue('infrastructure.liveMetadata', false)