@ms-cloudpack/overlay 0.0.2

package/CHANGELOG.json

@@ -0,0 +1,20 @@
+{
+  "name": "@ms-cloudpack/overlay",
+  "entries": [
+    {
+      "date": "Tue, 02 Aug 2022 19:53:43 GMT",
+      "tag": "@ms-cloudpack/overlay_v0.0.2",
+      "version": "0.0.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "dzearing@microsoft.com",
+            "package": "@ms-cloudpack/overlay",
+            "commit": "8b05563fd078c4a19d77a2be999587f8b60d2718",
+            "comment": "First commit for overlay."
+          }
+        ]
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# 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.
+
+<!-- Start content -->
+
+## 0.0.2
+
+Tue, 02 Aug 2022 19:53:43 GMT
+
+### Patches
+
+- First commit for overlay. (dzearing@microsoft.com)

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

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

package/lib/components/StatusBadge/StatusBadge.js

@@ -0,0 +1,32 @@
+import React, { useRef } from 'react';
+import { useDraggable } from '../../hooks/useDraggable';
+import styles from './StatusBadge.module.css';
+import cx from 'classnames';
+import { getStatusText } from './getStatusText';
+import { useStatus } from '../StatusProvider/useStatus';
+export function StatusBadge() {
+    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,
+    ]
+        .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

@@ -0,0 +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"}

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

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

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

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

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

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

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

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

package/lib/components/StatusBadge/getStatusText.js

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1 @@
+export declare function getCookies(): Record<string, string>;

package/lib/components/StatusProvider/getCookies.js

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

@@ -0,0 +1 @@
+{"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

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

package/lib/components/StatusProvider/useStatus.js

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

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

@@ -0,0 +1 @@
+{"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/useDraggable.d.ts

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

package/lib/hooks/useDraggable.js

@@ -0,0 +1,46 @@
+import { useEffect, useState } from 'react';
+export function useDraggable(hostElement, dragTargetElement = hostElement) {
+    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,
+                };
+                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]);
+    return {
+        isDragging,
+    };
+}
+//# sourceMappingURL=useDraggable.js.map

package/lib/hooks/useDraggable.js.map

@@ -0,0 +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"}

package/lib/hooks/useSessionId.d.ts

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

package/lib/hooks/useSessionId.js

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

@@ -0,0 +1 @@
+{"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"}

package/lib/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/index.js

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

package/lib/index.js.map

@@ -0,0 +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"}

package/lib/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.28.7"
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@ms-cloudpack/overlay",
+  "version": "0.0.2",
+  "description": "The Cloudpack overlay ux.",
+  "license": "MIT",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js"
+    }
+  },
+  "scripts": {
+    "api:update": "cloudpack-scripts api-update",
+    "api": "cloudpack-scripts api",
+    "build:watch": "cloudpack-scripts build-watch",
+    "build": "cloudpack-scripts build",
+    "lint:update": "cloudpack-scripts lint-update",
+    "lint": "cloudpack-scripts lint"
+  },
+  "dependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@ms-cloudpack/eslint-config-base": "*",
+    "@ms-cloudpack/scripts": "*",
+    "@types/react-dom": "17.0.17",
+    "@types/react": "17.0.48"
+  },
+  "files": [
+    "/lib"
+  ]
+}