@darajs/core 1.0.0-a.1

package/dist/components/side-bar-frame/side-bar-frame.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { transparentize } from 'polished';
+import styled, { ThemeContext, useTheme } from '@darajs/styled-components';
+import { Button } from '@darajs/ui-components';
+import { useConfig } from '../../api';
+import { DirectionCtx, DynamicComponent, Wrapper, getIcon, resolveTheme } from '../../shared';
+const shouldForwardProp = (prop) => !['width'].includes(prop);
+const SideBar = styled.div.withConfig({ shouldForwardProp }) `
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    width: ${(props) => props.width || '240px'};
+    min-width: 150px;
+    max-width: 350px;
+    height: 100%;
+    padding: 2rem 1rem 1.5rem 1rem;
+
+    color: ${(props) => props.theme.colors.secondary};
+
+    background: ${(props) => {
+    return `radial-gradient(circle closest-corner at 10% 50%, ${transparentize(0.4, props.theme.colors.background)} 0%, ${transparentize(0.9, props.theme.colors.blue4)} 100%),radial-gradient(circle closest-corner at 5% 10%, ${transparentize(0.8, props.theme.colors.error)} 0%, ${transparentize(0.9, props.theme.colors.blue4)} 230%),radial-gradient(circle closest-corner at 50% 100%, ${transparentize(0.8, props.theme.colors.success)} 200%, ${transparentize(0.2, props.theme.colors.blue4)} 610%)`;
+}};
+    box-shadow: rgba(20, 20, 25, 0.15) 0px 4px 16px, rgba(20, 20, 25, 0.15) 0px 8px 32px;
+`;
+const LogoutButton = styled(Button) `
+    width: 80%;
+    margin-bottom: 1rem;
+    padding: 1rem;
+    border-radius: 1rem;
+
+    a {
+        color: ${(props) => props.theme.colors.blue1};
+        text-decoration: none;
+    }
+
+    svg {
+        cursor: pointer;
+        margin-right: 1rem;
+        color: ${(props) => props.theme.colors.blue1};
+    }
+`;
+const LogoImage = styled.img `
+    width: ${(props) => props.width};
+    max-width: 200px;
+    margin: 1rem 0 2rem;
+`;
+const LogoutArrow = getIcon('fa-solid fa-arrow-right-from-bracket');
+/**
+ * The SideBarFrame component is designed as a root component for an app built using the Dara core framework. It adds
+ * a dark blue side bar to the left of the screen and displays a main content on a light grey background in the center
+ *
+ * It exposes two slots for registering content: side-bar & content
+ */
+function SideBarFrame(props) {
+    var _a, _b;
+    const theme = useTheme();
+    const { data: config } = useConfig();
+    const logo = props.logo_path && _jsx(LogoImage, { alt: "Logo", src: props.logo_path, width: props.logo_width });
+    return (_jsxs(Wrapper, { backgroundColor: theme.colors.background, children: [props.side_bar_position === 'right' && (_jsx(Wrapper, { children: props.content && _jsx(DynamicComponent, { component: props.content }) })), _jsx(ThemeContext.Provider, { value: resolveTheme((_a = config === null || config === void 0 ? void 0 : config.theme) === null || _a === void 0 ? void 0 : _a.main, (_b = config === null || config === void 0 ? void 0 : config.theme) === null || _b === void 0 ? void 0 : _b.base), children: _jsxs(SideBar, { style: { padding: props.side_bar_padding }, width: props.side_bar_width, children: [!props.hide_logo && props.logo_position !== 'bottom' && logo, _jsx(Wrapper, { direction: "column", children: _jsx(DirectionCtx.Provider, { value: { direction: 'column' }, children: props.side_bar && _jsx(DynamicComponent, { component: props.side_bar }) }) }), !props.hide_logo && props.logo_position === 'bottom' && logo, _jsxs(LogoutButton, { href: "/logout", styling: "error", children: [_jsx(LogoutArrow, { style: { marginRight: '0.5rem' } }), "Logout"] })] }) }), props.side_bar_position !== 'right' && (_jsx(Wrapper, { style: { padding: '2rem 3rem' }, children: props.content && _jsx(DynamicComponent, { component: props.content }) }))] }));
+}
+export default SideBarFrame;
+//# sourceMappingURL=side-bar-frame.js.map

package/dist/components/side-bar-frame/side-bar-frame.js.map

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

package/dist/components/top-bar-frame/top-bar-frame.d.ts

@@ -0,0 +1,16 @@
+import { ComponentInstance } from '../../types';
+interface TopBarFrameProps {
+    content: ComponentInstance;
+    hide_logo?: boolean;
+    logo_path?: string;
+    logo_width?: string;
+    top_bar: ComponentInstance;
+    top_bar_height?: string;
+    top_bar_padding?: string;
+}
+/**
+ * The TopBarFrame component is designed as a root component for an app built using the Dara core framework.
+ */
+declare function SideBarFrame(props: TopBarFrameProps): JSX.Element;
+export default SideBarFrame;
+//# sourceMappingURL=top-bar-frame.d.ts.map

