@interopio/iocd-cli 1.0.3 → 1.1.0

package/dist/templates/launchpad/apps/launchpad/index.html

@@ -1,16 +1,15 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en" class="dark">
-    <head>
-        <meta charset="utf-8" />
-        <title>Launchpad</title>
-        <base href="./" />
-
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" type="image/x-icon" href="/favicon.ico" />
-        <link rel="stylesheet" href="/src/styles.css" />
-    </head>
-    <body>
-        <div id="root"></div>
-        <script type="module" src="/src/main.tsx"></script>
-    </body>
+  <head>
+    <meta charset="utf-8" />
+    <title>Launchpad</title>
+    <base href="./" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="stylesheet" href="/src/styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
 </html>

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

@@ -1,6 +1,6 @@
 {
-  "name": "dev-launchpad",
-  "version": "1.0.5",
+  "name": "io-connect-desktop-launchpad",
+  "version": "4.6.0",
   "homepage": "./",
   "private": true,
   "scripts": {
@@ -8,14 +8,22 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@interopio/components-react": "^0.8.0",
-    "@interopio/home-ui-react": "^2.1.1",
-    "@interopio/react-hooks": "^4.1.1",
-    "@interopio/workspaces-ui-react": "^4.1.1"
+    "@interopio/components-react": "~4.6.0",
+    "@interopio/desktop": "~6.16.0",
+    "@interopio/react-hooks": "~4.6.0",
+    "@interopio/workspaces-ui-react": "~4.6.0",
+    "@interopio/modals-api": "~4.6.0",
+    "@interopio/search-api": "^3.3.0",
+    "@interopio/theme": "~4.6.0",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "^5.0.2",
-    "vite": "^7.1.5",
-    "vite-plugin-environment": "^1.1.3"
+    "@types/node": "~20.12.7",
+    "@types/react": "~18.2.79",
+    "@types/react-dom": "~18.2.25",
+    "@vitejs/plugin-react": "~3.0.0",
+    "typescript": "~5.8.2",
+    "vite": "~4.0.1"
   }
 }

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

@@ -1,45 +1,39 @@
-import { IOConnectProvider } from "@interopio/react-hooks";
-import {
-  LaunchpadBody,
-  LaunchpadHeader,
-  LaunchpadContentsContainer,
-  PlatformPrefsProvider,
-} from "@interopio/home-ui-react";
-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 { lazy, Suspense, useContext, useEffect } from "react";
+import { IOConnectContext, IOConnectProvider } from "@interopio/react-hooks";
+import { ioConfig } from "../constants/constants";
 import "@interopio/workspaces-ui-react/dist/styles/workspaces.css";
-import "@interopio/home-ui-react/index.css";
+import "@interopio/components-react/dist/styles/components/ui/dropdown-menu.css";
+import "@interopio/components-react/dist/styles/components/ui/overlay-scrollbars-container.css";
+import "@interopio/components-react/dist/styles/features/active-panel-renderer/styles.css";
+import "@interopio/components-react/dist/styles/features/notifications/styles.css";
+import "@interopio/components-react/dist/styles/features/preferences/styles.css";
+import "@interopio/components-react/dist/styles/features/profile/styles.css";
+import "@interopio/components-react/dist/styles/features/launchpad/styles.css";
+import "@interopio/components-react/dist/styles/features/launchpad-desktop/styles.css";
 
-export function App() {
-  const { NotificationsProvider } = IONotifications;
+const Launchpad = lazy(() => import("../components/launchpad"));
+
+// IOConnectProvider owns the only io.Connect initialization - read the resulting instance from context instead of initializing again.
+function GlobalIOBinder() {
+  const io = useContext(IOConnectContext);
+
+  useEffect(() => {
+    if (io) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (globalThis as any).io = io;
+    }
+  }, [io]);
 
+  return null;
+}
+
+export function App() {
   return (
     <IOConnectProvider settings={ioConfig}>
-      <PlatformPrefsProvider>
-        <ThemeProvider>
-          <NotificationsProvider>
-            <LaunchpadContentsContainer
-              components={{
-                header: {
-                  BeforeSearch: () => <Logo />,
-                  AfterSearch: () => (
-                    <>
-                      <NotificationsButton />
-                      <MainContextMenu />
-                    </>
-                  ),
-                },
-              }}
-            >
-              <LaunchpadHeader />
-              <LaunchpadBody />
-            </LaunchpadContentsContainer>
-          </NotificationsProvider>
-        </ThemeProvider>
-      </PlatformPrefsProvider>
+      <GlobalIOBinder />
+      <Suspense fallback={null}>
+        <Launchpad />
+      </Suspense>
     </IOConnectProvider>
   );
 }

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

