FDC3 workbench

[kriswest]

Resolves #456

FDC3 Workbench

A developer application for FDC3 implemented via Create-React-App and Material-UI.

• Example hosted copy: https://assets.finsemble.com/components/fdc3-workbench/
• Icon URL: https://assets.finsemble.com/components/fdc3-workbench/fdc3-icon-256.png

Please Note:

• a separate PR will deal with the deployment of the FDC3 workbench as part of the FDC3 website. The scope of this PR includes only the initial commit of the workbench itself.
• This initial contribution provides a base UI implementation and works with the majority of FDC3 1.2's features.
  • Implementing an additional panel for App channels is the primary TODO item listed in the Readme and will be undertaken in due course.

Screenshots

Work with System channels

Create, save and broadcast templated contexts

Listen for context broadcasts

Raise intents

Receive intents and context

Copy code examples

View logs of FDC3 API interactions

No desktop agent API

sample appD record:

(to be updated when deployed via FDC3 website)

"FDC3 workbench": {
	"appId": "FDC3 workbench",
	"name": "FDC3 workbench",
	"description": "Development and test tool for FDC3 desktop agents and apps",
	"manifest": "<vendor specific manifest goes here>",
	"version": "1.0.0",
	"tooltip": "FDC3 Workbench",
	"images": [
		{
			"url": "https://assets.finsemble.com/components/fdc3-workbench/fdc3-icon-256.png",
			"tooltip": "FDC3 logo"
		}
	],
	"tags": ["fdc3", "interop", "interoperabilty", "developer tool"],
	"contactEmail": "info@cosaic.io",
	"supportEmail": "support@finsemble.com",
	"publisher": "Cosaic",
	"icons": [
		{
			"url": "https://assets.finsemble.com/components/fdc3-workbench/fdc3-icon-256.png"
		}
	]
}

[mattjamieson]

Awesome!

[rikoe]

Should the binary files under website/static/toolbox all be checked in, or can they be generated at build time, and pushed to the GitHub pages branch, and then ignore? Adds quite a lot to the code base...

Otherwise looks good to me (apart from the extremely wide whitespace 😉 )

[kriswest]

@rikoe removed the built files. I haven't set up a .gitignore entry for them as I'm not sure if that will affect the publish to github pages... do you know how to set that up?

Re: whitespace, it's all indented with tabs, which is whats set in it's .prettierrc file...

[rikoe]

🎉