@darajs/core 0.4.8

package/dist/devtools/backend-errors/backend-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backend-errors.js","sourceRoot":"","sources":["../../../js/devtools/backend-errors/backend-errors.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,YAAY,EAAE,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAEtE,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;aAErB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;iBAK/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;CAGnD,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;2BAUC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC7D,CAAC;AAEF;;GAEG;AACH,SAAS,aAAa;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEnD,MAAM,YAAY,GAAG,qBAAqB,CAAC,MAAM,CAAC;SAC7C,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;SAC9E,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAExD,OAAO,CACH,MAAC,eAAe,eACZ,MAAC,OAAO,eACJ,KAAC,WAAW,IAAC,OAAO,EAAE,WAAW,YAC7B,YAAG,SAAS,EAAC,uBAAuB,GAAG,GAC7B,EACd,KAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,WAAW,EAAC,QAAQ,EAAC,KAAK,EAAE,WAAW,GAAI,IAClF,EACV,KAAC,SAAS,cACL,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,YAAY,IAAC,YAAY,EAAE,CAAC,IAAO,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAI,CAC3D,CAAC,GACM,IACE,CACrB,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/devtools/backend-errors/error-display.d.ts

@@ -0,0 +1,22 @@
+import { ServerErrorMessage } from '../../api/websocket';
+interface ParsedBackendError {
+    description: string;
+    time: Date;
+    traceback: string;
+    tracebackTitle: string;
+}
+/**
+ * Parse server error messages for display
+ *
+ * @param errors error messages to parse
+ */
+export declare function parseErrorsForDisplay(errors: ServerErrorMessage['message'][]): ParsedBackendError[];
+interface ErrorDisplayProps {
+    errorMessage: ParsedBackendError;
+}
+/**
+ * Display a single backend error in an expandable box
+ */
+declare function ErrorDisplay(props: ErrorDisplayProps): JSX.Element;
+export default ErrorDisplay;
+//# sourceMappingURL=error-display.d.ts.map

package/dist/devtools/backend-errors/error-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-display.d.ts","sourceRoot":"","sources":["../../../js/devtools/backend-errors/error-display.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA4ErD,UAAU,kBAAkB;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,kBAAkB,CAAC,SAAS,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAgBnG;AAED,UAAU,iBAAiB;IACvB,YAAY,EAAE,kBAAkB,CAAC;CACpC;AAED;;GAEG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA6B3D;AAED,eAAe,YAAY,CAAC"}

