staffbase-widget-dacast

This custom widget plugin for Staffbase was bootstraped with @staffbase/create-widget. Learn more about Staffbase Custom Widgets here.

Motivation

The Dacast platform provides 2 mechanisms for embedding its video player in external sites: Via an <iframe>, or via a <script> tag. Staffbase's built-in embeded content plugin allows editors to load a given URL in an <iframe>, but for security it does not permit the use of <script> tags in its pages. However, Dacast's Domain Control functionality only works from <script> embeds. To close this gap, this custom widget provides a simple wrapper for Dacast's <script> embedding. This allows Domain Control to limit the player to being loaded only from those domains specified in its configuration; presumably, only from your Staffbase site domain.

The widget accepts a single property: the Content ID for a DaCast Player.

Demo Screenshot

Installation

$ npm install

TODO:

• [ ] Fix dynamic sizing headaches
• [ ] Publish NPM Module
• [ ] Explain Staffbase Installation

Running the app

Command	Description
npm start	Starts the development server
npm run build	Creates the production build
npm run build:watch	Creates the production build and watch for changes
npm run test	Runs the unit tests
npm run test:watch	Runs the unit tests and watches for changes
npm run type-check	Checks the codebase on type errors
npm run type-check:watch	Checks the codebase on type errors and watches for changes
npm run lint	Checks the codebase on style issues
npm run lint:fix	Fixes style issues in the codebase

Building the form for configuration

This project uses react-jsonschema-form for configuring the widget properties. For more information consult their documentation