@clary-so/measure 0.4.2

package/dist/webapp/components/AppBar.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppBar = void 0;
+const react_1 = __importDefault(require("react"));
+const AppBar_1 = __importDefault(require("@mui/material/AppBar"));
+const AppBar = ({ children }) => {
+    return (react_1.default.createElement(AppBar_1.default, { position: "relative", className: "bg-dark-charcoal" },
+        react_1.default.createElement("div", { style: {
+                flexDirection: "row",
+                display: "flex",
+                alignItems: "center",
+                padding: 10,
+            } }, children)));
+};
+exports.AppBar = AppBar;
+//# sourceMappingURL=AppBar.js.map

package/dist/webapp/components/AppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../src/webapp/components/AppBar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kEAAkD;AAE3C,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IACpE,OAAO,CACL,8BAAC,gBAAc,IAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,EAAC,kBAAkB;QAC9D,uCACE,KAAK,EAAE;gBACL,aAAa,EAAE,KAAK;gBACpB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,EAAE;aACZ,IAEA,QAAQ,CACL,CACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,MAAM,UAejB"}

package/dist/webapp/components/BundleIdSelector.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const BundleIdSelector: ({ bundleId, onChange, autodetect, }: {
+    bundleId: string | null;
+    onChange: (bundleId: string) => void;
+    autodetect: () => void;
+}) => React.JSX.Element;

package/dist/webapp/components/BundleIdSelector.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BundleIdSelector = void 0;
+const react_1 = __importDefault(require("react"));
+const TextField_1 = require("./TextField");
+const web_reporter_ui_1 = require("@clary-so/web-reporter-ui");
+const BundleIdSelector = ({ bundleId, onChange, autodetect, }) => {
+    const handleChange = (event) => {
+        onChange(event.target.value);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(web_reporter_ui_1.Button, { onClick: autodetect }, "Auto-Detect"),
+        react_1.default.createElement("div", { style: { paddingRight: 5, paddingLeft: 5 } },
+            react_1.default.createElement(TextField_1.TextField, { onChange: handleChange, value: bundleId || "" }))));
+};
+exports.BundleIdSelector = BundleIdSelector;
+//# sourceMappingURL=BundleIdSelector.js.map

package/dist/webapp/components/BundleIdSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BundleIdSelector.js","sourceRoot":"","sources":["../../../src/webapp/components/BundleIdSelector.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2CAAwC;AACxC,+DAAmD;AAE5C,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,UAAU,GAKX,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,wBAAM,IAAC,OAAO,EAAE,UAAU,kBAAsB;QACjD,uCAAK,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE;YAC7C,8BAAC,qBAAS,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,IAAI,EAAE,GAAI,CACxD,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,gBAAgB,oBAqB3B"}

package/dist/webapp/components/SocketState.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SocketState: () => React.JSX.Element;

package/dist/webapp/components/SocketState.js

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocketState = void 0;
+const react_1 = __importStar(require("react"));
+const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+const DialogContentText_1 = __importDefault(require("@mui/material/DialogContentText"));
+const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const logger_1 = require("@clary-so/logger");
+const socket_1 = require("../socket");
+const useLogSocketEvents_1 = require("../../common/useLogSocketEvents");
+const socketInterface_1 = require("../../server/socket/socketInterface");
+const useSocketState = (onError) => {
+    (0, useLogSocketEvents_1.useLogSocketEvents)(socket_1.socket);
+    const [isConnected, setIsConnected] = (0, react_1.useState)(socket_1.socket.connected);
+    (0, react_1.useEffect)(() => {
+        function onConnect() {
+            setIsConnected(true);
+        }
+        function onDisconnect(reason) {
+            setIsConnected(false);
+            logger_1.Logger.info(`socket disconnected with reason: ${reason}`);
+            if (reason === "transport close" || reason === "transport error") {
+                onError("flashlight CLI command exited. Restart from the CLI.");
+            }
+        }
+        socket_1.socket.on(socketInterface_1.SocketEvents.CONNECT, onConnect);
+        socket_1.socket.on(socketInterface_1.SocketEvents.DISCONNECT, onDisconnect);
+        socket_1.socket.on(socketInterface_1.SocketEvents.SEND_ERROR, onError);
+        return () => {
+            socket_1.socket.off(socketInterface_1.SocketEvents.CONNECT, onConnect);
+            socket_1.socket.off(socketInterface_1.SocketEvents.DISCONNECT, onDisconnect);
+            socket_1.socket.off(socketInterface_1.SocketEvents.SEND_ERROR, onError);
+        };
+    }, [onError]);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            socket_1.socket.close();
+        };
+    }, []);
+    return { isConnected };
+};
+const SocketState = () => {
+    const [error, setError] = react_1.default.useState(null);
+    const closeModal = () => setError(null);
+    useSocketState(setError);
+    const isModalOpened = error !== null;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Dialog_1.default, { open: isModalOpened, onClose: closeModal, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" },
+            react_1.default.createElement(DialogTitle_1.default, { id: "alert-dialog-title" }, "\uD83D\uDEA8 Woups, something happened"),
+            react_1.default.createElement(DialogContent_1.default, null,
+                react_1.default.createElement(DialogContentText_1.default, { id: "alert-dialog-description" }, error)),
+            react_1.default.createElement(DialogActions_1.default, null,
+                react_1.default.createElement(Button_1.default, { onClick: closeModal, autoFocus: true }, "Close")))));
+};
+exports.SocketState = SocketState;
+//# sourceMappingURL=SocketState.js.map

