ag-common 0.0.241 → 0.0.244

package/dist/ui/components/KebabDots/index.js

@@ -11,6 +11,7 @@ const Dots = (react_1.default.createElement("svg", { viewBox: "0 0 24 24", xmlns
     react_1.default.createElement("path", { d: "M16 12a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0117 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0110 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 013 12z" })));
 const IconStyled = (0, styled_components_1.default)(Icon_1.Icon) `
   position: absolute;
+  background-color: white;
 `;
 const KebabDots = ({ onClick }) => (react_1.default.createElement(IconStyled, { width: "2rem", height: "2rem", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick() }, Dots));
 exports.KebabDots = KebabDots;

package/dist/ui/components/OpenApiCodeBlock/OpenApiCodeBlock.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { ICodeBlock } from './types';
-export declare const OpenApiCodeBlock: <TDefaultApi>(p: ICodeBlock<TDefaultApi>) => JSX.Element;
+import { IOpenApiCodeBlock } from './types';
+export declare const OpenApiCodeBlock: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>) => JSX.Element;

package/dist/ui/components/OpenApiCodeBlock/OpenApiCodeBlock.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpenApiCodeBlock = void 0;
 const common_1 = require("./helpers/common");
+const curl_1 = require("./curl");
+const fetch_1 = require("./fetch");
 const FlexRow_1 = require("../FlexRow");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Base = styled_components_1.default.div `
   display: flex;
   flex-flow: column;
-  width: 100%;
+  width: calc(100% - 4rem);
   flex-grow: 1;
   border: solid 1px #333;
   margin: 1rem;
@@ -38,15 +40,13 @@ const Block = styled_components_1.default.div `
   padding: 1rem;
   margin-top: 0.5rem;
 `;
-const Curl = styled_components_1.default.div `
-  white-space: pre;
-`;
 const OpenApiCodeBlock = (p) => {
     var _a;
-    const { path, verb, error, headerLines, fullApiUrl, bodyLine, operation } = (0, common_1.getLines)(p);
-    if (error || !verb || !operation) {
-        return react_1.default.createElement(Base, null, error);
+    const ops = (0, common_1.getOperation)(p);
+    if (ops.error || !ops.verb || !ops.operation) {
+        return react_1.default.createElement(Base, null, ops.error);
     }
+    const { verb, operation, path } = ops;
     return (react_1.default.createElement(Base, null,
         react_1.default.createElement(FlexRow_1.FlexRow, { center: true },
             react_1.default.createElement(Verb, null, verb),
@@ -56,22 +56,11 @@ const OpenApiCodeBlock = (p) => {
             verb.toUpperCase(),
             " ",
             path),
-        react_1.default.createElement(BlockTitle, null, "Example Request"),
+        react_1.default.createElement(BlockTitle, null, "Example curl Request"),
+        react_1.default.createElement(Block, null,
+            react_1.default.createElement(curl_1.Curl, { ops: ops, p: p })),
+        react_1.default.createElement(BlockTitle, null, "Example fetch Request"),
         react_1.default.createElement(Block, null,
-            react_1.default.createElement(Curl, null,
-                "curl --request ",
-                verb.toUpperCase(),
-                "\u00A0\\",
-                react_1.default.createElement("br", null),
-                "--url ",
-                react_1.default.createElement(common_1.Highlight, null,
-                    "'",
-                    fullApiUrl,
-                    "'"),
-                "\u00A0\\",
-                react_1.default.createElement("br", null),
-                react_1.default.createElement(react_1.default.Fragment, null, headerLines),
-                react_1.default.createElement("br", null),
-                bodyLine))));
+            react_1.default.createElement(fetch_1.Fetch, { ops: ops, p: p }))));
 };
 exports.OpenApiCodeBlock = OpenApiCodeBlock;

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/body.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IOpenApiCodeBlock } from '../../types';
+export declare const getBody: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>) => {
+    content: JSX.Element | undefined;
+    header: JSX.Element | undefined;
+};

package/dist/ui/components/OpenApiCodeBlock/{helpers → curl/helpers}/body.js

@@ -4,19 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBody = void 0;
-const common_1 = require("./common");
-const common_2 = require("../../../../common");
+const common_1 = require("../../helpers/common");
 const react_1 = __importDefault(require("react"));
 const getBody = (p) => {
-    const body = p.funcF.toString();
-    const bstart = (0, common_2.indexOfNumber)(body, '(', 1);
-    const bend = !bstart ? undefined : body.lastIndexOf(')');
-    if (!bstart || !bend) {
+    const { nice } = (0, common_1.getBodyJson)(p) || {};
+    if (!nice) {
         return { content: undefined, header: undefined };
     }
-    const slice = body.substring(bstart + 1, bend);
-    const json = slice.replace(/([a-zA-Z0-9-]+[^"]):/gim, '"$1":');
-    const nice = JSON.stringify(JSON.parse(json), null, 2);
     const content = (react_1.default.createElement(react_1.default.Fragment, null,
         "-d @- <<'EOF'",
         react_1.default.createElement("br", null),

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/getCurlLines.d.ts

@@ -0,0 +1,2 @@
+import { ICurlLines, IOpenApiCodeBlock, IOpenApiOperationBlock } from '../../types';
+export declare const getCurlLines: <TDefaultApi>(ops: IOpenApiOperationBlock, p: IOpenApiCodeBlock<TDefaultApi>) => ICurlLines;

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/getCurlLines.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCurlLines = void 0;
+const body_1 = require("./body");
+const security_1 = require("./security");
+const getCurlLines = (ops, p) => {
+    var _a;
+    const { operation, path, verb, fullApiUrl } = ops;
+    const withPath = fullApiUrl + path;
+    const secline = (0, security_1.getSecurityLine)(p, { operation });
+    if (secline.error) {
+        return { error: secline.error };
+    }
+    const bodyLines = (_a = (0, body_1.getBody)(p)) !== null && _a !== void 0 ? _a : undefined;
+    const headerLines = [];
+    if (secline.content) {
+        headerLines.push(secline.content);
+    }
+    if (bodyLines.header) {
+        headerLines.push(bodyLines.header);
+    }
+    return {
+        verb,
+        path,
+        error: undefined,
+        headerLines: headerLines,
+        fullApiUrl: withPath,
+        bodyLine: bodyLines === null || bodyLines === void 0 ? void 0 : bodyLines.content,
+        operation,
+    };
+};
+exports.getCurlLines = getCurlLines;

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/security.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IOpenApi, IOpenApiOperation } from '../../types';
+export declare const getSecurityLine: (p: {
+    apiKey?: string;
+    schema: IOpenApi;
+}, { operation }: {
+    operation: IOpenApiOperation;
+}) => {
+    error?: string;
+    content: JSX.Element | undefined;
+};

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/security.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSecurityLine = void 0;
+const string_1 = require("../../../../../common/helpers/string");
+const common_1 = require("../../helpers/common");
+const react_1 = __importDefault(require("react"));
+const getSecurityLine = (p, { operation }) => {
+    const sec = (0, common_1.getSecurity)(p, { operation });
+    if (sec === null) {
+        return { error: 'not supported sec in', content: undefined };
+    }
+    if (!sec) {
+        return { content: undefined };
+    }
+    return {
+        content: (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("span", null, "--header "),
+            react_1.default.createElement(common_1.Highlight, null,
+                "'",
+                (0, string_1.toTitleCase)(sec.name),
+                ":",
+                ' ',
+                react_1.default.createElement(common_1.Highlight2, null, p.apiKey || '(API KEY)'),
+                "'"))),
+    };
+};
+exports.getSecurityLine = getSecurityLine;

package/dist/ui/components/OpenApiCodeBlock/curl/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IOpenApiCodeBlock, IOpenApiOperationBlock } from '../types';
+export declare const Curl: <TDefaultApi>({ ops, p, }: {
+    p: IOpenApiCodeBlock<TDefaultApi>;
+    ops: IOpenApiOperationBlock;
+}) => JSX.Element;

package/dist/ui/components/OpenApiCodeBlock/curl/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Curl = void 0;
+const getCurlLines_1 = require("./helpers/getCurlLines");
+const common_1 = require("../helpers/common");
+const common_2 = require("../../../../common");
+const joinJsx_1 = require("../helpers/joinJsx");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Base = styled_components_1.default.div `
+  white-space: pre;
+`;
+const Curl = ({ ops, p, }) => {
+    const { fullApiUrl, headerLines, bodyLine } = (0, getCurlLines_1.getCurlLines)(ops, p);
+    const { verb } = ops;
+    const rows = [
+        react_1.default.createElement(react_1.default.Fragment, null,
+            "curl --request ",
+            verb.toUpperCase()),
+        react_1.default.createElement(react_1.default.Fragment, null,
+            "--url ",
+            react_1.default.createElement(common_1.Highlight, null,
+                "'",
+                fullApiUrl,
+                "'")),
+        ...(headerLines || []),
+        bodyLine,
+    ].filter(common_2.notEmpty);
+    return react_1.default.createElement(Base, null, (0, joinJsx_1.joinJsxWithSlash)(rows));
+};
+exports.Curl = Curl;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/call.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IOpenApiCodeBlock, IOpenApiOperationBlock } from '../../types';
+export declare const getFetchCall: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>, ops: IOpenApiOperationBlock) => JSX.Element | undefined;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/call.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFetchCall = void 0;
+const common_1 = require("../../helpers/common");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const rb = react_1.default.createElement(react_1.default.Fragment, null, "}");
+const lb = react_1.default.createElement(react_1.default.Fragment, null, "{");
+const Lpad = styled_components_1.default.div `
+  padding-left: 0.5rem;
+`;
+const getFetchCall = (p, ops) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(common_1.Highlight, null, "const"),
+        "\u00A0response = ",
+        react_1.default.createElement(common_1.Highlight, null, "await"),
+        ' ',
+        react_1.default.createElement(common_1.Highlight2, null, "fetch")));
+};
+exports.getFetchCall = getFetchCall;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/getFetchLines.d.ts

@@ -0,0 +1,2 @@
+import { IFetchLines, IOpenApiCodeBlock, IOpenApiOperationBlock } from '../../types';
+export declare const getFetchLines: <TDefaultApi>(ops: IOpenApiOperationBlock, p: IOpenApiCodeBlock<TDefaultApi>) => IFetchLines;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/getFetchLines.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFetchLines = void 0;
+const req_1 = require("./req");
+const getFetchLines = (ops, p) => {
+    var _a;
+    const { operation, path, verb, fullApiUrl } = ops;
+    const withPath = fullApiUrl + path;
+    const reqContent = (_a = (0, req_1.getRequestOptions)(p, ops)) !== null && _a !== void 0 ? _a : undefined;
+    return {
+        verb,
+        path,
+        error: undefined,
+        fullApiUrl: withPath,
+        reqContent,
+        operation,
+    };
+};
+exports.getFetchLines = getFetchLines;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/req.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IOpenApiCodeBlock, IOpenApiOperationBlock } from '../../types';
+export declare const getRequestOptions: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>, ops: IOpenApiOperationBlock) => JSX.Element | undefined;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/req.js

@@ -0,0 +1,77 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRequestOptions = void 0;
+const common_1 = require("../../helpers/common");
+const joinJsx_1 = require("../../helpers/joinJsx");
+const common_2 = require("../../../../../common");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const rb = react_1.default.createElement(react_1.default.Fragment, null, "}");
+const lb = react_1.default.createElement(react_1.default.Fragment, null, "{");
+const Lpad = styled_components_1.default.div `
+  padding-left: 0.5rem;
+`;
+const getRequestOptions = (p, ops) => {
+    const { nice } = (0, common_1.getBodyJson)(p) || {};
+    if (!nice) {
+        return undefined;
+    }
+    const sec = (0, common_1.getSecurity)(p, ops);
+    const h1 = (react_1.default.createElement(react_1.default.Fragment, null,
+        ' ',
+        react_1.default.createElement(common_1.Highlight, null, "'Content-Type'"),
+        ":",
+        ' ',
+        react_1.default.createElement(common_1.Highlight, null, "'application/json'")));
+    let h2;
+    if (sec) {
+        h2 = (react_1.default.createElement(react_1.default.Fragment, null,
+            ' ',
+            react_1.default.createElement(common_1.Highlight, null,
+                "'",
+                (0, common_2.toTitleCase)(sec.name),
+                "'"),
+            ":",
+            ' ',
+            react_1.default.createElement(common_1.Highlight, null,
+                "'",
+                p.apiKey || '(API KEY)',
+                "'")));
+    }
+    const header = !sec ? (react_1.default.createElement(react_1.default.Fragment, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
+        "headers: ",
+        lb,
+        react_1.default.createElement(Lpad, null, (0, joinJsx_1.joinJsxWithComma)([h1, h2])),
+        rb,
+        ","));
+    const body = (react_1.default.createElement(react_1.default.Fragment, null,
+        "body: ",
+        react_1.default.createElement(common_1.Highlight2, null, "JSON"),
+        ".",
+        react_1.default.createElement(common_1.Highlight, null, "stringify"),
+        "(",
+        nice,
+        ")"));
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+        "const requestOptions = ",
+        lb,
+        react_1.default.createElement(Lpad, null,
+            "method: ",
+            react_1.default.createElement(common_1.Highlight, null,
+                "'",
+                ops.verb.toUpperCase(),
+                "'"),
+            ",",
+            react_1.default.createElement("br", null),
+            header,
+            react_1.default.createElement("br", null),
+            body,
+            react_1.default.createElement("br", null)),
+        rb,
+        ";"));
+    return content;
+};
+exports.getRequestOptions = getRequestOptions;

package/dist/ui/components/OpenApiCodeBlock/fetch/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IOpenApiCodeBlock, IOpenApiOperationBlock } from '../types';
+export declare const Fetch: <TDefaultApi>({ ops, p, }: {
+    p: IOpenApiCodeBlock<TDefaultApi>;
+    ops: IOpenApiOperationBlock;
+}) => JSX.Element;

package/dist/ui/components/OpenApiCodeBlock/fetch/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fetch = void 0;
+const getFetchLines_1 = require("./helpers/getFetchLines");
+const call_1 = require("./helpers/call");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Base = styled_components_1.default.div `
+  white-space: pre;
+`;
+const Fetch = ({ ops, p, }) => {
+    const { reqContent } = (0, getFetchLines_1.getFetchLines)(ops, p);
+    const x = (0, call_1.getFetchCall)(p, ops);
+    return (react_1.default.createElement(Base, null,
+        reqContent,
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        x));
+};
+exports.Fetch = Fetch;

package/dist/ui/components/OpenApiCodeBlock/helpers/common.d.ts

@@ -1,21 +1,14 @@
-/// <reference types="react" />
-import { ICodeBlock } from '../types';
+import { IOpenApi, IOpenApiCodeBlock, IOpenApiOperation, IOpenApiOperationBlock } from '../types';
 export declare const Highlight: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Highlight2: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const getLines: <TDefaultApi>(p: ICodeBlock<TDefaultApi>) => {
-    error: string;
-    verb?: undefined;
-    path?: undefined;
-    headerLines?: undefined;
-    fullApiUrl?: undefined;
-    bodyLine?: undefined;
-    operation?: undefined;
-} | {
-    verb: string;
-    path: string;
-    error: undefined;
-    headerLines: JSX.Element[];
-    fullApiUrl: string;
-    bodyLine: JSX.Element | undefined;
-    operation: import("../types").IOpenApiOperation;
-};
+export declare const getOperation: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>) => IOpenApiOperationBlock;
+export declare const getBodyJson: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>) => {
+    nice: string;
+    raw: string;
+} | undefined;
+export declare const getSecurity: (p: {
+    apiKey?: string;
+    schema: IOpenApi;
+}, { operation }: {
+    operation: IOpenApiOperation;
+}) => import("../types").IOpenApiSecurityScheme | null | undefined;

package/dist/ui/components/OpenApiCodeBlock/helpers/common.js

@@ -3,12 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLines = exports.Highlight2 = exports.Highlight = void 0;
-const security_1 = require("./security");
-const body_1 = require("./body");
-const string_1 = require("../../../../common/helpers/string");
+exports.getSecurity = exports.getBodyJson = exports.getOperation = exports.Highlight2 = exports.Highlight = void 0;
+const common_1 = require("../../../../common");
 const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = __importDefault(require("react"));
 exports.Highlight = styled_components_1.default.span `
   color: green;
 `;
@@ -21,7 +18,7 @@ const getApiUrl = (p) => {
 const getFunctionName = (p) => {
     let ret = p.funcF.toString();
     const i1 = ret.indexOf('.') + 1;
-    const i2 = (0, string_1.indexOfNumber)(ret, '(', 1);
+    const i2 = (0, common_1.indexOfNumber)(ret, '(', 1);
     ret = ret.substring(i1, i2);
     return ret;
 };
@@ -36,44 +33,47 @@ const getOperation = (p) => {
         }
     }));
     if (!path || !verb) {
-        return { error: 'operation not found', operation: undefined };
+        return {
+            error: 'operation not found',
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        };
     }
     const operation = p.schema.paths[path][verb];
-    return { operation, verb, path };
+    return { operation, verb, path, fullApiUrl: getApiUrl(p) };
 };
-const getLines = (p) => {
-    var _a;
-    const ops = getOperation(p);
-    if (ops.error || !ops.operation) {
-        return { error: ops.error };
-    }
-    const { operation, path, verb } = ops;
-    const apiUrl = getApiUrl(p);
-    const fullApiUrl = apiUrl + path;
-    const secline = (0, security_1.getSecurityLine)(p, { operation });
-    if (secline.error) {
-        return { error: secline.error };
+exports.getOperation = getOperation;
+const getBodyJson = (p) => {
+    const body = p.funcF.toString();
+    const bstart = (0, common_1.indexOfNumber)(body, '(', 1);
+    const bend = !bstart ? undefined : body.lastIndexOf(')');
+    if (!bstart || !bend) {
+        return undefined;
     }
-    const bodyLines = (_a = (0, body_1.getBody)(p)) !== null && _a !== void 0 ? _a : undefined;
-    const headerLines = [];
-    if (secline.content) {
-        headerLines.push(secline.content);
-        headerLines.push(react_1.default.createElement(react_1.default.Fragment, null,
-            "\u00A0\\",
-            react_1.default.createElement("br", null)));
+    //no body required
+    if (bend - bstart === 1) {
+        return undefined;
     }
-    if (bodyLines.header) {
-        headerLines.push(bodyLines.header);
-        headerLines.push(react_1.default.createElement(react_1.default.Fragment, null, "\u00A0\\"));
+    const raw = body.substring(bstart + 1, bend);
+    const cleaned = raw
+        .replace(/([a-zA-Z0-9-]+[^"]):/gim, '"$1":')
+        .replace(/'/gim, '"');
+    const nice = JSON.stringify(JSON.parse(cleaned), null, 2);
+    return { nice, raw };
+};
+exports.getBodyJson = getBodyJson;
+const getSecurity = (p, { operation }) => {
+    var _a;
+    const security1 = (_a = operation.security) === null || _a === void 0 ? void 0 : _a[0];
+    const security2 = !security1 ? undefined : Object.keys(security1)[0];
+    const security = !security2
+        ? undefined
+        : p.schema.components.securitySchemes[security2];
+    if (security) {
+        if (security.in !== 'header') {
+            return null;
+        }
+        return security;
     }
-    return {
-        verb,
-        path,
-        error: undefined,
-        headerLines,
-        fullApiUrl,
-        bodyLine: bodyLines === null || bodyLines === void 0 ? void 0 : bodyLines.content,
-        operation,
-    };
+    return undefined;
 };
-exports.getLines = getLines;
+exports.getSecurity = getSecurity;

package/dist/ui/components/OpenApiCodeBlock/helpers/joinJsx.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const joinJsx: (items: (JSX.Element | undefined)[], sep: JSX.Element[]) => JSX.Element[];
+export declare const joinJsxWithSlash: (items: (JSX.Element | undefined)[]) => JSX.Element[];
+export declare const joinJsxWithComma: (items: (JSX.Element | undefined)[]) => JSX.Element[];

package/dist/ui/components/OpenApiCodeBlock/helpers/joinJsx.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.joinJsxWithComma = exports.joinJsxWithSlash = exports.joinJsx = void 0;
+const common_1 = require("../../../../common");
+const react_1 = __importDefault(require("react"));
+const joinJsx = (items, sep) => {
+    const ret = [];
+    items.filter(common_1.notEmpty).forEach((i, index) => {
+        ret.push(i);
+        if (index !== items.length - 1) {
+            for (const s of sep) {
+                ret.push(s);
+            }
+        }
+    });
+    return ret;
+};
+exports.joinJsx = joinJsx;
+const joinJsxWithSlash = (items) => (0, exports.joinJsx)(items, [react_1.default.createElement(react_1.default.Fragment, null, "\u00A0\\"), react_1.default.createElement("br", { key: "br1" })]);
+exports.joinJsxWithSlash = joinJsxWithSlash;
+const joinJsxWithComma = (items) => (0, exports.joinJsx)(items, [react_1.default.createElement(react_1.default.Fragment, null, ","), react_1.default.createElement("br", { key: "br1" })]);
+exports.joinJsxWithComma = joinJsxWithComma;

package/dist/ui/components/OpenApiCodeBlock/types.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 export interface IOpenApiOperation {
     description: string;
     operationId: string;
     security?: {
         [name: string]: string;
-    };
+    }[];
 }
 export interface IOpenApiSecurityScheme {
     in: string;
@@ -24,7 +25,7 @@ export interface IOpenApi {
         };
     };
 }
-export interface ICodeBlock<TDefaultApi> {
+export interface IOpenApiCodeBlock<TDefaultApi> {
     /**
      * openapi schema. eg
      * const schema: any = require('common/openapi.generated').default;
@@ -33,3 +34,27 @@ export interface ICodeBlock<TDefaultApi> {
     apiKey?: string;
     funcF: (f: TDefaultApi) => Promise<any>;
 }
+export interface ICurlLines {
+    error?: string;
+    verb?: string;
+    path?: string;
+    headerLines?: JSX.Element[];
+    fullApiUrl?: string;
+    bodyLine?: JSX.Element;
+    operation?: IOpenApiOperation;
+}
+export interface IFetchLines {
+    error?: string;
+    verb?: string;
+    path?: string;
+    fullApiUrl?: string;
+    reqContent?: JSX.Element;
+    operation?: IOpenApiOperation;
+}
+export interface IOpenApiOperationBlock {
+    error?: string;
+    operation: IOpenApiOperation;
+    verb: string;
+    path: string;
+    fullApiUrl: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.241",
+  "version": "0.0.244",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -30,7 +30,7 @@
     "typescript": "4.x"
   },
   "devDependencies": {
-    "@babel/core": "7.17.9",
+    "@babel/core": "7.17.10",
     "@storybook/addon-actions": "6.4.22",
     "@storybook/addon-docs": "6.4.22",
     "@storybook/addon-essentials": "6.4.22",
@@ -40,12 +40,12 @@
     "@storybook/react": "6.4.22",
     "@storybook/theming": "6.4.22",
     "@types/jsonwebtoken": "8.5.8",
-    "@types/node": "17.0.29",
+    "@types/node": "17.0.31",
     "@types/react": "17.0.43",
     "@types/react-dom": "17.0.14",
     "@types/styled-components": "5.1.25",
-    "@typescript-eslint/eslint-plugin": "5.21.0",
-    "@typescript-eslint/parser": "5.21.0",
+    "@typescript-eslint/eslint-plugin": "5.22.0",
+    "@typescript-eslint/parser": "5.22.0",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
     "eslint-config-airbnb-typescript": "17.0.0",

package/dist/ui/components/OpenApiCodeBlock/helpers/body.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ICodeBlock } from '../types';
-export declare const getBody: <TDefaultApi>(p: ICodeBlock<TDefaultApi>) => {
-    content: JSX.Element | undefined;
-    header: JSX.Element | undefined;
-};

package/dist/ui/components/OpenApiCodeBlock/helpers/security.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ICodeBlock, IOpenApiOperation } from '../types';
-export declare const getSecurityLine: <TDefaultApi>(p: ICodeBlock<TDefaultApi>, { operation }: {
-    operation: IOpenApiOperation;
-}) => {
-    error?: string;
-    content: JSX.Element;
-};

package/dist/ui/components/OpenApiCodeBlock/helpers/security.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSecurityLine = void 0;
-const common_1 = require("./common");
-const string_1 = require("../../../../common/helpers/string");
-const react_1 = __importDefault(require("react"));
-const getSecurityLine = (p, { operation }) => {
-    var _a;
-    const security1 = (_a = operation.security) === null || _a === void 0 ? void 0 : _a[0];
-    const security2 = !security1 ? undefined : Object.keys(security1)[0];
-    const security = !security2
-        ? undefined
-        : p.schema.components.securitySchemes[security2];
-    if (security) {
-        if (security.in !== 'header') {
-            return { error: 'not supported sec in', content: react_1.default.createElement(react_1.default.Fragment, null) };
-        }
-        return {
-            content: (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("span", null, "--header "),
-                react_1.default.createElement(common_1.Highlight, null,
-                    "'",
-                    (0, string_1.toTitleCase)(security.name),
-                    ":",
-                    ' ',
-                    react_1.default.createElement(common_1.Highlight2, null, p.apiKey || '(API KEY)'),
-                    "'"))),
-        };
-    }
-    return { content: react_1.default.createElement(react_1.default.Fragment, null) };
-};
-exports.getSecurityLine = getSecurityLine;