/
SwaggerEditorDrawer.jsx
55 lines (52 loc) · 1.79 KB
/
SwaggerEditorDrawer.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
/*
* Copyright (c) 2019, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
*
* WSO2 Inc. licenses this file to you under the Apache License,
* Version 2.0 (the "License"); you may not use this file except
* in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
import React from 'react';
import SwaggerEditor, { plugins } from 'swagger-editor';
import 'swagger-editor/dist/swagger-editor.css';
/**
* This component hosts the Swagger Editor component.
* Known Issue: The cursor jumps back to the start of the first line when updating the swagger-ui based on the
* modification done via the editor.
* https://github.com/wso2/product-apim/issues/5071
* */
class SwaggerEditorDrawer extends React.Component {
/**
* @inheritDoc
*/
componentDidMount() {
window.editor = SwaggerEditor({
dom_id: '#swagger-editor',
layout: 'EditorLayout',
plugins: Object.values(plugins),
supportedSubmitMethods: [],
components: {},
swagger2GeneratorUrl: 'https://generator.swagger.io/api/swagger.json',
oas3GeneratorUrl: 'https://generator3.swagger.io/openapi.json',
swagger2ConverterUrl: 'https://converter.swagger.io/api/convert',
});
}
/**
* @inheritDoc
*/
render() {
return (
<div id='swagger-editor' />
);
}
}
export default SwaggerEditorDrawer;