Configure the C3 Agentic AI Platform to Bundle in an Air-Gapped Environment

C3 AI supports UI to be bundled from the C3 Agentic AI Platform in an air-gapped environment. The following steps describe how to bundle in an air-gapped environment.

Copy link to this section

Identify NPM packages for UI development

1. Go to the application URL to access the static console: https://<cluster>/<env>/<app>/console/index.html

2. In the static console of the application, run the following command:

   JavaScript

   Copy code to clipboard

   ImplLanguage.Runtime.forName('js-webpack')

   The output object includes a field called libraries that lists Open Source and C3 AI-specific libraries that need to be populated in the private NPM registry.

3. Next, run the following command:

   JavaScript

   Copy code to clipboard

   NpmLibraryManager.mergedRuntime('js-webpack_c3')

   The output object includes a field called libraries that lists Open Source and C3 AI-specific libraries that need to be populated in the private NPM registry.

4. Populate the private NPM registry with the libraries identified in Step 2 and 3.

   • For Open Source libraries, work with your IT department to make sure the libraries are added to the NPM registry.

   • For C3 AI-specific libraries, these are the libraries that begin with @c3/<name of library>. They are automatically downloaded for you and seeded into your private registry when you start UI bundling.

Copy link to this section

Configure your application package

1. Get the URL, username, and password to authenticate into your private NPM registry.

2. In the static console of the application, run the following commands to authenticate the UI and pull the libraries from the specified NPM registry:

   JavaScript

   Copy code to clipboard

   NpmLibraryManager.Config.setConfigValue('username', '<username>')
   NpmLibraryManager.Config.setConfigValue('registry', '<registry>')
   NpmLibraryManager.Config.setSecretValue('password', '<password>')

   NOTE: As an Environment Administrator, you can set this configuration for all applications in an environment by running the following commands in the static console of the environment (env/c3):

   JavaScript

   Copy code to clipboard

   NpmLibraryManager.Config.setConfigValue('username', '<username>', ConfigOverride.ENV)
   NpmLibraryManager.Config.setConfigValue('registry', '<registry>', ConfigOverride.ENV)

   As a Cluster Administrator, this configuration can also be set cluster wide by changing ConfigOverride.ENV to ConfigOverride.CLUSTER. For this to take effect, in the static console of each application, you may need to clear the cache for each application by running: NpmLibraryManager.Config.clearCache() and refreshing the browser.

3. Run the following command to generate server-side UI:

   JavaScript

   Copy code to clipboard

   UiBundler.generateBundles()

Copy link to this section

See also

• Set up Application Development in an Air-Gapped Environment
• Configure C3 Agentic AI Platform to Use Local Conda and PyPI Repositories in an Air-Gapped Environment