Add swagger site config (#10)

adaex · web-flow · commit 1221c22f6ff2 · 2021-07-19T21:34:19.000+08:00
* Upgrade dependencies

* Add swagger site config
diff --git a/lib/base/CoaSwagger.ts b/lib/base/CoaSwagger.ts
@@ -4,8 +4,11 @@ import { CoaRouter } from '../service/CoaRouter'
 export interface CoaSwaggerConfig {
   swaggerFilter: boolean
   swaggerDocExpansion: 'full' | 'list' | 'none'
+  swaggerLibrarySite: string
 }
 
+const DEFAULT_LIBRARY_SITE = 'https://cdn.jsdelivr.net/npm/swagger-ui-dist@3.51.1'
+
 export class CoaSwagger {
   private data = {
     openapi: '3.0.0',
@@ -39,7 +42,8 @@ export class CoaSwagger {
 
   constructor(router: CoaRouter<any>, config: CoaSwaggerConfig) {
     this.router = router
-    this.config = Object.assign({ swaggerFilter: false, swaggerDocExpansion: 'list' }, config)
+    this.config = Object.assign({ swaggerFilter: false, swaggerDocExpansion: 'list', swaggerLibrarySite: DEFAULT_LIBRARY_SITE }, config)
+    this.config.swaggerLibrarySite = this.config.swaggerLibrarySite.replace(/\/+$/, '')
   }
 
   getData(matchGroup: string, serverUrl: string, codeUrl: string, version: string) {
@@ -203,9 +207,9 @@ const getHtml = (urls: object[], config: CoaSwaggerConfig) => `
 <head>
     <meta charset="UTF-8">
     <title>接口文档</title>
-    <link rel="icon" type="image/png" href="https://cdn.jsdelivr.net/npm/swagger-ui-dist@3.47.1/favicon-32x32.png" sizes="32x32"/>
-    <link rel="icon" type="image/png" href="https://cdn.jsdelivr.net/npm/swagger-ui-dist@3.47.1/favicon-16x16.png" sizes="16x16"/>
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/swagger-ui-dist@3.47.1/swagger-ui.css">
+    <link rel="icon" type="image/png" href="${config.swaggerLibrarySite}/favicon-32x32.png" sizes="32x32"/>
+    <link rel="icon" type="image/png" href="${config.swaggerLibrarySite}/favicon-16x16.png" sizes="16x16"/>
+    <link rel="stylesheet" type="text/css" href="${config.swaggerLibrarySite}/swagger-ui.css">
     <style>
         html {
             box-sizing: border-box;
@@ -290,9 +294,14 @@ const getHtml = (urls: object[], config: CoaSwaggerConfig) => `
             padding: 0 20px 0 10px;
             margin-bottom: 0;
         }
+
+        /* 标题框轮廓 */
+        .swagger-ui .opblock-summary-control {
+            outline: none !important;
+        }
         
         /* 接口标题上下间距 */
-        .opblock-tag-section > div {
+        .swagger-ui .opblock-tag-section > div {
             margin-top: 15px !important;
         }
         
@@ -350,8 +359,8 @@ const getHtml = (urls: object[], config: CoaSwaggerConfig) => `
 </head>
 <body>
 <div id="swagger-ui"></div>
-<script src="https://cdn.jsdelivr.net/npm/swagger-ui-dist@3.47.1/swagger-ui-bundle.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/swagger-ui-dist@3.47.1/swagger-ui-standalone-preset.js"></script>
+<script src="${config.swaggerLibrarySite}/swagger-ui-bundle.js"></script>
+<script src="${config.swaggerLibrarySite}/swagger-ui-standalone-preset.js"></script>
 <script>
     window.onload = function () {
 
diff --git a/package.json b/package.json
@@ -26,22 +26,22 @@
   },
   "dependencies": {
     "coa-echo": "^1.1.1",
-    "coa-env": "^1.1.1",
+    "coa-env": "^1.2.0",
     "coa-error": "^1.5.2",
     "coa-helper": "^1.2.1",
-    "coa-secure": "^1.1.2"
+    "coa-secure": "^1.2.0"
   },
   "devDependencies": {
-    "@types/node": "^15.6.1",
-    "@typescript-eslint/eslint-plugin": "^4.25.0",
-    "eslint": "^7.27.0",
+    "@types/node": "^16.3.3",
+    "@typescript-eslint/eslint-plugin": "^4.28.3",
+    "eslint": "^7.31.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-standard-with-typescript": "^20.0.0",
-    "eslint-plugin-import": "^2.23.3",
+    "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.1.0",
-    "prettier": "^2.3.0",
+    "prettier": "^2.3.2",
     "tsc-watch": "^4.4.0",
-    "typescript": "^4.3.2"
+    "typescript": "^4.3.5"
   }
 }
diff --git a/yarn.lock b/yarn.lock
