@motiadev/plugin-endpoint 0.7.2-beta.135-745094 → 0.7.2-beta.135-994416

package/dist/play/trigger-button.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@motiadev/ui';
+import { Loader2, Play } from 'lucide-react';
+import { memo, useState } from 'react';
+import { useShallow } from 'zustand/react/shallow';
+import { getBodySelector, getHeadersSelector, useEndpointConfiguration, } from '../hooks/use-endpoint-configuration';
+import { usePathUrl } from '../hooks/use-path-url';
+export const TriggerButton = memo(({ method, path }) => {
+    const { setResponse } = useEndpointConfiguration();
+    const headers = useEndpointConfiguration(useShallow(getHeadersSelector));
+    const body = useEndpointConfiguration(useShallow(getBodySelector));
+    const pathUrl = usePathUrl(path);
+    const [isLoading, setIsLoading] = useState(false);
+    const onClick = async () => {
+        try {
+            setIsLoading(true);
+            const _headers = Object.values(headers)
+                .filter((header) => header.active && header.name !== '' && header.value !== '')
+                .reduce((acc, header) => {
+                acc[header.name.toLowerCase()] = header.value;
+                return acc;
+            }, {});
+            const startTime = Date.now();
+            const response = await fetch(pathUrl, {
+                method: method,
+                headers: _headers,
+                body: ['GET', 'DELETE', 'HEAD', 'OPTIONS'].includes(method) ? null : body,
+            });
+            setResponse(response, startTime);
+        }
+        catch (error) {
+            console.error('Error triggering endpoint:', error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (_jsx(Button, { variant: "ghost", size: "icon", onClick: onClick, disabled: isLoading, "data-testid": "endpoint-play-button", children: isLoading ? _jsx(Loader2, { className: "animate-spin" }) : _jsx(Play, { className: "h-4 w-4" }) }));
+});
+//# sourceMappingURL=trigger-button.js.map

package/dist/play/trigger-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger-button.js","sourceRoot":"","sources":["../../src/play/trigger-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAEL,eAAe,EACf,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAOlD,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE;IACzE,MAAM,EAAE,WAAW,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAClD,MAAM,OAAO,GAAG,wBAAwB,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAAA;IACxE,MAAM,IAAI,GAAG,wBAAwB,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAA;IAClE,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAA;IAEhC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,CAAC;YACH,YAAY,CAAC,IAAI,CAAC,CAAA;YAElB,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;iBACpC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,EAAE,IAAI,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC;iBAC9E,MAAM,CACL,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;gBACd,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAA;gBAC7C,OAAO,GAAG,CAAA;YACZ,CAAC,EACD,EAA4B,CAC7B,CAAA;YAEH,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;YAC5B,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,EAAE;gBACpC,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,QAAQ;gBACjB,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;aAC1E,CAAC,CAAA;YAEF,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;QAClC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAA;QACpD,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,iBAAc,sBAAsB,YAC1G,SAAS,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,GACzE,CACV,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/{endpoint-body-panel.d.ts → spec/spec-body-panel.d.ts}

@@ -1,14 +1,12 @@
-import { ApiEndpoint } from './types/endpoint';
 import { FC } from 'react';
 import 'react18-json-view/src/dark.css';
 import 'react18-json-view/src/style.css';
+import { ApiEndpoint } from '../types/endpoint';
 type Props = {
     endpoint: ApiEndpoint;
     value: string;
-    onChange?: (body: string) => void;
-    onValidate?: (isValid: boolean) => void;
     panelName: string;
 };
 export declare const EndpointBodyPanel: FC<Props>;
 export {};
-//# sourceMappingURL=endpoint-body-panel.d.ts.map
+//# sourceMappingURL=spec-body-panel.d.ts.map

package/dist/spec/spec-body-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-body-panel.d.ts","sourceRoot":"","sources":["../../src/spec/spec-body-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE1B,OAAO,gCAAgC,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,WAAW,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAiBvC,CAAA"}

package/dist/spec/spec-body-panel.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Panel } from '@motiadev/ui';
+import ReactJson from 'react18-json-view';
+import 'react18-json-view/src/dark.css';
+import 'react18-json-view/src/style.css';
+export const EndpointBodyPanel = ({ endpoint, panelName, value }) => {
+    const shouldHaveBody = ['post', 'put', 'patch'].includes(endpoint.method.toLowerCase());
+    if (!shouldHaveBody) {
+        return null;
+    }
+    return (_jsx(Panel, { title: "Body", size: "sm", contentClassName: "p-0", "data-testid": `endpoint-body-panel__${panelName}`, children: _jsx(ReactJson, { src: value ? JSON.parse(value) : {}, theme: "default", enableClipboard: false, style: { backgroundColor: 'transparent' } }) }));
+};
+//# sourceMappingURL=spec-body-panel.js.map

package/dist/spec/spec-body-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-body-panel.js","sourceRoot":"","sources":["../../src/spec/spec-body-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,SAAS,MAAM,mBAAmB,CAAA;AACzC,OAAO,gCAAgC,CAAA;AACvC,OAAO,iCAAiC,CAAA;AASxC,MAAM,CAAC,MAAM,iBAAiB,GAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAA;IAEvF,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,iBAAc,wBAAwB,SAAS,EAAE,YACnG,KAAC,SAAS,IACR,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EACnC,KAAK,EAAC,SAAS,EACf,eAAe,EAAE,KAAK,EACtB,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,GACzC,GACI,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/spec/spec-path-params-panel.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ApiEndpoint } from '../types/endpoint';
+type Props = {
+    endpoint: ApiEndpoint;
+};
+export declare const EndpointPathParamsPanel: FC<Props>;
+export {};
+//# sourceMappingURL=spec-path-params-panel.d.ts.map

package/dist/spec/spec-path-params-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-path-params-panel.d.ts","sourceRoot":"","sources":["../../src/spec/spec-path-params-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,WAAW,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,KAAK,CAkB7C,CAAA"}

package/dist/spec/spec-path-params-panel.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Panel } from '@motiadev/ui';
+import { usePathParams } from '../hooks/use-path-params';
+export const EndpointPathParamsPanel = ({ endpoint }) => {
+    const pathParams = usePathParams(endpoint.path);
+    if (!pathParams.length) {
+        return null;
+    }
+    return (_jsx(Panel, { title: "Path params", size: "sm", variant: "default", children: _jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: '1fr 2fr' }, children: pathParams.map((param) => (_jsx("div", { className: "font-bold leading-[36px] flex text-xs", children: param }, param))) }) }));
+};
+//# sourceMappingURL=spec-path-params-panel.js.map

