@ms-cloudpack/overlay 0.0.2 → 0.1.0

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@ms-cloudpack/overlay",
   "entries": [
     {
-      "date": "Tue, 02 Aug 2022 19:53:43 GMT",
+      "date": "Sat, 13 Aug 2022 08:13:57 GMT",
+      "tag": "@ms-cloudpack/overlay_v0.1.0",
+      "version": "0.1.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "dzearing@microsoft.com",
+            "package": "@ms-cloudpack/overlay",
+            "commit": "69781360664cac5e13e889efa2dc02bc55a60315",
+            "comment": "Major changes to overlay to add a summary dialog overlay for seeing errors."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 02 Aug 2022 19:53:54 GMT",
       "tag": "@ms-cloudpack/overlay_v0.0.2",
       "version": "0.0.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,20 @@
 # Change Log - @ms-cloudpack/overlay
 
-This log was last generated on Tue, 02 Aug 2022 19:53:43 GMT and should not be manually modified.
+This log was last generated on Sat, 13 Aug 2022 08:13:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.1.0
+
+Sat, 13 Aug 2022 08:13:57 GMT
+
+### Minor changes
+
+- Major changes to overlay to add a summary dialog overlay for seeing errors. (dzearing@microsoft.com)
+
 ## 0.0.2
 
-Tue, 02 Aug 2022 19:53:43 GMT
+Tue, 02 Aug 2022 19:53:54 GMT
 
 ### Patches
 

package/lib/components/CloudpackProvider/CloudpackProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type CloudpackClient } from './createCloudpackClient.js';
+export declare const CloudpackContext: React.Context<CloudpackClient>;
+export declare function CloudpackProvider({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+export declare const useCloudpack: () => CloudpackClient;

package/lib/components/CloudpackProvider/CloudpackProvider.js

@@ -0,0 +1,9 @@
+import React, { createContext, useState, useContext } from 'react';
+import { createCloudpackClient } from './createCloudpackClient.js';
+export const CloudpackContext = createContext(null);
+export function CloudpackProvider({ children }) {
+    const [client] = useState(createCloudpackClient);
+    return React.createElement(CloudpackContext.Provider, { value: client }, children);
+}
+export const useCloudpack = () => useContext(CloudpackContext);
+//# sourceMappingURL=CloudpackProvider.js.map

package/lib/components/CloudpackProvider/CloudpackProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudpackProvider.js","sourceRoot":"","sources":["../../../src/components/CloudpackProvider/CloudpackProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAwB,MAAM,4BAA4B,CAAC;AAEzF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAkB,IAAW,CAAC,CAAC;AAE5E,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAiC;IAC3E,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEjD,OAAO,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA6B,CAAC;AAC1F,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC"}

package/lib/components/CloudpackProvider/createCloudpackClient.d.ts

@@ -0,0 +1,16 @@
+export interface CloudpackClient {
+    dispose: () => void;
+    getValue(path: string[]): any;
+    subscribe: (path: string[], callback: (newValue: any, oldValue: any) => void) => () => void;
+    openSource: (options: {
+        rootPath: string;
+        relativePath: string;
+        line: number;
+        column: number;
+    }) => void;
+    open: (options: {
+        rootPath: string;
+        relativePath?: string;
+    }) => void;
+}
+export declare function createCloudpackClient(): CloudpackClient;

package/lib/components/CloudpackProvider/createCloudpackClient.js

@@ -0,0 +1,119 @@
+import { getCookies } from './getCookies.js';
+import { createDataBus } from '@ms-cloudpack/data-bus';
+export function createCloudpackClient() {
+    const cookies = getCookies();
+    const bus = createDataBus();
+    let subCounter = 0;
+    const subIds = {};
+    bus.addProvider({
+        path: [],
+        onActivate: ({ path }) => {
+            const id = subCounter++;
+            subIds[path.join('/')] = id;
+            sendMessage('subscribe', { path, id });
+        },
+        onDeactivate: ({ path }) => {
+            const pathString = path.join('/');
+            const id = subIds[pathString];
+            delete subIds[pathString];
+            sendMessage('unsubscribe', { path, id });
+        },
+    });
+    const enqueuedMessages = [];
+    const sessionId = cookies['cloudpack-session-id'];
+    const apiUrl = cookies['cloudpack-api-url'];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let socket;
+    /**
+     * Attempts to open the websocket connection.
+     */
+    function openConnection() {
+        if (apiUrl && sessionId) {
+            const newSocket = new WebSocket(apiUrl);
+            newSocket.onopen = () => {
+                console.log('socket opened');
+                socket = newSocket;
+                socket.onmessage = onMessageReceived;
+                socket.onclose = () => {
+                    socket = undefined;
+                };
+                // Initialize any pending subscriptions.
+                for (const message of enqueuedMessages) {
+                    socket.send(message);
+                }
+                enqueuedMessages.length = 0;
+            };
+        }
+    }
+    /**
+     * Closes the websocket connection.
+     */
+    function dispose() {
+        if (socket) {
+            socket.close();
+            socket = undefined;
+        }
+    }
+    /**
+     * Sends a message to the websocket.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function sendMessage(type, data) {
+        const message = JSON.stringify({ type, data });
+        if (socket) {
+            console.log(`Sent message: ${type}`, data);
+            socket.send(message);
+        }
+        else {
+            enqueuedMessages.push(message);
+        }
+    }
+    /**
+     * Receives a message from the websocket and calls the appropriate callback.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function onMessageReceived(message) {
+        const response = JSON.parse(message.data);
+        console.log('Received message:', response);
+        switch (response.type) {
+            case 'notify': {
+                const { path, data } = response;
+                bus.publish(path, data);
+                break;
+            }
+            case 'reload': {
+                window.location.reload();
+                break;
+            }
+        }
+    }
+    /**
+     * Creates a subscription to the given path.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function subscribe(path, callback) {
+        const sessionPath = [sessionId, ...path];
+        return bus.subscribe(sessionPath, callback);
+    }
+    function getValue(path) {
+        const sessionPath = [sessionId, ...path];
+        return bus.getData(sessionPath);
+    }
+    function openSource(options) {
+        sendMessage('openSource', options);
+    }
+    function open(options) {
+        sendMessage('open', options);
+    }
+    // Start the connection.
+    openConnection();
+    // Return the public API.
+    return {
+        dispose,
+        getValue,
+        open,
+        openSource,
+        subscribe,
+    };
+}
+//# sourceMappingURL=createCloudpackClient.js.map

package/lib/components/CloudpackProvider/createCloudpackClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCloudpackClient.js","sourceRoot":"","sources":["../../../src/components/CloudpackProvider/createCloudpackClient.ts"],"names":[],"mappings":"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"}

package/lib/components/{StatusProvider → CloudpackProvider}/getCookies.d.ts

@@ -1 +1,4 @@
+/**
+ * Gets the cookies dictionary from the browser.
+ */
 export declare function getCookies(): Record<string, string>;

package/lib/components/CloudpackProvider/getCookies.js

@@ -0,0 +1,17 @@
+/**
+ * Gets the cookies dictionary from the browser.
+ */
+export function getCookies() {
+    return document.cookie
+        .split(';')
+        .map((s) => s.split('='))
+        .reduce((current, nextValue) => {
+        const name = nextValue[0]?.trim();
+        const value = decodeURIComponent(nextValue[1]?.trim());
+        if (name && value) {
+            current[name] = value;
+        }
+        return current;
+    }, {});
+}
+//# sourceMappingURL=getCookies.js.map

package/lib/components/CloudpackProvider/getCookies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCookies.js","sourceRoot":"","sources":["../../../src/components/CloudpackProvider/getCookies.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,UAAU;IACxB,OAAO,QAAQ,CAAC,MAAM;SACnB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACxB,MAAM,CAAyB,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE;QACrD,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC;QAClC,MAAM,KAAK,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QAEvD,IAAI,IAAI,IAAI,KAAK,EAAE;YACjB,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;SACvB;QAED,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/lib/components/CloudpackProvider/useStatus.d.ts

@@ -0,0 +1,9 @@
+export declare type CloudpackStatusType = 'unknown' | 'idle' | 'building' | 'success' | 'warning' | 'error' | 'cancelled';
+export interface CloudpackStatus {
+    status: 'idle' | 'pending' | 'unknown';
+    remainingTasks: number;
+    totalTasks: number;
+    totalErrors: number;
+    totalWarnings: number;
+}
+export declare const useStatus: () => CloudpackStatus;

package/lib/components/CloudpackProvider/useStatus.js

@@ -0,0 +1,16 @@
+import { useEffect, useState } from 'react';
+import { useCloudpack } from './CloudpackProvider.js';
+const defaultStatus = {
+    status: 'unknown',
+    remainingTasks: 0,
+    totalTasks: 0,
+    totalErrors: 0,
+    totalWarnings: 0,
+};
+export const useStatus = () => {
+    const service = useCloudpack();
+    const [status, setStatus] = useState(() => service?.getValue(['status']) || defaultStatus);
+    useEffect(() => service?.subscribe(['status'], setStatus), [service]);
+    return status;
+};
+//# sourceMappingURL=useStatus.js.map

package/lib/components/CloudpackProvider/useStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatus.js","sourceRoot":"","sources":["../../../src/components/CloudpackProvider/useStatus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAetD,MAAM,aAAa,GAAoB;IACrC,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,CAAC;IACjB,UAAU,EAAE,CAAC;IACb,WAAW,EAAE,CAAC;IACd,aAAa,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAkB,GAAG,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC;IAE5G,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/lib/components/CloudpackProvider/useStatusDetails.d.ts

@@ -0,0 +1,24 @@
+export interface TaskResultItemType {
+    text: string;
+    pluginName: string;
+    stack: string;
+    location?: {
+        file: string;
+        line: number;
+        column: number;
+    };
+}
+export interface TaskDescriptionType {
+    name: string;
+    inputPath: string;
+    outputPath: string;
+    status: 'pending' | 'complete';
+    errors: TaskResultItemType[];
+    warnings: TaskResultItemType[];
+    durationMilliseconds: number;
+}
+interface CloudpackStatusDetailsType {
+    tasks: TaskDescriptionType[];
+}
+export declare const useStatusDetails: () => CloudpackStatusDetailsType;
+export {};

package/lib/components/CloudpackProvider/useStatusDetails.js

@@ -0,0 +1,9 @@
+import { useEffect, useState } from 'react';
+import { useCloudpack } from './CloudpackProvider.js';
+export const useStatusDetails = () => {
+    const service = useCloudpack();
+    const [details, setDetails] = useState({ tasks: [] });
+    useEffect(() => service?.subscribe(['status-details'], setDetails), [service]);
+    return details;
+};
+//# sourceMappingURL=useStatusDetails.js.map

package/lib/components/CloudpackProvider/useStatusDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatusDetails.js","sourceRoot":"","sources":["../../../src/components/CloudpackProvider/useStatusDetails.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AA2BtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA6B,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAElF,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/E,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/lib/components/StatusBadge/StatusBadge.d.ts

@@ -1 +1,5 @@
-export declare function StatusBadge(): JSX.Element;
+export interface StatusBadgeProps {
+    inline?: boolean;
+    onExpand?: () => void;
+}
+export declare function StatusBadge({ inline, onExpand }: StatusBadgeProps): JSX.Element | null;

package/lib/components/StatusBadge/StatusBadge.js

@@ -1,32 +1,60 @@
 import React, { useRef } from 'react';
-import { useDraggable } from '../../hooks/useDraggable';
+import { useDraggable } from '../../hooks/useDraggable.js';
 import styles from './StatusBadge.module.css';
-import cx from 'classnames';
-import { getStatusText } from './getStatusText';
-import { useStatus } from '../StatusProvider/useStatus';
-export function StatusBadge() {
+import { default as cx } from 'classnames';
+import { useStatus } from '../CloudpackProvider/useStatus.js';
+import OpenFilled from '../../images/open-16-filled.inline.svg';
+export function StatusBadge({ inline, onExpand }) {
     const rootElementRef = useRef(null);
-    const { status, pendingJobCount, completeJobCount, totalErrorCount, totalWarningCount } = useStatus();
-    useDraggable(rootElementRef);
-    const statusString = [
-        pendingJobCount ? `${pendingJobCount} pending` : undefined,
-        completeJobCount ? `${completeJobCount} complete` : undefined,
-        totalErrorCount ? `${totalErrorCount} errors` : undefined,
-        totalWarningCount ? `${totalWarningCount} warnings` : undefined,
+    const dragElementRef = useRef(null);
+    const status = useStatus();
+    useDraggable(rootElementRef, dragElementRef);
+    if (status.status === 'unknown') {
+        return null;
+    }
+    const badge = (React.createElement("div", { ref: inline ? undefined : rootElementRef, className: getStatusClassName(status, !!inline) },
+        !inline && (React.createElement("div", { ref: inline ? undefined : dragElementRef, className: styles.gripArea },
+            React.createElement("div", { className: styles.grip }),
+            React.createElement("div", { className: styles.grip }))),
+        React.createElement("button", { className: styles.button, onClick: onExpand },
+            React.createElement("div", { className: styles.value }, getStatusString(status))),
+        React.createElement("div", null, getStatsString(status)),
+        React.createElement("button", { className: styles.button },
+            React.createElement("img", { src: OpenFilled, alt: "" }))));
+    return inline ? (badge) : (React.createElement("div", { className: styles.fixedOverlay },
+        React.createElement("div", { className: styles.contentSurface }, badge)));
+}
+function getStatusString(status) {
+    if (status.status === 'pending') {
+        return 'Running';
+    }
+    if (status.totalTasks === 0) {
+        return 'Idle';
+    }
+    return status.totalErrors === 0 ? 'Success' : 'Errors';
+}
+function getStatusClassName(status, inline) {
+    return cx(styles.badge, {
+        [styles.inline]: inline,
+        [styles.building]: status.status === 'pending',
+        [styles.success]: status.status === 'idle' && status.totalTasks > 0 && status.totalErrors === 0 && status.totalWarnings === 0,
+        [styles.error]: status.status === 'idle' && status.totalErrors > 0,
+        [styles.warning]: status.status === 'idle' && status.totalErrors === 0 && status.totalWarnings > 0,
+    });
+}
+function getStatsString(status) {
+    if (status.totalTasks === 0) {
+        return '';
+    }
+    return [
+        status.remainingTasks > 0 && `${status.remainingTasks} of ${status.totalTasks} tasks pending`,
+        status.remainingTasks === 0 && `${status.totalTasks} tasks completed`,
+        status.totalErrors === 1 && `${status.totalErrors} error`,
+        status.totalErrors > 1 && `${status.totalErrors} errors`,
+        status.totalWarnings === 1 && `${status.totalWarnings} warning`,
+        status.totalWarnings > 1 && `${status.totalWarnings} warnings`,
     ]
         .filter(Boolean)
         .join(', ');
-    return (React.createElement("div", { className: styles.fixedOverlay },
-        React.createElement("div", { className: styles.contentSurface },
-            React.createElement("div", { ref: rootElementRef, className: cx(styles.badge, {
-                    [styles.building]: status === 'building',
-                    [styles.success]: status === 'success',
-                    [styles.error]: status === 'error',
-                    [styles.warning]: status === 'warning',
-                }) },
-                React.createElement("button", { className: styles.button },
-                    React.createElement("div", { className: styles.value }, getStatusText(status))),
-                React.createElement("div", null, statusString.length ? `(${statusString})` : ''),
-                React.createElement("button", { className: styles.button }, "...")))));
 }
 //# sourceMappingURL=StatusBadge.js.map

package/lib/components/StatusBadge/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,MAAM,UAAU,WAAW;IACzB,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAAE,CAAC;IACtG,YAAY,CAAC,cAAc,CAAC,CAAC;IAE7B,MAAM,YAAY,GAAG;QACnB,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,UAAU,CAAC,CAAC,CAAC,SAAS;QAC1D,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,WAAW,CAAC,CAAC,CAAC,SAAS;QAC7D,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,SAAS,CAAC,CAAC,CAAC,SAAS;QACzD,iBAAiB,CAAC,CAAC,CAAC,GAAG,iBAAiB,WAAW,CAAC,CAAC,CAAC,SAAS;KAChE;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY;QACjC,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,6BACE,GAAG,EAAE,cAAc,EACnB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE;oBAC1B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,UAAU;oBACxC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,SAAS;oBACtC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO;oBAClC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,SAAS;iBACvC,CAAC;gBAEF,gCAAQ,SAAS,EAAE,MAAM,CAAC,MAAM;oBAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,aAAa,CAAC,MAAM,CAAC,CAAO,CACpD;gBACT,iCAAM,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,YAAY,GAAG,CAAC,CAAC,CAAC,EAAE,CAAO;gBAC3D,gCAAQ,SAAS,EAAE,MAAM,CAAC,MAAM,UAAc,CAC1C,CACF,CACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"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"}

package/lib/components/StatusDialog/StatusDialog.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface StatusDialogProps {
+    onClose: () => void;
+}
+declare function StatusDialogUnmemoized({ onClose }: StatusDialogProps): JSX.Element;
+export declare const StatusDialog: React.MemoExoticComponent<typeof StatusDialogUnmemoized>;
+export {};

package/lib/components/StatusDialog/StatusDialog.js

@@ -0,0 +1,21 @@
+import { default as React, useRef } from 'react';
+import styles from './StatusDialog.module.css';
+import { useDraggable } from '../../hooks/useDraggable.js';
+import CloseIcon from '../../images/dismiss-16-filled.inline.svg';
+import { TaskList } from './TaskList.js';
+function StatusDialogUnmemoized({ onClose }) {
+    const draggableRef = useRef(null);
+    const draggableTargetRef = useRef(null);
+    useDraggable(draggableRef, draggableTargetRef);
+    return (React.createElement("div", { className: styles.overlay },
+        React.createElement("div", { ref: draggableRef, className: styles.dialog },
+            React.createElement("div", { className: styles.titleArea },
+                React.createElement("div", { ref: draggableTargetRef, className: styles.title }, "Task results"),
+                React.createElement("button", { className: styles.closeButton, onClick: onClose },
+                    React.createElement("img", { src: CloseIcon, alt: "" }))),
+            React.createElement(TaskList, null))));
+}
+export const StatusDialog = React.memo(StatusDialogUnmemoized, (prev, next) => {
+    return prev.onClose === next.onClose;
+});
+//# sourceMappingURL=StatusDialog.js.map

package/lib/components/StatusDialog/StatusDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDialog.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/StatusDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,SAAS,MAAM,2CAA2C,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMzC,SAAS,sBAAsB,CAAC,EAAE,OAAO,EAAqB;IAC5D,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,YAAY,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;IAE/C,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;QAC5B,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM;YAC9C,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC9B,6BAAK,GAAG,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,mBAE/C;gBACN,gCAAQ,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO;oBACrD,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,CACvB,CACL;YACN,oBAAC,QAAQ,OAAG,CACR,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IAC5E,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,CAAC;AACvC,CAAC,CAAC,CAAC"}

package/lib/components/StatusDialog/TaskList.d.ts

@@ -0,0 +1 @@
+export declare function TaskList(): JSX.Element;

package/lib/components/StatusDialog/TaskList.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TaskStatus } from './TaskStatus.js';
+import { useStatusDetails } from '../CloudpackProvider/useStatusDetails.js';
+import styles from './TaskList.module.css';
+export function TaskList() {
+    const details = useStatusDetails();
+    const tasks = (details.tasks || []).sort(sortTasks);
+    return (React.createElement("div", { className: styles.root }, tasks.map((task, index) => (React.createElement(TaskStatus, { key: index, task: task })))));
+}
+/**
+ * Really the server should be sorting. Get stuff out of the browser.
+ */
+function sortTasks(a, b) {
+    const aStatus = a.status === 'pending' ? 1 : 0;
+    const bStatus = b.status === 'pending' ? 1 : 0;
+    if (aStatus !== bStatus) {
+        return aStatus > bStatus ? -1 : 1;
+    }
+    const aErrors = a.errors?.length || 0;
+    const bErrors = b.errors?.length || 0;
+    if (aErrors !== bErrors) {
+        return aErrors > bErrors ? -1 : 1;
+    }
+    return a.name < b.name ? -1 : 1;
+}
+//# sourceMappingURL=TaskList.js.map

package/lib/components/StatusDialog/TaskList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskList.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAA4B,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACtG,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,MAAM,UAAU,QAAQ;IACtB,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEpD,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,UAAU,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACvC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,SAAS,CAAC,CAAsB,EAAE,CAAsB;IAC/D,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/C,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,OAAO,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACnC;IAED,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC;IAEtC,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,OAAO,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACnC;IAED,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC"}

package/lib/components/StatusDialog/TaskResultItem.d.ts

@@ -0,0 +1,7 @@
+import type { TaskResultItemType } from '../CloudpackProvider/useStatusDetails.js';
+export interface TaskResultItemProps {
+    item: TaskResultItemType;
+    projectPath: string;
+    index: number;
+}
+export declare function TaskResultItem({ item, projectPath, index }: TaskResultItemProps): JSX.Element;

package/lib/components/StatusDialog/TaskResultItem.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';
+import styles from './TaskResultItem.module.css';
+export function TaskResultItem({ item, projectPath, index }) {
+    const service = useCloudpack();
+    const openSource = (ev) => {
+        if (item.location) {
+            service.openSource({
+                rootPath: projectPath,
+                relativePath: item.location?.file,
+                line: item.location?.line,
+                column: item.location?.column,
+            });
+            ev.preventDefault();
+        }
+    };
+    const filename = item.location?.file || '(path unavailable)';
+    const location = ['', item.location?.line, item.location?.column].filter(Boolean).join(':');
+    return (React.createElement("div", { className: styles.root },
+        React.createElement("div", { className: styles.statusBar }),
+        React.createElement("div", { className: styles.content },
+            React.createElement("div", { className: styles.titleArea },
+                React.createElement("button", { onClick: openSource, className: styles.file },
+                    index,
+                    ". ",
+                    filename,
+                    location && ` (${location})`,
+                    ":")),
+            React.createElement("div", { className: styles.text }, item.text),
+            React.createElement("pre", { className: styles.text }, JSON.stringify(item, null, 2)))));
+}
+//# sourceMappingURL=TaskResultItem.js.map

package/lib/components/StatusDialog/TaskResultItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskResultItem.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskResultItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAEzE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAQjD,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAuB;IAC9E,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,CAAC,EAAoB,EAAE,EAAE;QAC1C,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO,CAAC,UAAU,CAAC;gBACjB,QAAQ,EAAE,WAAW;gBACrB,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI;gBACjC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI;gBACzB,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM;aAC9B,CAAC,CAAC;YACH,EAAE,CAAC,cAAc,EAAE,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,oBAAoB,CAAC;IAC7D,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5F,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ;QACxC,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;YAC5B,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC9B,gCAAQ,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI;oBAChD,KAAK;;oBAAI,QAAQ;oBACjB,QAAQ,IAAI,KAAK,QAAQ,GAAG;wBACtB,CACL;YACN,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAC,IAAI,CAAO;YAC9C,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAO,CAC9D,CACF,CACP,CAAC;AACJ,CAAC"}

package/lib/components/StatusDialog/TaskStatus.d.ts

@@ -0,0 +1,5 @@
+import { type TaskDescriptionType } from '../CloudpackProvider/useStatusDetails.js';
+export interface TaskStatusProps {
+    task: TaskDescriptionType;
+}
+export declare function TaskStatus({ task }: TaskStatusProps): JSX.Element;

package/lib/components/StatusDialog/TaskStatus.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { TaskResultItem } from './TaskResultItem.js';
+import styles from './TaskStatus.module.css';
+import { default as cx } from 'classnames';
+import ErrorIcon from '../../images/error-24.inline.svg';
+import SuccessIcon from '../../images/success-24.inline.svg';
+import ChevronDownIcon from '../../images/chevrondown-20.inline.svg';
+import { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';
+function getCompletion(task) {
+    if (task.status === 'pending') {
+        return 'Running';
+    }
+    return [
+        `Completed in ${task.durationMilliseconds}ms`,
+        task.errors?.length && `${task.errors.length} error${task.errors.length > 1 ? 's' : ''}`,
+        task.warnings?.length && `${task.warnings.length} warning${task.warnings.length > 1 ? 's' : ''}`,
+    ]
+        .filter(Boolean)
+        .join(', ');
+}
+export function TaskStatus({ task }) {
+    const [isOpen, setIsOpen] = React.useState(undefined);
+    const { name, warnings, errors } = task;
+    const cloudpack = useCloudpack();
+    const showContent = isOpen === true || (isOpen === undefined && task.errors?.length > 0);
+    const open = (rootPath) => {
+        cloudpack.open({
+            rootPath,
+        });
+    };
+    return (React.createElement("div", { className: styles.root },
+        React.createElement("div", { className: getHeaderClassName(task) },
+            React.createElement("button", { className: styles.expandButton, onClick: () => setIsOpen(!showContent) },
+                React.createElement("img", { className: cx(styles.expandIcon, !showContent && styles.collapsed), src: ChevronDownIcon, alt: "" })),
+            errors?.length === 0 && warnings?.length === 0 && (React.createElement("img", { className: styles.errorIcon, src: SuccessIcon, alt: "" })),
+            errors?.length > 0 && React.createElement("img", { className: styles.errorIcon, src: ErrorIcon, alt: "" }),
+            React.createElement("div", { className: styles.title }, name),
+            React.createElement("div", { className: styles.farArea }, getCompletion(task))),
+        showContent && (React.createElement("div", { className: styles.content },
+            React.createElement("div", { className: styles.title }, "Details"),
+            React.createElement("div", { className: styles.nameValueArea },
+                React.createElement("div", { className: styles.name }, "Input path"),
+                React.createElement("div", { className: styles.value },
+                    React.createElement("button", { className: styles.linkButton, onClick: () => open(task.inputPath) }, task.inputPath))),
+            React.createElement("div", { className: styles.nameValueArea },
+                React.createElement("div", { className: styles.name }, "Output path"),
+                React.createElement("button", { className: styles.linkButton, onClick: () => open(task.outputPath) }, task.outputPath)),
+            errors?.length > 0 && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: styles.title }, "Errors"),
+                React.createElement("div", { className: styles.resultItems }, errors.map((error, index) => (React.createElement(TaskResultItem, { key: index, item: error, projectPath: task.inputPath, index: index + 1 })))))),
+            warnings?.length > 0 && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: styles.title }, "Warnings"),
+                React.createElement("div", { className: styles.resultItems }, warnings.map((warning, index) => (React.createElement(TaskResultItem, { key: index, item: warning, projectPath: task.inputPath, index: index + 1 }))))))))));
+}
+function getHeaderClassName(task) {
+    return cx(styles.header, {
+        [styles.success]: task.errors?.length === 0 && task.warnings?.length === 0,
+        [styles.warning]: task.errors?.length === 0 && task.warnings?.length > 0,
+        [styles.error]: task.errors?.length > 0,
+    });
+}
+//# sourceMappingURL=TaskStatus.js.map

