creevey 0.9.0-non-webpack.2 → 0.9.0

package/dist/client/web/CreeveyView/SideBar/TestsStatus.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestsStatus = void 0;
+const react_1 = __importDefault(require("react"));
+const components_1 = require("@storybook/components");
+const theming_1 = require("@storybook/theming");
+const Container = theming_1.styled.div({
+    display: 'flex',
+    alignItems: 'center',
+    fontSize: '14px',
+    lineHeight: '22px',
+});
+const IconContainer = theming_1.styled.div(({ color }) => ({
+    color: color ?? 'inherit',
+    display: 'inline-flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    margin: '0 4px',
+    '&:first-of-type': {
+        marginLeft: 0,
+    },
+    '& svg': {
+        marginRight: 5,
+        width: 10,
+        height: 10,
+    },
+}));
+const Divider = theming_1.styled.div({
+    '&::before': {
+        content: "'/'",
+        display: 'block',
+        marginRight: 4,
+    },
+});
+const Button = (0, theming_1.styled)(components_1.IconButton)({
+    marginTop: 0,
+    padding: 0,
+    height: '24px',
+});
+exports.TestsStatus = (0, theming_1.withTheme)(({ successCount, failedCount, pendingCount, skippedCount, onClickByStatus, theme, }) => {
+    return (react_1.default.createElement(Container, null,
+        react_1.default.createElement(Button, { onClick: () => {
+                onClickByStatus('pending');
+            } },
+            react_1.default.createElement(IconContainer, { color: theme?.color.mediumdark },
+                react_1.default.createElement(components_1.Icons, { icon: "time" }),
+                pendingCount)),
+        react_1.default.createElement(Divider, null),
+        react_1.default.createElement(Button, { onClick: () => {
+                onClickByStatus('success');
+            } },
+            react_1.default.createElement(IconContainer, { color: theme?.color.green },
+                react_1.default.createElement(components_1.Icons, { icon: "check" }),
+                " ",
+                successCount)),
+        react_1.default.createElement(Divider, null),
+        react_1.default.createElement(Button, { onClick: () => {
+                onClickByStatus('failed');
+            } },
+            react_1.default.createElement(IconContainer, { color: theme?.color.negative },
+                react_1.default.createElement(components_1.Icons, { icon: "cross" }),
+                " ",
+                failedCount)),
+        react_1.default.createElement(Divider, null),
+        react_1.default.createElement(Button, null,
+            react_1.default.createElement(IconContainer, { color: theme?.color.defaultText },
+                react_1.default.createElement(components_1.Icons, { icon: "timer" }),
+                " ",
+                skippedCount))));
+});
+//# sourceMappingURL=TestsStatus.js.map

package/dist/client/web/CreeveyView/SideBar/TestsStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestsStatus.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/TestsStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sDAA0D;AAC1D,gDAA8D;AAS9D,MAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,CAAC;IAC3B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnE,KAAK,EAAE,KAAK,IAAI,SAAS;IACzB,OAAO,EAAE,aAAa;IACtB,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,OAAO;IAEf,iBAAiB,EAAE;QACjB,UAAU,EAAE,CAAC;KACd;IAED,OAAO,EAAE;QACP,WAAW,EAAE,CAAC;QACd,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,OAAO,GAAG,gBAAM,CAAC,GAAG,CAAC;IACzB,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,IAAA,gBAAM,EAAC,uBAAU,CAAC,CAAC;IAChC,SAAS,EAAE,CAAC;IACZ,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEU,QAAA,WAAW,GAAG,IAAA,mBAAS,EAClC,CAAC,EACC,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,KAAK,GACY,EAAe,EAAE;IAClC,OAAO,CACL,8BAAC,SAAS;QAER,8BAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,SAAS,CAAC,CAAC;YAC7B,CAAC;YAED,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU;gBAC3C,8BAAC,kBAAK,IAAC,IAAI,EAAC,MAAM,GAAG;gBACpB,YAAY,CACC,CACT;QACT,8BAAC,OAAO,OAAG;QAEX,8BAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,SAAS,CAAC,CAAC;YAC7B,CAAC;YAED,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;gBACtC,8BAAC,kBAAK,IAAC,IAAI,EAAC,OAAO,GAAG;;gBAAE,YAAY,CACtB,CACT;QACT,8BAAC,OAAO,OAAG;QAEX,8BAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC5B,CAAC;YAED,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ;gBACzC,8BAAC,kBAAK,IAAC,IAAI,EAAC,OAAO,GAAG;;gBAAE,WAAW,CACrB,CACT;QACT,8BAAC,OAAO,OAAG;QAEX,8BAAC,MAAM;YACL,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW;gBAC5C,8BAAC,kBAAK,IAAC,IAAI,EAAC,OAAO,GAAG;;gBAAE,YAAY,CACtB,CACT,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