package/dist/spec/spec-path-params-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-path-params-panel.js","sourceRoot":"","sources":["../../src/spec/spec-path-params-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAOxD,MAAM,CAAC,MAAM,uBAAuB,GAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAE/C,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,YACpD,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,YAClE,UAAU,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,CACjC,cAAiB,SAAS,EAAC,uCAAuC,YAC/D,KAAK,IADE,KAAK,CAET,CACP,CAAC,GACE,GACA,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/spec/spec-query-params-panel.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ApiEndpoint } from '../types/endpoint';
+type Props = {
+    endpoint: ApiEndpoint;
+};
+export declare const EndpointQueryParamsPanel: FC<Props>;
+export {};
+//# sourceMappingURL=spec-query-params-panel.d.ts.map

package/dist/spec/spec-query-params-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-query-params-panel.d.ts","sourceRoot":"","sources":["../../src/spec/spec-query-params-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,WAAW,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,KAAK,CAmB9C,CAAA"}

package/dist/spec/spec-query-params-panel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Panel } from '@motiadev/ui';
+import { Fragment } from 'react';
+export const EndpointQueryParamsPanel = ({ endpoint }) => {
+    if (!endpoint.queryParams?.length) {
+        return null;
+    }
+    return (_jsx(Panel, { title: "Query params", size: "sm", variant: "outlined", children: _jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: '1fr 2fr', gridTemplateRows: '1fr 1fr' }, children: endpoint.queryParams.map((param) => (_jsxs(Fragment, { children: [_jsx("div", { className: "font-bold leading-[36px] flex text-xs", children: param.name }), _jsx("div", { className: "flex items-center text-xs ", children: _jsx("span", { children: param.description }) })] }, param.name))) }) }));
+};
+//# sourceMappingURL=spec-query-params-panel.js.map

