swagger 快捷插件
// ==UserScript==
// @name flash-swagger
// @namespace https://www.flashexpress.com/
// @version 0.5
// @description swagger 快捷插件
// @author 杨淼
// @match http://*/swagger-ui.html*
// @grant GM_addStyle
// @run-at document-end
// @require https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js
// @require https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.6/clipboard.js
// ==/UserScript==
(function() {
'use strict'
console.log('油猴启动')
new ClipboardJS('.copy-btn')
function createATag(text, content) {
const temp = $(`<button class="btn copy-btn" data-clipboard-text="${content}">${text}</button>`)
temp.on('click', function(event) {
event.preventDefault()
})
return temp
}
function toHump(name) {
return name.replace(/\-(\w)/g, function(all, letter){
return letter.toUpperCase();
});
}
function createFunc(methoud, path, description) {
const methoudName = toHump(path.match('[^/]+(?!.*/)')[0])
switch (methoud.toUpperCase()) {
case 'POST':
return `// ${description}
export const ${methoudName} = (data) => {
return axiosRequest({
url: '${path}',
data
})
}`
case 'GET':
return `// ${description}
export const ${methoudName} = (params) => {
return axiosRequest({
url: '${path}',
method: 'get',
params
})
}`
case 'PUT':
return `// ${description}
export const ${methoudName} = (data) => {
return axiosRequest({
url: '${path}',
method: 'put',
data
})
}`
default:
return '暂不支持当前请求格式'
}
}
$('body')
.delegate('.opblock-tag', 'click', function(event) {
console.log($(this).next())
// DOM异步展示 用宏任务包裹
setTimeout(() => {
$(this).next().children('span').each((index, $el) => {
console.log($el)
$el = $($el)
const methoud = $($el).find('.opblock-summary-method').text()
const path = $($el).find('.opblock-summary-path > a > span').text()
const description = $($el).find('.opblock-summary-description').text()
$el.before($('<div></div>')
.append(createATag('复制URL', path))
.append(createATag('复制函数', createFunc(methoud, path, description)))
)
})
})
})
})()