Hi @borzel

I would be glad to help you getting started with XO Lite.

This project uses Vue JS 3.4 and TypeScript 5.3.

Here is a quick overview for anyone wanting to help.

Setup

1. Clone the Xen Orchestra repository
2. Head to @xen-orchestra/lite directory
3. Copy the .env.dist file to .env and fill in the VITE_XO_HOST with the host URL (e.g. http://1.2.3.4)
4. Still in the @xen-orchestra/lite directory, run yarn to install deps, then yarn dev to run the development server.
5. XO Lite WebUI will be available at http://127.0.0.1:3000/

Here is the various folders/files which can be found in src :

assets - Images and CSS
components - Vue SFC components
composables - Vue Composables
directives - Vue Directives
libs - Code which does not fit in any other directory
locales - Vue i18n translation files
router - Vue Router configuration
stores - Pinia stores
stories - Component stories, a playground to try and document components (accessible at http://127.0.0.1:3000/#/story when dev server is running)
types - TypeScript types
views - The app pages (accessible via the router)
App.vue - Main layout of the app
context.ts - Context configuration files (see below)
i18n.ts - i18n configuration file
main.ts - Entry point

Feel free to follow the various links and ask for extra help if needed.

Hi @konsultaner.

I'll have to check with the XO Lite team to see what needs to be done, but I can already tell you how to set up the project and get on board.

1. Fork and clone the GitHub Repository
2. Go to the @xen-orchestra/lite directory
3. Copy the .env.dist file to .env and edit it to configure your XCP-ng server host URL (VITE_XO_HOST=http://...)
4. Install dependencies: yarn install
5. Run the dev server: yarn dev

If all has gone well, you should be able to access the XO Lite Dashboard from http://localhost:3000

Thank you.