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.

@borzel said in XO Lite Development:

How do you debug xo-lite in VSCode?

My breakpoints don't match up, it stops way to early. Breakpoint is on line 64, VSCode jumps to line 11

Hi. I'm sorry but I'm not familiar with VSCode.

Personally, I'm using the debugger [1] [2] statement then I'm debugging directly with the Brave (Chrome) integrated debug tools (Or, possibly, that I connect to WebStorm)

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.

@konsultaner

The complete source code is open source and freely available with no paywall.

(And I don't think you were offending ^^)

Edit: too late

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.