UI

Javascript, CSS and all static assets (images, fonts, ...) are located under ui folder.

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

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.