feat: load plugin frontends at runtime and remove plugin ids from the shell

plugins/remote-desktop/tests/frontend/activate.test.tsx

@@ -0,0 +1,53 @@
+import { afterEach, describe, expect, it } from "vitest";
+import {
+  renderWithApp,
+  type RenderedPluginApp,
+} from "@termix/plugin-sdk/testing";
+import type { PluginManifest } from "@termix/plugin-sdk/manifest";
+import * as plugin from "../../src/frontend/index";
+import manifestJson from "../../manifest.json";
+import locales from "../../locales/en.json";
+
+const manifest = manifestJson as unknown as PluginManifest;
+
+const declared = (views?: Array<{ id: string }>) =>
+  (views ?? []).map((view) => view.id).sort();
+
+let rendered: RenderedPluginApp | null = null;
+
+afterEach(async () => {
+  await rendered?.deactivate();
+  rendered = null;
+});
+
+describe(`${manifest.id} activate`, () => {
+  it("activates and registers only views its manifest declares", async () => {
+    rendered = await renderWithApp(plugin, { manifest, locales });
+    const contributes = manifest.contributes as unknown as Record<
+      string,
+      Array<{ id: string }> | undefined
+    >;
+    const tabs = declared(contributes.tabs);
+    // A rail panel may reuse one of the plugin's tab ids.
+    const panels = [...declared(contributes.panels), ...tabs];
+    const cards = declared(contributes.dashboardCards);
+    for (const id of rendered.registered.tabs()) expect(tabs).toContain(id);
+    for (const id of rendered.registered.panels()) expect(panels).toContain(id);
+    for (const id of rendered.registered.dashboardCards()) {
+      expect(cards).toContain(id);
+    }
+  });
+
+  it("removes everything it registered on deactivate", async () => {
+    const app = await renderWithApp(plugin, { manifest, locales });
+    await app.deactivate();
+    expect(app.registered.tabs()).toEqual([]);
+    expect(app.registered.panels()).toEqual([]);
+    expect(app.registered.railItems()).toEqual([]);
+    expect(app.registered.hostActions()).toEqual([]);
+    expect(app.registered.hostEditorSections()).toEqual([]);
+    expect(app.registered.dashboardCards()).toEqual([]);
+    expect(app.registered.settingsComponents()).toEqual([]);
+    expect(app.registered.actions()).toEqual([]);
+  });
+});

plugins/remote-desktop/tests/frontend/quick-connect-guac-host.test.ts

@@ -0,0 +1,41 @@
+import { describe, expect, it } from "vitest";
+import { createQuickConnectHost } from "@/sidebar/quick-connect-host";
+import { quickConnectGuacHost } from "../../src/frontend/quick-connect-guac-host";
+
+describe("quickConnectGuacHost", () => {
+  it("carries an RDP quick connect's address and credentials", () => {
+    const host = createQuickConnectHost({
+      ip: "10.0.0.2",
+      port: 3390,
+      username: "admin",
+      authType: "password",
+      password: "pw",
+      protocol: "rdp",
+      domain: "CORP",
+    });
+    expect(quickConnectGuacHost(host)).toMatchObject({
+      ip: "10.0.0.2",
+      connectionType: "rdp",
+      rdpPort: 3390,
+      rdpUser: "admin",
+      rdpPassword: "pw",
+      domain: "CORP",
+    });
+  });
+
+  it("puts a VNC quick connect's password on the VNC fields", () => {
+    const host = createQuickConnectHost({
+      ip: "10.0.0.3",
+      port: 5901,
+      username: "",
+      authType: "password",
+      password: "vncpw",
+      protocol: "vnc",
+    });
+    expect(quickConnectGuacHost(host)).toMatchObject({
+      connectionType: "vnc",
+      vncPort: 5901,
+      vncPassword: "vncpw",
+    });
+  });
+});