package/dist/devtools/backend-errors/error-display.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { format, parseISO } from 'date-fns';
+import { useState } from 'react';
+import { Collapse } from 'react-collapse';
+import styled from '@darajs/styled-components';
+const ErrorWrapper = styled.div `
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+
+    /* stylelint-disable selector-class-pattern */
+    .ReactCollapse--collapse {
+        transition: height 0.35s ease;
+    }
+    /* stylelint-enable selector-class-pattern */
+`;
+const ErrorHeader = styled.div `
+    cursor: pointer;
+    display: flex;
+    flex-direction: column;
+    background-color: ${(props) => props.theme.colors.background};
+`;
+const CollapseContent = styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+
+    width: 100%;
+    margin: 0;
+    padding-top: 0.5rem;
+
+    background-color: ${(props) => props.theme.colors.background};
+`;
+const ErrorSign = styled.i `
+    color: ${(props) => props.theme.colors.error};
+`;
+const ErrorDescription = styled.div `
+    width: 100%;
+    padding: 1rem;
+
+    font-family: monospace;
+    color: ${(props) => props.theme.colors.text};
+
+    background-color: ${(props) => props.theme.colors.grey2};
+`;
+const ErrorTitleRow = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 1rem;
+`;
+const ErrorTitle = styled.span `
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    color: ${(props) => props.theme.colors.text};
+`;
+const ErrorTraceback = styled.pre `
+    overflow-y: auto;
+    padding: 0.5rem;
+    color: ${(props) => props.theme.colors.text};
+`;
+const Chevron = styled.i `
+    cursor: pointer;
+    transform: ${(props) => (props.$isOpen ? `rotate(180deg)` : `rotate(0deg)`)};
+    color: ${(props) => props.theme.colors.grey5};
+    transition: transform 0.1s linear;
+`;
+/**
+ * Parse server error messages for display
+ *
+ * @param errors error messages to parse
+ */
+export function parseErrorsForDisplay(errors) {
+    return errors.map((e) => {
+        const errorContent = e.error.split('\n').filter((l) => l !== '');
+        const time = parseISO(e.time);
+        const [description] = errorContent.slice(-1);
+        const tracebackTitle = errorContent[0];
+        const traceback = errorContent.slice(1, -1).join('\n');
+        return {
+            description,
+            time,
+            traceback,
+            tracebackTitle,
+        };
+    });
+}
+/**
+ * Display a single backend error in an expandable box
+ */
+function ErrorDisplay(props) {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const time = format(props.errorMessage.time, 'HH:mm:ss.SS');
+    const onClick = () => {
+        setIsExpanded((b) => !b);
+    };
+    return (_jsxs(ErrorWrapper, { children: [_jsxs(ErrorHeader, { onClick: onClick, children: [_jsxs(ErrorTitleRow, { children: [_jsxs(ErrorTitle, { children: [_jsx(ErrorSign, { className: "fa-solid fa-triangle-exclamation fa-lg" }), time] }), _jsx(Chevron, { "$isOpen": isExpanded, className: "fa-solid fa-chevron-down" })] }), _jsx(ErrorDescription, { children: props.errorMessage.description })] }), _jsx(Collapse, { isOpened: isExpanded, children: _jsxs(CollapseContent, { children: [_jsx(ErrorDescription, { children: props.errorMessage.tracebackTitle }), _jsx(ErrorTraceback, { children: props.errorMessage.traceback })] }) })] }));
+}
+export default ErrorDisplay;
+//# sourceMappingURL=error-display.js.map

package/dist/devtools/backend-errors/error-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-display.js","sourceRoot":"","sources":["../../../js/devtools/backend-errors/error-display.tsx"],"names":[],"mappings":"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"}

package/dist/devtools/backend-errors/index.d.ts

@@ -0,0 +1,3 @@
+export { BackendErrorsProvider, useBackendErrors } from './backend-errors-ctx';
+export { default as BackendErrors } from './backend-errors';
+//# sourceMappingURL=index.d.ts.map

package/dist/devtools/backend-errors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../js/devtools/backend-errors/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/devtools/backend-errors/index.js

@@ -0,0 +1,3 @@
+export { BackendErrorsProvider, useBackendErrors } from './backend-errors-ctx';
+export { default as BackendErrors } from './backend-errors';
+//# sourceMappingURL=index.js.map

package/dist/devtools/backend-errors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../js/devtools/backend-errors/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/devtools/devtools-content.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+interface DevToolsContentProps {
+    onCloseDevtools: () => void;
+    style?: CSSProperties;
+}
+/**
+ * Displays devtools content.
+ * Displays a selected devtool based on the selected devtool in the top selection header.
+ */
+declare function DevToolsContent(props: DevToolsContentProps): JSX.Element;
+export default DevToolsContent;
+//# sourceMappingURL=devtools-content.d.ts.map

package/dist/devtools/devtools-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-content.d.ts","sourceRoot":"","sources":["../../js/devtools/devtools-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAoEhD,UAAU,oBAAoB;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB;AAMD;;;GAGG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAsBjE;AAED,eAAe,eAAe,CAAC"}

