Setting Up iModel.js Presentation Library

In addition to setting up imodeljs-core there are some steps that API consumers must do before the library can be used.

Backend

1. Initialize the library:

import { Presentation, PresentationManagerMode } from "@bentley/presentation-backend";

// initialize presentation-backend
Presentation.initialize({
  rulesetDirectories: [path.join("assets", "presentation_rules")],
  localeDirectories: [path.join("assets", "locales")],
  mode: PresentationManagerMode.ReadOnly,
});

2. Register PresentationRpcInterface (amongst other RPC interfaces):

import { PresentationRpcInterface } from "@bentley/presentation-common";

const rpcs = [...otherRpcInterfaces, PresentationRpcInterface];

  ElectronRpcManager.initializeImpl({}, rpcs);

Frontend

1. Initialize the library:

import {
  Presentation, FavoritePropertiesManager,
  IFavoritePropertiesStorage, FavoriteProperties,
} from "@bentley/presentation-frontend";

    Presentation.initialize({
      // specify `clientId` so Presentation framework can share caches
      // between sessions for the same clients
      clientId: MyAppFrontend.getClientId(),

      // specify locale for localizing presentation data
      activeLocale: IModelApp.i18n.languageList()[0],
    });

2. Register PresentationRpcInterface (amongst other RPC interfaces):

import { PresentationRpcInterface } from "@bentley/presentation-common";

const rpcs = [...otherRpcInterfaces, PresentationRpcInterface];

    const rpcConfiguration = BentleyCloudRpcManager.initializeClient(rpcParams, rpcs);

Last Updated: 13 June, 2024