@interopio/iocd-cli 0.0.1

package/dist/templates/launchpad/apps/launchpad/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "dev-launchpad",
+  "version": "1.0.5",
+  "homepage": "./",
+  "private": true,
+  "scripts": {
+    "start": "vite",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "@interopio/components-react": "^0.7.3",
+    "@interopio/home-ui-react": "^2.0.4",
+    "@interopio/react-hooks": "^4.0.3",
+    "@interopio/workspaces-ui-react": "^4.0.4"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^5.0.2",
+    "vite": "^7.1.5",
+    "vite-plugin-environment": "^1.1.3"
+  }
+}

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

@@ -0,0 +1,39 @@
+import { Launchpad, PlatformPrefsProvider } from "@interopio/home-ui-react";
+import { IOConnectProvider } from "@interopio/react-hooks";
+import { ioConfig } from "./constants";
+import { ThemeProvider, IONotifications } from "@interopio/components-react";
+import Logo from "../components/logo";
+import NotificationsButton from "../components/notifications-button";
+import MainContextMenu from "../components/main-context-menu";
+import "@interopio/workspaces-ui-react/dist/styles/workspaces.css";
+import "@interopio/home-ui-react/index.css";
+
+export function App() {
+    const { NotificationsProvider } = IONotifications;
+
+    return (
+        <IOConnectProvider settings={ioConfig}>
+            <PlatformPrefsProvider>
+                <ThemeProvider>
+                    <NotificationsProvider>
+                        <Launchpad
+                            components={{
+                                header: {
+                                    BeforeSearch: () => <Logo />,
+                                    AfterSearch: () => (
+                                        <>
+                                            <NotificationsButton />
+                                            <MainContextMenu />
+                                        </>
+                                    )
+                                }
+                            }}
+                        />
+                    </NotificationsProvider>
+                </ThemeProvider>
+            </PlatformPrefsProvider>
+        </IOConnectProvider>
+    );
+}
+
+export default App;

package/dist/templates/launchpad/apps/launchpad/src/app/constants.ts

@@ -0,0 +1,27 @@
+import IODesktop from "@interopio/desktop";
+import IOSearch from "@interopio/search-api";
+import IOWorkspaces from "@interopio/workspaces-api";
+import { IOConnectInitSettings } from "@interopio/react-hooks";
+
+export const ioConfig = {
+    desktop: {
+        factory: IODesktop,
+        config: {
+            gateway: {
+                logging: {
+                    level: "warn"
+                }
+            },
+            libraries: [IOWorkspaces, IOSearch],
+            appManager: "full",
+            layouts: "full",
+            activities: "trackAll",
+            channels: false,
+            metrics: false,
+            contexts: true,
+            systemLogger: {
+                level: "warn"
+            }
+        }
+    }
+} as IOConnectInitSettings;

package/dist/templates/launchpad/apps/launchpad/src/components/logo.tsx

@@ -0,0 +1,11 @@
+import { ButtonIcon } from "@interopio/components-react";
+
+function Logo() {
+    return (
+        <div className="logo draggable">
+            <ButtonIcon variant="circle" icon="logo" size='32' />
+        </div>
+    );
+}
+
+export default Logo;

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

@@ -0,0 +1,162 @@
+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";
+
+const PLATFORM_UTILITY_PAGES = {
+    ABOUT: "about",
+    HOTKEYS: "hotkeys",
+    FEEDBACK: "feedback",
+} as const;
+
+const PLATFORM_APPS = {
+    DOWNLOAD_MANAGER: "io-connect-download-manager",
+} as const;
+
+type PageKey = keyof typeof PLATFORM_UTILITY_PAGES;
+type PageName = typeof PLATFORM_UTILITY_PAGES[PageKey];
+type AppKey = keyof typeof PLATFORM_APPS;
+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);
+        }
+    }, [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;

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

@@ -0,0 +1,44 @@
+import { useEffect, useContext, useCallback, useState } from "react";
+import { IOConnectDesktop } from "@interopio/desktop";
+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>
+    );
+}
+
+export default NotificationsButton;

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

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

package/dist/templates/launchpad/apps/launchpad/src/styles.css

@@ -0,0 +1,17 @@
+/* You can add global styles to this file, and also import other style files */
+.launchpad-header-notifications-button {
+  position: relative;
+}
+
+.launchpad-header-notifications-button .io-badge {
+  position: absolute;
+  top: 7px;
+  right: -2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--spacing-16);
+  height: var(--spacing-16);
+  margin: calc(var(--spacing-10) * -1) auto 0 calc(var(--spacing-4) * -1);
+  font-size: var(--spacing-10);
+}

package/dist/templates/launchpad/apps/launchpad/tsconfig.json

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+        "jsx": "react-jsx",
+        "esModuleInterop": true,
+        "resolveJsonModule": true,
+        "allowJs": false,
+        "allowSyntheticDefaultImports": true,
+        "strict": true
+    }
+}

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

@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+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")]
+});
+

package/dist/templates/launchpad/template.json

@@ -0,0 +1,12 @@
+{
+  "name": "launchpad",
+  "displayName": "Launchpad",
+  "description": "Adds custom application launchpad interface to io.Connect Desktop", 
+  "version": "1.0.0",
+  "type": "application",
+  "setupUI": {
+    "text": "Add a custom launchpad",
+    "separate": false,
+    "selected": false
+  }
+}

