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