package/{lib/types → dist}/client/web/CreeveyView/SideBar/Toggle.d.ts

@@ -1,6 +1,6 @@
-interface ToggleProps {
-    value?: boolean;
-    onChange: (val: boolean) => void;
-}
-export declare const Toggle: ({ value, onChange }: ToggleProps) => JSX.Element;
-export {};
+interface ToggleProps {
+    value?: boolean;
+    onChange: (val: boolean) => void;
+}
+export declare const Toggle: ({ value, onChange }: ToggleProps) => JSX.Element;
+export {};

package/dist/client/web/CreeveyView/SideBar/Toggle.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = void 0;
+const react_1 = __importDefault(require("react"));
+const theming_1 = require("@storybook/theming");
+const polished_1 = require("polished");
+const Container = (0, theming_1.withTheme)(theming_1.styled.span(({ theme }) => ({
+    lineHeight: '10px',
+    display: 'inline-block',
+    position: 'relative',
+    whiteSpace: 'nowrap',
+    background: theme.base == 'light' ? theme.color.mediumlight : theme.color.darker,
+    borderRadius: '3em',
+    padding: 2,
+    verticalAlign: 'middle',
+    marginLeft: 10,
+    input: {
+        appearance: 'none',
+        width: '100%',
+        height: '100%',
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        margin: 0,
+        padding: 0,
+        border: 'none',
+        cursor: 'pointer',
+        '&:focus': {
+            outline: 'none',
+        },
+    },
+    span: {
+        cursor: 'pointer',
+        display: 'inline-block',
+        transition: 'all 100ms ease-out',
+        userSelect: 'none',
+        borderRadius: '100%',
+        background: theme.background.bar,
+        boxShadow: `${(0, polished_1.opacify)(0.1, theme.appBorderColor)} 0 0 2px`,
+        color: theme.color.defaultText,
+        width: 20,
+        height: 20,
+        boxSizing: 'border-box',
+        lineHeight: '19px',
+        textAlign: 'center',
+        '&:hover': {
+            boxShadow: `${(0, polished_1.opacify)(0.3, theme.appBorderColor)} 0 0 0 1px inset`,
+        },
+        '&:active': {
+            boxShadow: `${(0, polished_1.opacify)(0.05, theme.appBorderColor)} 0 0 0 2px inset`,
+        },
+    },
+    'input:checked ~ span': {
+        marginLeft: 20,
+    },
+    'input:not(:checked) ~ span': {
+        marginRight: 20,
+    },
+})));
+const Toggle = ({ value, onChange }) => (react_1.default.createElement(Container, null,
+    react_1.default.createElement("input", { type: "checkbox", onChange: () => {
+            onChange(!value);
+        }, checked: value ?? false }),
+    react_1.default.createElement("span", null, value ? '☪' : '☀')));
+exports.Toggle = Toggle;
+//# sourceMappingURL=Toggle.js.map

package/dist/client/web/CreeveyView/SideBar/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/Toggle.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,gDAAuD;AACvD,uCAAmC;AAEnC,MAAM,SAAS,GAAG,IAAA,mBAAS,EACzB,gBAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1B,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;IAChF,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,CAAC;IACV,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,EAAE;IAEd,KAAK,EAAE;QACL,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QAEjB,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;KACF;IAED,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,oBAAoB;QAChC,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG;QAChC,SAAS,EAAE,GAAG,IAAA,kBAAO,EAAC,GAAG,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU;QAC1D,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAC9B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;QAEnB,SAAS,EAAE;YACT,SAAS,EAAE,GAAG,IAAA,kBAAO,EAAC,GAAG,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB;SACnE;QAED,UAAU,EAAE;YACV,SAAS,EAAE,GAAG,IAAA,kBAAO,EAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB;SACpE;KACF;IAED,sBAAsB,EAAE;QACtB,UAAU,EAAE,EAAE;KACf;IAED,4BAA4B,EAAE;QAC5B,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAC,CACJ,CAAC;AAOK,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAe,EAAe,EAAE,CAAC,CACvE,8BAAC,SAAS;IACR,yCACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,GAAG,EAAE;YACb,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,EACD,OAAO,EAAE,KAAK,IAAI,KAAK,GACvB;IACF,4CAAO,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAQ,CACtB,CACb,CAAC;AAXW,QAAA,MAAM,UAWjB"}

