ℹ️ OpenFin Workspace: OpenFin Workspace is a commercial product and this repo is for evaluation purposes (See LICENSE.MD). Use of the OpenFin Container and OpenFin Workspace components is only granted pursuant to a license from OpenFin (see manifest). Please contact us if you would like to request a developer evaluation key or to discuss a production license.
This example is Windows only, it will not run on a Mac.
OpenFin Workspace empowers you to use our Snap tools, to enable layouts which include native applications.
This example demonstrates saving and restoring native applications as part of a workspace.
The package utilized by this example is @openfin/snap-sdk.
The @openfin/snap-sdk is currently in beta. The version of the Snap SDK is referenced in package.json and the app asset defined in manifest.fin.json.
- Install dependencies and do the initial build. Note that these examples assume you are in the sub-directory for the example.
npm run setup-
Optional (if you wish to pin the version of OpenFin Workspace to version 17.0.0 and you are on Windows) - Set Windows registry key for Desktop Owner Settings. This example runs a utility dos.mjs that adds the Windows registry key for you, pointing to a local desktop owner settings file so you can test these settings. If you already have a desktop owner settings file, this script prompts to overwrite the location. Be sure to capture the existing location so you can update the key when you are done using this example.
(WARNING: This script kills all open OpenFin processes. This is not something you should do in production to close apps as force killing processes could kill an application while it's trying to save state/perform an action).
npm run dos- Start the test server in a new window.
npm run start- Start Your Workspace Platform (this starts Workspace if it isn't already running).
npm run client- If you modify the project and wish to rebuild you can run setup again or the build command below:
npm run buildThis is how you can add your own urls to this example:
Create a json file called my.view.fin.json and place it in the public directory.
{
"url": "https://your-url"
}Open apps.ts and add an app entry (e.g. around line 24):
/**
* App definition to use for demonstration which shows your content.
*/
const MY_APP: PlatformApp = {
appId: "my-app",
title: "My App",
description: "Display information about my app",
manifest: "http://localhost:8080/my.view.fin.json",
manifestType: "view",
icons: [
{
src: "http://localhost:8080/common/images/icon-blue.png"
}
],
contactEmail: "[email protected]",
supportEmail: "[email protected]",
publisher: "you",
intents: [],
images: [
],
tags: ["view", "you"]
};In apps.ts update the apps array and add your app.
From:
/**
* Get the list of apps to display.
* @returns List of app definitions.
*/
export async function getApps(): Promise<PlatformApp[]> {
return [OPENFIN_INFORMATION_APP, SNAP_NATIVE_TEST_APP];
}To:
/**
* Get the list of apps to display.
* @returns List of app definitions.
*/
export async function getApps(): Promise<PlatformApp[]> {
return [MY_APP, OPENFIN_INFORMATION_APP, SNAP_NATIVE_TEST_APP];
}Run step 5 mentioned above to build the sample. Start the sample using step 4 mentioned above.
You app should now be listed and you should be able to launch it and snap it with the sample content.
