@interopio/iocd-cli 0.0.1

package/dist/templates/web-groups/apps/web-groups/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "io.Connect Web Group App",
+  "name": "io.Connect Web Group App",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

package/dist/templates/web-groups/apps/web-groups/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

package/dist/templates/web-groups/apps/web-groups/src/App.css

@@ -0,0 +1,38 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/templates/web-groups/apps/web-groups/src/App.tsx

@@ -0,0 +1,11 @@
+import React, { useContext } from 'react'
+import Group from "@interopio/groups-ui-react";
+import "@interopio/groups-ui-react/dist/styles/groups.css";
+import { IOConnectContext } from '@interopio/react-hooks';
+
+const App = () => {
+  (window as any).io = useContext(IOConnectContext);
+  return <Group />
+};
+
+export default App;

package/dist/templates/web-groups/apps/web-groups/src/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

package/dist/templates/web-groups/apps/web-groups/src/index.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+import { IOConnectProvider } from "@interopio/react-hooks";
+import IODesktop from '@interopio/desktop';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <IOConnectProvider settings={{
+      desktop: {
+        factory: (config: any) => {
+          return IODesktop();
+        }
+      }
+    }}>
+      <App />
+    </IOConnectProvider>
+  </React.StrictMode >
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

package/dist/templates/web-groups/apps/web-groups/src/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

package/dist/templates/web-groups/apps/web-groups/src/reportWebVitals.ts

@@ -0,0 +1,15 @@
+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/dist/templates/web-groups/apps/web-groups/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "src"
+  ]
+}

package/dist/templates/web-groups/apps/web-groups/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  base: './'
+})

package/dist/templates/web-groups/template.json

@@ -0,0 +1,12 @@
+{
+  "name": "web-groups",
+  "displayName": "Web Groups App",
+  "description": "Adds custom web groups application support to io.Connect Desktop",
+  "version": "1.0.0",
+  "type": "application",
+  "setupUI": {
+    "text": "Add a custom web groups app",
+    "separate": false,
+    "selected": false
+  }
+}

package/dist/templates/workspaces/apps/workspaces/README.md

@@ -0,0 +1,15 @@
+# Workspaces App for io.Connect Desktop
+
+Template for creating a custom Workspaces App [for **io.Connect Desktop**](https://docs.interop.io/desktop/capabilities/windows/workspaces/overview/index.html#extending_workspaces) or [for **io.Connect Browser**](https://docs.interop.io/browser/capabilities/windows/workspaces/workspaces-app/index.html) projects.
+
+## Prerequisites
+
+For an **io.Connect Desktop** project, **io.Connect Desktop** 9.0 or newer is required. For an **io.Connect Browser**
+project, **io.Connect Browser** 3.0 or newer is required.
+
+## Usage
+
+- Run `npm install` to install all dependencies.
+- Run `npm run start` to start the app.
+- For **io.Connect Desktop** projects, open the `workspaces.json` definition file located in the `%LocalAppData%\interop.io\io.Connect Desktop\Desktop\config\apps` folder, add a `"url"` property under the `"details"` top-level key of the Workspaces UI app definition and set it to the location of your Workspaces App (the default is `http://localhost:5173`). For **io.Connect Browser** projects, see the [Enabling Workspaces](https://docs.interop.io/browser/capabilities/windows/workspaces/enabling-workspaces/index.html) documentation.
+- Start **io.Connect Desktop** or **io.Connect Browser** to start using and modifying your Workspaces App.

package/dist/templates/workspaces/apps/workspaces/config/workspaces-dev.json

@@ -0,0 +1,21 @@
+[
+    {
+        "title": "Workspaces UI",
+        "type": "workspaces",
+        "name": "workspaces-demo",
+        "icon": "file://%IO_CD_ASSETS_DIR%/workspaces/workspaces.ico",
+        "allowRegisteringWorkspaceShortcuts": true,
+        "details": {
+            "url": "http://localhost:5176/",
+            "layouts": [
+                {
+                    "children": []
+                }
+            ],
+            "windowState": "normal",
+            "activateFrame": true
+        },
+        "allowMultiple": true,
+        "customProperties": {}
+    }
+]

package/dist/templates/workspaces/apps/workspaces/config/workspaces-prod.json

@@ -0,0 +1,20 @@
+[
+    {
+        "title": "Workspaces UI",
+        "type": "workspaces",
+        "name": "workspaces-demo",
+        "icon": "file://%IO_CD_ASSETS_DIR%/workspaces/workspaces.ico",
+        "allowRegisteringWorkspaceShortcuts": true,
+        "details": {
+            "layouts": [
+                {
+                    "children": []
+                }
+            ],
+            "windowState": "normal",
+            "activateFrame": true
+        },
+        "allowMultiple": true,
+        "customProperties": {}
+    }
+]

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

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en" class="dark">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="io.Connect Workspaces Frame" />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <title>io.Connect Workspaces</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>

package/dist/templates/workspaces/apps/workspaces/iocd.app.json

@@ -0,0 +1,24 @@
+{   
+    "dev": {
+        "script": "start",
+        "modifications": [
+            {
+                "source": "/config/workspaces-dev.json",
+                "destination": "/modifications/iocd/config/apps/workspaces.json"
+            }
+        ]
+    },
+    "prod": {
+        "script": "build",
+        "modifications": [
+            {
+                "source": "/dist",
+                "destination": "/modifications/iocd/assets/workspaces"
+            },
+            {
+                "source": "/config/workspaces-prod.json",
+                "destination": "/modifications/iocd/config/apps/workspaces.json"
+            }
+        ]
+    }
+}

package/dist/templates/workspaces/apps/workspaces/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "workspaces-app-template",
+  "version": "2.3.6",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "start": "vite --port 5176",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@interopio/desktop": "^6.8.4",
+    "@interopio/react-hooks": "^3.4.6",
+    "@interopio/workspaces-api": "^3.4.3",
+    "@interopio/workspaces-ui-react": "^3.4.7",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.8.6",
+    "@types/react": "^16.9.56",
+    "@types/react-dom": "^16.9.9",
+    "@vitejs/plugin-react": "^4.3.3",
+    "globals": "^15.11.0",
+    "typescript": "~5.6.2",
+    "vite": "^5.4.10",
+    "web-vitals": "^0.2.4"
+  }
+}

