@motiadev/plugin-endpoint 0.7.2-beta.135-994416 → 0.7.2-beta.135-373835
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/endpoint-item.d.ts.map +1 -1
- package/dist/components/endpoint-item.js +1 -1
- package/dist/components/endpoint-item.js.map +1 -1
- package/dist/components/endpoint-path.d.ts.map +1 -1
- package/dist/components/endpoint-path.js +4 -3
- package/dist/components/endpoint-path.js.map +1 -1
- package/dist/components/json-editor.d.ts.map +1 -1
- package/dist/components/json-editor.js +52 -15
- package/dist/components/json-editor.js.map +1 -1
- package/dist/play/side-panel-body-tab.d.ts.map +1 -1
- package/dist/play/side-panel-body-tab.js +2 -3
- package/dist/play/side-panel-body-tab.js.map +1 -1
- package/dist/styles.css +24 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"endpoint-item.d.ts","sourceRoot":"","sources":["../../src/components/endpoint-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAG/C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,WAAW,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"endpoint-item.d.ts","sourceRoot":"","sources":["../../src/components/endpoint-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAG/C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,WAAW,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgC9C,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from '@motiadev/ui';
|
|
3
3
|
import { EndpointPath } from './endpoint-path';
|
|
4
|
-
export const EndpointItem = ({ endpoint, isSelected, isLast, onSelect }) => (_jsxs("div", { "data-testid": `endpoint-${endpoint.method}-${endpoint.path}`, className: cn('grid grid-cols-[auto_1fr] items-center justify-center px-[17px] select-none hover:bg-muted-foreground/10 cursor-pointer', isSelected && 'bg-muted-foreground/10'), children: [isLast ? (_jsx("svg", { width: "14", height: "34", viewBox: "0 0 12 34", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6.5 16.5C6.50006 19.2614 8.7386 21.4999 11.5 21.5C11.7759 21.5003 12 21.724 12 22C12 22.276 11.7759 22.4997 11.5 22.5C8.18632 22.4999 5.50006 19.8137 5.5 16.5V0H6.5V16.5Z", className: "fill-[#555]" }) })) : (_jsx("svg", { width: "14", height: "34", viewBox: "0 0 12 34", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6.5 0V11.5C6.50007 14.2614 8.73861 16.4999 11.5 16.5C11.7759 16.5003 12 16.724 12 17C12 17.276 11.7759 17.4997 11.5 17.5C9.41273 17.5 7.57486 16.4335 6.5 14.8164V34H5.5V0H6.5Z", className: "fill-[#555]" }) })), _jsx("div", {
|
|
4
|
+
export const EndpointItem = ({ endpoint, isSelected, isLast, onSelect }) => (_jsxs("div", { "data-testid": `endpoint-${endpoint.method}-${endpoint.path}`, onClick: () => onSelect(endpoint.id), className: cn('grid grid-cols-[auto_1fr] items-center justify-center px-[17px] select-none hover:bg-muted-foreground/10 cursor-pointer', isSelected && 'bg-muted-foreground/10'), children: [isLast ? (_jsx("svg", { width: "14", height: "34", viewBox: "0 0 12 34", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6.5 16.5C6.50006 19.2614 8.7386 21.4999 11.5 21.5C11.7759 21.5003 12 21.724 12 22C12 22.276 11.7759 22.4997 11.5 22.5C8.18632 22.4999 5.50006 19.8137 5.5 16.5V0H6.5V16.5Z", className: "fill-[#555]" }) })) : (_jsx("svg", { width: "14", height: "34", viewBox: "0 0 12 34", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6.5 0V11.5C6.50007 14.2614 8.73861 16.4999 11.5 16.5C11.7759 16.5003 12 16.724 12 17C12 17.276 11.7759 17.4997 11.5 17.5C9.41273 17.5 7.57486 16.4335 6.5 14.8164V34H5.5V0H6.5Z", className: "fill-[#555]" }) })), _jsx("div", { children: _jsxs("div", { className: "grid grid-cols-[auto_1fr] items-center gap-3 px-2", children: [_jsx(EndpointPath, { method: endpoint.method, path: endpoint.path }), _jsx("span", { className: "text-sm text-muted-foreground truncate", children: endpoint.description })] }) })] }));
|
|
5
5
|
//# sourceMappingURL=endpoint-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"endpoint-item.js","sourceRoot":"","sources":["../../src/components/endpoint-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAGjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAS9C,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACjG,8BACe,YAAY,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,EAAE,EAC3D,SAAS,EAAE,EAAE,CACX,yHAAyH,EACzH,UAAU,IAAI,wBAAwB,CACvC,aAEA,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC5F,eACE,CAAC,EAAC,6KAA6K,EAC/K,SAAS,EAAC,aAAa,GACvB,GACE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC5F,eACE,CAAC,EAAC,kLAAkL,EACpL,SAAS,EAAC,aAAa,GACvB,GACE,CACP,EAED,
|
|
1
|
+
{"version":3,"file":"endpoint-item.js","sourceRoot":"","sources":["../../src/components/endpoint-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAGjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAS9C,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACjG,8BACe,YAAY,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,EAAE,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EACpC,SAAS,EAAE,EAAE,CACX,yHAAyH,EACzH,UAAU,IAAI,wBAAwB,CACvC,aAEA,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC5F,eACE,CAAC,EAAC,6KAA6K,EAC/K,SAAS,EAAC,aAAa,GACvB,GACE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC5F,eACE,CAAC,EAAC,kLAAkL,EACpL,SAAS,EAAC,aAAa,GACvB,GACE,CACP,EAED,wBACE,eAAK,SAAS,EAAC,mDAAmD,aAChE,KAAC,YAAY,IAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,EAC9D,eAAM,SAAS,EAAC,wCAAwC,YAAE,QAAQ,CAAC,WAAW,GAAQ,IAClF,GACF,IACF,CACP,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"endpoint-path.d.ts","sourceRoot":"","sources":["../../src/components/endpoint-path.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAA;AAInC,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb;AAMD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"endpoint-path.d.ts","sourceRoot":"","sources":["../../src/components/endpoint-path.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAA;AAInC,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb;AAMD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAiC9C,CAAA"}
|
|
@@ -10,14 +10,15 @@ export const EndpointPath = ({ method, path }) => {
|
|
|
10
10
|
const partsLength = parts.length - 1;
|
|
11
11
|
return parts.flatMap((part, index) => {
|
|
12
12
|
const isLast = index === partsLength;
|
|
13
|
-
const
|
|
13
|
+
const key = `part-${part}-${index}`;
|
|
14
|
+
const separator = isLast ? undefined : _jsx(PathSeparator, {}, `separator-${key}`);
|
|
14
15
|
if (part.startsWith(':')) {
|
|
15
16
|
return [
|
|
16
|
-
_jsx("div", { className: "bg-[#2862FE]/20 text-[#2862FE] rounded-sm px-1 py-0.5 text-sm font-mono font-bold font-medium", children: part }),
|
|
17
|
+
_jsx("div", { className: "bg-[#2862FE]/20 text-[#2862FE] rounded-sm px-1 py-0.5 text-sm font-mono font-bold font-medium", children: part }, key),
|
|
17
18
|
separator,
|
|
18
19
|
];
|
|
19
20
|
}
|
|
20
|
-
return [part, separator];
|
|
21
|
+
return [_jsx("div", { children: part }, key), separator];
|
|
21
22
|
});
|
|
22
23
|
}, [path]);
|
|
23
24
|
return (_jsxs("div", { className: "grid grid-cols-[auto_1fr] gap-2 items-center", children: [_jsx(EndpointBadge, { variant: method, children: method }), _jsxs("span", { className: "font-mono font-bold whitespace-nowrap flex flex-row gap-2 items-center truncate", children: [_jsx(PathSeparator, {}), pathView] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"endpoint-path.js","sourceRoot":"","sources":["../../src/components/endpoint-path.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAQhD,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,OAAO,cAAK,SAAS,EAAC,uBAAuB,kBAAQ,CAAA;AACvD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;IACtE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAC7C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;QACpC,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,MAAM,GAAG,KAAK,KAAK,WAAW,CAAA;YACpC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"endpoint-path.js","sourceRoot":"","sources":["../../src/components/endpoint-path.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAQhD,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,OAAO,cAAK,SAAS,EAAC,uBAAuB,kBAAQ,CAAA;AACvD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;IACtE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAC7C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;QACpC,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,MAAM,GAAG,KAAK,KAAK,WAAW,CAAA;YACpC,MAAM,GAAG,GAAG,QAAQ,IAAI,IAAI,KAAK,EAAE,CAAA;YACnC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,aAAa,MAAM,aAAa,GAAG,EAAE,CAAI,CAAA;YAEjF,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACzB,OAAO;oBACL,cAEE,SAAS,EAAC,+FAA+F,YAExG,IAAI,IAHA,GAAG,CAIJ;oBACN,SAAS;iBACV,CAAA;YACH,CAAC;YACD,OAAO,CAAC,wBAAgB,IAAI,IAAV,GAAG,CAAc,EAAE,SAAS,CAAC,CAAA;QACjD,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,aAAa,IAAC,OAAO,EAAE,MAAwB,YAAG,MAAM,GAAiB,EAC1E,gBAAM,SAAS,EAAC,iFAAiF,aAC/F,KAAC,aAAa,KAAG,EAChB,QAAQ,IACJ,IACH,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"json-editor.d.ts","sourceRoot":"","sources":["../../src/components/json-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"json-editor.d.ts","sourceRoot":"","sources":["../../src/components/json-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAA;AAEhE,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4H1C,CAAA"}
|
|
@@ -1,26 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useThemeStore } from '@motiadev/ui';
|
|
3
3
|
import { Editor, useMonaco } from '@monaco-editor/react';
|
|
4
|
-
import { useEffect, useMemo } from 'react';
|
|
4
|
+
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
5
5
|
export const JsonEditor = ({ value, schema, onChange, onValidate, language = 'json', readOnly = false, }) => {
|
|
6
6
|
const monaco = useMonaco();
|
|
7
7
|
const theme = useThemeStore((state) => state.theme);
|
|
8
8
|
const editorTheme = useMemo(() => (theme === 'dark' ? 'transparent-dark' : 'transparent-light'), [theme]);
|
|
9
|
+
const [editor, setEditor] = useState(null);
|
|
10
|
+
const resizeAnimationFrameRef = useRef(null);
|
|
9
11
|
useEffect(() => {
|
|
10
12
|
if (!monaco)
|
|
11
13
|
return;
|
|
12
|
-
monaco.languages.typescript.javascriptDefaults.setCompilerOptions({ isolatedModules: true });
|
|
13
|
-
monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
|
|
14
|
-
schemas: schema
|
|
15
|
-
? [
|
|
16
|
-
{
|
|
17
|
-
uri: window.location.href,
|
|
18
|
-
fileMatch: ['*'],
|
|
19
|
-
schema,
|
|
20
|
-
},
|
|
21
|
-
]
|
|
22
|
-
: [],
|
|
23
|
-
});
|
|
24
14
|
monaco.editor.defineTheme('transparent-light', {
|
|
25
15
|
base: 'vs',
|
|
26
16
|
inherit: true,
|
|
@@ -51,14 +41,61 @@ export const JsonEditor = ({ value, schema, onChange, onValidate, language = 'js
|
|
|
51
41
|
'editorWidget.border': '#00000000',
|
|
52
42
|
},
|
|
53
43
|
});
|
|
44
|
+
}, [monaco]);
|
|
45
|
+
useEffect(() => {
|
|
46
|
+
if (!monaco)
|
|
47
|
+
return;
|
|
48
|
+
monaco.languages.typescript.javascriptDefaults.setCompilerOptions({ isolatedModules: true });
|
|
49
|
+
monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
|
|
50
|
+
schemas: schema
|
|
51
|
+
? [
|
|
52
|
+
{
|
|
53
|
+
uri: window.location.href,
|
|
54
|
+
fileMatch: ['*'],
|
|
55
|
+
schema,
|
|
56
|
+
},
|
|
57
|
+
]
|
|
58
|
+
: [],
|
|
59
|
+
});
|
|
60
|
+
}, [monaco, schema]);
|
|
61
|
+
useEffect(() => {
|
|
62
|
+
if (!monaco)
|
|
63
|
+
return;
|
|
54
64
|
monaco.editor.setTheme(editorTheme);
|
|
55
|
-
}, [monaco,
|
|
56
|
-
|
|
65
|
+
}, [monaco, editorTheme]);
|
|
66
|
+
useEffect(() => {
|
|
67
|
+
if (!editor)
|
|
68
|
+
return;
|
|
69
|
+
const container = editor.getContainerDomNode().parentElement?.parentElement;
|
|
70
|
+
if (!container)
|
|
71
|
+
return;
|
|
72
|
+
const handleResize = () => {
|
|
73
|
+
if (resizeAnimationFrameRef.current !== null) {
|
|
74
|
+
cancelAnimationFrame(resizeAnimationFrameRef.current);
|
|
75
|
+
}
|
|
76
|
+
resizeAnimationFrameRef.current = requestAnimationFrame(() => {
|
|
77
|
+
const { width, height } = container.getBoundingClientRect();
|
|
78
|
+
editor.layout({ width, height });
|
|
79
|
+
resizeAnimationFrameRef.current = null;
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
handleResize();
|
|
83
|
+
const resizeObserver = new ResizeObserver(handleResize);
|
|
84
|
+
resizeObserver.observe(container);
|
|
85
|
+
return () => {
|
|
86
|
+
resizeObserver.disconnect();
|
|
87
|
+
if (resizeAnimationFrameRef.current !== null) {
|
|
88
|
+
cancelAnimationFrame(resizeAnimationFrameRef.current);
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
}, [editor]);
|
|
92
|
+
return (_jsx(Editor, { "data-testid": "json-editor", language: language, value: value, theme: editorTheme, onMount: setEditor, onChange: (value) => {
|
|
57
93
|
if (!value) {
|
|
58
94
|
onValidate?.(false);
|
|
59
95
|
}
|
|
60
96
|
onChange?.(value ?? '');
|
|
61
97
|
}, onValidate: (markers) => onValidate?.(markers.length === 0), options: {
|
|
98
|
+
automaticLayout: false,
|
|
62
99
|
readOnly,
|
|
63
100
|
scrollBeyondLastLine: false,
|
|
64
101
|
minimap: { enabled: false },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"json-editor.js","sourceRoot":"","sources":["../../src/components/json-editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAM,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"json-editor.js","sourceRoot":"","sources":["../../src/components/json-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel-body-tab.d.ts","sourceRoot":"","sources":["../../src/play/side-panel-body-tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"side-panel-body-tab.d.ts","sourceRoot":"","sources":["../../src/play/side-panel-body-tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAA;AAMxD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiCrD,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { CircleX } from 'lucide-react';
|
|
3
|
-
import { memo, useCallback, useEffect
|
|
3
|
+
import { memo, useCallback, useEffect } from 'react';
|
|
4
4
|
import { useShallow } from 'zustand/react/shallow';
|
|
5
5
|
import { JsonEditor } from '../components/json-editor';
|
|
6
6
|
import { getBodyIsValidSelector, getBodySelector, useEndpointConfiguration } from '../hooks/use-endpoint-configuration';
|
|
@@ -9,7 +9,6 @@ export const SidePanelBodyTab = memo(({ schema }) => {
|
|
|
9
9
|
const { setBody, setBodyIsValid } = useEndpointConfiguration();
|
|
10
10
|
const bodyIsValid = useEndpointConfiguration(useShallow(getBodyIsValidSelector));
|
|
11
11
|
const body = useEndpointConfiguration(getBodySelector);
|
|
12
|
-
const containerRef = useRef(null);
|
|
13
12
|
useEffect(() => {
|
|
14
13
|
if (schema) {
|
|
15
14
|
setBody(body || JSON.stringify(convertJsonSchemaToJson(schema), null, 2));
|
|
@@ -19,6 +18,6 @@ export const SidePanelBodyTab = memo(({ schema }) => {
|
|
|
19
18
|
const handleBodyChange = useCallback((value) => {
|
|
20
19
|
setBody(value);
|
|
21
20
|
}, [setBody, setBodyIsValid]);
|
|
22
|
-
return (_jsxs("div", { className: "h-full relative",
|
|
21
|
+
return (_jsxs("div", { className: "max-h-full h-full relative", children: [_jsx(JsonEditor, { value: body, schema: schema, onChange: handleBodyChange, onValidate: setBodyIsValid }), !bodyIsValid && (_jsxs("div", { className: "absolute bottom-0 left-0 right-0 border-t border-border p-3 text-sm dark:text-yellow-500 text-yellow-700 flex items-center gap-1 font-medium", "data-testid": "endpoint-body-tab-invalid", children: [_jsx(CircleX, { className: "w-4 h-4" }), "The body payload is invalid"] }))] }));
|
|
23
22
|
});
|
|
24
23
|
//# sourceMappingURL=side-panel-body-tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel-body-tab.js","sourceRoot":"","sources":["../../src/play/side-panel-body-tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAM,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"side-panel-body-tab.js","sourceRoot":"","sources":["../../src/play/side-panel-body-tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAM,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACvH,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAMxD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAC9D,MAAM,WAAW,GAAG,wBAAwB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAChF,MAAM,IAAI,GAAG,wBAAwB,CAAC,eAAe,CAAC,CAAA;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;YACzE,cAAc,CAAC,IAAI,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAa,EAAE,EAAE;QAChB,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,EACD,CAAC,OAAO,EAAE,cAAc,CAAC,CAC1B,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,cAAc,GAAI,EAClG,CAAC,WAAW,IAAI,CACf,eACE,SAAS,EAAC,8IAA8I,iBAC5I,2BAA2B,aAEvC,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,mCAE3B,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}
|
package/dist/styles.css
CHANGED
|
@@ -197,18 +197,42 @@
|
|
|
197
197
|
.top-1\/2 {
|
|
198
198
|
top: calc(1/2 * 100%);
|
|
199
199
|
}
|
|
200
|
+
.right-0 {
|
|
201
|
+
right: calc(var(--spacing) * 0);
|
|
202
|
+
}
|
|
200
203
|
.right-3 {
|
|
201
204
|
right: calc(var(--spacing) * 3);
|
|
202
205
|
}
|
|
203
206
|
.bottom-0 {
|
|
204
207
|
bottom: calc(var(--spacing) * 0);
|
|
205
208
|
}
|
|
209
|
+
.left-0 {
|
|
210
|
+
left: calc(var(--spacing) * 0);
|
|
211
|
+
}
|
|
206
212
|
.left-3 {
|
|
207
213
|
left: calc(var(--spacing) * 3);
|
|
208
214
|
}
|
|
209
215
|
.isolate {
|
|
210
216
|
isolation: isolate;
|
|
211
217
|
}
|
|
218
|
+
.container {
|
|
219
|
+
width: 100%;
|
|
220
|
+
@media (width >= 40rem) {
|
|
221
|
+
max-width: 40rem;
|
|
222
|
+
}
|
|
223
|
+
@media (width >= 48rem) {
|
|
224
|
+
max-width: 48rem;
|
|
225
|
+
}
|
|
226
|
+
@media (width >= 64rem) {
|
|
227
|
+
max-width: 64rem;
|
|
228
|
+
}
|
|
229
|
+
@media (width >= 80rem) {
|
|
230
|
+
max-width: 80rem;
|
|
231
|
+
}
|
|
232
|
+
@media (width >= 96rem) {
|
|
233
|
+
max-width: 96rem;
|
|
234
|
+
}
|
|
235
|
+
}
|
|
212
236
|
.mt-2\.5 {
|
|
213
237
|
margin-top: calc(var(--spacing) * 2.5);
|
|
214
238
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@motiadev/plugin-endpoint",
|
|
3
|
-
"version": "0.7.2-beta.135-
|
|
3
|
+
"version": "0.7.2-beta.135-373835",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"react18-json-view": "^0.2.9",
|
|
20
20
|
"json-schema": "^0.4.0",
|
|
21
21
|
"zustand": "^5.0.8",
|
|
22
|
-
"@motiadev/stream-client-react": "0.7.2-beta.135-
|
|
23
|
-
"@motiadev/ui": "0.7.2-beta.135-
|
|
22
|
+
"@motiadev/stream-client-react": "0.7.2-beta.135-373835",
|
|
23
|
+
"@motiadev/ui": "0.7.2-beta.135-373835"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@types/json-schema": "^7.0.15",
|