44 lines
989 B
JavaScript
44 lines
989 B
JavaScript
|
import { SwaggerUIBundle } from 'swagger-ui-dist';
|
||
|
|
import { safeLoad } from 'js-yaml';
|
||
|
|
import { isObject } from '~/lib/utils/type_utility';
|
||
|
|
|
||
|
|
const renderSwaggerUI = (value) => {
|
||
|
|
/* SwaggerUIBundle accepts openapi definition
|
||
|
|
* in only JSON format, so we convert the YAML
|
||
|
|
* config to JSON if it's not JSON value
|
||
|
|
*/
|
||
|
|
let spec = value;
|
||
|
|
if (!isObject(spec)) {
|
||
|
|
spec = safeLoad(spec, { json: true });
|
||
|
|
}
|
||
|
|
|
||
|
|
Promise.all([import(/* webpackChunkName: 'openapi' */ 'swagger-ui-dist/swagger-ui.css')])
|
||
|
|
.then(() => {
|
||
|
|
SwaggerUIBundle({
|
||
|
|
spec,
|
||
|
|
dom_id: '#swagger-ui',
|
||
|
|
deepLinking: true,
|
||
|
|
displayOperationId: true,
|
||
|
|
});
|
||
|
|
})
|
||
|
|
.catch((error) => {
|
||
|
|
throw error;
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
const addInitHook = () => {
|
||
|
|
window.addEventListener(
|
||
|
|
'message',
|
||
|
|
(event) => {
|
||
|
|
if (event.origin !== window.location.origin) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
renderSwaggerUI(event.data);
|
||
|
|
},
|
||
|
|
false,
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
addInitHook();
|
||
|
|
export default {};
|