How to I reference Library extensions in other BUI extensions?

Environment:

Oracle B2C Service, Browser User Interface Extensibility Framework, all product versions

Resolution:

JavaScript libraries such as jQuery can be loaded from outside the extensibility framework, but this is not recommended. The reason is that the framework will not provide any caching mechanism for such files and it does not have any control over them.

Extensibility framework has an inbuilt approach called Library Extension to achieve this. This has the following advantages: 

1. Library extensions are cached and managed by the extensibility framework itself.
2. A single library extension can be shared by all the extensions. In scenarios where multiple extensions need common scripts like jquery.js, you can upload the scripts as a library extension and then this script can be referenced in any other extensions.

Here are the steps to creating a Library Extension:

1. Open the Add-in Manager in Agent Desktop Console
2. Add a new extension
3. Upload the file that needs to be shared across multiple extensions (for example let's say "jquery.js")
4. Set extension type as "Library"
5. Set the necessary profile permissions.
6. Save the extension

Here is how you would reference the library extension (common script file) in another extension:
 
To refer any script of library extension in any other extension, the relative path of the script should be specified in the extension.
Note: In extensibility, every file path is constructed in the format: ExtensionName/Filepath

Suppose we have:

• A Library extension with name Lib1
  • The file structure of Lib1:
    • /jquery.js