package/dist/devtools/devtools-content.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import styled from '@darajs/styled-components';
+import { Button } from '@darajs/ui-components';
+import { BackendErrors } from './backend-errors';
+const DevToolsContentWrapper = styled.div `
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    width: 100%;
+
+    color: ${(props) => props.theme.colors.text};
+
+    background-color: ${(props) => props.theme.colors.blue1};
+    border-left: 1px solid ${(props) => props.theme.colors.grey5};
+`;
+const HeaderWrapper = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    width: 100%;
+    margin: 0 auto;
+
+    border-bottom: 1px solid;
+    border-bottom-color: ${(props) => props.theme.colors.grey5};
+`;
+const DevtoolSelector = styled.div `
+    display: flex;
+    flex-shrink: 1;
+    gap: 0.1rem;
+    align-items: center;
+
+    button {
+        gap: 1rem;
+        width: 125px;
+    }
+`;
+const CloseButton = styled(Button) `
+    color: ${(props) => props.theme.colors.grey4};
+    background-color: inherit;
+    transition: color 100ms ease 0s;
+
+    :hover:not(:disabled) {
+        color: ${(props) => props.theme.colors.grey5};
+        background-color: inherit;
+    }
+`;
+const SelectionButton = styled(Button) `
+    color: ${(props) => props.theme.colors.text};
+    border-bottom: 2px solid ${(props) => props.theme.colors.primary};
+    border-radius: 0;
+
+    :hover:not(:disabled) {
+        color: ${(props) => props.theme.colors.text};
+        background-color: ${(props) => props.theme.colors.blue2};
+    }
+`;
+var DevTools;
+(function (DevTools) {
+    DevTools["ERRORS"] = "errors";
+})(DevTools || (DevTools = {}));
+/**
+ * Displays devtools content.
+ * Displays a selected devtool based on the selected devtool in the top selection header.
+ */
+function DevToolsContent(props) {
+    const [selectedTool, setSelectedTool] = useState(DevTools.ERRORS);
+    return (_jsxs(DevToolsContentWrapper, { style: props.style, children: [_jsxs(HeaderWrapper, { children: [_jsx(DevtoolSelector, { children: _jsx(SelectionButton, { "$selected": selectedTool === DevTools.ERRORS, onClick: () => setSelectedTool(DevTools.ERRORS), styling: "ghost", children: "Errors" }) }), _jsx(CloseButton, { onClick: props.onCloseDevtools, children: _jsx("i", { className: "fa-solid fa-x" }) })] }), selectedTool === DevTools.ERRORS && _jsx(BackendErrors, {})] }));
+}
+export default DevToolsContent;
+//# sourceMappingURL=devtools-content.js.map

package/dist/devtools/devtools-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-content.js","sourceRoot":"","sources":["../../js/devtools/devtools-content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;aAO5B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;;wBAEvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;6BAC9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC/D,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;2BASL,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC7D,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUjC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;aACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;iBAK/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;CAGnD,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAEpC;aACW,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;+BAChB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;iBAInD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;4BACvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE9D,CAAC;AAOF,IAAK,QAEJ;AAFD,WAAK,QAAQ;IACT,6BAAiB,CAAA;AACrB,CAAC,EAFI,QAAQ,KAAR,QAAQ,QAEZ;AAED;;;GAGG;AACH,SAAS,eAAe,CAAC,KAA2B;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAElE,OAAO,CACH,MAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,aACtC,MAAC,aAAa,eACV,KAAC,eAAe,cACZ,KAAC,eAAe,iBACD,YAAY,KAAK,QAAQ,CAAC,MAAM,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC/C,OAAO,EAAC,OAAO,uBAGD,GACJ,EAClB,KAAC,WAAW,IAAC,OAAO,EAAE,KAAK,CAAC,eAAe,YACvC,YAAG,SAAS,EAAC,eAAe,GAAG,GACrB,IACF,EACf,YAAY,KAAK,QAAQ,CAAC,MAAM,IAAI,KAAC,aAAa,KAAG,IACjC,CAC5B,CAAC;AACN,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/devtools/devtools-context.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Context responsible for gathering data necessary for the devtools
+ */
+export default function DevtoolsContext(props: {
+    children: JSX.Element;
+}): JSX.Element;
+//# sourceMappingURL=devtools-context.d.ts.map

package/dist/devtools/devtools-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-context.d.ts","sourceRoot":"","sources":["../../js/devtools/devtools-context.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAErF"}

package/dist/devtools/devtools-context.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BackendErrorsProvider } from './backend-errors';
+/**
+ * Context responsible for gathering data necessary for the devtools
+ */
+export default function DevtoolsContext(props) {
+    return _jsx(BackendErrorsProvider, { children: props.children });
+}
+//# sourceMappingURL=devtools-context.js.map

package/dist/devtools/devtools-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-context.js","sourceRoot":"","sources":["../../js/devtools/devtools-context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAgC;IACpE,OAAO,KAAC,qBAAqB,cAAE,KAAK,CAAC,QAAQ,GAAyB,CAAC;AAC3E,CAAC"}

package/dist/devtools/devtools-wrapper.d.ts

@@ -0,0 +1,8 @@
+/**
+ * DevTools parent display component.
+ * Displays an absolutely-positioned floating button to toggle the view of the devtools sidebar,
+ * and a sidebar with the devtools content.
+ */
+declare function DevToolsWrapper(): JSX.Element;
+export default DevToolsWrapper;
+//# sourceMappingURL=devtools-wrapper.d.ts.map

package/dist/devtools/devtools-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-wrapper.d.ts","sourceRoot":"","sources":["../../js/devtools/devtools-wrapper.tsx"],"names":[],"mappings":"AA2CA;;;;GAIG;AACH,iBAAS,eAAe,IAAI,GAAG,CAAC,OAAO,CAsCtC;AAED,eAAe,eAAe,CAAC"}

package/dist/devtools/devtools-wrapper.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
+import styled from '@darajs/styled-components';
+import { useBackendErrors } from './backend-errors';
+import DevToolsContent from './devtools-content';
+import FloatingButton, { BUTTON_SIZE } from './floating-button';
+import Resizer from './resizer';
+import useMove from './use-move';
+const MIN_WIDTH = 350;
+const MAX_WIDTH = 600;
+/**
+ * Fit a given width value between the sidebar bounds
+ *
+ * @param width to fit in bounds
+ */
+function fitInBounds(width) {
+    if (width > MAX_WIDTH) {
+        return MAX_WIDTH;
+    }
+    if (width < MIN_WIDTH) {
+        return MIN_WIDTH;
+    }
+    return width;
+}
+const SidebarWrapper = styled.div `
+    display: flex;
+    flex-direction: row;
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    min-width: ${MIN_WIDTH}px;
+    max-width: ${MAX_WIDTH}px;
+    height: 100%;
+
+    box-shadow: 8px 2px 32px -2px rgb(0 0 0 / 25%);
+`;
+/**
+ * DevTools parent display component.
+ * Displays an absolutely-positioned floating button to toggle the view of the devtools sidebar,
+ * and a sidebar with the devtools content.
+ */
+function DevToolsWrapper() {
+    const [showDevtools, setShowDevtools] = useState(false);
+    const { errors } = useBackendErrors();
+    const sidebarRef = useRef(null);
+    const [sidebarWidth, setSidebarWidth] = useState(MIN_WIDTH);
+    // invoked on resizer move
+    const resize = useCallback((mouseMoveEvent) => {
+        setSidebarWidth(fitInBounds(sidebarRef.current.getBoundingClientRect().right - mouseMoveEvent.clientX));
+    }, []);
+    const { startMoving: startResizing } = useMove(resize);
+    // Button state lifted out of button component so the position doesn't reset when opening/closing sidebar
+    const buttonState = useState([
+        window.innerWidth - BUTTON_SIZE * 2,
+        window.innerHeight - BUTTON_SIZE * 2,
+    ]);
+    // If not showing devtools, don't include the sidebar in the dom at all
+    if (!showDevtools) {
+        return (_jsx(FloatingButton, { buttonState: buttonState, onClick: () => setShowDevtools(true), showErrorBadge: errors.length > 0 }));
+    }
+    return (_jsxs(SidebarWrapper, { ref: sidebarRef, style: { width: sidebarWidth }, children: [_jsx(Resizer, { onGrab: startResizing, sidebarWidth: sidebarWidth }), _jsx(DevToolsContent, { onCloseDevtools: () => setShowDevtools(false), style: { width: sidebarWidth } })] }));
+}
+export default DevToolsWrapper;
+//# sourceMappingURL=devtools-wrapper.js.map

package/dist/devtools/devtools-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-wrapper.js","sourceRoot":"","sources":["../../js/devtools/devtools-wrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,cAAc,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,CAAC;AACtB,MAAM,SAAS,GAAG,GAAG,CAAC;AAEtB;;;;GAIG;AACH,SAAS,WAAW,CAAC,KAAa;IAC9B,IAAI,KAAK,GAAG,SAAS,EAAE,CAAC;QACpB,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,GAAG,SAAS,EAAE,CAAC;QACpB,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;iBAMhB,SAAS;iBACT,SAAS;;;;CAIzB,CAAC;AAEF;;;;GAIG;AACH,SAAS,eAAe;IACpB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEtC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE5D,0BAA0B;IAC1B,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,cAA0B,EAAE,EAAE;QACtD,eAAe,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5G,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAEvD,yGAAyG;IACzG,MAAM,WAAW,GAAG,QAAQ,CAAmB;QAC3C,MAAM,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC;QACnC,MAAM,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC;KACvC,CAAC,CAAC;IAEH,uEAAuE;IACvE,IAAI,CAAC,YAAY,EAAE,CAAC;QAChB,OAAO,CACH,KAAC,cAAc,IACX,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EACpC,cAAc,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,GACnC,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,MAAC,cAAc,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,aAC3D,KAAC,OAAO,IAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,GAAI,EAC9D,KAAC,eAAe,IAAC,eAAe,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAI,IACrF,CACpB,CAAC;AACN,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/devtools/devtools.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Display devtools
+ */
+export default function DevTools(): JSX.Element;
+//# sourceMappingURL=devtools.d.ts.map

package/dist/devtools/devtools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.d.ts","sourceRoot":"","sources":["../../js/devtools/devtools.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,IAAI,GAAG,CAAC,OAAO,CAM9C"}

package/dist/devtools/devtools.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import DevtoolsContext from './devtools-context';
+import DevToolsWrapper from './devtools-wrapper';
+/**
+ * Display devtools
+ */
+export default function DevTools() {
+    return (_jsx(DevtoolsContext, { children: _jsx(DevToolsWrapper, {}) }));
+}
+//# sourceMappingURL=devtools.js.map

package/dist/devtools/devtools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.js","sourceRoot":"","sources":["../../js/devtools/devtools.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAEjD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC5B,OAAO,CACH,KAAC,eAAe,cACZ,KAAC,eAAe,KAAG,GACL,CACrB,CAAC;AACN,CAAC"}

package/dist/devtools/floating-button.d.ts

@@ -0,0 +1,23 @@
+export declare const BUTTON_SIZE = 50;
+type Position = [number, number];
+interface FloatingButtonProps {
+    /**
+     * Button state
+     */
+    buttonState: [Position, React.Dispatch<React.SetStateAction<Position>>];
+    /**
+     * Handler to invoke on button click
+     */
+    onClick: () => void;
+    /**
+     * Whether to show an error badge
+     */
+    showErrorBadge: boolean;
+}
+/**
+ * Floating, draggable button.
+ * Can display an error badge in top-right corner.
+ */
+export default function FloatingButton(props: FloatingButtonProps): JSX.Element;
+export {};
+//# sourceMappingURL=floating-button.d.ts.map

package/dist/devtools/floating-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-button.d.ts","sourceRoot":"","sources":["../../js/devtools/floating-button.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,KAAK,CAAC;AAoC9B,KAAK,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEjC,UAAU,mBAAmB;IACzB;;OAEG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxE;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA8E9E"}

package/dist/devtools/floating-button.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useCallback, useEffect, useRef } from 'react';
+import styled from '@darajs/styled-components';
+import useMove from './use-move';
+export const BUTTON_SIZE = 50;
+const DRAG_OFFSET = BUTTON_SIZE / 2;
+const FloatingDevtoolButton = styled.button `
+    cursor: ${(props) => (props.$isDragging ? 'grab' : 'pointer')};
+
+    position: fixed;
+    z-index: 10;
+
+    display: inline-block;
+
+    width: ${BUTTON_SIZE}px;
+    height: ${BUTTON_SIZE}px;
+
+    color: ${(props) => props.theme.colors.blue1};
+
+    background-color: ${(props) => props.theme.colors.secondary};
+    border: 1px solid;
+    border-color: ${(props) => props.theme.colors.secondary};
+    border-radius: 30%;
+
+    transition: ${(props) => (!props.$isDragging ? 'left top' : 'none')} 150ms ease 0s;
+`;
+const ErrorBadge = styled.i `
+    position: absolute;
+    top: -0.8rem;
+    right: -0.8rem;
+
+    #badge-circle {
+        color: ${(props) => props.theme.colors.error};
+    }
+`;
+/**
+ * Floating, draggable button.
+ * Can display an error badge in top-right corner.
+ */
+export default function FloatingButton(props) {
+    const buttonRef = useRef(null);
+    const [buttonPosition, setButtonPosition] = props.buttonState;
+    const moveButton = useCallback((mouseMoveEvent) => {
+        // updates button position to mouse position
+        // (- drag offset because we want the button's center to be where the mouse is, not it's top-left corner)
+        setButtonPosition([mouseMoveEvent.clientX - DRAG_OFFSET, mouseMoveEvent.clientY - DRAG_OFFSET]);
+    }, []);
+    const { startMoving, isMoving: isButtonMoving } = useMove(moveButton);
+    /**
+     * Fix button position by moving it to it's correct position
+     */
+    function fixButtonPosition() {
+        if (!buttonRef.current) {
+            return;
+        }
+        const { x, y } = buttonRef.current.getBoundingClientRect();
+        setButtonPosition((oldPos) => {
+            let [newX, newY] = oldPos;
+            // It's X position must be BUTTON_SIZE pixels from the left/right side of the window
+            if (x < BUTTON_SIZE || x < window.innerWidth / 2) {
+                newX = BUTTON_SIZE;
+            }
+            else if (x > window.innerWidth / 2 || window.innerWidth - x < BUTTON_SIZE * 2) {
+                newX = window.innerWidth - BUTTON_SIZE * 2;
+            }
+            // It's Y position must be not be less than BUTTON_SIZE from top/bottom of the window
+            if (y < BUTTON_SIZE) {
+                newY = BUTTON_SIZE;
+            }
+            else if (window.innerHeight - y < BUTTON_SIZE * 2) {
+                newY = window.innerHeight - BUTTON_SIZE * 2;
+            }
+            return [newX, newY];
+        });
+    }
+    // Fix button position on window resize so it stays in bounds
+    useEffect(() => {
+        window.addEventListener('resize', fixButtonPosition);
+        return () => {
+            window.removeEventListener('resize', fixButtonPosition);
+        };
+    }, []);
+    useEffect(() => {
+        // Whenever button stops moving fix button position on next animation frame
+        if (!isButtonMoving) {
+            requestAnimationFrame(() => {
+                fixButtonPosition();
+            });
+        }
+    }, [isButtonMoving]);
+    return (_jsxs(FloatingDevtoolButton, { "$isDragging": isButtonMoving, className: "fa-stack", onClick: () => !isButtonMoving && props.onClick(), onMouseDown: startMoving, ref: buttonRef, style: { left: `${buttonPosition[0]}px`, top: `${buttonPosition[1]}px` }, children: [props.showErrorBadge && (_jsxs(ErrorBadge, { className: "fa-stack", children: [_jsx("i", { className: "fa-stack-2x fa-solid fa-circle", id: "badge-circle" }), _jsx("i", { className: "fa-stack-1x fa-solid fa-triangle-exclamation", id: "badge-triangle" })] })), _jsx("i", { className: "fa-solid fa-bug fa-lg" })] }));
+}
+//# sourceMappingURL=floating-button.js.map

package/dist/devtools/floating-button.js.map

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

package/dist/devtools/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DevTools } from './devtools';
+//# sourceMappingURL=index.d.ts.map

package/dist/devtools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/devtools/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/devtools/index.js

@@ -0,0 +1,2 @@
+export { default as DevTools } from './devtools';
+//# sourceMappingURL=index.js.map

package/dist/devtools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../js/devtools/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/devtools/resizer.d.ts

@@ -0,0 +1,18 @@
+import { MouseEventHandler } from 'react';
+interface ResizerProps {
+    /**
+     * Callback to execute when resizer is grabbed
+     */
+    onGrab: MouseEventHandler;
+    /**
+     * Current width of the sidebar
+     */
+    sidebarWidth: number;
+}
+/**
+ * Sidebar resizer.
+ * Displays a thin resizer bar with a larger grab area for easier resizing.
+ */
+export default function Resizer(props: ResizerProps): JSX.Element;
+export {};
+//# sourceMappingURL=resizer.d.ts.map

package/dist/devtools/resizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizer.d.ts","sourceRoot":"","sources":["../../js/devtools/resizer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AA8CpD,UAAU,YAAY;IAClB;;OAEG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAE1B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAahE"}

package/dist/devtools/resizer.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import styled from '@darajs/styled-components';
+const ResizerWrapper = styled.div `
+    position: absolute;
+    top: 0;
+    bottom: 0;
+
+    margin: 0;
+    padding: 0;
+`;
+const ResizerDisplay = styled.div `
+    pointer-events: none;
+
+    position: absolute;
+    top: 0;
+    right: -1px;
+    bottom: 0;
+
+    width: 4px;
+
+    background-color: ${(props) => (props.$hover ? '#3F9BF8' : 'transparent')};
+
+    transition: background-color 200ms ease;
+`;
+const ResizerGrabArea = styled.button `
+    cursor: col-resize;
+    resize: horizontal;
+
+    /* This means the grab area will have 16px to the left of the sidebar and 8px on the right side */
+    position: absolute;
+    right: -8px;
+
+    width: 24px;
+    height: 100%;
+    padding: 0;
+
+    background-color: transparent;
+    border: 0;
+`;
+/**
+ * Sidebar resizer.
+ * Displays a thin resizer bar with a larger grab area for easier resizing.
+ */
+export default function Resizer(props) {
+    const [isHovered, setIsHovered] = useState(false);
+    return (_jsxs(ResizerWrapper, { style: { right: props.sidebarWidth }, children: [_jsx(ResizerDisplay, { "$hover": isHovered }), _jsx(ResizerGrabArea, { onMouseDown: props.onGrab, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) })] }));
+}
+//# sourceMappingURL=resizer.js.map

package/dist/devtools/resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizer.js","sourceRoot":"","sources":["../../js/devtools/resizer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOhC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAE/B;;;;;;;;;;wBAUsB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;;;CAG5E,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;CAcpC,CAAC;AAcF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACH,MAAC,cAAc,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,aAChD,KAAC,cAAc,cAAS,SAAS,GAAI,EACrC,KAAC,eAAe,IACZ,WAAW,EAAE,KAAK,CAAC,MAAM,EACzB,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,GACzC,IACW,CACpB,CAAC;AACN,CAAC"}

package/dist/devtools/use-move.d.ts

@@ -0,0 +1,21 @@
+import { MouseEventHandler } from 'react';
+type MoveHandler = (ev: MouseEvent) => void;
+export interface UseMoveInterface {
+    /**
+     * Whether move is hapenning
+     */
+    isMoving: boolean;
+    /**
+     * Callback to call when a move is started.
+     * Should be attached to a component's `onMouseDown` attribute.
+     */
+    startMoving: MouseEventHandler;
+}
+/**
+ * Helper hook to support moving an element
+ *
+ * @param move move handler invoked whenever element is moved
+ */
+export default function useMove(move: MoveHandler): UseMoveInterface;
+export {};
+//# sourceMappingURL=use-move.d.ts.map