react-query-lightbase-codegen 0.0.2 → 0.0.3

package/lib/cjs/scripts/import-open-api.js

@@ -0,0 +1,626 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateRestfulComponent = exports.formatDescription = exports.generateResponsesDefinition = exports.generateRequestBodiesDefinition = exports.generateSchemasDefinition = exports.resolveDiscriminator = exports.generateInterface = exports.getParamsInPath = exports.getResReqTypes = exports.resolveValue = exports.getObject = exports.getArray = exports.getRef = exports.getScalar = exports.isReference = void 0;
+const case_1 = require("case");
+const get_1 = __importDefault(require("lodash/get"));
+const groupBy_1 = __importDefault(require("lodash/groupBy"));
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const set_1 = __importDefault(require("lodash/set"));
+const uniq_1 = __importDefault(require("lodash/uniq"));
+const swagger2openapi_1 = __importDefault(require("swagger2openapi"));
+const yaml = require('js-yaml');
+const IdentifierRegexp = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/;
+/**
+ * Import and parse the openapi spec from a yaml/json
+ */
+const importSpecs = (data, extension) => {
+    const schema = extension === 'yaml' ? yaml.load(data) : JSON.parse(data);
+    return new Promise((resolve, reject) => {
+        if (!schema.openapi || !schema.openapi.startsWith('3.')) {
+            swagger2openapi_1.default.convertObj(schema, {}, (err, convertedObj) => {
+                if (err) {
+                    reject(err);
+                }
+                else {
+                    resolve(convertedObj.openapi);
+                }
+            });
+        }
+        else {
+            resolve(schema);
+        }
+    });
+};
+/**
+ * Discriminator helper for `ReferenceObject`
+ */
+const isReference = (property) => {
+    return Boolean(property.$ref);
+};
+exports.isReference = isReference;
+/**
+ * Return the typescript equivalent of open-api data type
+ */
+const getScalar = (item) => {
+    const nullable = item.nullable ? ' | null' : '';
+    switch (item.type) {
+        case 'number':
+        case 'integer':
+            return 'number' + nullable;
+        case 'boolean':
+            return 'boolean' + nullable;
+        case 'array':
+            return exports.getArray(item) + nullable;
+        case 'string':
+            return (item.enum ? `"${item.enum.join(`" | "`)}"` : 'string') + nullable;
+        case 'object':
+        default:
+            return exports.getObject(item) + nullable;
+    }
+};
+exports.getScalar = getScalar;
+/**
+ * Return the output type from the $ref
+ */
+const getRef = ($ref) => {
+    if ($ref.startsWith('#/components/schemas')) {
+        return case_1.pascal($ref.replace('#/components/schemas/', ''));
+    }
+    else if ($ref.startsWith('#/components/responses')) {
+        return case_1.pascal($ref.replace('#/components/responses/', '')) + 'Response';
+    }
+    else if ($ref.startsWith('#/components/parameters')) {
+        return case_1.pascal($ref.replace('#/components/parameters/', '')) + 'Parameter';
+    }
+    else if ($ref.startsWith('#/components/requestBodies')) {
+        return case_1.pascal($ref.replace('#/components/requestBodies/', '')) + 'RequestBody';
+    }
+    else {
+        throw new Error('This library only resolve $ref that are include into `#/components/*` for now');
+    }
+};
+exports.getRef = getRef;
+/**
+ * Return the output type from an array
+ */
+const getArray = (item) => {
+    if (item.items) {
+        if (!exports.isReference(item.items) && (item.items.oneOf || item.items.allOf || item.items.enum)) {
+            return `(${exports.resolveValue(item.items)})[]`;
+        }
+        else {
+            return `${exports.resolveValue(item.items)}[]`;
+        }
+    }
+    else {
+        throw new Error('All arrays must have an `items` key define');
+    }
+};
+exports.getArray = getArray;
+/**
+ * Return the output type from an object
+ */
+const getObject = (item) => {
+    if (exports.isReference(item)) {
+        return exports.getRef(item.$ref);
+    }
+    if (item.allOf) {
+        return item.allOf.map(exports.resolveValue).join(' & ');
+    }
+    if (item.oneOf) {
+        return item.oneOf.map(exports.resolveValue).join(' | ');
+    }
+    if (!item.type && !item.properties && !item.additionalProperties) {
+        return '{}';
+    }
+    // Free form object (https://swagger.io/docs/specification/data-models/data-types/#free-form)
+    if (item.type === 'object' &&
+        !item.properties &&
+        (!item.additionalProperties || item.additionalProperties === true || isEmpty_1.default(item.additionalProperties))) {
+        return '{[key: string]: any}';
+    }
+    // Consolidation of item.properties & item.additionalProperties
+    let output = '{\n';
+    if (item.properties) {
+        output += Object.entries(item.properties)
+            .map(([key, prop]) => {
+            const doc = exports.isReference(prop) ? '' : exports.formatDescription(prop.description, 2);
+            const isRequired = (item.required || []).includes(key);
+            const processedKey = IdentifierRegexp.test(key) ? key : `"${key}"`;
+            return `  ${doc}${processedKey}${isRequired ? '' : '?'}: ${exports.resolveValue(prop)};`;
+        })
+            .join('\n');
+    }
+    if (item.additionalProperties) {
+        if (item.properties) {
+            output += '\n';
+        }
+        output += `  [key: string]: ${item.additionalProperties === true ? 'any' : exports.resolveValue(item.additionalProperties)};`;
+    }
+    if (item.properties || item.additionalProperties) {
+        if (output === '{\n') {
+            return '{}';
+        }
+        return output + '\n}';
+    }
+    return item.type === 'object' ? '{[key: string]: any}' : 'any';
+};
+exports.getObject = getObject;
+/**
+ * Resolve the value of a schema object to a proper type definition.
+ */
+const resolveValue = (schema) => exports.isReference(schema) ? exports.getRef(schema.$ref) : exports.getScalar(schema);
+exports.resolveValue = resolveValue;
+/**
+ * Extract responses / request types from open-api specs
+ */
+const getResReqTypes = (responsesOrRequests) => uniq_1.default(responsesOrRequests.map(([_, res]) => {
+    if (!res) {
+        return 'void';
+    }
+    if (exports.isReference(res)) {
+        return exports.getRef(res.$ref);
+    }
+    if (res.content) {
+        for (let contentType of Object.keys(res.content)) {
+            if (contentType.startsWith('application/json') ||
+                contentType.startsWith('application/octet-stream')) {
+                const schema = res.content[contentType].schema;
+                return exports.resolveValue(schema);
+            }
+        }
+        return 'void';
+    }
+    return 'void';
+})).join(' | ');
+exports.getResReqTypes = getResReqTypes;
+/**
+ * Return every params in a path
+ *
+ * @example
+ * ```
+ * getParamsInPath("/pet/{category}/{name}/");
+ * // => ["category", "name"]
+ * ```
+ */
+const getParamsInPath = (path) => {
+    let n;
+    const output = [];
+    const templatePathRegex = /\{(\w+)}/g;
+    while ((n = templatePathRegex.exec(path)) !== null) {
+        output.push(n[1]);
+    }
+    return output;
+};
+exports.getParamsInPath = getParamsInPath;
+/**
+ * Generate the interface string
+ */
+const generateInterface = (name, schema) => {
+    const scalar = exports.getScalar(schema);
+    return `${exports.formatDescription(schema.description)}export interface ${case_1.pascal(name)} ${scalar}`;
+};
+exports.generateInterface = generateInterface;
+/**
+ * Propagate every `discriminator.propertyName` mapping to the original ref
+ *
+ * Note: This method directly mutate the `specs` object.
+ */
+const resolveDiscriminator = (specs) => {
+    if (specs.components && specs.components.schemas) {
+        Object.values(specs.components.schemas).forEach((schema) => {
+            if (exports.isReference(schema) || !schema.discriminator || !schema.discriminator.mapping) {
+                return;
+            }
+            const { mapping, propertyName } = schema.discriminator;
+            Object.entries(mapping).forEach(([name, ref]) => {
+                if (!ref.startsWith('#/components/schemas/')) {
+                    throw new Error('Discriminator mapping outside of `#/components/schemas` is not supported');
+                }
+                set_1.default(specs, `components.schemas.${ref.slice('#/components/schemas/'.length)}.properties.${propertyName}.enum`, [name]);
+            });
+        });
+    }
+};
+exports.resolveDiscriminator = resolveDiscriminator;
+/**
+ * Extract all types from #/components/schemas
+ */
+const generateSchemasDefinition = (schemas = {}) => {
+    if (isEmpty_1.default(schemas)) {
+        return '';
+    }
+    return (Object.entries(schemas)
+        .map(([name, schema]) => !exports.isReference(schema) &&
+        (!schema.type || schema.type === 'object') &&
+        !schema.allOf &&
+        !schema.oneOf &&
+        !exports.isReference(schema) &&
+        !schema.nullable
+        ? exports.generateInterface(name, schema)
+        : `${exports.formatDescription(exports.isReference(schema) ? undefined : schema.description)}export type ${case_1.pascal(name)} = ${exports.resolveValue(schema)};`)
+        .join('\n\n') + '\n');
+};
+exports.generateSchemasDefinition = generateSchemasDefinition;
+/**
+ * Extract all types from #/components/requestBodies
+ */
+const generateRequestBodiesDefinition = (requestBodies = {}) => {
+    if (isEmpty_1.default(requestBodies)) {
+        return '';
+    }
+    return ('\n' +
+        Object.entries(requestBodies)
+            .map(([name, requestBody]) => {
+            const doc = exports.isReference(requestBody) ? '' : exports.formatDescription(requestBody.description);
+            const type = exports.getResReqTypes([['', requestBody]]);
+            const isEmptyInterface = type === '{}';
+            if (isEmptyInterface) {
+                return `export interface ${case_1.pascal(name)}RequestBody ${type}`;
+            }
+            else if (type.includes('{') && !type.includes('|') && !type.includes('&')) {
+                return `${doc}export interface ${case_1.pascal(name)}RequestBody ${type}`;
+            }
+            else {
+                return `${doc}export type ${case_1.pascal(name)}RequestBody = ${type};`;
+            }
+        })
+            .join('\n\n') +
+        '\n');
+};
+exports.generateRequestBodiesDefinition = generateRequestBodiesDefinition;
+/**
+ * Extract all types from #/components/responses
+ */
+const generateResponsesDefinition = (responses = {}) => {
+    if (isEmpty_1.default(responses)) {
+        return '';
+    }
+    return ('\n' +
+        Object.entries(responses)
+            .map(([name, response]) => {
+            const doc = exports.isReference(response) ? '' : exports.formatDescription(response.description);
+            const type = exports.getResReqTypes([['', response]]);
+            const isEmptyInterface = type === '{}';
+            if (isEmptyInterface) {
+                return `export interface RQ${case_1.pascal(name)}Response ${type}`;
+            }
+            else if (type.includes('{') && !type.includes('|') && !type.includes('&')) {
+                return `${doc}export interface RQ${case_1.pascal(name)}Response ${type}`;
+            }
+            else {
+                return `${doc}export type RQ${case_1.pascal(name)}Response = ${type};`;
+            }
+        })
+            .join('\n\n') +
+        '\n');
+};
+exports.generateResponsesDefinition = generateResponsesDefinition;
+/**
+ * Format a description to code documentation.
+ */
+const formatDescription = (description, tabSize = 0) => description
+    ? `/**\n${description
+        .split('\n')
+        .map((i) => `${' '.repeat(tabSize)} * ${i}`)
+        .join('\n')}\n${' '.repeat(tabSize)} */\n${' '.repeat(tabSize)}`
+    : '';
+exports.formatDescription = formatDescription;
+/**
+ * Generate a react-query component from openapi operation specs
+ */
+const generateRestfulComponent = (operation, verb, route, operationIds, parameters = [], schemasComponents) => {
+    if (!operation.operationId) {
+        throw new Error(`Every path must have a operationId - No operationId set for ${verb} ${route}`);
+    }
+    if (operationIds.includes(operation.operationId)) {
+        throw new Error(`"${operation.operationId}" is duplicated in your schema definition!`);
+    }
+    operationIds.push(operation.operationId);
+    route = route.replace(/\{/g, '${'); // `/pet/{id}` => `/pet/${id}`
+    // Remove the last param of the route if we are in the DELETE case
+    let lastParamInTheRoute = null;
+    const componentName = case_1.pascal(operation.operationId);
+    const isOk = ([statusCode]) => statusCode.toString().startsWith('2');
+    const responseTypes = exports.getResReqTypes(Object.entries(operation.responses).filter(isOk)) || 'void';
+    const requestBodyTypes = exports.getResReqTypes([['body', operation.requestBody]]);
+    const needAResponseComponent = true;
+    const paramsInPath = exports.getParamsInPath(route).filter((param) => !(verb === 'delete' && param === lastParamInTheRoute));
+    const { query: queryParams = [], path: pathParams = [] } = groupBy_1.default([...parameters, ...(operation.parameters || [])].map((p) => {
+        if (exports.isReference(p)) {
+            return get_1.default(schemasComponents, p.$ref.replace('#/components/', '').replace('/', '.'));
+        }
+        else {
+            return p;
+        }
+    }), 'in');
+    const paramsTypes = paramsInPath
+        .map((p) => {
+        try {
+            const { name, required, schema } = pathParams.find((i) => i.name === p);
+            return `${name}${required ? '' : '?'}: ${exports.resolveValue(schema)}`;
+        }
+        catch (err) {
+            throw new Error(`The path params ${p} can't be found in parameters (${operation.operationId})`);
+        }
+    })
+        .join('; ');
+    const queryParamsType = queryParams
+        .map((p) => {
+        const processedName = IdentifierRegexp.test(p.name) ? p.name : `"${p.name}"`;
+        return `${exports.formatDescription(p.description, 2)}${processedName}${p.required ? '' : '?'}: ${exports.resolveValue(p.schema)}`;
+    })
+        .join(';\n  ');
+    // Retrieve the type of the param for delete verb
+    const lastParamInTheRouteDefinition = operation.parameters && lastParamInTheRoute
+        ? operation.parameters.find((p) => {
+            if (exports.isReference(p)) {
+                return false;
+            }
+            return p.name === lastParamInTheRoute;
+        }) // Reference is not possible
+        : { schema: { type: 'string' } };
+    if (!lastParamInTheRouteDefinition) {
+        throw new Error(`The path params ${lastParamInTheRoute} can't be found in parameters (${operation.operationId})`);
+    }
+    let genericsTypes = `${needAResponseComponent ? componentName + 'Res' : responseTypes}`;
+    if (verb !== 'get') {
+        genericsTypes = `${needAResponseComponent ? componentName + 'Res' : responseTypes}`;
+    }
+    const description = exports.formatDescription(operation.summary && operation.description
+        ? `${operation.summary}\n\n${operation.description}`
+        : `${operation.summary || ''}${operation.description || ''}`);
+    let output = `\n\n${description}`;
+    const typeOrInterface = `type ${componentName}Res =`;
+    output += `
+  ${needAResponseComponent ? `export ${typeOrInterface} ${responseTypes}` : ''}
+  `;
+    const queryParam = queryParamsType && queryParamsType !== 'void' ? `${queryParamsType}` : '';
+    const requestBodyComponent = requestBodyTypes && requestBodyTypes !== 'void' ? `${requestBodyTypes}` : '';
+    // QUERIES
+    if (!requestBodyComponent && paramsInPath.length && !queryParam) {
+        output += `interface ${componentName}QueryProps<T = ${genericsTypes}> {
+      ${paramsTypes}; 
+      options?: UseQueryOptions<${genericsTypes}, AxiosError, T, any> 
+    }
+    export function use${componentName}Query<T = ${genericsTypes}>({ options = {}, ...props }: ${componentName}QueryProps<T>) { 
+    return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props), 
+    { enabled: !!props.${paramsInPath.join(' && !!props.')}, ...options }
+    );}
+
+    use${componentName}Query.fetch = async (props: Omit<${componentName}QueryProps, 'options'> ) => {
+      const result = await api.${verb}<${genericsTypes}>(\`${route.replace(/\{/g, '{props.')}\`);
+      return result.data;
+    }
+    
+    use${componentName}Query.baseKey = (): QueryKey => ["${componentName.toLowerCase()}"];
+
+    use${componentName}Query.queryKey = (params: {${paramsTypes}} ): QueryKey => [...use${componentName}Query.baseKey(), params];
+
+    `;
+        output += `interface ${componentName}MutationVariables {
+      ${paramsTypes}
+    }
+    interface ${componentName}MutationProps<T> {
+      options?: UseMutationOptions<${genericsTypes}, AxiosError, ${componentName}MutationVariables, T> 
+    }
+    export function use${componentName}Mutation<T = ${genericsTypes}>(props?: ${componentName}MutationProps<T>) { 
+    return useMutation(async ({${paramsInPath.join(', ')}}) => {
+      const result = await api.${verb}<${genericsTypes}>(\`${route}\`) 
+      return result.data
+    },
+    props?.options
+  )};`;
+    }
+    if (!requestBodyComponent && paramsInPath.length && queryParam) {
+        output += `interface ${componentName}QueryProps<T = ${genericsTypes}> {
+      ${paramsTypes}; 
+      ${queryParamsType}; 
+      options?: UseQueryOptions<${genericsTypes}, AxiosError, T, any> 
+    }
+    export function use${componentName}Query<T = ${genericsTypes}>({ options = {}, ...props }: ${componentName}QueryProps<T>) { 
+    return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props), { enabled: !!props.${paramsInPath.join(' && !!props.')}, ...options }
+    );}
+    
+    use${componentName}Query.fetch = async (props: Omit<${componentName}QueryProps, 'options'>) => {
+      const {${paramsInPath.join(', ')}, ...queryParams} = props
+      const params = queryString.stringify(queryParams);
+      const result = await api.${verb}<${genericsTypes}>(\`${route}?\${params}\`)
+      return result.data;
+    }
+    
+    use${componentName}Query.baseKey = (): QueryKey => ["${componentName.toLowerCase()}"];
+
+    use${componentName}Query.queryKey = (params: Omit<${componentName}QueryProps, 'options'>): QueryKey => [...use${componentName}Query.baseKey(), params];
+    
+    `;
+        output += `interface ${componentName}MutationVariables {
+      ${paramsTypes}
+      ${queryParamsType}
+    }
+    interface ${componentName}MutationProps<T> {
+      options?: UseMutationOptions<${genericsTypes}, AxiosError, ${componentName}MutationVariables, T> 
+    }
+    export function use${componentName}Mutation<T = ${genericsTypes}>(props?: ${componentName}MutationProps<T>) { 
+    return useMutation(async (data) => {
+      const {${paramsInPath.join(', ')}, ...queryParams} = data
+      const params = queryString.stringify(queryParams);
+      const result = await api.${verb}<${genericsTypes}>(\`${route}?\${params}\`)
+      return result.data
+    },
+    props?.options
+  )};`;
+    }
+    if (!requestBodyComponent && !paramsInPath.length && !queryParam) {
+        output += `interface ${componentName}QueryProps<T = ${genericsTypes}> {
+      options?: UseQueryOptions<${genericsTypes}, AxiosError, T, any> 
+    }
+    export function use${componentName}Query<T = ${genericsTypes}>(props?: ${componentName}QueryProps<T>) { 
+      return useQuery(use${componentName}Query.queryKey(), use${componentName}Query.fetch, props?.options
+      );}
+
+      use${componentName}Query.fetch = async () => {
+        const result = await api.${verb}<${genericsTypes}>(\`${route}\`);
+        return result.data;
+      }
+      
+      use${componentName}Query.baseKey = (): QueryKey => ["${componentName.toLowerCase()}"];
+
+      use${componentName}Query.queryKey = (): QueryKey => use${componentName}Query.baseKey()
+
+      `;
+        output += `interface ${componentName}MutationProps<T> {
+        options?: UseMutationOptions<${genericsTypes}, AxiosError, void, T> 
+      }
+      export function use${componentName}Mutation<T = ${genericsTypes}>(props?: ${componentName}MutationProps<T>) { 
+      return useMutation(async () => { 
+        const result = await api.${verb}<${genericsTypes}>(\`${route}\`);
+        return result.data;
+      },
+      props?.options
+    )};`;
+    }
+    if (!requestBodyComponent && !paramsInPath.length && queryParam) {
+        output += `interface ${componentName}QueryProps<T = ${genericsTypes}> {
+      ${queryParamsType}; 
+      options?: UseQueryOptions<${genericsTypes}, AxiosError, T, any> 
+    }
+    export function use${componentName}Query<T = ${genericsTypes}>({ options = {}, ...props }: ${componentName}QueryProps<T>) { 
+    return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props), 
+    { enabled: !!props.${queryParams.map((param) => param.name).join(' && !!props.')}, ...options }
+    );}
+    
+    use${componentName}Query.fetch = async (props: Omit<${componentName}QueryProps, 'options'>) => {
+      const params = queryString.stringify({${queryParams
+            .map((param) => `${param.name}: props.${param.name}`)
+            .join(',')}});
+      const result = await api.${verb}<${genericsTypes}>(\`${route}?\${params}\`)
+      return result.data;
+    }
+
+    use${componentName}Query.baseKey = (): QueryKey => ["${componentName.toLowerCase()}"];
+
+    use${componentName}Query.queryKey = (params: Omit<${componentName}QueryProps, 'options'> ): QueryKey => [...use${componentName}Query.baseKey(), params];
+    
+    `;
+        output += `interface ${componentName}MutationVariables {
+      ${queryParamsType}
+    }
+    interface ${componentName}MutationProps<T> {
+      options?: UseMutationOptions<${genericsTypes}, AxiosError, ${componentName}MutationVariables, T> 
+    }
+  
+    export function use${componentName}Mutation<T = ${genericsTypes}>(props?: ${componentName}MutationProps<T>) { 
+    return useMutation(async (data) => {
+      const params = queryString.stringify({${queryParams
+            .map((param) => `${param.name}: data.${param.name}`)
+            .join(',')}});
+      const result = await api.${verb}<${genericsTypes}>(\`${route}?\${params}\`)
+      return result.data;
+    },
+    props?.options
+  )};`;
+    }
+    if (requestBodyComponent && !paramsInPath.length && !queryParam) {
+        output += `type ${componentName}QueryVariables = ${requestBodyComponent};
+    interface ${componentName}QueryProps<T = ${genericsTypes}> extends ${componentName}QueryVariables {
+      options?: UseQueryOptions<${genericsTypes}, AxiosError, T, any> 
+    }
+    export function use${componentName}Query<T = ${genericsTypes}>({ options = {}, ...body }: ${componentName}QueryProps<T>) { 
+      return useQuery(use${componentName}Query.queryKey(body), async () => use${componentName}Query.fetch(body), options
+    );}
+
+    use${componentName}Query.fetch = async (body: Omit<${componentName}QueryProps, 'options'>) => {
+      const result = await api.${verb}<${genericsTypes}>(\`${route}\`, body)
+        return result.data
+      }
+      
+    use${componentName}Query.baseKey = (): QueryKey => ["${componentName.toLowerCase()}"];
+
+    use${componentName}Query.queryKey = (params: Omit<${componentName}QueryProps, 'options'> ): QueryKey => [...use${componentName}Query.baseKey(), params];
+
+    `;
+        output += `type ${componentName}MutationVariables = ${requestBodyComponent};
+    interface ${componentName}MutationProps<T> {
+      options?: UseMutationOptions<${genericsTypes}, AxiosError, ${componentName}MutationVariables, T> 
+    }
+    export function use${componentName}Mutation<T = ${genericsTypes}>(props?: ${componentName}MutationProps<T>) { 
+    return useMutation(async (body) => { 
+      const result = await api.${verb}<${genericsTypes}>(\`${route}\`, body)
+      return result.data
+    },
+    props?.options
+  )};`;
+    }
+    if (requestBodyComponent && paramsInPath.length && !queryParam) {
+        output += `interface ${componentName}QueryProps<T = ${genericsTypes}> extends  ${requestBodyComponent
+            .replace('{', '')
+            .replace('}', '')} {
+      ${paramsTypes}; 
+      options?: UseQueryOptions<${genericsTypes}, AxiosError, T, any> 
+    }
+    export function use${componentName}Query<T = ${genericsTypes}>({ options = {}, ...props }: ${componentName}QueryProps<T>) { 
+    return useQuery(use${componentName}Query.queryKey(props), async () =>  use${componentName}Query.fetch(props), { enabled: !!props.${paramsInPath.join(' && !!props.')}, ...options }
+    );}
+
+    // HEHEH
+    use${componentName}Query.fetch = async (props: Omit<${componentName}QueryProps, 'options'>) => {
+      const {${paramsInPath.join(', ')}, ...body} = props
+      const result = await api.${verb}<${genericsTypes}>(\`${route}\`, body)
+      return result.data
+    }
+    
+    use${componentName}Query.baseKey = (): QueryKey => ["${componentName.toLowerCase()}"];
+
+    use${componentName}Query.queryKey = (params: Omit<${componentName}QueryProps, 'options'> ): QueryKey => [...use${componentName}Query.baseKey(), params];
+
+    
+    `;
+        output += `type ${componentName}MutationVariables = {${paramsTypes}} & ${requestBodyComponent}
+    interface ${componentName}MutationProps<T> {
+      options?: UseMutationOptions<${genericsTypes}, AxiosError, ${componentName}MutationVariables, T>
+    }
+    export function use${componentName}Mutation<T = ${genericsTypes}>(props?: ${componentName}MutationProps<T>) {
+    return useMutation(async (body) => use${componentName}Query.fetch(body),
+   props?.options
+  )};`;
+    }
+    if (requestBodyComponent && queryParam) {
+        output += `// TODO: CODEGEN DOES NOT SUPPORT QUERYPARAM AND REQUESTBODY`;
+    }
+    return output;
+};
+exports.generateRestfulComponent = generateRestfulComponent;
+/**
+ * Main entry of the generator. Generate react-query component from openAPI.
+ */
+const importOpenApi = async ({ data, format }) => {
+    const operationIds = [];
+    let specs = await importSpecs(data, format);
+    exports.resolveDiscriminator(specs);
+    let output = `
+  import { useQuery, useMutation, UseQueryOptions, UseMutationOptions, QueryKey } from 'react-query';
+  import queryString from 'query-string';
+  import {AxiosError} from 'axios';
+  import { api } from 'api';
+  `;
+    output += '\n\n// SCEHMAS\n';
+    output += exports.generateSchemasDefinition(specs.components && specs.components.schemas);
+    output += '\n\n// RESPONSES\n';
+    output += exports.generateResponsesDefinition(specs.components && specs.components.responses);
+    output += '\n\n// REQUEST BODIES\n';
+    output += exports.generateRequestBodiesDefinition(specs.components && specs.components.requestBodies);
+    output += '\n\n// HOOKS\n';
+    Object.entries(specs.paths).forEach(([route, verbs]) => {
+        Object.entries(verbs).forEach(([verb, operation]) => {
+            if (['get', 'post', 'patch', 'put', 'delete'].includes(verb) && !operation.deprecated) {
+                output += exports.generateRestfulComponent(operation, verb, route, operationIds, verbs.parameters, specs.components);
+            }
+        });
+    });
+    return output;
+};
+exports.default = importOpenApi;

package/lib/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/esm/index.js

@@ -0,0 +1,2 @@
+import { codegen } from './react-query-codegen.js';
+export { codegen };

package/lib/esm/react-query-codegen-import.js

@@ -0,0 +1,39 @@
+import chalk from 'chalk';
+import program from 'commander';
+import { readFileSync, writeFileSync } from 'fs';
+import { join, parse } from 'path';
+import importOpenApi from './scripts/import-open-api';
+const log = console.log; // tslint:disable-line:no-console
+program.option('-o, --output [value]', 'output file destination');
+program.option('-f, --file [value]', 'input file (yaml or json openapi specs)');
+program.parse(process.argv);
+const createSuccessMessage = (backend) => chalk.green(`${backend ? `[${backend}] ` : ''}🎉  Your OpenAPI spec has been converted into react query hooks`);
+const successWithoutOutputMessage = chalk.yellow('Success! No output path specified; printed to standard output.');
+const importSpecs = async (options) => {
+    if (!options.file) {
+        throw new Error("You need to provide an input specification with `--file`, '--url', or `--github`");
+    }
+    const data = readFileSync(join(process.cwd(), options.file), 'utf-8');
+    const { ext } = parse(options.file);
+    const format = ['.yaml', '.yml'].includes(ext.toLowerCase()) ? 'yaml' : 'json';
+    return importOpenApi({
+        data,
+        format,
+    });
+};
+// Use flags as configuration
+importSpecs(program)
+    .then((data) => {
+    if (program.output) {
+        writeFileSync(join(process.cwd(), program.output), data);
+        log(createSuccessMessage());
+    }
+    else {
+        log(data);
+        log(successWithoutOutputMessage);
+    }
+})
+    .catch((err) => {
+    log(chalk.red(err));
+    process.exit(1);
+});

package/lib/esm/react-query-codegen.js

@@ -0,0 +1,10 @@
+import program from 'commander';
+import { readFileSync } from 'fs';
+import { join } from 'path';
+const { version } = JSON.parse(readFileSync(join(__dirname, '../../package.json'), 'utf-8'));
+export const codegen = () => {
+    program
+        .version(version)
+        .command('import [open-api-file]', 'generate react-query hooks from OpenAPI specs')
+        .parse(process.argv);
+};