package/dist/client/web/CreeveyView/SideBar/index.d.ts

@@ -0,0 +1 @@
+export { SideBar } from './SideBar.js';

package/dist/client/web/CreeveyView/SideBar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideBar = void 0;
+var SideBar_js_1 = require("./SideBar.js");
+Object.defineProperty(exports, "SideBar", { enumerable: true, get: function () { return SideBar_js_1.SideBar; } });
+//# sourceMappingURL=index.js.map

package/dist/client/web/CreeveyView/SideBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/index.ts"],"names":[],"mappings":";;;AAAA,2CAAuC;AAA9B,qGAAA,OAAO,OAAA"}

package/{lib/types → dist}/client/web/KeyboardEventsContext.d.ts

@@ -1,13 +1,15 @@
-import React from 'react';
-import { CreeveySuite } from '../../types';
-import { CreeveyViewFilter } from '../shared/helpers';
-export interface KeyboardEventsContextType {
-    sidebarFocusedItem: string[];
-    setSidebarFocusedItem: (path: string[]) => void;
-}
-export declare const KeyboardEventsContext: React.Context<KeyboardEventsContextType>;
-export declare const KeyboardEvents: ({ children, rootSuite, filter, }: {
-    rootSuite: CreeveySuite;
-    filter: CreeveyViewFilter;
-    children: React.ReactChild;
-}) => JSX.Element;
+import React from 'react';
+import { CreeveySuite } from '../../types.js';
+import { CreeveyViewFilter } from '../shared/helpers.js';
+export type SuitePath = string[];
+export type FocusableItem = null | SuitePath;
+export interface KeyboardEventsContextType {
+    sidebarFocusedItem: FocusableItem;
+    setSidebarFocusedItem: (item: FocusableItem) => void;
+}
+export declare const KeyboardEventsContext: React.Context<KeyboardEventsContextType>;
+export declare const KeyboardEvents: ({ children, rootSuite, filter, }: {
+    rootSuite: CreeveySuite;
+    filter: CreeveyViewFilter;
+    children: React.ReactChild;
+}) => JSX.Element;

package/dist/client/web/KeyboardEventsContext.js