package/dist/templates/workspaces/apps/workspaces/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "io.Connect Workspaces App",
+  "name": "io.Connect Workspaces App",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

package/dist/templates/workspaces/apps/workspaces/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

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

@@ -0,0 +1,33 @@
+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;

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

@@ -0,0 +1,27 @@
+import { AddWindowButton, Bounds, showAddApplicationPopup } from "@interopio/workspaces-ui-react";
+import React, { Fragment } from "react";
+import { useAddWindowButtonVisible } from "./useAddWindowButtonVisible";
+
+interface AfterTabsProps {
+    groupId: string;
+    workspaceId: string;
+}
+
+const AfterTabs: React.FC<AfterTabsProps> = ({ groupId, workspaceId }) => {
+    const visible = useAddWindowButtonVisible(workspaceId, groupId);
+
+    const showPopup = (bounds: Bounds) => {
+        showAddApplicationPopup({
+            bounds,
+            groupId,
+            workspaceId,
+        });
+    };
+
+    return <>
+        {visible ? <AddWindowButton title="Add App" visible={visible} showPopup={showPopup} /> : <Fragment />}
+    </>;
+}
+
+
+export default AfterTabs;

package/dist/templates/workspaces/apps/workspaces/src/App.css

@@ -0,0 +1,38 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

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

