Skip to content

Latest commit

 

History

History
62 lines (33 loc) · 2.58 KB

File metadata and controls

62 lines (33 loc) · 2.58 KB

React

Contained in this folder are samples for the following patterns.

  • container - A platform built using the OpenFin container technology.
  • workspace - A platform which demonstrates implementing an OpenFin workspace platform and interacting with its components.

Container

For a guide on how this example was created see creating-container.md

When you execute this example with npm run start, the following will launch your system browser (this is the ./container/src/App.tsx content).

Container Browser

If you then run npm run client it will start the platform instead, you should see the following.

Container Platform

The platform window content is the ./container/src/platform/Provider.tsx which also initializes the platform.

The window with the two views are the ./container/src/views/View1.tsx and ./container/src/views/View2.tsx components.

These components demonstrate the following:

  • Displaying a notification
  • Broadcasting/listening for FDC3 contexts between views

Workspace

For a guide on how this example was created see creating-workspace.md

When you execute this example with npm run start, the following will launch your system browser (this is the ./workspace/src/App.tsx content).

Workspace Browser

If you then run npm run client it will start the platform instead, you should see the following.

Workspace Platform

The platform window content is the ./workspace/src/platform/Provider.tsx which also initializes the platform. The applications made available in your platform are read from ./workspace/public/platform/manifest.fin.json

The component visible with the platform window is the OpenFin Workspace Home component, the Home component lists 2 applications which can be launched.

Workspace Browsers

These views demonstrate the following:

  • Displaying a notification
  • Broadcasting/listening for FDC3 contexts between views

Also from the Home component you can launch /dock

Workspace Dock

You can also launch /store

Workspace Dock

The notification center is launch with /notifications

Workspace Dock