@motiadev/workbench 0.7.2-beta.135-685562 → 0.7.2-beta.135-604391

package/dist/src/components/endpoints/endpoint-response.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-type EndpointResponseProps = {
-    responseCode: number | string | undefined;
-    responseBody: Record<string, any> | undefined;
-    executionTime?: number;
-};
-export declare const EndpointResponse: FC<EndpointResponseProps>;
-export {};

package/dist/src/components/endpoints/endpoint-response.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useStateStream } from '@/components/endpoints/hooks/use-state-stream';
-import { useThemeStore } from '@/stores/use-theme-store';
-import { Panel } from '@motiadev/ui';
-import { XCircle } from 'lucide-react';
-import { useMemo } from 'react';
-import ReactJson from 'react18-json-view';
-const getStatusMessage = (status) => {
-    switch (status) {
-        case 200:
-            return 'OK';
-        case 201:
-            return 'Created';
-        case 204:
-            return 'No Content';
-        case 400:
-            return 'Bad Request';
-        case 401:
-            return 'Unauthorized';
-        case 403:
-            return 'Forbidden';
-        case 404:
-            return 'Not Found';
-        case 500:
-            return 'Internal Server Error';
-        default:
-            return 'Unknown Status';
-    }
-};
-export const EndpointResponse = ({ responseCode, executionTime, responseBody }) => {
-    const theme = useThemeStore((state) => state.theme);
-    const { data, isStreamed, originalData } = useStateStream(responseBody);
-    const statusMessage = useMemo(() => getStatusMessage(Number(responseCode)), [responseCode]);
-    const isError = Number(responseCode) >= 400;
-    if (!responseBody || !responseCode) {
-        return null;
-    }
-    return (_jsx(Panel, { "data-testid": 'endpoint-response-container', tabs: isStreamed
-            ? [
-                {
-                    label: 'Streamed Response',
-                    content: (_jsx(ReactJson, { src: data, dark: theme === 'dark', style: { backgroundColor: 'transparent' } })),
-                },
-                {
-                    label: 'Original',
-                    content: (_jsx(ReactJson, { src: originalData, dark: theme === 'dark', style: { backgroundColor: 'transparent' } })),
-                },
-            ]
-            : undefined, title: _jsxs("div", { className: "flex flex-row justify-between items-center flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [isError && _jsx(XCircle, { className: "text-red-500 w-4 h-4" }), _jsxs("span", { className: "font-bold text-xs", children: [responseCode, " - ", statusMessage] })] }), !!executionTime && (_jsxs("span", { className: "text-xs text-muted-foreground justify-self-end", children: ["Execution time: ", _jsxs("span", { className: "font-bold", children: [executionTime, "ms"] })] }))] }), subtitle: isStreamed && (_jsxs("span", { className: "col-span-2 flex flex-row items-center font-medium text-card-foreground text-xs mt-2", children: [_jsxs("span", { className: "inline-block w-2 h-2 rounded-full bg-green-500 mr-2 relative", children: [_jsx("span", { className: "absolute inset-0 rounded-full bg-green-500 animate-[ping_1.5s_ease-in-out_infinite]" }), _jsx("span", { className: "absolute inset-0 rounded-full bg-green-500" })] }), "Object is being streamed, this is not the actual response from the API Endpoint"] })), children: !isStreamed && (_jsx(ReactJson, { src: data, dark: theme === 'dark', style: { backgroundColor: 'transparent' } })) }));
-};

package/dist/src/components/endpoints/endpoint-side-panel.d.ts

@@ -1,8 +0,0 @@
-import { ApiEndpoint } from '@/types/endpoint';
-import { FC } from 'react';
-type Props = {
-    endpoint: ApiEndpoint;
-    onClose: () => void;
-};
-export declare const EndpointSidePanel: FC<Props>;
-export {};

package/dist/src/components/endpoints/endpoint-side-panel.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Sidebar } from '@/components/sidebar/sidebar';
-import { X } from 'lucide-react';
-import { EndpointBadge } from './endpoint-badge';
-import { EndpointCall } from './endpoint-call';
-import { EndpointDescription } from './endpoint-description';
-export const EndpointSidePanel = ({ endpoint, onClose }) => {
-    return (_jsx(Sidebar, { initialWidth: 600, subtitle: endpoint.description, title: _jsxs("div", { className: "flex flex-row gap-2 items-center", children: [_jsx(EndpointBadge, { variant: endpoint.method, children: endpoint.method.toUpperCase() }), _jsx("span", { className: "text-md font-bold", children: endpoint.path })] }), onClose: onClose, tabs: [
-            {
-                label: 'Details',
-                content: _jsx(EndpointDescription, { endpoint: endpoint }),
-                'data-testid': 'endpoint-details-tab',
-            },
-            {
-                label: 'Call',
-                content: _jsx(EndpointCall, { endpoint: endpoint }),
-                'data-testid': 'endpoint-call-tab',
-            },
-        ], actions: [
-            {
-                icon: _jsx(X, { className: "cursor-pointer w-4 h-4", onClick: onClose }),
-                onClick: onClose,
-            },
-        ] }));
-};

package/dist/src/components/endpoints/endpoints-page.d.ts

@@ -1 +0,0 @@
-export declare const EndpointsPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/endpoints/endpoints-page.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
-import { useGlobalStore } from '@/stores/use-global-store';
-import { useMemo } from 'react';
-import { EndpointBadge } from './endpoint-badge';
-import { EndpointSidePanel } from './endpoint-side-panel';
-import { useGetEndpoints } from './hooks/use-get-endpoints';
-export const EndpointsPage = () => {
-    const endpoints = useGetEndpoints();
-    const selectedEndpointId = useGlobalStore((state) => state.selectedEndpointId);
-    const selectEndpointId = useGlobalStore((state) => state.selectEndpointId);
-    const selectedEndpoint = useMemo(() => selectedEndpointId && endpoints.find((endpoint) => endpoint.id === selectedEndpointId), [endpoints, selectedEndpointId]);
-    return (_jsxs("div", { className: "flex flex-row w-full h-full", children: [_jsx("div", { className: "flex flex-col flex-1 overflow-y-auto", children: endpoints.map((endpoint) => (_jsx("div", { "data-testid": `endpoint-${endpoint.method}-${endpoint.path}`, className: cn(selectedEndpoint === endpoint && 'bg-muted-foreground/10', 'cursor-pointer select-none'), onClick: () => selectEndpointId(endpoint.id), children: _jsxs("div", { className: "flex flex-row gap-2 items-center hover:bg-muted-foreground/10 p-2", children: [_jsx(EndpointBadge, { variant: endpoint.method, children: endpoint.method.toUpperCase() }), _jsx("span", { className: "text-md font-mono font-bold whitespace-nowrap", children: endpoint.path }), _jsx("span", { className: "text-md text-muted-foreground truncate", children: endpoint.description })] }) }, `${endpoint.method} ${endpoint.path}`))) }), selectedEndpoint && (_jsx(EndpointSidePanel, { endpoint: selectedEndpoint, onClose: () => selectEndpointId(undefined) }))] }));
-};

package/dist/src/components/endpoints/hooks/use-get-endpoints.d.ts

@@ -1,2 +0,0 @@
-import { ApiEndpoint } from '@/types/endpoint';
-export declare const useGetEndpoints: () => ApiEndpoint[];

package/dist/src/components/endpoints/hooks/use-get-endpoints.js

@@ -1,8 +0,0 @@
-import { useStreamGroup } from '@motiadev/stream-client-react';
-export const useGetEndpoints = () => {
-    const { data: endpoints } = useStreamGroup({
-        streamName: '__motia.api-endpoints',
-        groupId: 'default',
-    });
-    return endpoints;
-};

package/dist/src/components/endpoints/hooks/use-json-schema-to-json.d.ts

@@ -1,4 +0,0 @@
-export declare const useJsonSchemaToJson: (schema: Record<string, any> | undefined) => {
-    body: string;
-    setBody: import("react").Dispatch<import("react").SetStateAction<string>>;
-};

package/dist/src/components/endpoints/hooks/use-json-schema-to-json.js

@@ -1,11 +0,0 @@
-import { useEffect, useState } from 'react';
-import { convertJsonSchemaToJson } from './utils';
-export const useJsonSchemaToJson = (schema) => {
-    const [body, setBody] = useState('');
-    useEffect(() => {
-        if (schema) {
-            setBody(JSON.stringify(convertJsonSchemaToJson(schema), null, 2));
-        }
-    }, [schema]);
-    return { body, setBody };
-};

package/dist/src/components/endpoints/hooks/use-path-params.d.ts

@@ -1 +0,0 @@
-export declare const usePathParams: (path: string) => string[];

package/dist/src/components/endpoints/hooks/use-path-params.js

@@ -1,4 +0,0 @@
-export const usePathParams = (path) => {
-    const pathParams = path.match(/:(\w+)/g);
-    return pathParams?.map((param) => param.slice(1)) ?? [];
-};

package/dist/src/components/endpoints/hooks/use-state-stream.d.ts

@@ -1,7 +0,0 @@
-export declare const useStateStream: (object: Record<string, any> | undefined) => {
-    data: {};
-    originalData: any[] | {
-        [x: string]: any;
-    };
-    isStreamed: boolean;
-};

package/dist/src/components/endpoints/hooks/use-state-stream.js

@@ -1,11 +0,0 @@
-import { useStreamItem } from '@motiadev/stream-client-react';
-export const useStateStream = (object) => {
-    const { __motia, ...rest } = object || {};
-    const { data } = useStreamItem(__motia);
-    const originalData = Array.isArray(object) ? object : rest || object;
-    return {
-        data: data || originalData,
-        originalData,
-        isStreamed: !!__motia,
-    };
-};

package/dist/src/components/endpoints/hooks/utils.d.ts

@@ -1 +0,0 @@
-export declare const convertJsonSchemaToJson: (schema?: Record<string, any>) => any;

package/dist/src/components/endpoints/hooks/utils.js

@@ -1,29 +0,0 @@
-export const convertJsonSchemaToJson = (schema) => {
-    if (!schema)
-        return {};
-    if (schema.type === 'object') {
-        const result = {};
-        if (schema.properties) {
-            Object.entries(schema.properties).forEach(([key, value]) => {
-                result[key] = convertJsonSchemaToJson(value);
-            });
-        }
-        return result;
-    }
-    switch (schema.type) {
-        case 'array':
-            return [convertJsonSchemaToJson(schema.items)];
-        case 'string':
-            return schema.enum?.[0] ?? schema.description ?? 'string';
-        case 'number':
-            return schema.description ?? 0;
-        case 'integer':
-            return 0;
-        case 'boolean':
-            return schema.description ?? false;
-        case 'null':
-            return schema.description ?? null;
-        default:
-            return undefined;
-    }
-};

package/dist/src/components/endpoints/response-body.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type Props = {
-    status: string;
-    body: Record<string, any>;
-};
-export declare const ResponseBody: React.FC<Props>;
-export {};

package/dist/src/components/endpoints/response-body.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useJsonSchemaToJson } from './hooks/use-json-schema-to-json';
-export const ResponseBody = ({ status, body }) => {
-    const { body: responseBody } = useJsonSchemaToJson(body);
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-xs font-bold", children: status }), _jsx("span", { className: "text-xs font-mono dark:bg-black/50 bg-white/50 p-2 rounded-lg whitespace-pre-wrap", children: responseBody })] }));
-};

package/dist/src/components/sidebar/sidebar.d.ts

@@ -1,8 +0,0 @@
-import { type PanelProps } from '@motiadev/ui';
-import { FC } from 'react';
-export declare const APP_SIDEBAR_CONTAINER_ID = "app-sidebar-container";
-export type SidebarProps = PanelProps & {
-    onClose: () => void;
-    initialWidth?: number;
-};
-export declare const Sidebar: FC<SidebarProps>;

package/dist/src/components/sidebar/sidebar.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Panel } from '@motiadev/ui';
-import { createPortal } from 'react-dom';
-import { useEffect, useMemo } from 'react';
-import { useResizable } from 'react-use-resizable';
-import { Equal } from 'lucide-react';
-export const APP_SIDEBAR_CONTAINER_ID = 'app-sidebar-container';
-const CLOSE_PREVIOUS_SIDEBAR_EVENT = 'close-previous-sidebar';
-export const Sidebar = ({ initialWidth, onClose, ...props }) => {
-    const sidebarId = useMemo(() => Symbol(), []);
-    const { getRootProps, getHandleProps } = useResizable({
-        lockVertical: true,
-        initialWidth: initialWidth ?? 400,
-        initialHeight: '100%',
-        onDragStart: () => {
-            document.body.style.userSelect = 'none';
-        },
-        onDragEnd: () => {
-            document.body.style.userSelect = '';
-        },
-    });
-    useEffect(() => {
-        const event = new CustomEvent(CLOSE_PREVIOUS_SIDEBAR_EVENT, { detail: { sidebarId } });
-        window.dispatchEvent(event);
-        const handleClose = (e) => {
-            const customEvent = e;
-            if (customEvent.detail.sidebarId !== sidebarId) {
-                onClose();
-            }
-        };
-        window.addEventListener(CLOSE_PREVIOUS_SIDEBAR_EVENT, handleClose);
-        return () => {
-            window.removeEventListener(CLOSE_PREVIOUS_SIDEBAR_EVENT, handleClose);
-        };
-    }, [sidebarId, onClose]);
-    return createPortal(_jsxs("div", { ...getRootProps(), className: "pr-2 py-2 relative", children: [_jsx("div", { ...getHandleProps({
-                    reverse: true,
-                }), className: "flex h-6 w-6 items-center justify-center rounded-full bg-background border border-border absolute top-1/2 -translate-y-1/2 -left-4 z-20", children: _jsx(Equal, { className: "rotate-90 w-4 h-4 text-muted-foreground" }) }), _jsx(Panel, { ...props, variant: "outlined", className: "max-h-[calc(100vh-80px)] h-full", "data-testid": "sidebar-panel" })] }), document.querySelector(`#${APP_SIDEBAR_CONTAINER_ID}`));
-};