package/dist/webapp/components/SocketState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocketState.js","sourceRoot":"","sources":["../../../src/webapp/components/SocketState.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,kEAA0C;AAC1C,4EAAoD;AACpD,gFAAwD;AACxD,wFAAgE;AAChE,gFAAwD;AACxD,kEAA0C;AAC1C,6CAA0C;AAC1C,sCAAmC;AACnC,wEAAqE;AACrE,yEAAmE;AAEnE,MAAM,cAAc,GAAG,CAAC,OAAgC,EAAE,EAAE;IAC1D,IAAA,uCAAkB,EAAC,eAAM,CAAC,CAAC;IAC3B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,eAAM,CAAC,SAAS,CAAC,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,SAAS;YAChB,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;QAED,SAAS,YAAY,CAAC,MAAc;YAClC,cAAc,CAAC,KAAK,CAAC,CAAC;YAEtB,eAAM,CAAC,IAAI,CAAC,oCAAoC,MAAM,EAAE,CAAC,CAAC;YAE1D,IAAI,MAAM,KAAK,iBAAiB,IAAI,MAAM,KAAK,iBAAiB,EAAE,CAAC;gBACjE,OAAO,CAAC,sDAAsD,CAAC,CAAC;YAClE,CAAC;QACH,CAAC;QAED,eAAM,CAAC,EAAE,CAAC,8BAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAC3C,eAAM,CAAC,EAAE,CAAC,8BAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACjD,eAAM,CAAC,EAAE,CAAC,8BAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAE5C,OAAO,GAAG,EAAE;YACV,eAAM,CAAC,GAAG,CAAC,8BAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAC5C,eAAM,CAAC,GAAG,CAAC,8BAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAClD,eAAM,CAAC,GAAG,CAAC,8BAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,eAAM,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,WAAW,EAAE,CAAC;AACzB,CAAC,CAAC;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEzB,MAAM,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC;IAErC,OAAO,CACL;QACE,8BAAC,gBAAM,IACL,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,UAAU,qBACH,oBAAoB,sBACnB,0BAA0B;YAE3C,8BAAC,qBAAW,IAAC,EAAE,EAAC,oBAAoB,6CAA2C;YAC/E,8BAAC,uBAAa;gBACZ,8BAAC,2BAAiB,IAAC,EAAE,EAAC,0BAA0B,IAAE,KAAK,CAAqB,CAC9D;YAChB,8BAAC,uBAAa;gBACZ,8BAAC,gBAAM,IAAC,OAAO,EAAE,UAAU,EAAE,SAAS,kBAE7B,CACK,CACT,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,WAAW,eA2BtB"}

package/dist/webapp/components/StartButton.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const StartButton: ({ isMeasuring, start, stop, }: {
+    isMeasuring: boolean;
+    start: () => void;
+    stop: () => void;
+}) => React.JSX.Element;

package/dist/webapp/components/StartButton.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StartButton = void 0;
+const icons_material_1 = require("@mui/icons-material");
+const web_reporter_ui_1 = require("@clary-so/web-reporter-ui");
+const react_1 = __importDefault(require("react"));
+const StartButton = ({ isMeasuring, start, stop, }) => isMeasuring ? (react_1.default.createElement(web_reporter_ui_1.Button, { onClick: stop, icon: react_1.default.createElement(icons_material_1.Stop, null) }, "Stop Measuring")) : (react_1.default.createElement(web_reporter_ui_1.Button, { onClick: start, icon: react_1.default.createElement(icons_material_1.PlayArrow, null) }, "Start Measuring"));
+exports.StartButton = StartButton;
+//# sourceMappingURL=StartButton.js.map

package/dist/webapp/components/StartButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartButton.js","sourceRoot":"","sources":["../../../src/webapp/components/StartButton.tsx"],"names":[],"mappings":";;;;;;AAAA,wDAAsD;AACtD,+DAAmD;AACnD,kDAA0B;AAEnB,MAAM,WAAW,GAAG,CAAC,EAC1B,WAAW,EACX,KAAK,EACL,IAAI,GAKL,EAAE,EAAE,CACH,WAAW,CAAC,CAAC,CAAC,CACZ,8BAAC,wBAAM,IAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,8BAAC,qBAAI,OAAG,qBAE5B,CACV,CAAC,CAAC,CAAC,CACF,8BAAC,wBAAM,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,8BAAC,0BAAS,OAAG,sBAElC,CACV,CAAC;AAjBS,QAAA,WAAW,eAiBpB"}

