Update the Frameworks in Your App

Filter by IDE
Select the Progress AppBuilder client you are currently using for development.

IDE

You can replace the code libraries in your existing apps to take advantage of any updates to the frameworks that you use for development.

When you add a third-party framework from the npm registry to your app, AppBuilder does not add its files to your app directory structure. Instead, it adds the module as a dependency in the package.json file in the root of your app. During the build, AppBuilder resolves the dependency and makes the framework files available inside your built application. Because of this behavior, you cannot test frameworks added via npm in the developer app.

At any time, you can review the modules currently added to your app by reviewing the Dependencies tab in your Properties dialog.

In the Project Navigator, right-click the second node from the top and select Manage Packages.

In the npm tab, locate the package that you want to update.Installed packages are listed on top.

Select the package that you want to update in your app.

(TypeScript apps-only) Select or deselect the Include TypeScript definitions on install check box.The setting configures how AppBuilder handles the TypeScript definitions for the module, if available. By default, this option is enabled.

In the description panel, from the Version drop-down menu, select the version to which you want to update.

In the Project Navigator, right-click the second node from the top and select Manage Packages.

In the npm tab, locate the package that you want to update.Installed packages are listed on top.

Select the package that you want to update in your app.

(TypeScript apps-only) Select or deselect the Include TypeScript definitions on install check box.The setting configures how AppBuilder handles the TypeScript definitions for the module, if available. By default, this option is enabled.

In the description panel, from the Version drop-down menu, select the version to which you want to update.

Remove the files and references for the outdated package from your app.

In the npm tab, locate the package that you want to update.Installed packages are listed on top.

Select the package that you want to update in your app.

(TypeScript apps-only) Select or deselect the Include TypeScript definitions on install check box.The setting configures how AppBuilder handles the TypeScript definitions for the module, if available. By default, this option is enabled.

In the description panel, from the Version drop-down menu, select the version to which you want to update.

In the npm tab, locate the package that you want to update.Installed packages are listed on top.

Select the package that you want to update in your app.

(TypeScript apps-only) Select or deselect the Include TypeScript definitions on install check box.The setting configures how AppBuilder handles the TypeScript definitions for the module, if available. By default, this option is enabled.

In the description panel, from the Version drop-down menu, select the version to which you want to update.

In the command prompt, navigate to the directory that contains your app files.

To update a selected module, run the following command.This operation updates the module dependency in the package.json file of your app but does not copy the module files locally.

appbuilder plugin add <Module Name>@<Version>

<Module Name> is the name of the installed plugin. <Version> is a valid version of the plugin.(TypeScript apps-only) Set the --no-types option to disable the automatic installation of any available TypeScript definitions. By default, automatic installation is enabled.

To update a selected module and copy its files locally, run the following command.This operation updates the module dependency in the package.json file of your app and copies the module files locally.

appbuilder plugin fetch <Module Name>@<Version>

<Module Name> is the name of the installed plugin. <Version> is a valid version of the plugin.(TypeScript apps-only) Set the --no-types option to disable the automatic installation of any available TypeScript definitions. By default, automatic installation is enabled.

In the code of your app, update any references to the plugin, if needed.