Skip to content

F
frontend
Commit 5609bcf3 authored by isstuev's avatar isstuev
Browse files
Options

swagger-ui

parent 0063a3fa
Expand all Show whitespace changes
Inline Side-by-side
Showing with 3929 additions and 27 deletions
deploy/values/review/values.yaml
View file @ 5609bcf3
...@@ -327,6 +327,7 @@ frontend: ...@@ -327,6 +327,7 @@ frontend:
- "/tokens" - "/tokens"
- "/accounts" - "/accounts"
- "/visualize" - "/visualize"
- "/api-docs"
resources: resources:
limits: limits:
......
lib/spec.json 0 → 100644
View file @ 5609bcf3
This diff is collapsed.
next.config.js
View file @ 5609bcf3
const withTM = require('next-transpile-modules')([
'react-syntax-highlighter',
'swagger-client',
'swagger-ui-react',
]);
const withRoutes = require('nextjs-routes/config')({ const withRoutes = require('nextjs-routes/config')({
outDir: 'types', outDir: 'types',
}); });
...@@ -7,7 +12,7 @@ const headers = require('./configs/nextjs/headers'); ...@@ -7,7 +12,7 @@ const headers = require('./configs/nextjs/headers');
const redirects = require('./configs/nextjs/redirects'); const redirects = require('./configs/nextjs/redirects');
const rewrites = require('./configs/nextjs/rewrites'); const rewrites = require('./configs/nextjs/rewrites');
const moduleExports = { const moduleExports = withTM({
include: path.resolve(__dirname, 'icons'), include: path.resolve(__dirname, 'icons'),
reactStrictMode: true, reactStrictMode: true,
webpack(config, { webpack }) { webpack(config, { webpack }) {
...@@ -39,6 +44,6 @@ const moduleExports = { ...@@ -39,6 +44,6 @@ const moduleExports = {
// otherwise it is impossible to upload large files (over 1Mb) // otherwise it is impossible to upload large files (over 1Mb)
bodyParser: false, bodyParser: false,
}, },
}; });
module.exports = withRoutes(moduleExports); module.exports = withRoutes(moduleExports);
pages/api-docs.tsx 0 → 100644
View file @ 5609bcf3
import type { NextPage } from 'next';
import Head from 'next/head';
import React from 'react';
import getNetworkTitle from 'lib/networks/getNetworkTitle';
import Page from 'ui/shared/Page/Page';
import PageTitle from 'ui/shared/Page/PageTitle';
import SwaggerUI from 'ui/SwaggerUI';
const AppsPage: NextPage = () => {
const networkTitle = getNetworkTitle();
return (
<Page>
<PageTitle text="API Documentation"/>
<Head><title>{ `API for the ${ networkTitle }` }</title></Head>
<SwaggerUI/>
</Page>
);
};
export default AppsPage;
export { getServerSideProps } from 'lib/next/getServerSideProps';
types/nextjs-routes.d.ts
View file @ 5609bcf3
...@@ -16,6 +16,7 @@ declare module "nextjs-routes" { ...@@ -16,6 +16,7 @@ declare module "nextjs-routes" {
| DynamicRoute<"/address/[hash]", { "hash": string }> | DynamicRoute<"/address/[hash]", { "hash": string }>
| StaticRoute<"/api/csrf"> | StaticRoute<"/api/csrf">
| StaticRoute<"/api/proxy"> | StaticRoute<"/api/proxy">
| StaticRoute<"/api-docs">
| DynamicRoute<"/apps/[id]", { "id": string }> | DynamicRoute<"/apps/[id]", { "id": string }>
| StaticRoute<"/apps"> | StaticRoute<"/apps">
| StaticRoute<"/auth/auth0"> | StaticRoute<"/auth/auth0">
......
ui/SwaggerUI.tsx 0 → 100644
View file @ 5609bcf3
/* eslint-disable @typescript-eslint/naming-convention */
const SwaggerUIReact = dynamic(() => import('swagger-ui-react'), {
loading: () => <Spinner/>,
ssr: false,
});
import { Box, Spinner, useColorModeValue } from '@chakra-ui/react';
import dynamic from 'next/dynamic';
import React from 'react';
import spec from '../lib/spec.json';
import 'swagger-ui-react/swagger-ui.css';
const NeverShowInfoPlugin = () => {
return {
components: {
SchemesContainer: () => null,
ServersContainer: () => null,
InfoContainer: () => null,
},
};
};
const SwaggerUI = () => {
const swaggerStyle = {
'.scheme-container, .opblock-tag': {
display: 'none',
},
'.swagger-ui': {
color: useColorModeValue('blackAlpha.800', 'whiteAlpha.800'),
},
'.swagger-ui .opblock-summary-control:focus': {
outline: 'none',
},
// eslint-disable-next-line max-len
'.swagger-ui .opblock .opblock-summary-path, .swagger-ui .opblock .opblock-summary-description, .swagger-ui div, .swagger-ui p, .swagger-ui h5, .swagger-ui .response-col_links, .swagger-ui h4, .swagger-ui table thead tr th, .swagger-ui table thead tr td, .swagger-ui .parameter__name, .swagger-ui .parameter__type, .swagger-ui .response-col_status, .swagger-ui .tab li, .swagger-ui .opblock .opblock-section-header h4': {
color: 'unset',
},
'.swagger-ui input': {
color: 'blackAlpha.800',
},
'.swagger-ui .opblock .opblock-section-header': {
background: useColorModeValue('whiteAlpha.800', 'blackAlpha.800'),
},
};
return (
<Box sx={ swaggerStyle }>
<SwaggerUIReact spec={ spec } plugins={ [ NeverShowInfoPlugin ] }/>
</Box>
);
};
export default SwaggerUI;
yarn.lock
View file @ 5609bcf3
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment