@interopio/iocd-cli 0.0.52 → 0.0.54

package/dist/templates/launchpad/apps/launchpad/src/components/main-context-menu.tsx

@@ -1,162 +1,212 @@
 import { useCallback, useContext, useMemo } from "react";
 import { IOConnectDesktop } from "@interopio/desktop";
 import { IOConnectContext } from "@interopio/react-hooks";
-import { Dropdown, Icon, IconProps, Separator } from "@interopio/components-react";
+import {
+  Dropdown,
+  Icon,
+  IconProps,
+  Separator,
+} from "@interopio/components-react";
 
 const PLATFORM_UTILITY_PAGES = {
-    ABOUT: "about",
-    HOTKEYS: "hotkeys",
-    FEEDBACK: "feedback",
+  ABOUT: "about",
+  HOTKEYS: "hotkeys",
+  FEEDBACK: "feedback",
 } as const;
 
 const PLATFORM_APPS = {
-    DOWNLOAD_MANAGER: "io-connect-download-manager",
+  DOWNLOAD_MANAGER: "io-connect-download-manager",
 } as const;
 
 type PageKey = keyof typeof PLATFORM_UTILITY_PAGES;
-type PageName = typeof PLATFORM_UTILITY_PAGES[PageKey];
+type PageName = (typeof PLATFORM_UTILITY_PAGES)[PageKey];
 type AppKey = keyof typeof PLATFORM_APPS;
