Skip to main content
Skip table of contents

Introducing VDT

The information on this page is sourced from: Start Here / Introduction - Page ⋅ Storybook (vidispine.github.io)

Introduction

Vidispine Development Toolkit (VDT) is a collection of packages used to help build (JavaScript-based) solutions with Vidispine.

The documentation in here show examples on how to use the toolkit. In the Canvas view you can try these out using controls and actions, while in the Docs view you'll see APIs and code examples. Furthermore, there's additional information of packages and categories found inside the Overview links.

Installation

Vdt packages are published and can be installed from the npm public registry. All packages are bundled as ECMAScript modules (ESM) which has best tree shake, code/module splitting and hmr support. ESM is also supported in modern versions of node However, we also export bundles with Universal Module Definition (UMD) or CommonJs (CJS). Use you're favorite package manager to retrieve packages (e.g. yarn, npm, pnpm). In general, all modules can be imported from the root level.

Peer Dependencies

To avoid installing dependencies for modules you aren't using we add some as peer dependencies; hence, if you decide to use them, manually add these as dependencies. At the Installation documentation for packages you'll find a list of the peer dependencies certain modules need to work. You can also find more information about the peer dependencies (e.g. compliant versions) from the package manager during install or by viewing the vdt packages at npmjs.com

Note: peerDependencies are automatically installed with npm 7+, but not with yarn or pnpm

Published Packages

Package

Description

Version

Latest Release

@vidispine/vdt-api

Javascript API for VidiCore

23.3.0

@vidispine/vdt-js

Javascript SDK for VidiCore

23.3.0

@vidispine/vdt-react

React SDK for VidiCore

23.3.0

@vidispine/vdt-react-timeline

React timeline based on react-konva

23.3.0

@vidispine/vdt-materialui

Materialui (v4) library for VidiCore

23.3.0

@vidispine/vdt-mui

Mui (v5) library for VidiCore

23.3.0

@vidispine/vdt-videojs

Javascript player based on videojs

23.3.0

@vidispine/vdt-videojs-react

React player based on vdt-videojs

23.3.0

Developer Packages

Package

Description

Version

Latest Release

@vidispine/cra-template-vdt

CRA template using vdt packages

23.3.0

@vidispine/proptypes

PropTypes for VidiCore

23.3.0

@vidispine/types

TypeScript definitions for VidiCore

23.3.0

@vidispine/eslint-config

Eslint config for React apps

23.3.0

@vidispine/eslint-config-react

Eslint config for React libs

23.3.0

@vidispine/eslint-config-base

Eslint config for Javascript

23.3.0

@vidispine/eslint-config-typescript

Eslint config for Typescript

23.3.0

@vidispine/prettier-config

Prettier config

23.3.0

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.