@@ -0,0 +1,116 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyboardEvents = exports.KeyboardEventsContext = void 0;
+const react_1 = __importStar(require("react"));
+const types_js_1 = require("../../types.js");
+const helpers_js_1 = require("../shared/helpers.js");
+const CreeveyContext_js_1 = require("./CreeveyContext.js");
+exports.KeyboardEventsContext = react_1.default.createContext({
+    sidebarFocusedItem: [],
+    setSidebarFocusedItem: types_js_1.noop,
+});
+const KeyboardEvents = ({ children, rootSuite, filter, }) => {
+    const [sidebarFocusedItem, setSidebarFocusedItem] = (0, react_1.useState)([]);
+    const { onSuiteOpen, onSuiteToggle } = (0, react_1.useContext)(CreeveyContext_js_1.CreeveyContext);
+    const suiteList = (0, helpers_js_1.flattenSuite)((0, helpers_js_1.filterTests)(rootSuite, filter));
+    const getFocusedItemIndex = (0, react_1.useCallback)((item) => {
+        return suiteList.findIndex((x) => {
+            const path = (0, types_js_1.isTest)(x.suite) ? (0, helpers_js_1.getTestPath)(x.suite) : x.suite.path;
+            return item.length === path.length && item.every((focusedPath) => path.includes(focusedPath));
+        });
+    }, [suiteList]);
+    const handleKeyDown = (0, react_1.useCallback)((e) => {
+        if (sidebarFocusedItem === null)
+            return;
+        if (e.code === 'Enter') {
+            if (sidebarFocusedItem.length === 0)
+                return;
+            const focusedSuite = (0, helpers_js_1.getSuiteByPath)(rootSuite, sidebarFocusedItem);
+            if (!focusedSuite)
+                return;
+            if (!(0, types_js_1.isTest)(focusedSuite)) {
+                e.preventDefault();
+                onSuiteOpen(focusedSuite.path, !focusedSuite.opened);
+            }
+            if ((0, types_js_1.isTest)(focusedSuite) && focusedSuite.results?.length == 0) {
+                e.preventDefault();
+            }
+            return;
+        }
+        if (e.code === 'Space') {
+            e.preventDefault();
+            const focusedSuite = (0, helpers_js_1.getSuiteByPath)(rootSuite, sidebarFocusedItem);
+            if (!focusedSuite)
+                return;
+            const path = (0, types_js_1.isTest)(focusedSuite) ? (0, helpers_js_1.getTestPath)(focusedSuite) : focusedSuite.path;
+            onSuiteToggle(path, !focusedSuite.checked);
+        }
+        if (e.code === 'ArrowDown') {
+            const currentIndex = sidebarFocusedItem.length === 0 ? -1 : getFocusedItemIndex(sidebarFocusedItem);
+            if (currentIndex === suiteList.length - 1)
+                return;
+            const nextSuite = suiteList[currentIndex + 1];
+            const nextPath = (0, types_js_1.isTest)(nextSuite.suite) ? (0, helpers_js_1.getTestPath)(nextSuite.suite) : nextSuite.suite.path;
+            setSidebarFocusedItem(nextPath);
+        }
+        if (e.code === 'ArrowUp') {
+            const currentIndex = sidebarFocusedItem.length === 0 ? 0 : getFocusedItemIndex(sidebarFocusedItem);
+            const nextSuite = currentIndex > 0 ? suiteList[currentIndex - 1].suite : rootSuite;
+            const nextPath = (0, types_js_1.isTest)(nextSuite) ? (0, helpers_js_1.getTestPath)(nextSuite) : nextSuite.path;
+            setSidebarFocusedItem(nextPath);
+        }
+        if (e.code === 'ArrowRight') {
+            if (sidebarFocusedItem.length === 0)
+                return;
+            const focusedSuite = (0, helpers_js_1.getSuiteByPath)(rootSuite, sidebarFocusedItem);
+            if (!focusedSuite || (0, types_js_1.isTest)(focusedSuite))
+                return;
+            onSuiteOpen(focusedSuite.path, true);
+        }
+        if (e.code === 'ArrowLeft') {
+            if (sidebarFocusedItem.length === 0)
+                return;
+            const focusedSuite = (0, helpers_js_1.getSuiteByPath)(rootSuite, sidebarFocusedItem);
+            if (!focusedSuite)
+                return;
+            if (!(0, types_js_1.isTest)(focusedSuite) && focusedSuite.opened) {
+                onSuiteOpen(focusedSuite.path, false);
+                return;
+            }
+            const path = (0, types_js_1.isTest)(focusedSuite) ? (0, helpers_js_1.getTestPath)(focusedSuite) : focusedSuite.path;
+            setSidebarFocusedItem(path.slice(0, -1));
+        }
+    }, [onSuiteOpen, onSuiteToggle, rootSuite, suiteList, getFocusedItemIndex, sidebarFocusedItem]);
+    (0, react_1.useEffect)(() => {
+        document.addEventListener('keydown', handleKeyDown, false);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown, false);
+        };
+    }, [handleKeyDown]);
+    return (react_1.default.createElement(exports.KeyboardEventsContext.Provider, { value: { sidebarFocusedItem, setSidebarFocusedItem } }, children));
+};
+exports.KeyboardEvents = KeyboardEvents;
+//# sourceMappingURL=KeyboardEventsContext.js.map

package/dist/client/web/KeyboardEventsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardEventsContext.js","sourceRoot":"","sources":["../../../src/client/web/KeyboardEventsContext.tsx"],"names":[],"mappings":"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"}

package/{lib/types → dist}/client/web/index.d.ts

@@ -1,4 +1,4 @@
-import { CreeveyStatus } from '../../types';
-declare global {
-    const __CREEVEY_DATA__: CreeveyStatus['tests'];
-}
+import { CreeveyStatus } from '../../types.js';
+declare global {
+    const __CREEVEY_DATA__: CreeveyStatus['tests'];
+}

package/{lib/cjs → dist}/client/web/index.html