package/dist/components/top-bar-frame/top-bar-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar-frame.d.ts","sourceRoot":"","sources":["../../../js/components/top-bar-frame/top-bar-frame.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AA2EhD,UAAU,gBAAgB;IACtB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAID;;GAEG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA6B1D;AAED,eAAe,YAAY,CAAC"}

package/dist/components/top-bar-frame/top-bar-frame.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { transparentize } from 'polished';
+import styled, { ThemeContext, useTheme } from '@darajs/styled-components';
+import { Button } from '@darajs/ui-components';
+import { useConfig } from '../../api';
+import { DirectionCtx, DynamicComponent, Wrapper, getIcon, resolveTheme } from '../../shared';
+const shouldForwardProp = (prop) => !['width'].includes(prop);
+const TopBar = styled.div.withConfig({ shouldForwardProp }) `
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    width: 100%;
+    height: ${(props) => props.height || '124px'};
+    min-height: 100px;
+    max-height: 350px;
+    padding: 2rem 3rem;
+
+    color: ${(props) => props.theme.colors.secondary};
+
+    background: ${(props) => {
+    return `
+        radial-gradient(farthest-side at 50% 0%, ${transparentize(0.7, props.theme.colors.background)} 0%, ${transparentize(0.9, props.theme.colors.blue4)} 50%),
+        radial-gradient(at -50% 90%, ${transparentize(0.5, props.theme.colors.error)} 0%, ${transparentize(0.7, props.theme.colors.blue4)} 45%),
+        radial-gradient(at 130% 100%, ${transparentize(0.4, props.theme.colors.success)} 0%, ${transparentize(0.5, props.theme.colors.blue4)} 50%)`;
+}};
+    box-shadow: rgba(20, 20, 25, 0.15) 0px 4px 16px, rgba(20, 20, 25, 0.15) 0px 8px 32px;
+`;
+const LogoutButton = styled(Button) `
+    width: 7rem;
+    height: 3rem;
+    margin-left: 0.5rem;
+    padding: 1rem;
+
+    border-radius: 1rem;
+
+    a {
+        color: ${(props) => props.theme.colors.blue1};
+        text-decoration: none;
+    }
+
+    svg {
+        cursor: pointer;
+        margin-right: 1rem;
+        color: ${(props) => props.theme.colors.blue1};
+    }
+`;
+const RouteButtons = styled(Wrapper) `
+    gap: 0.5rem;
+    align-items: center;
+    justify-content: end;
+`;
+const LogoImage = styled.img `
+    width: ${(props) => props.width};
+    max-width: 200px;
+    margin: 0 3rem 0 0;
+`;
+const LogoutArrow = getIcon('fa-solid fa-arrow-right-from-bracket');
+/**
+ * The TopBarFrame component is designed as a root component for an app built using the Dara core framework.
+ */
+function SideBarFrame(props) {
+    var _a, _b;
+    const theme = useTheme();
+    const { data: config } = useConfig();
+    const logo = props.logo_path && _jsx(LogoImage, { alt: "Logo", src: props.logo_path, width: props.logo_width });
+    return (_jsxs(Wrapper, { backgroundColor: theme.colors.background, direction: "column", children: [_jsx(ThemeContext.Provider, { value: resolveTheme((_a = config === null || config === void 0 ? void 0 : config.theme) === null || _a === void 0 ? void 0 : _a.main, (_b = config === null || config === void 0 ? void 0 : config.theme) === null || _b === void 0 ? void 0 : _b.base), children: _jsxs(TopBar, { height: props.top_bar_height, style: { padding: props.top_bar_padding }, children: [!props.hide_logo && logo, props.top_bar && (_jsx(RouteButtons, { direction: "row", children: _jsx(DirectionCtx.Provider, { value: { direction: 'row' }, children: props.top_bar && _jsx(DynamicComponent, { component: props.top_bar }) }) })), _jsxs(LogoutButton, { href: "/logout", styling: "error", children: [_jsx(LogoutArrow, { style: { marginRight: '0.5rem' } }), "Logout"] })] }) }), _jsx(Wrapper, { style: { padding: '2rem 3rem' }, children: props.content && _jsx(DynamicComponent, { component: props.content }) })] }));
+}
+export default SideBarFrame;
+//# sourceMappingURL=top-bar-frame.js.map

package/dist/components/top-bar-frame/top-bar-frame.js.map

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

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