-type AppName = typeof PLATFORM_APPS[AppKey];
+type AppName = (typeof PLATFORM_APPS)[AppKey];
 
 function MainContextMenu() {
-    const io = useContext(IOConnectContext) as IOConnectDesktop.API;
-
-    const startPage = useCallback(async (pageName: PageName) => {
-        if (!io) {
-            console.warn("IOConnectContext not available");
-            return;
-        }
-
-        try {
-            await io.interop.invoke("T42.GD.Execute", {
-                command: "open-utility-page",
-                args: { name: pageName },
-            });
-        } catch (error) {
-            console.warn("Failed to open utility page", pageName, error);
-        }
-    }, [io]);
-    
-    const startApp = useCallback(async (appName: AppName) => {
-        if (!io) {
-            console.warn("IOConnectContext not available");
-            return;
-        }
-
-        try {
-            const app = io.appManager.application(appName);
-            if (!app) {
-                throw new Error(`Cannot find app with name "${appName}"`);
-            }
-            await app.start();
-        } catch (error) {
-            console.warn("Failed to start app", appName, error);
-        }
-    }, [io]);
-
-    const openDownloads = useCallback(() => {
-        startApp(PLATFORM_APPS.DOWNLOAD_MANAGER);
-    }, [startApp]);
-    
-    const openFeedback = useCallback(() => {
-        startPage(PLATFORM_UTILITY_PAGES.FEEDBACK);
-    }, [startPage]);
-    
-    const openHotkeys = useCallback(() => {
-        startPage(PLATFORM_UTILITY_PAGES.HOTKEYS);
-    }, [startPage]);
-
-    const handleMinimize = useCallback(async () => {
-        if (!io) {
-            console.warn("IOConnectContext not available");
-            return;
-        }
-
-        const myWindow = io.windows.my();
-
-        if (!myWindow) {
-            return;
-        }
-
-        try {
-            await myWindow.minimize();
-        } catch (error) {
-            console.error("Failed to minimize window", error);
-        }
-    }, [io]);
-
-    const handleRestart = useCallback(async () => {
-        if (!io) {
-            console.warn("IOConnectContext not available");
-            return;
-        }
-
-        try {
-            await io.appManager.restart({
-                autoSave: true,
-                showDialog: true,
-            });
-        } catch (error) {
-            console.error("Failed to restart io.Connect Desktop", error);
-        }
-    }, [io]);
-
-    const handleShutdown = useCallback(async () => {
-        if (!io) {
-            console.warn("IOConnectContext not available");
-            return;
-        }
-
-        try {
-            await io.appManager.exit({
-                autoSave: true,
-                showDialog: true,
-            });
-        } catch (error) {
-            console.error("Failed to shutdown io.Connect Desktop", error);
+  const io = useContext(IOConnectContext) as IOConnectDesktop.API;
+
+  const startPage = useCallback(
+    async (pageName: PageName) => {
+      if (!io) {
+        console.warn("IOConnectContext not available");
+        return;
+      }
+
+      try {
+        await io.interop.invoke("T42.GD.Execute", {
+          command: "open-utility-page",
+          args: { name: pageName },
+        });
+      } catch (error) {
+        console.warn("Failed to open utility page", pageName, error);
+      }
+    },
+    [io]
+  );
+
+  const startApp = useCallback(
+    async (appName: AppName) => {
+      if (!io) {
+        console.warn("IOConnectContext not available");
+        return;
+      }
+
+      try {
+        const app = io.appManager.application(appName);
+        if (!app) {
+          throw new Error(`Cannot find app with name "${appName}"`);
         }
-    }, [io]);
-
-    const menuItems = useMemo(() => [
-        { label: "Pin Launchpad", icon: "pin", onClick: () => null, disabled: true },
-        { label: "Dock Launchpad", onClick: () => null, disabled: true },
-        { separator: true },
-        { label: "Platform Preferences", icon: "cog", onClick: () => null, disabled: true },
-        { label: "Notification Settings", icon: "bell", onClick: () => null, disabled: true },
-        { label: "Intent Resolver Settings", icon: "list-ul", onClick: () => null, disabled: true },
-        { separator: true },
-        { label: "Profile", icon: "user", onClick: () => null, disabled: true },
-        { separator: true },
-        { label: "Downloads", onClick: openDownloads },
-        { separator: true },
-        { label: "Feedback", icon: "feedback", onClick: openFeedback },
-        { label: "Keyboard Shortcuts", icon: "keyboard", onClick: openHotkeys },
-        { separator: true },
-        { label: "Minimize", icon: "minimize-down", onClick: handleMinimize },
-        { label: "Restart", icon: "rotate-right", onClick: handleRestart },
-        { label: "Shut Down", icon: "power-off", onClick: handleShutdown },
-    ], [openDownloads, openFeedback, openHotkeys, handleMinimize, handleRestart, handleShutdown]);
-    
-    return (
-        <div className="launchpad-header-actions">
-            <Dropdown>
-                <Dropdown.ButtonIcon variant='circle' icon="ellipsis-vertical" title='More' />
-                <Dropdown.Content>
-                    <Dropdown.List>
-                        { menuItems.map((item, idx) =>
-                            item.separator ? (
-                                <Separator key={`sep-${idx}`} />
-                            ) : (
-                                <Dropdown.Item key={item.label} prepend={<Icon variant={item.icon as IconProps["variant"]} />} onClick={item.onClick} disabled={item.disabled}>
-                                    {item.label}
-                                </Dropdown.Item>
-                            )
-                        )}
-                    </Dropdown.List>
-                </Dropdown.Content>
-            </Dropdown>
-        </div>
-    );
+        await app.start();
+      } catch (error) {
+        console.warn("Failed to start app", appName, error);
+      }
+    },
+    [io]
+  );
+
+  const openDownloads = useCallback(() => {
+    startApp(PLATFORM_APPS.DOWNLOAD_MANAGER);
+  }, [startApp]);
+
+  const openFeedback = useCallback(() => {
+    startPage(PLATFORM_UTILITY_PAGES.FEEDBACK);
+  }, [startPage]);
+
+  const openHotkeys = useCallback(() => {
+    startPage(PLATFORM_UTILITY_PAGES.HOTKEYS);
+  }, [startPage]);
+
+  const handleMinimize = useCallback(async () => {
+    if (!io) {
+      console.warn("IOConnectContext not available");
+      return;
+    }
+
+    const myWindow = io.windows.my();
+
+    if (!myWindow) {
+      return;
+    }
+
+    try {
+      await myWindow.minimize();
+    } catch (error) {
+      console.error("Failed to minimize window", error);
+    }
+  }, [io]);
+
+  const handleRestart = useCallback(async () => {
+    if (!io) {
+      console.warn("IOConnectContext not available");
+      return;
+    }
+
+    try {
+      await io.appManager.restart({
+        autoSave: true,
+        showDialog: true,
+      });
+    } catch (error) {
+      console.error("Failed to restart io.Connect Desktop", error);
+    }
+  }, [io]);
+
+  const handleShutdown = useCallback(async () => {
+    if (!io) {
+      console.warn("IOConnectContext not available");
+      return;
+    }
+
+    try {
+      await io.appManager.exit({
+        autoSave: true,
+        showDialog: true,
+      });
+    } catch (error) {
+      console.error("Failed to shutdown io.Connect Desktop", error);
+    }
+  }, [io]);
+
+  const menuItems = useMemo(
+    () => [
+      {
+        label: "Pin Launchpad",
+        icon: "pin",
+        onClick: () => null,
+        disabled: true,
+      },
+      { label: "Dock Launchpad", onClick: () => null, disabled: true },
+      { separator: true },
+      {
+        label: "Platform Preferences",
+        icon: "cog",
+        onClick: () => null,
+        disabled: true,
+      },
+      {
+        label: "Notification Settings",
+        icon: "bell",
+        onClick: () => null,
+        disabled: true,
+      },
+      {
+        label: "Intent Resolver Settings",
+        icon: "list-ul",
+        onClick: () => null,
+        disabled: true,
+      },
+      { separator: true },
+      { label: "Profile", icon: "user", onClick: () => null, disabled: true },
+      { separator: true },
+      { label: "Downloads", onClick: openDownloads },
+      { separator: true },
+      { label: "Feedback", icon: "feedback", onClick: openFeedback },
+      { label: "Keyboard Shortcuts", icon: "keyboard", onClick: openHotkeys },
+      { separator: true },
+      { label: "Minimize", icon: "minimize-down", onClick: handleMinimize },
+      { label: "Restart", icon: "rotate-right", onClick: handleRestart },
+      { label: "Shut Down", icon: "power-off", onClick: handleShutdown },
+    ],
+    [
+      openDownloads,
+      openFeedback,
+      openHotkeys,
+      handleMinimize,
+      handleRestart,
+      handleShutdown,
+    ]
+  );
+
+  return (
+    <div className="launchpad-header-actions">
+      <Dropdown>
+        <Dropdown.ButtonIcon
+          variant="circle"
+          icon="ellipsis-vertical"
+          title="More"
+        />
+        <Dropdown.Content>
+          <Dropdown.List>
+            {menuItems.map((item, idx) =>
+              item.separator ? (
+                <Separator key={`sep-${idx}`} />
+              ) : (
+                <Dropdown.Item
+                  key={item.label}
+                  prepend={<Icon variant={item.icon as IconProps["variant"]} />}
+                  onClick={item.onClick}
+                  disabled={item.disabled}
+                >
+                  {item.label}
+                </Dropdown.Item>
+              )
+            )}
+          </Dropdown.List>
+        </Dropdown.Content>
+      </Dropdown>
+    </div>
+  );
 }
 
-export default MainContextMenu;
+export default MainContextMenu;

package/dist/templates/launchpad/apps/launchpad/src/components/notifications-button.tsx

@@ -4,41 +4,48 @@ import { IOConnectContext } from "@interopio/react-hooks";
 import { Badge, ButtonIcon } from "@interopio/components-react";
 
 function NotificationsButton() {
-    const io = useContext(IOConnectContext) as IOConnectDesktop.API;
-    const [notificationsCount, setNotificationsCount] = useState(0);
-
-    const openNotificationPanel = useCallback(async () => {
-        const isPanelVisible = await io.notifications.panel.isVisible();
-
-        if (isPanelVisible) {
-            return;
-        }
-
-        try {
-            await io.notifications.panel.show();
-        } catch (error) {
-            console.error("Failed to open notifications panel.", error);
-        }
-    }, []);
-
-    useEffect(() => {
-        const unCounterChanged = io.notifications.onCounterChanged(info => setNotificationsCount(info.count));
-
-        return () => {
-            unCounterChanged();
-        };
-    }, [io]);
-
-    return (
-        <div className="launchpad-header-notifications-button">
-            {notificationsCount > 0 && (
-                <Badge variant="primary">
-                    {notificationsCount > 99 ? "99+" : notificationsCount}
-                </Badge>
-            )}
-            <ButtonIcon variant="circle" icon="bell" size='32' onClick={openNotificationPanel} />
-        </div>
+  const io = useContext(IOConnectContext) as IOConnectDesktop.API;
+  const [notificationsCount, setNotificationsCount] = useState(0);
+
+  const openNotificationPanel = useCallback(async () => {
+    const isPanelVisible = await io.notifications.panel.isVisible();
+
+    if (isPanelVisible) {
+      return;
+    }
+
+    try {
+      await io.notifications.panel.show();
+    } catch (error) {
+      console.error("Failed to open notifications panel.", error);
+    }
+  }, []);
+
+  useEffect(() => {
+    const unCounterChanged = io.notifications.onCounterChanged(info =>
+      setNotificationsCount(info.count)
     );
+
+    return () => {
+      unCounterChanged();
+    };
+  }, [io]);
+
+  return (
+    <div className="launchpad-header-notifications-button">
+      {notificationsCount > 0 && (
+        <Badge variant="primary">
+          {notificationsCount > 99 ? "99+" : notificationsCount}
+        </Badge>
+      )}
+      <ButtonIcon
+        variant="circle"
+        icon="bell"
+        size="32"
+        onClick={openNotificationPanel}
+      />
+    </div>
+  );
 }
 
 export default NotificationsButton;

package/dist/templates/launchpad/apps/launchpad/src/main.tsx

@@ -1,6 +1,8 @@
 import * as ReactDOM from "react-dom/client";
 import App from "./app/app";
 
-const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
+const root = ReactDOM.createRoot(
+  document.getElementById("root") as HTMLElement
+);
 
 root.render(<App />);

package/dist/templates/launchpad/apps/launchpad/vite.config.ts

@@ -3,11 +3,10 @@ import react from "@vitejs/plugin-react";
 import EnvironmentPlugin from "vite-plugin-environment";
 
 export default defineConfig({
-    server: {
-        port: 5178,
-        host: "localhost"
-    },
-    base: "./",
-    plugins: [react(), EnvironmentPlugin("all")]
+  server: {
+    port: 5178,
+    host: "localhost",
+  },
+  base: "./",
+  plugins: [react(), EnvironmentPlugin("all")],
 });
-

package/dist/templates/tests/tests/tests/sample.spec.ts

@@ -1,32 +1,32 @@
-describe('Example usage of @interopio/wdio-iocd-service', () => {
-  it('should have access to browser.io()', async () => {
+describe("Example usage of @interopio/wdio-iocd-service", () => {
+  it("should have access to browser.io()", async () => {
     // A fully working io.Connect Desktop client
     const io = await browser.io();
 
-    expect(io).toHaveAttribute('appManager');
-    expect(io).toHaveAttribute('contexts');
-    expect(io).toHaveAttribute('channels');
+    expect(io).toHaveAttribute("appManager");
+    expect(io).toHaveAttribute("contexts");
+    expect(io).toHaveAttribute("channels");
   });
 
-  it('should raise a test notifications, and then navigate to notifications panel', async () => {
+  it("should raise a test notifications, and then navigate to notifications panel", async () => {
     const io = await browser.io();
     await io.notifications.configure({ enable: true });
     await io.notifications.raise({
-      title: 'Test Notification title',
-      body: 'Test Notification body',
+      title: "Test Notification title",
+      body: "Test Notification body",
       toastExpiry: 999999,
     });
 
     await browser.switchToLaunchpad();
-    await browser.$('.notifications-button button').waitAndClick();
+    await browser.$(".notifications-button button").waitAndClick();
     await browser.switchToNotificationPanel();
     await browser.pause(2000);
   });
 
-  it('should allow using the desktop-client prefs API', async () => {
+  it("should allow using the desktop-client prefs API", async () => {
     const io = await browser.io();
 
-    const sampleApp = 'ExampleApplication';
+    const sampleApp = "ExampleApplication";
     const mockedAppPrefs = { lazyLoadAssets: true };
 
     // used to store the "update" for app prefs
@@ -41,12 +41,12 @@ describe('Example usage of @interopio/wdio-iocd-service', () => {
     expect(expectedSetPrefs).toMatchObject(mockedAppPrefs);
   });
 
-  it('should allow opening apps from the appManager API', async () => {
+  it("should allow opening apps from the appManager API", async () => {
     const io = await browser.io();
 
     // Start the client list app
     const instanceClientList = await io.appManager
-      .application('channelsclientlist')
+      .application("channelsclientlist")
       .start();
 
     // Switch to the client list window
@@ -54,12 +54,12 @@ describe('Example usage of @interopio/wdio-iocd-service', () => {
     await browser.switchById(clientListWindow.id);
 
     // Check that the app-client-list element exists in DOM
-    const appClientListElement = await $('app-client-list');
+    const appClientListElement = await $("app-client-list");
     await expect(appClientListElement).toBeExisting();
 
     // Start the client portfolio app
     const instancePortfolio = await io.appManager
-      .application('channelsclientportfolio')
+      .application("channelsclientportfolio")
       .start();
 
     // Switch to the client portfolio window
@@ -67,7 +67,7 @@ describe('Example usage of @interopio/wdio-iocd-service', () => {
     await browser.switchById(clientPortfolioList.id);
 
     // Check that the app-client-portfolio element exists in DOM
-    const clientPortfolioElement = await $('app-client-portfolio');
+    const clientPortfolioElement = await $("app-client-portfolio");
     await expect(clientPortfolioElement).toBeExisting();
   });
 });

package/dist/templates/tests/tests/wdio.config.ts

@@ -1,7 +1,7 @@
 import {
   IOCDBaseConfiguration,
   IOCDService,
-} from '@interopio/wdio-iocd-service';
+} from "@interopio/wdio-iocd-service";
 
 export const config: WebdriverIO.Config = {
   ...IOCDBaseConfiguration,
@@ -12,25 +12,25 @@ export const config: WebdriverIO.Config = {
   // Capabilities
   capabilities: [
     {
-      browserName: 'iocd',
-      'wdio:specs': ['./tests/**/*.spec.ts'],
-      'iocd:options': {
-        binary: '%BINARY_PATH%',
+      browserName: "iocd",
+      "wdio:specs": ["./tests/**/*.spec.ts"],
+      "iocd:options": {
+        binary: "%BINARY_PATH%",
       },
     },
   ],
 
   // WDIO Options
-  logLevel: 'warn',
-  framework: 'mocha',
-  reporters: ['spec'],
+  logLevel: "warn",
+  framework: "mocha",
+  reporters: ["spec"],
 
   // TypeScript Autocompile
   autoCompileOpts: {
     autoCompile: true,
     tsNodeOpts: {
       transpileOnly: true,
-      project: './tsconfig.json',
+      project: "./tsconfig.json",
     },
   },
 };

package/dist/templates/workspaces/apps/workspaces/src/AddWindowButton.tsx

@@ -1,33 +1,40 @@
-import { AddWindowButtonProps } from "@interopio/workspaces-ui-react";
-import React, { useEffect, useRef } from "react";
-
-// TODO forward the ref in the new version of workspaces-ui-react
-const AddWindowButton: React.FC<AddWindowButtonProps> = ({ children, visible, showPopup, ...props }) => {
-    const ref = useRef<HTMLLIElement>(null);
-
-    useEffect(() => {
-        if (!ref.current) {
-            return;
-        }
-
-        const onClick = (e: MouseEvent) => {
-            e.stopPropagation();
-
-            const rawBounds = ref.current!.getBoundingClientRect();
-
-            showPopup({
-                left: rawBounds.left,
-                top: rawBounds.bottom,
-                width: rawBounds.width,
-                height: rawBounds.height,
-            });
-        }
-
-        ref.current.addEventListener("click", onClick);
-    }, [ref, showPopup]);
-    return <li className={"lm_add_button"} ref={ref} {...props}>
-        {children}
-    </li>;
-};
-
-export default AddWindowButton;
+import { AddWindowButtonProps } from "@interopio/workspaces-ui-react";
+import React, { useEffect, useRef } from "react";
+
+// TODO forward the ref in the new version of workspaces-ui-react
+const AddWindowButton: React.FC<AddWindowButtonProps> = ({
+  children,
+  visible,
+  showPopup,
+  ...props
+}) => {
+  const ref = useRef<HTMLLIElement>(null);
+
+  useEffect(() => {
+    if (!ref.current) {
+      return;
+    }
+
+    const onClick = (e: MouseEvent) => {
+      e.stopPropagation();
+
+      const rawBounds = ref.current!.getBoundingClientRect();
+
+      showPopup({
+        left: rawBounds.left,
+        top: rawBounds.bottom,
+        width: rawBounds.width,
+        height: rawBounds.height,
+      });
+    };
+
+    ref.current.addEventListener("click", onClick);
+  }, [ref, showPopup]);
+  return (
+    <li className={"lm_add_button"} ref={ref} {...props}>
+      {children}
+    </li>
+  );
+};
+
+export default AddWindowButton;