@@ -1,19 +1,28 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Creevey</title>
-    <style>
-      body {
-        margin: 0;
-        font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco', BlinkMacSystemFont, 'Segoe UI',
-          'Helvetica Neue', Helvetica, Arial, sans-serif;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script src="main.js"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Creevey</title>
+    <style>
+      body {
+        margin: 0;
+        font-family:
+          'Nunito Sans',
+          -apple-system,
+          '.SFNSText-Regular',
+          'San Francisco',
+          BlinkMacSystemFont,
+          'Segoe UI',
+          'Helvetica Neue',
+          Helvetica,
+          Arial,
+          sans-serif;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="main.js"></script>
+  </body>
+</html>

package/dist/client/web/index.js

@@ -0,0 +1,75 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 });
+const react_1 = __importStar(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const CreeveyApp_js_1 = require("./CreeveyApp.js");
+const creeveyClientApi_js_1 = require("../shared/creeveyClientApi.js");
+const types_js_1 = require("../../types.js");
+const helpers_js_1 = require("../shared/helpers.js");
+const CreeveyLoader_js_1 = require("./CreeveyLoader.js");
+window.__CREEVEY_SET_READY_FOR_CAPTURE__ = types_js_1.noop;
+function loadCreeveyData() {
+    return new Promise((resolve) => {
+        const script = document.createElement('script');
+        script.src = 'data.js';
+        script.onload = () => {
+            resolve(__CREEVEY_DATA__);
+        };
+        document.body.appendChild(script);
+    });
+}
+const CreeveyAppAsync = react_1.default.lazy(async () => {
+    let isReport = false;
+    let creeveyStatus;
+    let creeveyApi;
+    if (window.location.host) {
+        try {
+            creeveyApi = await (0, creeveyClientApi_js_1.initCreeveyClientApi)();
+            creeveyStatus = await creeveyApi.status;
+        }
+        catch {
+            // NOTE: Failed to get status from API
+            // NOTE: It might happen on circle ci from artifact
+            isReport = true;
+            creeveyStatus = { isRunning: false, tests: await loadCreeveyData(), browsers: [] };
+        }
+    }
+    else {
+        isReport = true;
+        creeveyStatus = { isRunning: false, tests: await loadCreeveyData(), browsers: [] };
+    }
+    return {
+        default() {
+            return (react_1.default.createElement(CreeveyApp_js_1.CreeveyApp, { api: creeveyApi, initialState: { isReport, isRunning: creeveyStatus.isRunning, tests: (0, helpers_js_1.treeifyTests)(creeveyStatus.tests) } }));
+        },
+    };
+});
+react_dom_1.default.render(react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(CreeveyLoader_js_1.CreeveyLoader, null) },
+    react_1.default.createElement(CreeveyAppAsync, null)), document.getElementById('root'));
+//# sourceMappingURL=index.js.map

package/dist/client/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/web/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,0DAAiC;AACjC,mDAA6C;AAE7C,uEAAuF;AACvF,6CAAqD;AACrD,qDAAoD;AACpD,yDAAmD;AAMnD,MAAM,CAAC,iCAAiC,GAAG,eAAI,CAAC;AAEhD,SAAS,eAAe;IACtB,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;QACrD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,GAAG,GAAG,SAAS,CAAC;QACvB,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAC5B,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,eAAe,GAAG,eAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;IAC5C,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,IAAI,aAA4B,CAAC;IACjC,IAAI,UAAwC,CAAC;IAC7C,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC;YACH,UAAU,GAAG,MAAM,IAAA,0CAAoB,GAAE,CAAC;YAC1C,aAAa,GAAG,MAAM,UAAU,CAAC,MAAM,CAAC;QAC1C,CAAC;QAAC,MAAM,CAAC;YACP,sCAAsC;YACtC,mDAAmD;YACnD,QAAQ,GAAG,IAAI,CAAC;YAChB,aAAa,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACrF,CAAC;IACH,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,IAAI,CAAC;QAChB,aAAa,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;IACrF,CAAC;IAED,OAAO;QACL,OAAO;YACL,OAAO,CACL,8BAAC,0BAAU,IACT,GAAG,EAAE,UAAU,EACf,YAAY,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,KAAK,EAAE,IAAA,yBAAY,EAAC,aAAa,CAAC,KAAK,CAAC,EAAE,GACxG,CACH,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAQ,CAAC,MAAM,CACb,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,8BAAC,gCAAa,OAAG;IACnC,8BAAC,eAAe,OAAG,CACV,EACX,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAChC,CAAC"}