@@ -0,0 +1,37 @@
+import {
+  ThemeProvider,
+  PlatformPrefsProvider,
+  IOActivePanelRenderer,
+  IODownloadManager,
+  IOLaunchpadDesktop,
+  IONotifications,
+} from "@interopio/components-react";
+
+const { PanelManagerProvider } = IOActivePanelRenderer;
+const { DownloadManagerProvider } = IODownloadManager;
+const { LaunchpadProvider, LaunchpadBodyPopupProvider, PanelPopupProvider, Launchpad } = IOLaunchpadDesktop;
+const { NotificationsProvider } = IONotifications;
+
+function LaunchpadWrapper() {
+  return (
+    <ThemeProvider>
+      <PlatformPrefsProvider>
+        <NotificationsProvider>
+          <DownloadManagerProvider>
+            <PanelManagerProvider>
+              <LaunchpadProvider>
+                <LaunchpadBodyPopupProvider>
+                  <PanelPopupProvider>
+                    <Launchpad />
+                  </PanelPopupProvider>
+                </LaunchpadBodyPopupProvider>
+              </LaunchpadProvider>
+            </PanelManagerProvider>
+          </DownloadManagerProvider>
+        </NotificationsProvider>
+      </PlatformPrefsProvider>
+    </ThemeProvider>
+  );
+}
+
+export default LaunchpadWrapper;

package/dist/templates/launchpad/apps/launchpad/src/{app → constants}/constants.ts

@@ -1,6 +1,7 @@
 import IODesktop from "@interopio/desktop";
 import IOSearch from "@interopio/search-api";
 import IOWorkspaces from "@interopio/workspaces-api";
+import IOModalsAPI from "@interopio/modals-api";
 import { IOConnectInitSettings } from "@interopio/react-hooks";
 
 export const ioConfig = {
@@ -12,7 +13,7 @@ export const ioConfig = {
           level: "warn",
         },
       },
-      libraries: [IOWorkspaces, IOSearch],
+      libraries: [IOWorkspaces, IOSearch, IOModalsAPI],
       appManager: "full",
       layouts: "full",
       activities: "trackAll",

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

@@ -1,8 +1,6 @@
 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/src/styles.css

@@ -1,17 +1,2 @@
-/* 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);
-}
+/* App-specific overrides go here. Launchpad desktop styling now ships with
+   @interopio/components-react/dist/styles/features/launchpad-desktop/styles.css */

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

@@ -1,10 +1,12 @@
 {
-    "compilerOptions": {
-        "jsx": "react-jsx",
-        "esModuleInterop": true,
-        "resolveJsonModule": true,
-        "allowJs": false,
-        "allowSyntheticDefaultImports": true,
-        "strict": true
-    }
+  "compilerOptions": {
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "allowJs": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  }
 }

package/dist/templates/launchpad/apps/launchpad/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

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

@@ -2,10 +2,15 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 
 export default defineConfig({
+  plugins: [react()],
+  base: "./",
   server: {
-    port: 5178,
+    port: 4242,
     host: "localhost",
   },
-  base: "./",
-  plugins: [react()],
+  build: {
+    commonjsOptions: {
+      include: [/@interopio\/components-react/, /node_modules/],
+    },
+  },
 });

package/dist/templates/tests/tests/package.json

@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "@interopio/desktop": "^6.21.0",
-    "@interopio/wdio-iocd-service": "1.0.0-next.4",
+    "@interopio/wdio-iocd-service": "next",
     "@interopio/workspaces-api": "^4.5.0",
     "@types/chai": "^5.2.3",
     "@types/mocha": "^10.0.10",

package/dist/utils/template-update.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTemplateUpdateWarning = void 0;
+const getTemplateUpdateWarning = (appNames) => `Updating ${appNames.join(", ")} will permanently delete the existing template application files and replace them with the current CLI templates. Any customizations in those app directories will be lost. Commit or copy your work before continuing.`;
+exports.getTemplateUpdateWarning = getTemplateUpdateWarning;
+//# sourceMappingURL=template-update.js.map

package/dist/utils/template-update.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-update.js","sourceRoot":"","sources":["../../src/utils/template-update.ts"],"names":[],"mappings":";;;AAAO,MAAM,wBAAwB,GAAG,CAAC,QAAkB,EAAU,EAAE,CACrE,YAAY,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,yNAAyN,CAAC;AAD9O,QAAA,wBAAwB,4BACsN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interopio/iocd-cli",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "CLI tool for setting up, building and packaging io.Connect Desktop platforms",
   "engines": {
     "node": ">=22.0.0",
@@ -60,6 +60,7 @@
     "jsonwebtoken": "^9.0.2",
     "log4js": "^6.9.1",
     "plist": "^3.1.0",
+    "proper-lockfile": "^4.1.2",
     "undici": "^7.16.0"
   },
   "devDependencies": {
@@ -73,6 +74,7 @@
     "@types/jsonwebtoken": "^9.0.10",
     "@types/log4js": "^0.0.33",
     "@types/node": "^22.19.17",
+    "@types/proper-lockfile": "^4.1.4",
     "@typescript-eslint/eslint-plugin": "^8.47.0",
     "@typescript-eslint/parser": "^8.47.0",
     "cross-env": "^10.1.0",