package/dist/webapp/components/TextField.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const TextField: ({ onChange, value, }: {
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value: string;
+}) => React.JSX.Element;

package/dist/webapp/components/TextField.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+const React = __importStar(require("react"));
+const styles_1 = require("@mui/material/styles");
+const InputBase_1 = __importDefault(require("@mui/material/InputBase"));
+const icons_material_1 = require("@mui/icons-material");
+const Search = (0, styles_1.styled)("div")(({ theme }) => ({
+    position: "relative",
+    borderRadius: theme.shape.borderRadius,
+    backgroundColor: (0, styles_1.alpha)(theme.palette.common.white, 0.15),
+    "&:hover": {
+        backgroundColor: (0, styles_1.alpha)(theme.palette.common.white, 0.25),
+    },
+    marginLeft: 0,
+    width: 300,
+}));
+const SearchIconWrapper = (0, styles_1.styled)("div")(() => ({
+    paddingLeft: 10,
+    paddingRight: 10,
+    height: "100%",
+    position: "absolute",
+    pointerEvents: "none",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+}));
+const StyledInputBase = (0, styles_1.styled)(InputBase_1.default)(({ theme }) => ({
+    color: "inherit",
+    "& .MuiInputBase-input": {
+        padding: 10,
+        // vertical padding + font size from searchIcon
+        paddingLeft: 45,
+        transition: theme.transitions.create("width"),
+        width: 300 - 45 - 10,
+    },
+}));
+const TextField = ({ onChange, value, }) => {
+    return (React.createElement(Search, null,
+        React.createElement(SearchIconWrapper, null,
+            React.createElement(icons_material_1.AndroidRounded, null)),
+        React.createElement(StyledInputBase, { placeholder: "Fill in your app id", onChange: onChange, value: value })));
+};
+exports.TextField = TextField;
+//# sourceMappingURL=TextField.js.map

package/dist/webapp/components/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/webapp/components/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iDAAqD;AACrD,wEAAgD;AAChD,wDAAqD;AAErD,MAAM,MAAM,GAAG,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3C,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;IACxD,SAAS,EAAE;QACT,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;KACzD;IACD,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,GAAG;CACX,CAAC,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GAAG,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7C,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;IAChB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,IAAA,eAAM,EAAC,mBAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,KAAK,EAAE,SAAS;IAChB,uBAAuB,EAAE;QACvB,OAAO,EAAE,EAAE;QACX,+CAA+C;QAC/C,WAAW,EAAE,EAAE;QACf,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC;QAC7C,KAAK,EAAE,GAAG,GAAG,EAAE,GAAG,EAAE;KACrB;CACF,CAAC,CAAC,CAAC;AAEG,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,KAAK,GAIN,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,iBAAiB;YAChB,oBAAC,+BAAc,OAAG,CACA;QACpB,oBAAC,eAAe,IAAC,WAAW,EAAC,qBAAqB,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAChF,CACV,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,SAAS,aAepB"}

package/dist/webapp/socket.d.ts

@@ -0,0 +1,3 @@
+import { Socket } from "socket.io-client";
+import { ServerToClientEvents, ClientToServerEvents } from "../server/socket/socketInterface";
+export declare const socket: Socket<ServerToClientEvents, ClientToServerEvents>;

package/dist/webapp/socket.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.socket = void 0;
+const socket_io_client_1 = require("socket.io-client");
+const socketInterface_1 = require("../server/socket/socketInterface");
+exports.socket = (0, socket_io_client_1.io)(window.__FLASHLIGHT_DATA__.socketServerUrl);
+exports.socket.on(socketInterface_1.SocketEvents.DISCONNECT, () => exports.socket.close());
+//# sourceMappingURL=socket.js.map

package/dist/webapp/socket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"socket.js","sourceRoot":"","sources":["../../src/webapp/socket.ts"],"names":[],"mappings":";;;AAAA,uDAA8C;AAC9C,sEAI0C;AAE7B,QAAA,MAAM,GAAuD,IAAA,qBAAE,EAC1E,MAAM,CAAC,mBAAmB,CAAC,eAAe,CAC3C,CAAC;AAEF,cAAM,CAAC,EAAE,CAAC,8BAAY,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,cAAM,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/webapp/useMeasures.d.ts