package/lib/components/StatusDialog/TaskStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskStatus.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,eAAe,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAKzE,SAAS,aAAa,CAAC,IAAyB;IAC9C,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;QAC7B,OAAO,SAAS,CAAC;KAClB;IACD,OAAO;QACL,gBAAgB,IAAI,CAAC,oBAAoB,IAAI;QAC7C,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,SAAS,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACxF,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,WAAW,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;KACjG;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAmB;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,SAAS,CAAC,CAAC;IAC3E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,WAAW,GAAG,MAAM,KAAK,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC;IAEzF,MAAM,IAAI,GAAG,CAAC,QAAgB,EAAE,EAAE;QAChC,SAAS,CAAC,IAAI,CAAC;YACb,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,6BAAK,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC;YACtC,gCAAQ,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC;gBAC5E,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,GAAG,EAAC,EAAE,GAAG,CACjG;YACR,MAAM,EAAE,MAAM,KAAK,CAAC,IAAI,QAAQ,EAAE,MAAM,KAAK,CAAC,IAAI,CACjD,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EAAC,EAAE,GAAG,CAC9D;YACA,MAAM,EAAE,MAAM,GAAG,CAAC,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG;YAClF,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,IAAI,CAAO;YAC1C,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,aAAa,CAAC,IAAI,CAAC,CAAO,CACvD;QACL,WAAW,IAAI,CACd,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;YAC5B,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,cAAe;YAC3C,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa;gBAClC,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,iBAAkB;gBAC7C,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;oBAC1B,gCAAQ,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IACtE,IAAI,CAAC,SAAS,CACR,CACL,CACF;YACN,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa;gBAClC,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,kBAAmB;gBAC9C,gCAAQ,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IACvE,IAAI,CAAC,UAAU,CACT,CACL;YACL,MAAM,EAAE,MAAM,GAAG,CAAC,IAAI,CACrB;gBACE,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aAAc;gBAC1C,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,IAC/B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,oBAAC,cAAc,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,GAAI,CAC3F,CAAC,CACE,CACL,CACJ;YACA,QAAQ,EAAE,MAAM,GAAG,CAAC,IAAI,CACvB;gBACE,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,eAAgB;gBAC5C,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,IAC/B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,oBAAC,cAAc,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,GAAI,CAC7F,CAAC,CACE,CACL,CACJ,CACG,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAyB;IACnD,OAAO,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE;QACvB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,KAAK,CAAC;QAC1E,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC;QACxE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC;KACxC,CAAC,CAAC;AACL,CAAC"}

