staffbase-widget-dacast v0.1.0
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 installTODO:
- 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
5 months ago