@@ -0,0 +1,10 @@
+export declare const useMeasures: () => {
+    bundleId: string | null;
+    autodetect: () => void;
+    setBundleId: (bundleId: string) => void;
+    results: import("@clary-so/types").TestCaseResult[];
+    isMeasuring: boolean;
+    start: () => void;
+    stop: () => void;
+    reset: () => void;
+};

package/dist/webapp/useMeasures.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMeasures = void 0;
+const react_1 = require("react");
+const socketInterface_1 = require("../server/socket/socketInterface");
+const socket_1 = require("./socket");
+const useMeasures = () => {
+    var _a, _b, _c;
+    const [state, setState] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        socket_1.socket.on(socketInterface_1.SocketEvents.UPDATE_STATE, setState);
+        return () => {
+            socket_1.socket.off(socketInterface_1.SocketEvents.UPDATE_STATE, setState);
+        };
+    }, []);
+    return {
+        bundleId: (_a = state === null || state === void 0 ? void 0 : state.bundleId) !== null && _a !== void 0 ? _a : null,
+        autodetect: () => {
+            socket_1.socket.emit(socketInterface_1.SocketEvents.AUTODETECT_BUNDLE_ID);
+        },
+        setBundleId: (bundleId) => {
+            socket_1.socket.emit(socketInterface_1.SocketEvents.SET_BUNDLE_ID, bundleId);
+        },
+        results: (_b = state === null || state === void 0 ? void 0 : state.results) !== null && _b !== void 0 ? _b : [],
+        isMeasuring: (_c = state === null || state === void 0 ? void 0 : state.isMeasuring) !== null && _c !== void 0 ? _c : false,
+        start: () => {
+            socket_1.socket.emit(socketInterface_1.SocketEvents.START);
+        },
+        stop: () => {
+            socket_1.socket.emit(socketInterface_1.SocketEvents.STOP);
+        },
+        reset: () => {
+            socket_1.socket.emit(socketInterface_1.SocketEvents.RESET);
+        },
+    };
+};
+exports.useMeasures = useMeasures;
+//# sourceMappingURL=useMeasures.js.map

package/dist/webapp/useMeasures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeasures.js","sourceRoot":"","sources":["../../src/webapp/useMeasures.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAC5C,sEAA4E;AAC5E,qCAAkC;AAE3B,MAAM,WAAW,GAAG,GAAG,EAAE;;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAc,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAM,CAAC,EAAE,CAAC,8BAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE;YACV,eAAM,CAAC,GAAG,CAAC,8BAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAClD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,QAAQ,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,IAAI;QACjC,UAAU,EAAE,GAAG,EAAE;YACf,eAAM,CAAC,IAAI,CAAC,8BAAY,CAAC,oBAAoB,CAAC,CAAC;QACjD,CAAC;QACD,WAAW,EAAE,CAAC,QAAgB,EAAE,EAAE;YAChC,eAAM,CAAC,IAAI,CAAC,8BAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QACpD,CAAC;QACD,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,EAAE;QAC7B,WAAW,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,mCAAI,KAAK;QACxC,KAAK,EAAE,GAAG,EAAE;YACV,eAAM,CAAC,IAAI,CAAC,8BAAY,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,EAAE,GAAG,EAAE;YACT,eAAM,CAAC,IAAI,CAAC,8BAAY,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,eAAM,CAAC,IAAI,CAAC,8BAAY,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@clary-so/measure",
+  "version": "0.4.2",
+  "author": {
+    "name": "Almouro",
+    "email": "alexandrem@bam.tech"
+  },
+  "license": "MIT",
+  "bin": {
+    "perf-profiler-measure": "dist/bin.js"
+  },
+  "dependencies": {
+    "@clary-so/e2e": "^0.11.3",
+    "@clary-so/logger": "^0.3.3",
+    "@clary-so/profiler": "^0.10.11",
+    "@clary-so/reporter": "^0.9.0",
+    "@clary-so/shell": "^0.2.1",
+    "@clary-so/types": "^0.8.0",
+    "commander": "^12.0.0",
+    "cors": "^2.8.5",
+    "express": "^4.19.2",
+    "ink": "^3.2.0",
+    "react": "^18.0.0",
+    "socket.io": "^4.7.5"
+  },
+  "devDependencies": {
+    "@clary-so/web-reporter-ui": "^0.16.1",
+    "@mui/icons-material": "^5.15.12",
+    "@mui/material": "^5.15.12",
+    "@testing-library/react": "^14.2.1",
+    "@types/express": "^4.17.21",
+    "@types/supertest": "^6.0.2",
+    "ink-testing-library": "^2.1.0",
+    "parcel": "^2.12.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "socket.io-client": "^4.7.4",
+    "supertest": "^6.3.4"
+  },
+  "scripts": {
+    "build": "yarn parcel build src/webapp/index.html",
+    "start": "yarn parcel src/webapp/index.html"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "04701e8b54770af21dd476a8a48da1229061c7f2"
+}