package/lib/components/StatusOverlay/StatusOverlay.d.ts

@@ -0,0 +1 @@
+export declare function StatusOverlay(): JSX.Element;

package/lib/components/StatusOverlay/StatusOverlay.js

@@ -0,0 +1,26 @@
+import React, { useCallback, useState, useRef } from 'react';
+import { StatusBadge } from '../StatusBadge/StatusBadge.js';
+import { StatusDialog } from '../StatusDialog/StatusDialog.js';
+import { useStatus } from '../CloudpackProvider/useStatus.js';
+export function StatusOverlay() {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const status = useStatus();
+    const internal = useRef();
+    // If we haven't set a specific state and we become idle,
+    // pop open the details if there are errors.
+    if (isExpanded === false &&
+        internal.current?.status !== 'idle' &&
+        status.status === 'idle' &&
+        internal.current?.totalErrors != status.totalErrors) {
+        setIsExpanded(true);
+    }
+    internal.current = status;
+    const toggleMinimized = useCallback(() => {
+        console.log(`Toggling minimized state to ${!isExpanded}`);
+        setIsExpanded(!isExpanded);
+    }, [isExpanded, setIsExpanded]);
+    return (React.createElement("div", null,
+        !isExpanded && React.createElement(StatusBadge, { onExpand: toggleMinimized }),
+        isExpanded && React.createElement(StatusDialog, { onClose: toggleMinimized })));
+}
+//# sourceMappingURL=StatusOverlay.js.map