@@ -0,0 +1,103 @@
+import React, { useContext, useEffect } from 'react';
+import Workspaces, { getFrameId } from "@interopio/workspaces-ui-react";
+import "@interopio/workspaces-ui-react/dist/styles/workspaces.css";
+import { IOConnectContext } from '@interopio/react-hooks';
+import { IOConnectDesktop } from '@interopio/desktop';
+import { IOConnectWorkspaces } from '@interopio/workspaces-api';
+import AfterTabs from './AfterTabs';
+import GroupHeaderButtons from './GroupHeaderButtons';
+
+const App = () => {
+    (window as any).io = useContext(IOConnectContext);
+
+    useEffect(() => {
+        const shortcuts: { [id: string]: () => void } = {};
+
+        const registerKeyToFocusWS = async (frame: IOConnectWorkspaces.Frame, workspace: IOConnectWorkspaces.Workspace, index: number) => {
+            if (index >= 9) {
+                // we don't need to register
+                return;
+            }
+
+            const key = `ctrl+${index}`;
+            const un = await frame?.registerShortcut(key, () => {
+                workspace.focus();
+            })
+            shortcuts[workspace.id] = un;
+        };
+
+        const registerKeyToOpenLastWS = (frame: IOConnectWorkspaces.Frame) => {
+            frame.registerShortcut("ctrl+9", async () => {
+                const ws = await frame.workspaces();
+                ws[ws.length - 1]?.focus();
+            });
+        };
+
+        const registerKeyToSwitchNextWS = (frame: IOConnectWorkspaces.Frame) => {
+            frame.registerShortcut("ctrl+tab", async () => {
+                const ws = await frame.workspaces();
+                const selected = ws.find((ws) => ws.isSelected);
+                const positionIndex = selected?.positionIndex;
+                if (typeof positionIndex === "number") {
+                    const nextWsIndex = positionIndex + 1;
+                    let forSelecting: IOConnectWorkspaces.Workspace | undefined = ws[0];
+                    if (nextWsIndex < ws.length) {
+                        forSelecting = ws.find((w) => w.positionIndex === nextWsIndex);
+                    }
+                    forSelecting?.focus();
+                }
+            });
+        };
+
+        const registerKeyToCloseFocusedWS = (frame: IOConnectWorkspaces.Frame) => {
+            frame.registerShortcut("ctrl+f4", async () => {
+                const ws = await frame.workspaces();
+                const selected = ws.find((ws) => ws.isSelected);
+                selected?.close();
+            });
+        };
+
+        const registerKeys = async (frame: IOConnectWorkspaces.Frame) => {
+            const workspaces = await frame?.workspaces();
+            workspaces.forEach((workspace, index) => {
+                registerKeyToFocusWS(frame, workspace, index + 1);
+            });
+        }
+
+        const ioTyped = (window as any).io as IOConnectDesktop.API;
+        ioTyped?.workspaces?.waitForFrame(getFrameId())
+            .then(async (frame) => {
+                registerKeyToOpenLastWS(frame);
+                registerKeyToSwitchNextWS(frame);
+                registerKeyToCloseFocusedWS(frame);
+                registerKeys(frame);
+
+                frame?.onWorkspaceOpened(async (workspace) => {
+                    const workspaces = await frame?.workspaces();
+                    registerKeyToFocusWS(frame, workspace, workspaces.length);
+                });
+                frame?.onWorkspaceClosed(() => {
+                    Object.values(shortcuts).forEach((un) => {
+                        if (typeof un === "function") {
+                            un();
+                        }
+                    });
+                    registerKeys(frame);
+                });
+            })
+        return () => {
+            Object.values(shortcuts).forEach((un) => un());
+        }
+    }, []);
+
+    return (
+        <Workspaces components={{
+            groupHeader: {
+                AfterTabsComponent: AfterTabs,
+                ButtonsComponent: GroupHeaderButtons
+            }
+        }} />
+    );
+}
+
+export default App;

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

@@ -0,0 +1,9 @@
+import { GroupHeaderButtons as DefaultGroupHeaderButtons, GroupHeaderButtonsProps } from "@interopio/workspaces-ui-react";
+import React from "react";
+
+const GroupHeaderButtons: React.FC<GroupHeaderButtonsProps> = (props) => {
+    return <DefaultGroupHeaderButtons {...props} addWindow={{ visible: false, showPopup: props.addWindow.showPopup }} />;
+}
+
+
+export default GroupHeaderButtons;

package/dist/templates/workspaces/apps/workspaces/src/index.css

@@ -0,0 +1,4 @@
+#root {
+  height: calc(100% - 1px);
+  width: calc(100% - 1px);
+}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+import { IOConnectProvider } from '@interopio/react-hooks';
+import IODesktop from "@interopio/desktop";
+import IOWorkspaces from "@interopio/workspaces-api";
+
+ReactDOM.render(
+  <React.StrictMode>
+    <IOConnectProvider settings={{
+      desktop: {
+        factory: (_) => {
+          return IODesktop({ libraries: [IOWorkspaces], appManager: "skipIcons" })
+        }
+      }
+    }}>
+      <App />
+    </IOConnectProvider>
+  </React.StrictMode>,
+  document.getElementById('root')
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

package/dist/templates/workspaces/apps/workspaces/src/logo.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
+    <g fill="#61DAFB">
+        <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
+        <circle cx="420.9" cy="296.5" r="45.7"/>
+        <path d="M520.5 78.1z"/>
+    </g>
+</svg>

package/dist/templates/workspaces/apps/workspaces/src/reportWebVitals.ts

@@ -0,0 +1,15 @@
+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);  
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+}
+
+export default reportWebVitals;

package/dist/templates/workspaces/apps/workspaces/src/setupTests.ts

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';