package/dist/spec/spec-query-params-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-query-params-panel.js","sourceRoot":"","sources":["../../src/spec/spec-query-params-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOpC,MAAM,CAAC,MAAM,wBAAwB,GAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,EAAE,CAAC;QAClC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,YACtD,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAC/F,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAA4C,EAAE,EAAE,CAAC,CAC1E,MAAC,QAAQ,eACP,cAAK,SAAS,EAAC,uCAAuC,YAAE,KAAK,CAAC,IAAI,GAAO,EACzE,cAAK,SAAS,EAAC,4BAA4B,YACzC,yBAAO,KAAK,CAAC,WAAW,GAAQ,GAC5B,KAJO,KAAK,CAAC,IAAI,CAKd,CACZ,CAAC,GACE,GACA,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/{endpoint-response-schema.d.ts → spec/spec-response-schema.d.ts}

@@ -8,4 +8,4 @@ type EndpointResponseProps = {
 };
 export declare const EndpointResponseSchema: FC<EndpointResponseProps>;
 export {};
-//# sourceMappingURL=endpoint-response-schema.d.ts.map
+//# sourceMappingURL=spec-response-schema.d.ts.map

package/dist/spec/spec-response-schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-response-schema.d.ts","sourceRoot":"","sources":["../../src/spec/spec-response-schema.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAA;AAInC,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,MAAM,CAAA;IAEpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;CAChD,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,oBAAoB,EAAE,CAAA;CAC9B,CAAA;AAoBD,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,qBAAqB,CA4B5D,CAAA"}

package/dist/{endpoint-response-schema.js → spec/spec-response-schema.js}

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { convertJsonSchemaToJson } from './hooks/utils';
-import { useThemeStore } from './stores/use-theme-store';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@motiadev/ui';
+import { Tabs, TabsContent, TabsList, TabsTrigger, useThemeStore } from '@motiadev/ui';
 import { useMemo } from 'react';
 import ReactJson from 'react18-json-view';
+import { convertJsonSchemaToJson } from '../hooks/utils';
 const EndpointResponseSchemaItem = ({ responseCode, bodySchema }) => {
     const theme = useThemeStore((store) => store.theme);
     const schema = useMemo(() => convertJsonSchemaToJson(bodySchema), [bodySchema]);
@@ -15,4 +14,4 @@ export const EndpointResponseSchema = ({ items }) => {
     }
     return (_jsx("div", { className: "flex flex-col rounded-lg border", children: _jsxs(Tabs, { defaultValue: items[0].responseCode, children: [_jsx("div", { className: "flex items-center justify-between bg-card", children: _jsx(TabsList, { className: "bg-transparent p-0", children: items.map((item) => (_jsx(TabsTrigger, { value: item.responseCode, className: "text-xs font-bold cursor-pointer", children: item.responseCode }, item.responseCode))) }) }), items.map((props) => (_jsx(EndpointResponseSchemaItem, { ...props }, props.responseCode)))] }) }));
 };
-//# sourceMappingURL=endpoint-response-schema.js.map
+//# sourceMappingURL=spec-response-schema.js.map

