UI

Getting Started

Requirements

• Node.js

Quick overview of tools

• Vite
• Eslint
• Svelte

Development

First, we need to install dependencies:

npm install

Then, we can build IRIS application and rebuild it on changes:

npm run watch

To execute linting of source files:

npm run lint

Production

First, we need to install dependencies:

npm ci

Then, we can build IRIS application:

npm run build

Misc

Find outdated packages:

npm outdated

Find vulnerables packages:

npm audit

Project Structure

Here are some of the most important directories under ui folder:

• src: IRIS specific JS files.
• public: Static assets such as images, fonts but also CSS and JS files from vendors (external libraries).
• dist: The dist folder, short for distribution folder, is dynamically generated when running one of the build commands listed above. The generation is a two steps process: first, public folder is copied into dist then JS code is bundled from src and copied into dist.