ag-common 0.0.240 → 0.0.243

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

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

package/dist/ui/components/{CodeBlock/CodeBlock.js → OpenApiCodeBlock/OpenApiCodeBlock.js}

@@ -3,15 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeBlock = void 0;
+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 CodeBlock = (p) => {
+const OpenApiCodeBlock = (p) => {
     var _a;
-    const { path, verb, error, headerLines, fullApiUrl, bodyLine, operation } = (0, common_1.getLines)(p);
-    if (error || !verb) {
-        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 CodeBlock = (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.CodeBlock = CodeBlock;
+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/curl/helpers/body.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBody = void 0;
+const common_1 = require("../../helpers/common");
+const react_1 = __importDefault(require("react"));
+const getBody = (p) => {
+    const { nice } = (0, common_1.getBodyJson)(p) || {};
+    if (!nice) {
+        return { content: undefined, header: undefined };
+    }
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+        "-d @- <<'EOF'",
+        react_1.default.createElement("br", null),
+        react_1.default.createElement(common_1.Highlight2, null, nice),
+        react_1.default.createElement("br", null),
+        "EOF"));
+    const header = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", null, "--header "),
+        react_1.default.createElement(common_1.Highlight, null,
+            react_1.default.createElement(common_1.Highlight, null, "'Content-Type: application/json'"))));
+    return {
+        content,
+        header,
+    };
+};
+exports.getBody = getBody;

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

@@ -0,0 +1,14 @@
+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 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

@@ -0,0 +1,79 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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"));
+exports.Highlight = styled_components_1.default.span `
+  color: green;
+`;
+exports.Highlight2 = styled_components_1.default.span `
+  color: indianred;
+`;
+const getApiUrl = (p) => {
+    return p.schema.servers[0].url;
+};
+const getFunctionName = (p) => {
+    let ret = p.funcF.toString();
+    const i1 = ret.indexOf('.') + 1;
+    const i2 = (0, common_1.indexOfNumber)(ret, '(', 1);
+    ret = ret.substring(i1, i2);
+    return ret;
+};
+const getOperation = (p) => {
+    let path;
+    let verb;
+    const func = getFunctionName(p);
+    Object.entries(p.schema.paths).forEach(([pathN, ops]) => Object.entries(ops).forEach(([verbN, op]) => {
+        if (op.operationId === func) {
+            path = pathN;
+            verb = verbN;
+        }
+    }));
+    if (!path || !verb) {
+        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, fullApiUrl: getApiUrl(p) };
+};
+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;
+    }
+    //no body required
+    if (bend - bstart === 1) {
+        return undefined;
+    }
+    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 undefined;
+};
+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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './OpenApiCodeBlock';
+export * from './types';