package/dist/templates/splash-screen/apps/splash-screen/README.md

@@ -0,0 +1,119 @@
+# io.Connect Desktop Splash Screen
+
+A modern TypeScript-based splash screen application built with Vite for io.Connect Desktop.
+
+## Overview
+
+This splash screen application is built using Vite with TypeScript and replicates the functionality of the original JavaScript-based splash screen. It provides a loading interface during application startup with status updates and gateway connectivity testing.
+
+## Features
+
+- **TypeScript Support**: Full type safety with proper interfaces
+- **Modern Build System**: Vite for fast development and optimized builds  
+- **Status Updates**: Displays loading messages and progress
+- **Gateway Testing**: Tests WebSocket connectivity to the gateway
+- **URL Parameter Support**: Configurable via query parameters
+- **Responsive Design**: Maintains the original visual design
+
+## Development
+
+### Prerequisites
+
+- Node.js (v16 or higher)
+- npm
+
+### Getting Started
+
+1. Install dependencies:
+```bash
+npm install
+```
+
+2. Start development server:
+```bash
+npm run dev
+```
+
+3. Build for production:
+```bash
+npm run build
+```
+
+4. Preview production build:
+```bash
+npm run preview
+```
+
+### Type Checking
+
+Run TypeScript type checking:
+```bash
+npm run type-check
+```
+
+## URL Parameters
+
+The splash screen accepts the following URL parameters:
+
+- `message`: Initial status message to display
+- `version`: Application version number  
+- `env`: Environment name (e.g., "DEMO", "PROD")
+- `region`: Region identifier (e.g., "INTEROP.IO")
+
+Example:
+```
+splash.html?message=Starting&env=DEMO&region=INTEROP.IO&version=9.0.0.25
+```
+
+## API Integration
+
+The splash screen integrates with the main application via the `glue42splash` global object:
+
+### Events
+
+- **updateStatus**: Updates the status message
+  ```typescript
+  glue42splash.on("updateStatus", (arg: { text: string }) => {
+    // Updates status display
+  });
+  ```
+
+- **pingGW**: Tests gateway connectivity
+  ```typescript
+  glue42splash.on("pingGW", (arg: { gwURL: string }) => {
+    // Tests WebSocket connection to gateway
+  });
+  ```
+
+## File Structure
+
+```
+src/
+├── main.ts          # Main application logic
+├── types.ts         # TypeScript type definitions
+public/
+├── assets/          # Copied from original splash screen
+│   ├── images/      # Logo and background images
+│   ├── styles/      # CSS styles
+│   └── fonts/       # Custom fonts
+└── index.html       # Main HTML template
+```
+
+## Build Output
+
+The build process generates optimized files in the `dist/` directory:
+- `index.html` - Main HTML file
+- `assets/` - Bundled and optimized JavaScript/CSS files
+- `assets/` - Static assets (images, fonts, styles)
+
+## Migration from Original
+
+This Vite-based implementation maintains 100% functional compatibility with the original JavaScript-based splash screen while adding:
+
+- TypeScript type safety
+- Modern ES6+ syntax and features
+- Optimized build process
+- Better development experience
+- Modular code organization
+
+The visual appearance and all functionality remain identical to ensure seamless integration with existing io.Connect Desktop applications.

package/dist/templates/splash-screen/apps/splash-screen/config/system-dev.json

@@ -0,0 +1,9 @@
+{
+    "splash": {
+        "disabled": false,
+        "url": "http://localhost:5177/",
+        "width": 350,
+        "height": 233,
+        "blockStartup": true
+    }
+}

package/dist/templates/splash-screen/apps/splash-screen/config/system-prod.json

@@ -0,0 +1,8 @@
+{
+    "splash": {
+        "disabled": false,
+        "width": 350,
+        "height": 233,
+        "blockStartup": true
+    }
+}

package/dist/templates/splash-screen/apps/splash-screen/index.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" http-equiv="CACHE-CONTROL" content="NO-CACHE" />
+        <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1,
+            shrink-to-fit=no"
+        />
+        <meta name="description" content="io.Connect Desktop" />
+        <meta name="author" content="interop.io" />
+        <link rel="stylesheet" href="/assets/styles/style.css" />
+        <title>io.Connect Desktop</title>
+    </head>
+
+    <body style="-webkit-app-region: drag">
+        <div class="splash-wrapper">
+            <div class="logo-wrapper">
+                <img
+                    src="/assets/images/logo-light.svg"
+                    width="160"
+                    class="logo"
+                />
+            </div>
+            <div class="version" id="version"><span> </span></div>
+            <div class="status" id="status">...</div>
+            <div class="loader">
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+            </div>
+            <div class="copyright" id="copyright">
+                Interop Inc All rights reserved.
+            </div>
+        </div>
+        <script type="module" src="/src/main.ts"></script>
+    </body>
+</html>

package/dist/templates/splash-screen/apps/splash-screen/iocd.app.json

@@ -0,0 +1,20 @@
+{
+    "dev": {
+        "script": "start",
+        "modifications": [
+            {
+                "source": "/config/system-dev.json",
+                "destination": "/modifications/iocd/config/system.json.merge-splash"
+            }
+        ]
+    },
+    "prod": {
+        "script": "build",
+        "modifications": [
+            {
+                "source": "/config/system-prod.json",
+                "destination": "/modifications/iocd/config/system.json.merge-splash"
+            }
+        ]
+    }
+}