Interface StorefrontProvider

Optional buttonVisibility

'visible'
Copy

Optional cardClickBehavior

'show-app-details'
Copy

Optional clientAPIVersion

icon

id

title

getApps

• getApps(): Promise<App[]>

• Get a list of apps to populate the platform's Storefront with.

  Returns Promise<App[]>

  Example

  An example of a getApps implementation that returns a single app.

  const app : App = {
       appId: 'uid'
       title: 'My App'
       manifest: `https://openfin-iex.experolabs.com/openfin/manifests/cash-flow.json`,
       icons: [
           {
               src: '/icon.png'
           }
       ],
       contactEmail: contact@email.com,
       supportEmail: support@email.com,
       publisher: 'My Publisher',
       tags: [],
       images: [],
       intents: []
  }
  
  const getApps = async (): Promise<App[]> => {
       return [app];
  }
  Copy

getFooter

• getFooter(): Promise<StorefrontFooter>

• Get the footer for the platform's Storefront.

  The footer is a section displayed at the bottom of the Storefront. It can contain a logo, text, and links.

  Returns Promise<StorefrontFooter>

  Example

  An example implementation of getFooter:

  const footer: StorefrontFooter = {
       logo: { src: './images/image', size: '32' },
       text: 'footer text',
       links: [
           { title:'title', url: 'https://openfin.co' },
           { title: 'title', url: 'https://openfin.co'}
       ]
  }
  
  const getFooter = async (): Promise<StorefrontFooter> => {
       return footer;
  }
  Copy

getLandingPage

• getLandingPage(): Promise<StorefrontLandingPage>

• Get the main landing page for the platform's Storefront.

  Returns Promise<StorefrontLandingPage>

  Example

  Landing page with hero, top row, middle row, and bottom row.

  const landingPage : StorefrontLandingPage = {
    hero: {
       title: 'My Landing Page',
       description: 'description',
       cta: navigationItems[0],
       image: {
           src: './images/image.png'
       }
    },
    topRow: {
        title: 'Top Row Title',
        items: [ /* array of StorefrontNavigationItem */ ]
    },
    middleRow: {
        title: 'Middle Row Title',
        items: [ /* array of Apps */ ]
    },
    bottomRow: {
        title: 'Bottom Row Title',
        items: [ /* array of StorefrontNavigationItem */ ]
    }
  }
  
  const getLandingPage = async (): Promise<StorefrontLandingPage> => {
       return landingPage;
  }
  Copy

getNavigation

• getNavigation(): Promise<[StorefrontNavigationSection?, StorefrontNavigationSection?, StorefrontNavigationSection?]>

• Get the Storefront navigation sections for the left nav bar.

  Returns Promise<[StorefrontNavigationSection?, StorefrontNavigationSection?, StorefrontNavigationSection?]>

  Example

  An example of a navigation section with a title and navigation items.

  const navigationSections: [StorefrontNavigationSection, StorefrontNavigationSection] = [
    {
        id: 'first id',
        title: 'title',
        items: [ /* array of navigation items */ ]
    },
    {
        id: 'second id'
        title: 'title',
        items: [ /* array of navigation items */ ]
    }
  ]
  
  const getNavigation = async (): Promise<[StorefrontNavigationSection, StorefrontNavigationSection]>  => {
       return navigationSections;
  }
  Copy

launchApp

• launchApp(app): Promise<void>

• Launch an app provided by the platform's Storefront.

  Parameters

  • app: App

    the app to launch.

  Returns Promise<void>

  a promise that resolves when the app has been launched.

  Example

  An example implementation of launchApp:

  import { getStorefrontProvider } from "./my-provider";
  
  //Grab your provider
  const myStoreFrontProvider: StorefrontProvider = getStorefrontProvider();
  
  const app : App = {
       appId: 'uid'
       title: 'My App'
       manifest: `https://openfin-iex.experolabs.com/openfin/manifests/cash-flow.json`,
       icons: [
           {
               src: './image.png'
           }
       ],
       contactEmail: contact@email.com,
       supportEmail: support@email.com,
       publisher: 'My Publisher',
       tags: [],
       images: [],
       intents: []
  }
  
  const launch = async () => {
       await myStorefrontProvider.launchApp(app);
  }
  Copy