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

Installation

All packages are published and can be installed from the npm public registry. Typically you'd use the package managers (and cli tools) from npm or yarn. Here below you'll see ways of importing these with ECMAScript modules (ESM) or CommonJs (CJS). Please note that all exports are available from the root import.

vdt-mui

Install

npm: npm install @vidispine/vdt-mui

yarn: yarn add @vidispine/vdt-mui

Import

ESM:

import
 
{
 
CollectionList
 
}
 
from
 
'@vidispine/vdt-mui'
;Copy
CODE

vdt-materialui

Install

npm: npm install @vidispine/vdt-materialui

yarn: yarn add @vidispine/vdt-materialui

Import

ESM:

import
 
{
 
ItemCard
 
}
 
from
 
'@vidispine/vdt-materialui'
;Copy
CODE

vdt-react

Install

npm: npm install @vidispine/vdt-react

yarn: yarn add @vidispine/vdt-react

Import

ESM:

import
 
{
 useApi 
}
 
from
 
'@vidispine/vdt-react'
;Copy
CODE

vdt-api

Install

npm: npm install @vidispine/vdt-api

yarn: yarn add @vidispine/vdt-api

Import

ESM:

import
 
vdtApi
 
from
 
'@vidispine/vdt-api'
;



// or import specific endpoint and rename



import
 
{
 item 
as
 
ItemApi
 
}
 
from
 
'@vidispine/vdt-api'
;Copy
CODE

CJS:

const
 vdtApi 
=
 
require
(
'@vidispine/vdt-api'
)
;



// or destruct and rename



const
 
{
 
item
:
 
ItemApi
 
}
 
=
 
require
(
'@vidispine/vdt-api'
)
;Copy
CODE

vdt-js

Install

npm: npm install @vidispine/vdt-js

yarn: yarn add @vidispine/vdt-js

Import

ESM:

import
 
vdtJs
 
from
 
'@vidispine/vdt-js'
;



// or import specific function



import
 
{
 parseMetadataType 
}
 
from
 
'@vidispine/vdt-js'
;Copy
CODE

CJS:

const
 vdtJs 
=
 
require
(
'@vidispine/vdt-js'
)
;



// or destruct and use specific function



const
 
{
 parseMetadataType 
}
 
=
 
require
(
'@vidispine/vdt-js'
)
;Copy
CODE