package/dist/ui/components/{CodeBlock → OpenApiCodeBlock}/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CodeBlock"), exports);
+__exportStar(require("./OpenApiCodeBlock"), exports);
 __exportStar(require("./types"), exports);

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

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+export interface IOpenApiOperation {
+    description: string;
+    operationId: string;
+    security?: {
+        [name: string]: string;
+    }[];
+}
+export interface IOpenApiSecurityScheme {
+    in: string;
+    name: string;
+}
+export interface IOpenApi {
+    paths: {
+        [pathname: string]: {
+            [verb: string]: IOpenApiOperation;
+        };
+    };
+    servers: {
+        url: string;
+    }[];
+    components: {
+        securitySchemes: {
+            [name: string]: IOpenApiSecurityScheme;
+        };
+    };
+}
+export interface IOpenApiCodeBlock<TDefaultApi> {
+    /**
+     * openapi schema. eg
+     * const schema: any = require('common/openapi.generated').default;
+     */
+    schema: IOpenApi;
+    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/dist/ui/components/index.d.ts

@@ -2,7 +2,7 @@ export * from './BorderGradient';
 export * from './Button';
 export * from './Chevron';
 export * from './Close';
-export * from './CodeBlock';
+export * from './OpenApiCodeBlock';
 export * from './Confirm/Dialog';
 export * from './DropdownList';
 export * from './FlexColumn';

package/dist/ui/components/index.js

@@ -18,7 +18,7 @@ __exportStar(require("./BorderGradient"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./Chevron"), exports);
 __exportStar(require("./Close"), exports);
-__exportStar(require("./CodeBlock"), exports);
+__exportStar(require("./OpenApiCodeBlock"), exports);
 __exportStar(require("./Confirm/Dialog"), exports);
 __exportStar(require("./DropdownList"), exports);
 __exportStar(require("./FlexColumn"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.240",
+  "version": "0.0.243",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",

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

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

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

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { ICodeBlock } 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 | undefined;
-    path: string | undefined;
-    error: undefined;
-    headerLines: JSX.Element[];
-    fullApiUrl: any;
-    bodyLine: JSX.Element;
-    operation: any;
-};

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

@@ -1,107 +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.getLines = exports.Highlight2 = exports.Highlight = void 0;
-const security_1 = require("./security");
-const string_1 = require("../../../../common/helpers/string");
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = __importDefault(require("react"));
-exports.Highlight = styled_components_1.default.span `
-  color: green;
-`;
-exports.Highlight2 = styled_components_1.default.span `
-  color: indianred;
-`;
-const getApiUrl = (p) => {
-    return p.schema.servers[0].url;
-};
-const getFunctionName = (p) => {
-    let ret = p.funcF.toString();
-    const i1 = ret.indexOf('.') + 1;
-    const i2 = (0, string_1.indexOfNumber)(ret, '(', 1);
-    ret = ret.substring(i1, i2);
-    return ret;
-};
-const getOperation = (p) => {
-    let path;
-    let verb;
-    const func = getFunctionName(p);
-    Object.entries(p.schema.paths).forEach(([pathN, ops]) => 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    Object.entries(ops).forEach(([verbN, op]) => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        if (op.operationId === func) {
-            path = pathN;
-            verb = verbN;
-        }
-    }));
-    if (!path || !verb) {
-        return { error: 'operation not found' };
-    }
-    const operation = p.schema.paths[path][verb];
-    return { operation, verb, path };
-};
-const getBody = (p) => {
-    const body = p.funcF.toString();
-    const bstart = (0, string_1.indexOfNumber)(body, '(', 1);
-    const bend = !bstart ? undefined : body.lastIndexOf(')');
-    if (!bstart || !bend) {
-        return { content: react_1.default.createElement(react_1.default.Fragment, null), header: react_1.default.createElement(react_1.default.Fragment, null) };
-    }
-    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),
-        react_1.default.createElement(exports.Highlight2, null, nice),
-        react_1.default.createElement("br", null),
-        "EOF"));
-    const header = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("span", null, "--header "),
-        react_1.default.createElement(exports.Highlight, null,
-            react_1.default.createElement(exports.Highlight, null, "'Content-Type: application/json'"))));
-    return {
-        content,
-        header,
-    };
-};
-const getLines = (p) => {
-    var _a, _b;
-    const ops = getOperation(p);
-    if (ops.error) {
-        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 };
-    }
-    const bodyLines = (_a = 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,
-            ' ',
-            "\\",
-            react_1.default.createElement("br", null)));
-    }
-    if (bodyLines.header) {
-        headerLines.push(bodyLines.header);
-        headerLines.push(react_1.default.createElement(react_1.default.Fragment, null, " \\"));
-    }
-    return {
-        verb,
-        path,
-        error: undefined,
-        headerLines,
-        fullApiUrl,
-        bodyLine: (_b = bodyLines === null || bodyLines === void 0 ? void 0 : bodyLines.content) !== null && _b !== void 0 ? _b : undefined,
-        operation,
-    };
-};
-exports.getLines = getLines;

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

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

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

@@ -1,37 +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, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-{ 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;

package/dist/ui/components/CodeBlock/index.d.ts

@@ -1,2 +0,0 @@
-export * from './CodeBlock';
-export * from './types';

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

@@ -1,9 +0,0 @@
-export interface ICodeBlock<TDefaultApi> {
-    /**
-     * openapi schema. eg
-     * const schema: any = require('common/openapi.generated').default;
-     */
-    schema: any;
-    apiKey?: string;
-    funcF: (f: TDefaultApi) => Promise<any>;
-}