@@ -0,0 +1,17 @@
+import { ServerErrorMessage } from '../../api/websocket';
+interface BackendErrorContext {
+    clearErrors: () => void;
+    errors: ServerErrorMessage['message'][];
+}
+/**
+ * Provides a live stream of backend errors
+ */
+export declare function BackendErrorsProvider(props: {
+    children: JSX.Element;
+}): JSX.Element;
+/**
+ * Get the current backend errors from context
+ */
+export declare function useBackendErrors(): BackendErrorContext;
+export {};
+//# sourceMappingURL=backend-errors-ctx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backend-errors-ctx.d.ts","sourceRoot":"","sources":["../../../js/devtools/backend-errors/backend-errors-ctx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA2BrD,UAAU,mBAAmB;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,EAAE,kBAAkB,CAAC,SAAS,CAAC,EAAE,CAAC;CAC3C;AAID;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAInF;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,mBAAmB,CAEtD"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useState } from 'react';
+import WebSocketCtx from '../../shared/context/websocket-context';
+/**
+ * Helper hook to subscribe to errors coming from the backend
+ */
+function useBackendErrorsSubscription() {
+    const [errors, setErrors] = useState([]);
+    const { client } = useContext(WebSocketCtx);
+    useEffect(() => {
+        const sub = client.serverErrors$().subscribe((err) => {
+            setErrors((prev) => [...prev, err.message]);
+        });
+        return () => {
+            sub.unsubscribe();
+        };
+    });
+    const clearErrors = useCallback(() => {
+        setErrors([]);
+    }, []);
+    return [errors, clearErrors];
+}
+const BackendErrorsCtx = createContext(null);
+/**
+ * Provides a live stream of backend errors
+ */
+export function BackendErrorsProvider(props) {
+    const [errors, clearErrors] = useBackendErrorsSubscription();
+    return _jsx(BackendErrorsCtx.Provider, { value: { clearErrors, errors }, children: props.children });
+}
+/**
+ * Get the current backend errors from context
+ */
+export function useBackendErrors() {
+    return useContext(BackendErrorsCtx);
+}
+//# sourceMappingURL=backend-errors-ctx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backend-errors-ctx.js","sourceRoot":"","sources":["../../../js/devtools/backend-errors/backend-errors-ctx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpF,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAE9D;;GAEG;AACH,SAAS,4BAA4B;IACjC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE;YACjD,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,GAAG,CAAC,WAAW,EAAE,CAAC;QACtB,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,SAAS,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AACjC,CAAC;AAOD,MAAM,gBAAgB,GAAG,aAAa,CAAsB,IAAI,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAgC;IAClE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,4BAA4B,EAAE,CAAC;IAE7D,OAAO,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,YAAG,KAAK,CAAC,QAAQ,GAA6B,CAAC;AACnH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC5B,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACxC,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * Displays backend errors as an accordion list with a filter bar at the top
+ */
+declare function BackendErrors(): JSX.Element;
+export default BackendErrors;
+//# sourceMappingURL=backend-errors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backend-errors.d.ts","sourceRoot":"","sources":["../../../js/devtools/backend-errors/backend-errors.tsx"],"names":[],"mappings":"AAkDA;;GAEG;AACH,iBAAS,aAAa,IAAI,GAAG,CAAC,OAAO,CAuBpC;AAED,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isAfter } from 'date-fns';
+import { useState } from 'react';
+import styled from '@darajs/styled-components';
+import { Button, Input as UIInput } from '@darajs/ui-components';
+import { useBackendErrors } from './backend-errors-ctx';
+import ErrorDisplay, { parseErrorsForDisplay } from './error-display';
+const ErrorsContainer = styled.div `
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+`;
+const ErrorList = styled.div `
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+
+    height: 100%;
+`;
+const ClearButton = styled(Button) `
+    padding: 0 0.5rem;
+    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 Toolbar = styled.div `
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+    padding-left: 0.5rem;
+
+    border-bottom: 1px solid;
+    border-bottom-color: ${(props) => props.theme.colors.grey5};
+`;
+/**
+ * Displays backend errors as an accordion list with a filter bar at the top
+ */
+function BackendErrors() {
+    const [searchQuery, setSearchQuery] = useState('');
+    const { errors, clearErrors } = useBackendErrors();
+    const parsedErrors = parseErrorsForDisplay(errors)
+        .filter((e) => e.description.toLowerCase().includes(searchQuery.toLowerCase()))
+        .sort((a, b) => (isAfter(b.time, a.time) ? 1 : -1));
+    return (_jsxs(ErrorsContainer, { children: [_jsxs(Toolbar, { children: [_jsx(ClearButton, { onClick: clearErrors, children: _jsx("i", { className: "fa-solid fa-ban fa-lg" }) }), _jsx(UIInput, { onChange: (e) => setSearchQuery(e), placeholder: "Filter", value: searchQuery })] }), _jsx(ErrorList, { children: parsedErrors.map((e) => (_jsx(ErrorDisplay, { errorMessage: e }, e.time.getTime()))) })] }));
+}
+export default BackendErrors;
+//# sourceMappingURL=backend-errors.js.map

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;AA0ErD,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,99 @@
+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%;
+
+    .ReactCollapse--collapse {
+        transition: height 0.35s ease;
+    }
+`;
+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: 0px;
+
+    :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"}