feat: add launch VM button #865

cdrage · 2024-09-27T15:06:03Z

feat: add launch VM button

What does this PR do?

Using QEMU we add a feature to "Launch VM" in the background
Uses websockets, qemu as well as our xterm.js library to achieve this
Launches in "snapshot" mode so no data is written to .raw file so the
file can be easily re-used

Screenshot / video of UI

Screen.Recording.2024-09-27.at.11.05.00.AM.mov

What issues does this PR fix or reference?

Closes #813

How to test this PR?

Be on macOS silicon
brew install qemu
Build a bootc container image
Press launch VM button in actions bar

Signed-off-by: Charlie Drage charlie@charliedrage.com

cdrage · 2024-09-27T15:09:08Z

This is an initial implementation and meant for experimenting as parts have not been finalized yet / further discussion needed.

Feel free to test it out @deboer-tim @slemeur

We can further discuss this during the week!

deboer-tim · 2024-09-30T20:01:53Z

Comments from my initial testing:

That's a lot of text on the page. I wonder if we can detect if qemu is installed and give shorter messages, shorten text, or say there are caveats and move those to docs?
Do we hide the page for non-raw disk images? Feels like it might be annoying to always have it there when you can't use it, but is also good advertising.
I get errors like Error stopping VM: sh: line 0: kill: (97942) - No such process in the log, even before I've tried to start a VM.
Woo hoo! It worked perfectly, and was so nice to see this function (again).
The Connection opened label is maybe correct, but I think something like ' VM running' might be more intuitive.
I wanted to check something from the image I was using... unfortunate that you can't pop away for a minute.
I know leaving the page will stop it, but I felt like I should have a Stop button too. Or conversely, if I accidentally click out before stopping it might be nice to have a warning?

cdrage · 2024-10-01T13:16:15Z

Comments from my initial testing:

That's a lot of text on the page. I wonder if we can detect if qemu is installed and give shorter messages, shorten text, or say there are caveats and move those to docs?

Agreed, let's launch it and maybe just link to docs near the status icon to give more information?

Do we hide the page for non-raw disk images? Feels like it might be annoying to always have it there when you can't use it, but is also good advertising.

I don't think we should hide, but maybe an empty page saying "must build raw image, no raw image found"?

I get errors like Error stopping VM: sh: line 0: kill: (97942) - No such process in the log, even before I've tried to start a VM.

Intentional! Sorry!

Woo hoo! It worked perfectly, and was so nice to see this function (again).

The Connection opened label is maybe correct, but I think something like ' VM running' might be more intuitive.

Will fix.

I wanted to check something from the image I was using... unfortunate that you can't pop away for a minute.