package/lib/components/StatusOverlay/StatusOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusOverlay.js","sourceRoot":"","sources":["../../../src/components/StatusOverlay/StatusOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAwB,MAAM,mCAAmC,CAAC;AAEpF,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,MAAM,EAA+B,CAAC;IAEvD,yDAAyD;IACzD,4CAA4C;IAC5C,IACE,UAAU,KAAK,KAAK;QACpB,QAAQ,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM;QACnC,MAAM,CAAC,MAAM,KAAK,MAAM;QACxB,QAAQ,CAAC,OAAO,EAAE,WAAW,IAAI,MAAM,CAAC,WAAW,EACnD;QACA,aAAa,CAAC,IAAI,CAAC,CAAC;KACrB;IACD,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;IAE1B,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,UAAU,EAAE,CAAC,CAAC;QAC1D,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL;QACG,CAAC,UAAU,IAAI,oBAAC,WAAW,IAAC,QAAQ,EAAE,eAAe,GAAI;QACzD,UAAU,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,eAAe,GAAI,CACrD,CACP,CAAC;AACJ,CAAC"}

package/lib/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ThemeProvider({ children }: React.ComponentProps<'div'>): JSX.Element;

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import styles from './ThemeProvider.module.css';
+export function ThemeProvider({ children }) {
+    return React.createElement("div", { className: styles.root }, children);
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/components/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAA+B;IACrE,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,QAAQ,CAAO,CAAC;AACvD,CAAC"}

package/lib/hooks/preferDarkTheme.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns true if a dark color scheme is preferred.
+ */
+export declare function preferDarkTheme(): boolean;

package/lib/hooks/preferDarkTheme.js

@@ -0,0 +1,7 @@
+/**
+ * Returns true if a dark color scheme is preferred.
+ */
+export function preferDarkTheme() {
+    return window.matchMedia('(prefers-color-scheme: dark)').matches;
+}
+//# sourceMappingURL=preferDarkTheme.js.map

package/lib/hooks/preferDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferDarkTheme.js","sourceRoot":"","sources":["../../src/hooks/preferDarkTheme.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,eAAe;IAC7B,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;AACnE,CAAC"}

package/lib/hooks/useDraggable.d.ts

@@ -1,4 +1,4 @@
 import { type RefObject } from 'react';
-export declare function useDraggable(hostElement: RefObject<HTMLElement>, dragTargetElement?: RefObject<HTMLElement>): {
+export declare function useDraggable(containerElementRef?: RefObject<HTMLElement>, dragElementRef?: RefObject<HTMLElement> | undefined): {
     isDragging: boolean;
 };

package/lib/hooks/useDraggable.js

@@ -1,44 +1,46 @@
 import { useEffect, useState } from 'react';
-export function useDraggable(hostElement, dragTargetElement = hostElement) {
+export function useDraggable(containerElementRef, dragElementRef = containerElementRef) {
     const [isDragging, setIsDragging] = useState(false);
     useEffect(() => {
-        const moveTarget = hostElement.current;
-        const dragTarget = hostElement.current || dragTargetElement.current;
-        if (moveTarget && dragTarget) {
-            let originalX = 0;
-            let originalY = 0;
-            let offset = { x: 0, y: 0 };
-            const onPointerMove = (event) => {
-                moveTarget.style.transform = `translate(${offset.x + event.clientX - originalX}px, ${offset.y + event.clientY - originalY}px)`;
-            };
-            const onPointerUp = (event) => {
-                setIsDragging(false);
-                offset = {
-                    x: offset.x + event.clientX - originalX,
-                    y: offset.y + event.clientY - originalY,
+        if (containerElementRef && dragElementRef) {
+            const moveTarget = containerElementRef.current;
+            const dragTarget = dragElementRef.current;
+            if (moveTarget && dragTarget) {
+                let originalX = 0;
+                let originalY = 0;
+                let offset = { x: 0, y: 0 };
+                const onPointerMove = (event) => {
+                    moveTarget.style.transform = `translate(${offset.x + event.clientX - originalX}px, ${offset.y + event.clientY - originalY}px)`;
                 };
-                dragTarget.releasePointerCapture(event.pointerId);
-                dragTarget.removeEventListener('pointerup', onPointerUp);
-                dragTarget.removeEventListener('pointermove', onPointerMove);
-                event.preventDefault();
-            };
-            const onPointerDown = (event) => {
-                setIsDragging(true);
-                originalX = event.clientX;
-                originalY = event.clientY;
-                dragTarget.setPointerCapture(event.pointerId);
-                dragTarget.addEventListener('pointerup', onPointerUp);
-                dragTarget.addEventListener('pointermove', onPointerMove);
-                event.preventDefault();
-            };
-            dragTarget.addEventListener('pointerdown', onPointerDown);
-            return () => {
-                dragTarget.removeEventListener('pointerdown', onPointerDown);
-                dragTarget.removeEventListener('pointermove', onPointerMove);
-                dragTarget.removeEventListener('pointerup', onPointerUp);
-            };
+                const onPointerUp = (event) => {
+                    setIsDragging(false);
+                    offset = {
+                        x: offset.x + event.clientX - originalX,
+                        y: offset.y + event.clientY - originalY,
+                    };
+                    dragTarget.releasePointerCapture(event.pointerId);
+                    dragTarget.removeEventListener('pointerup', onPointerUp);
+                    dragTarget.removeEventListener('pointermove', onPointerMove);
+                    event.preventDefault();
+                };
+                const onPointerDown = (event) => {
+                    setIsDragging(true);
+                    originalX = event.clientX;
+                    originalY = event.clientY;
+                    dragTarget.setPointerCapture(event.pointerId);
+                    dragTarget.addEventListener('pointerup', onPointerUp);
+                    dragTarget.addEventListener('pointermove', onPointerMove);
+                    event.preventDefault();
+                };
+                dragTarget.addEventListener('pointerdown', onPointerDown);
+                return () => {
+                    dragTarget.removeEventListener('pointerdown', onPointerDown);
+                    dragTarget.removeEventListener('pointermove', onPointerMove);
+                    dragTarget.removeEventListener('pointerup', onPointerUp);
+                };
+            }
         }
-    }, [hostElement, dragTargetElement]);
+    }, [containerElementRef, dragElementRef]);
     return {
         isDragging,
     };

package/lib/hooks/useDraggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.js","sourceRoot":"","sources":["../../src/hooks/useDraggable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,UAAU,YAAY,CAAC,WAAmC,EAAE,iBAAiB,GAAG,WAAW;IAC/F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC;QACvC,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC;QAEpE,IAAI,UAAU,IAAI,UAAU,EAAE;YAC5B,IAAI,SAAS,GAAG,CAAC,CAAC;YAClB,IAAI,SAAS,GAAG,CAAC,CAAC;YAClB,IAAI,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;YAE5B,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;gBAC5C,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,OAC5E,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,SAC7B,KAAK,CAAC;YACR,CAAC,CAAC;YAEF,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,EAAE;gBAC1C,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,MAAM,GAAG;oBACP,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS;oBACvC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS;iBACxC,CAAC;gBAEF,UAAU,CAAC,qBAAqB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBAClD,UAAU,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;gBACzD,UAAU,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;gBAE7D,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC,CAAC;YAEF,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;gBAC5C,aAAa,CAAC,IAAI,CAAC,CAAC;gBACpB,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;gBAC1B,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;gBAC1B,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBAC9C,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;gBACtD,UAAU,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;gBAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC,CAAC;YAEF,UAAU,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;YAE1D,OAAO,GAAG,EAAE;gBACV,UAAU,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;gBAC7D,UAAU,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;gBAC7D,UAAU,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YAC3D,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErC,OAAO;QACL,UAAU;KACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useDraggable.js","sourceRoot":"","sources":["../../src/hooks/useDraggable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,UAAU,YAAY,CAAC,mBAA4C,EAAE,cAAc,GAAG,mBAAmB;IAC7G,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,IAAI,cAAc,EAAE;YACzC,MAAM,UAAU,GAAG,mBAAmB,CAAC,OAAO,CAAC;YAC/C,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;YAE1C,IAAI,UAAU,IAAI,UAAU,EAAE;gBAC5B,IAAI,SAAS,GAAG,CAAC,CAAC;gBAClB,IAAI,SAAS,GAAG,CAAC,CAAC;gBAClB,IAAI,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBAE5B,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;oBAC5C,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,OAC5E,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,SAC7B,KAAK,CAAC;gBACR,CAAC,CAAC;gBAEF,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,EAAE;oBAC1C,aAAa,CAAC,KAAK,CAAC,CAAC;oBACrB,MAAM,GAAG;wBACP,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS;wBACvC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS;qBACxC,CAAC;oBAEF,UAAU,CAAC,qBAAqB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;oBAClD,UAAU,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;oBACzD,UAAU,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;oBAE7D,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,CAAC,CAAC;gBAEF,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;oBAC5C,aAAa,CAAC,IAAI,CAAC,CAAC;oBACpB,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;oBAC1B,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;oBAC1B,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;oBAC9C,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;oBACtD,UAAU,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;oBAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,CAAC,CAAC;gBAEF,UAAU,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;gBAE1D,OAAO,GAAG,EAAE;oBACV,UAAU,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;oBAC7D,UAAU,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;oBAC7D,UAAU,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;gBAC3D,CAAC,CAAC;aACH;SACF;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1C,OAAO;QACL,UAAU;KACX,CAAC;AACJ,CAAC"}

package/lib/index.js

@@ -1,9 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { StatusBadge } from './components/StatusBadge/StatusBadge';
-import { StatusProvider } from './components/StatusProvider/StatusProvider';
+import { CloudpackProvider } from './components/CloudpackProvider/CloudpackProvider.js';
+import { StatusOverlay } from './components/StatusOverlay/StatusOverlay.js';
+import { ThemeProvider } from './components/ThemeProvider/ThemeProvider.js';
 const rootDiv = document.createElement('div');
-ReactDOM.render(React.createElement(StatusProvider, null,
-    React.createElement(StatusBadge, null)), rootDiv);
+ReactDOM.render(React.createElement(ThemeProvider, null,
+    React.createElement(CloudpackProvider, null,
+        React.createElement(StatusOverlay, null))), rootDiv);
 document.body.appendChild(rootDiv);
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAE9C,QAAQ,CAAC,MAAM,CACb,oBAAC,cAAc;IACb,oBAAC,WAAW,OAAG,CACA,EACjB,OAAO,CACR,CAAC;AAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAE5E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAE9C,QAAQ,CAAC,MAAM,CACb,oBAAC,aAAa;IACZ,oBAAC,iBAAiB;QAChB,oBAAC,aAAa,OAAG,CACC,CACN,EAChB,OAAO,CACR,CAAC;AAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC"}

package/lib/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.28.7"
+      "packageVersion": "7.29.0"
     }
   ]
 }

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@ms-cloudpack/overlay",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "The Cloudpack overlay ux.",
   "license": "MIT",
   "types": "./lib/index.d.ts",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
@@ -19,8 +20,10 @@
     "lint": "cloudpack-scripts lint"
   },
   "dependencies": {
+    "@ms-cloudpack/data-bus": "^0.1.0",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "classnames": "^2.3.1"
   },
   "devDependencies": {
     "@ms-cloudpack/eslint-config-base": "*",

package/lib/components/StatusBadge/StatusBadge.types.d.ts

@@ -1 +0,0 @@
-export declare type CloudpackStatus = 'unknown' | 'idle' | 'building' | 'success' | 'warning' | 'error' | 'cancelled';

package/lib/components/StatusBadge/StatusBadge.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=StatusBadge.types.js.map

package/lib/components/StatusBadge/StatusBadge.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBadge.types.js","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.types.ts"],"names":[],"mappings":""}

package/lib/components/StatusBadge/getStatusText.d.ts

@@ -1,2 +0,0 @@
-import type { CloudpackStatus } from './StatusBadge.types';
-export declare function getStatusText(status: CloudpackStatus): string;

package/lib/components/StatusBadge/getStatusText.js

@@ -1,19 +0,0 @@
-export function getStatusText(status) {
-    switch (status) {
-        case 'idle':
-            return 'Idle';
-        case 'building':
-            return 'Building';
-        case 'success':
-            return 'Success';
-        case 'warning':
-            return 'Warning';
-        case 'error':
-            return 'Error';
-        case 'cancelled':
-            return 'Cancelled';
-        default:
-            return 'Unknown';
-    }
-}
-//# sourceMappingURL=getStatusText.js.map

package/lib/components/StatusBadge/getStatusText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getStatusText.js","sourceRoot":"","sources":["../../../src/components/StatusBadge/getStatusText.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,aAAa,CAAC,MAAuB;IACnD,QAAQ,MAAM,EAAE;QACd,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,UAAU,CAAC;QACpB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,KAAK,WAAW;YACd,OAAO,WAAW,CAAC;QAErB;YACE,OAAO,SAAS,CAAC;KACpB;AACH,CAAC"}

package/lib/components/StatusProvider/StatusProvider.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface CloudpackStatus {
-    status: 'building' | 'success' | 'error' | 'warning' | 'unknown';
-    pendingJobCount: number;
-    completeJobCount: number;
-    totalErrorCount: number;
-    totalWarningCount: number;
-}
-export declare const StatusContext: React.Context<CloudpackStatus>;
-export declare function StatusProvider({ children }: {
-    children: any;
-}): JSX.Element;

package/lib/components/StatusProvider/StatusProvider.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import { getCookies } from './getCookies.js';
-const defaultStatus = {
-    status: 'unknown',
-    pendingJobCount: 0,
-    completeJobCount: 0,
-    totalErrorCount: 0,
-    totalWarningCount: 0,
-};
-export const StatusContext = React.createContext(defaultStatus);
-export function StatusProvider({ children }) {
-    const [status, setStatus] = React.useState(defaultStatus);
-    React.useEffect(() => {
-        const cookies = getCookies();
-        const sessionId = cookies['cloudpack-session-id'];
-        const apiUrl = cookies['cloudpack-api-url'];
-        console.log(`StatusProvider: sessionId=${sessionId}, apiurl=${apiUrl}`);
-        if (sessionId && apiUrl) {
-            console.log('setting up socket');
-            const socket = new WebSocket(apiUrl);
-            socket.onopen = () => {
-                console.log('socket opened');
-                // Send a subscribe request for the session status.
-                socket.send(JSON.stringify({
-                    type: 'subscribe',
-                    data: {
-                        path: [sessionId, 'status'],
-                    },
-                }));
-            };
-            socket.onmessage = (result) => {
-                const response = JSON.parse(result.data);
-                switch (response.type) {
-                    case 'notify':
-                        setStatus(response.data);
-                        break;
-                    case 'reload':
-                        window.location.reload();
-                        break;
-                }
-                console.log('socket message', response);
-            };
-            return () => {
-                socket.close();
-            };
-        }
-    }, []);
-    return React.createElement(StatusContext.Provider, { value: status }, children);
-}
-//# sourceMappingURL=StatusProvider.js.map

package/lib/components/StatusProvider/StatusProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusProvider.js","sourceRoot":"","sources":["../../../src/components/StatusProvider/StatusProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,aAAa,GAAoB;IACrC,MAAM,EAAE,SAAS;IACjB,eAAe,EAAE,CAAC;IAClB,gBAAgB,EAAE,CAAC;IACnB,eAAe,EAAE,CAAC;IAClB,iBAAiB,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAkB,aAAa,CAAC,CAAC;AAEjF,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE;IACzC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAkB,aAAa,CAAC,CAAC;IAE3E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;QAC7B,MAAM,SAAS,GAAG,OAAO,CAAC,sBAAsB,CAAC,CAAC;QAClD,MAAM,MAAM,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAE5C,OAAO,CAAC,GAAG,CAAC,6BAA6B,SAAS,YAAY,MAAM,EAAE,CAAC,CAAC;QACxE,IAAI,SAAS,IAAI,MAAM,EAAE;YACvB,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YAEjC,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC;YAErC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;gBACnB,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;gBAE7B,mDAAmD;gBACnD,MAAM,CAAC,IAAI,CACT,IAAI,CAAC,SAAS,CAAC;oBACb,IAAI,EAAE,WAAW;oBACjB,IAAI,EAAE;wBACJ,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;qBAC5B;iBACF,CAAC,CACH,CAAC;YACJ,CAAC,CAAC;YAEF,MAAM,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,EAAE;gBAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBAEzC,QAAQ,QAAQ,CAAC,IAAI,EAAE;oBACrB,KAAK,QAAQ;wBACX,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;wBACzB,MAAM;oBACR,KAAK,QAAQ;wBACX,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;wBACzB,MAAM;iBACT;gBAED,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;YAC1C,CAAC,CAAC;YAEF,OAAO,GAAG,EAAE;gBACV,MAAM,CAAC,KAAK,EAAE,CAAC;YACjB,CAAC,CAAC;SACH;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAAC;AACpF,CAAC"}

package/lib/components/StatusProvider/getCookies.js

@@ -1,10 +0,0 @@
-export function getCookies() {
-    return document.cookie
-        .split(';')
-        .map((s) => s.split('='))
-        .reduce((p, n) => {
-        p[n[0].trim()] = decodeURIComponent(n[1]);
-        return p;
-    }, {});
-}
-//# sourceMappingURL=getCookies.js.map

package/lib/components/StatusProvider/getCookies.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCookies.js","sourceRoot":"","sources":["../../../src/components/StatusProvider/getCookies.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU;IACxB,OAAO,QAAQ,CAAC,MAAM;SACnB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACxB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACf,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,OAAO,CAAC,CAAC;IACX,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/lib/components/StatusProvider/useStatus.d.ts

@@ -1 +0,0 @@
-export declare const useStatus: () => import("./StatusProvider").CloudpackStatus;

package/lib/components/StatusProvider/useStatus.js

@@ -1,4 +0,0 @@
-import { useContext } from 'react';
-import { StatusContext } from './StatusProvider';
-export const useStatus = () => useContext(StatusContext);
-//# sourceMappingURL=useStatus.js.map

package/lib/components/StatusProvider/useStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStatus.js","sourceRoot":"","sources":["../../../src/components/StatusProvider/useStatus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}

package/lib/hooks/useSessionId.d.ts

@@ -1 +0,0 @@
-export declare const useSessionId: () => string;

package/lib/hooks/useSessionId.js

@@ -1,14 +0,0 @@
-import * as React from 'react';
-const getSessionId = () => {
-    const cookies = document.cookie?.split(';').reduce((p, n) => {
-        const [id, value] = n.split('=');
-        p[id.trim()] = value;
-        return p;
-    }, {});
-    return cookies?.['cloudpack-session-id'];
-};
-export const useSessionId = () => {
-    const [sessionId] = React.useState(getSessionId());
-    return sessionId;
-};
-//# sourceMappingURL=useSessionId.js.map

package/lib/hooks/useSessionId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSessionId.js","sourceRoot":"","sources":["../../src/hooks/useSessionId.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAyB,EAAE,CAAC,EAAE,EAAE;QAClF,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACjC,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC;QACrB,OAAO,CAAC,CAAC;IACX,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;IAEnD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}