package/dist/spec/spec-response-schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-response-schema.js","sourceRoot":"","sources":["../../src/spec/spec-response-schema.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AACtF,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,SAAS,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAYxD,MAAM,0BAA0B,GAA6B,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,EAAE;IAC5F,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,KAAwB,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACtE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAE/E,OAAO,CACL,KAAC,WAAW,IAAC,KAAK,EAAE,YAAY,EAAqB,SAAS,EAAC,UAAU,YACvE,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,SAAS,IACR,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,KAAK,KAAK,MAAM,EACtB,eAAe,EAAE,KAAK,EACtB,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,GACzC,GACE,IAR+B,YAAY,CASrC,CACf,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAA8B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,iCAAiC,YAC9C,MAAC,IAAI,IAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,aACvC,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,QAAQ,IAAC,SAAS,EAAC,oBAAoB,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,WAAW,IACV,KAAK,EAAE,IAAI,CAAC,YAAY,EAExB,SAAS,EAAC,kCAAkC,YAE3C,IAAI,CAAC,YAAY,IAHb,IAAI,CAAC,YAAY,CAIV,CACf,CAAC,GACO,GACP,EAEL,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,0BAA0B,OAA8B,KAAK,IAA7B,KAAK,CAAC,YAAY,CAAe,CACnE,CAAC,IACG,GACH,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/spec/spec-side-panel.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ApiEndpoint } from '../types/endpoint';
+type Props = {
+    endpoint: ApiEndpoint;
+    onClose: () => void;
+};
+export declare const SpecSidePanel: FC<Props>;
+export {};
+//# sourceMappingURL=spec-side-panel.d.ts.map

package/dist/spec/spec-side-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-side-panel.d.ts","sourceRoot":"","sources":["../../src/spec/spec-side-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAM/C,KAAK,KAAK,GAAG;IAAE,QAAQ,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAA;AAE3D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CA2BnC,CAAA"}

package/dist/spec/spec-side-panel.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sidebar } from '@motiadev/ui';
+import { X } from 'lucide-react';
+import { EndpointPath } from '../components/endpoint-path';
+import { useJsonSchemaToJson } from '../hooks/use-json-schema-to-json';
+import { EndpointBodyPanel } from './spec-body-panel';
+import { EndpointPathParamsPanel } from './spec-path-params-panel';
+import { EndpointQueryParamsPanel } from './spec-query-params-panel';
+import { EndpointResponseSchema } from './spec-response-schema';
+export const SpecSidePanel = ({ endpoint, onClose }) => {
+    const { body } = useJsonSchemaToJson(endpoint.bodySchema);
+    return (_jsxs(Sidebar, { initialWidth: 600, subtitle: endpoint.description, title: _jsx(EndpointPath, { method: endpoint.method, path: endpoint.path }), onClose: onClose, actions: [
+            {
+                icon: _jsx(X, { className: "cursor-pointer w-4 h-4", onClick: onClose }),
+                onClick: onClose,
+            },
+        ], children: [_jsx(EndpointPathParamsPanel, { endpoint: endpoint }), _jsx(EndpointQueryParamsPanel, { endpoint: endpoint }), _jsx(EndpointBodyPanel, { endpoint: endpoint, panelName: "details", value: body }), _jsx(EndpointResponseSchema, { items: Object.entries(endpoint?.responseSchema ?? {}).map(([status, schema]) => ({
+                    responseCode: status,
+                    bodySchema: schema,
+                })) })] }));
+};
+//# sourceMappingURL=spec-side-panel.js.map

package/dist/spec/spec-side-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-side-panel.js","sourceRoot":"","sources":["../../src/spec/spec-side-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAI/D,MAAM,CAAC,MAAM,aAAa,GAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAChE,MAAM,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;IAEzD,OAAO,CACL,MAAC,OAAO,IACN,YAAY,EAAE,GAAG,EACjB,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAC,YAAY,IAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,EACrE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,KAAC,CAAC,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,GAAI;gBAChE,OAAO,EAAE,OAAO;aACjB;SACF,aAED,KAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAC/C,KAAC,wBAAwB,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAChD,KAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,GAAI,EAC1E,KAAC,sBAAsB,IACrB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,cAAc,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;oBAC/E,YAAY,EAAE,MAAM;oBACpB,UAAU,EAAE,MAAM;iBACnB,CAAC,CAAC,GACH,IACM,CACX,CAAA;AACH,CAAC,CAAA"}