I agree :( I think we should have that in a follow up issue / PR though.

I know leaving the page will stop it, but I felt like I should have a Stop button too. Or conversely, if I accidentally click out before stopping it might be nice to have a warning?

cdrage · 2024-10-01T17:01:42Z

Screen.Recording.2024-10-01.at.12.56.43.PM.mov

@deboer-tim Ready for another review! I have done the following:

No more button to launch VM, it will insta-launch
Added prereq checks for mac + QEMU
Removed the error logging (except for when a VM is shut down, still working on that).
Fixed connection closed / VM status labels

Feel free to test it out and let me know if this works and I can begin adding some unit tests so we can get this initial POC in.

cdrage · 2024-10-01T19:15:08Z

Ready for review with the exception of unit tests being added later.

This is marked as experimental (as per the tab) and only shown for macOS users.

benoitf · 2024-10-03T12:02:53Z

packages/backend/src/launch-vm.ts

+  // Before launching, make sure that we stop any previously running VM's and ignore any errors when stopping
+  //await stopVM();


benoitf

need to revisit the design to be more pluggable

also probably needs to have a Class/instance/state per runner as here we're passing tons of useless parameters

cdrage · 2024-10-03T12:19:15Z

need to revisit the design to be more pluggable

also probably needs to have a Class/instance/state per runner as here we're passing tons of useless parameters

ACK, I'll refactor the launch-vm.ts part to make it more pluggable for future implementations (linux, windows, etc.)

deboer-tim

As before, testing worked without any issues.

I don't love auto-launching a 'large' VM, but that's fine for first pass. The main drawback is the VM getting reset when you leave the tab, but again that is expected for this first step.

deboer-tim · 2024-10-16T00:40:19Z

packages/shared/src/BootcAPI.ts

@@ -21,6 +21,7 @@ import type { ImageInfo, ImageInspectInfo, ManifestInspectInfo } from '@podman-d

 export abstract class BootcApi {
  abstract checkPrereqs(): Promise<string | undefined>;
+  abstract checkVMLaunchPrereqs(folder: string, architecture: string): Promise<string | undefined>;


Both backend and frontend know about list of BootcBuildInfos (i.e. disk images), but frontend grabs folder and arch from one of these to check if it can be launched, then to actually launchVM(). Seems like we could use the BootBuildInfo or its id directly instead? i.e. can I launch disk image X / run disk image Y.

packages/backend/src/vm-manager.ts

cdrage · 2024-10-16T18:11:55Z

@deboer-tim updated with a new commit!

Let me know if that works and I can start on tests 👍

deboer-tim · 2024-10-16T18:25:26Z

Thanks for the changes! I was also suggesting instead of:
abstract launchVM(folder: string, architecture: string): Promise<void>;
API could be:
abstract launchVM(diskImageId: string): Promise<void>;
but please go ahead with wrapping up tests.

cdrage · 2024-10-16T18:28:42Z

Thanks for the changes! I was also suggesting instead of: abstract launchVM(folder: string, architecture: string): Promise<void>; API could be: abstract launchVM(diskImageId: string): Promise<void>; but please go ahead with wrapping up tests.

Done! I use BuildImageInfo for that section now because who knows what other information we may be passing in the future now.

### What does this PR do? * Using QEMU we add a feature to "Launch VM" in the background * Uses websockets, qemu as well as our xterm.js library to achieve this * Launches in "snapshot" mode so no data is written to .raw file so the file can be easily re-used ### Screenshot / video of UI  ### What issues does this PR fix or reference?  Closes containers#813 ### How to test this PR?  1. Be on macOS silicon 2. `brew install qemu` 3. Build a bootc container image 4. Press launch VM button in actions bar Signed-off-by: Charlie Drage <charlie@charliedrage.com>

Signed-off-by: Charlie Drage <charlie@charliedrage.com>

cdrage · 2024-10-17T18:31:26Z

Tests added and ready for review 👍

@benoitf @deboer-tim

deboer-tim

Thanks for all the improvements, @cdrage. One minor url change noted but otherwise let's get this in and get some feedback!

deboer-tim · 2024-10-18T15:23:33Z

packages/frontend/src/lib/disk-image/DiskImageActions.svelte

@@ -17,7 +20,20 @@ async function deleteBuild(): Promise<void> {
 async function gotoLogs(): Promise<void> {
  router.goto(`/disk-image/${btoa(object.id)}/build`);
 }
+
+async function gotoVM(): Promise<void> {
+  router.goto(`/details/${btoa(object.id)}/vm`);


I think this needs to be updated to /disk-image/ after the nav change.

Signed-off-by: Charlie Drage <charlie@charliedrage.com>

cdrage · 2024-10-21T13:35:35Z

@deboer-tim Updated and confirm link works now!

Agreed, let's get this in even if it's in nightly and get some feedback :)

Screen.Recording.2024-10-21.at.9.34.34.AM.mov

dismissing as changes were made based on review + two other reviews of tim and axel

cdrage requested a review from a team as a code owner September 27, 2024 15:06

cdrage requested review from dgolovin, jeffmaury and lstocchi and removed request for a team September 27, 2024 15:06

cdrage changed the title ~~feat: add launch VM button~~ [WIP / no review] feat: add launch VM button Sep 27, 2024

cdrage force-pushed the add-terminal branch from 6b1c9b8 to 2a40cc1 Compare September 27, 2024 15:06

cdrage marked this pull request as draft September 27, 2024 15:06

cdrage force-pushed the add-terminal branch 2 times, most recently from c1e9589 to 9dbe951 Compare September 27, 2024 15:07

cdrage force-pushed the add-terminal branch 2 times, most recently from 00a2992 to 017082e Compare September 27, 2024 15:11

cdrage mentioned this pull request Sep 30, 2024

feat: details page for disk images #866

Merged

cdrage force-pushed the add-terminal branch 6 times, most recently from 7f889c4 to b38fa33 Compare September 30, 2024 19:05

cdrage changed the title ~~[WIP / no review] feat: add launch VM button~~ [WIP] feat: add launch VM button Sep 30, 2024

cdrage force-pushed the add-terminal branch 2 times, most recently from 73cc1d8 to a570f03 Compare October 1, 2024 17:06

cdrage changed the title ~~[WIP] feat: add launch VM button~~ feat: add launch VM button Oct 1, 2024

cdrage force-pushed the add-terminal branch from a570f03 to 4a2cf94 Compare October 1, 2024 19:14

cdrage marked this pull request as ready for review October 1, 2024 19:14

benoitf reviewed Oct 3, 2024

View reviewed changes

benoitf previously requested changes Oct 3, 2024

View reviewed changes

cdrage force-pushed the add-terminal branch 2 times, most recently from d9d4f4f to 99c3d3f Compare October 7, 2024 13:30

cdrage requested a review from benoitf October 7, 2024 14:19

deboer-tim reviewed Oct 16, 2024

View reviewed changes

cdrage force-pushed the add-terminal branch 2 times, most recently from 561f0d5 to b314111 Compare October 16, 2024 18:11

cdrage force-pushed the add-terminal branch 4 times, most recently from 464623c to 89f5a7a Compare October 17, 2024 18:23

cdrage added 5 commits October 17, 2024 14:31

refactor / more classes

8aa7926

Signed-off-by: Charlie Drage <charlie@charliedrage.com>

update

12dc5d7

Signed-off-by: Charlie Drage <charlie@charliedrage.com>

update class

6ccd83a

Signed-off-by: Charlie Drage <charlie@charliedrage.com>

added tests

a07dc15

Signed-off-by: Charlie Drage <charlie@charliedrage.com>

cdrage force-pushed the add-terminal branch from 89f5a7a to a07dc15 Compare October 17, 2024 18:31

deboer-tim approved these changes Oct 18, 2024

View reviewed changes

update link

016fa65

Signed-off-by: Charlie Drage <charlie@charliedrage.com>

cdrage force-pushed the add-terminal branch from aa787b0 to 016fa65 Compare October 21, 2024 13:34

cdrage enabled auto-merge (squash) October 21, 2024 13:36

cdrage merged commit 0bdb5a5 into containers:main Oct 21, 2024
6 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: add launch VM button #865

feat: add launch VM button #865

cdrage commented Sep 27, 2024 •

edited

Loading

cdrage commented Sep 27, 2024 •

edited

Loading

deboer-tim commented Sep 30, 2024

cdrage commented Oct 1, 2024

cdrage commented Oct 1, 2024

cdrage commented Oct 1, 2024

benoitf Oct 3, 2024

benoitf left a comment

cdrage commented Oct 3, 2024

deboer-tim left a comment

deboer-tim Oct 16, 2024

cdrage commented Oct 16, 2024

deboer-tim commented Oct 16, 2024

cdrage commented Oct 16, 2024

cdrage commented Oct 17, 2024

deboer-tim left a comment

deboer-tim Oct 18, 2024

cdrage commented Oct 21, 2024

		// Before launching, make sure that we stop any previously running VM's and ignore any errors when stopping
		//await stopVM();

feat: add launch VM button #865

feat: add launch VM button #865

Conversation

cdrage commented Sep 27, 2024 • edited Loading

What does this PR do?

Screenshot / video of UI

What issues does this PR fix or reference?

How to test this PR?

cdrage commented Sep 27, 2024 • edited Loading

deboer-tim commented Sep 30, 2024

cdrage commented Oct 1, 2024

cdrage commented Oct 1, 2024

cdrage commented Oct 1, 2024

benoitf Oct 3, 2024

Choose a reason for hiding this comment

benoitf left a comment

Choose a reason for hiding this comment

cdrage commented Oct 3, 2024

deboer-tim left a comment

Choose a reason for hiding this comment

deboer-tim Oct 16, 2024

Choose a reason for hiding this comment

cdrage commented Oct 16, 2024

deboer-tim commented Oct 16, 2024

cdrage commented Oct 16, 2024

cdrage commented Oct 17, 2024

deboer-tim left a comment

Choose a reason for hiding this comment

deboer-tim Oct 18, 2024

Choose a reason for hiding this comment

cdrage commented Oct 21, 2024

cdrage commented Sep 27, 2024 •

edited

Loading

cdrage commented Sep 27, 2024 •

edited

Loading