@backstage/plugin-api-docs 0.6.15 → 0.6.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +38 -0
- package/README.md +8 -0
- package/dist/esm/AsyncApiDefinition-c39ae15d.esm.js +133 -0
- package/dist/esm/AsyncApiDefinition-c39ae15d.esm.js.map +1 -0
- package/dist/esm/{GraphQlDefinition-547f34fe.esm.js → GraphQlDefinition-fa85d425.esm.js} +2 -2
- package/dist/esm/{GraphQlDefinition-547f34fe.esm.js.map → GraphQlDefinition-fa85d425.esm.js.map} +1 -1
- package/dist/esm/OpenApiDefinition-48ae3040.esm.js +131 -0
- package/dist/esm/OpenApiDefinition-48ae3040.esm.js.map +1 -0
- package/dist/esm/{index-7242d6e8.esm.js → index-0bbaf1ad.esm.js} +2 -2
- package/dist/esm/index-0bbaf1ad.esm.js.map +1 -0
- package/dist/esm/{index-1ce8aa22.esm.js → index-59179174.esm.js} +2 -2
- package/dist/esm/index-59179174.esm.js.map +1 -0
- package/dist/esm/{index-1ecbbed9.esm.js → index-61a0b1ae.esm.js} +3 -3
- package/dist/esm/{index-1ecbbed9.esm.js.map → index-61a0b1ae.esm.js.map} +1 -1
- package/dist/esm/{index-ac0c1f1e.esm.js → index-be2646c3.esm.js} +37 -38
- package/dist/esm/index-be2646c3.esm.js.map +1 -0
- package/dist/esm/{index-176f44ac.esm.js → index-dce83687.esm.js} +2 -2
- package/dist/esm/index-dce83687.esm.js.map +1 -0
- package/dist/index.esm.js +1 -1
- package/package.json +18 -17
- package/dist/esm/AsyncApiDefinition-21854d8d.esm.js +0 -116
- package/dist/esm/AsyncApiDefinition-21854d8d.esm.js.map +0 -1
- package/dist/esm/OpenApiDefinition-2b13c691.esm.js +0 -111
- package/dist/esm/OpenApiDefinition-2b13c691.esm.js.map +0 -1
- package/dist/esm/index-176f44ac.esm.js.map +0 -1
- package/dist/esm/index-1ce8aa22.esm.js.map +0 -1
- package/dist/esm/index-7242d6e8.esm.js.map +0 -1
- package/dist/esm/index-ac0c1f1e.esm.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,43 @@
|
|
|
1
1
|
# @backstage/plugin-api-docs
|
|
2
2
|
|
|
3
|
+
## 0.6.19
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
- @backstage/core-plugin-api@0.4.0
|
|
9
|
+
- @backstage/plugin-catalog-react@0.6.8
|
|
10
|
+
- @backstage/core-components@0.8.2
|
|
11
|
+
- @backstage/plugin-catalog@0.7.5
|
|
12
|
+
|
|
13
|
+
## 0.6.18
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- cd450844f6: Moved React dependencies to `peerDependencies` and allow both React v16 and v17 to be used.
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
- @backstage/core-components@0.8.0
|
|
20
|
+
- @backstage/core-plugin-api@0.3.0
|
|
21
|
+
- @backstage/plugin-catalog@0.7.4
|
|
22
|
+
- @backstage/plugin-catalog-react@0.6.5
|
|
23
|
+
|
|
24
|
+
## 0.6.17
|
|
25
|
+
|
|
26
|
+
### Patch Changes
|
|
27
|
+
|
|
28
|
+
- dde1681f33: chore(dependencies): bump `graphiql` package to latest
|
|
29
|
+
- ef64a444ca: Update AsyncAPI component to 1.0.0-x releases
|
|
30
|
+
|
|
31
|
+
## 0.6.16
|
|
32
|
+
|
|
33
|
+
### Patch Changes
|
|
34
|
+
|
|
35
|
+
- 752a53d94e: Improve theme integration for OpenApi definition
|
|
36
|
+
- Updated dependencies
|
|
37
|
+
- @backstage/core-components@0.7.6
|
|
38
|
+
- @backstage/theme@0.2.14
|
|
39
|
+
- @backstage/core-plugin-api@0.2.2
|
|
40
|
+
|
|
3
41
|
## 0.6.15
|
|
4
42
|
|
|
5
43
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -160,6 +160,14 @@ by this plugin.
|
|
|
160
160
|
Grab a copy of [oauth2-redirect.html](https://github.com/swagger-api/swagger-ui/blob/master/dist/oauth2-redirect.html)
|
|
161
161
|
and put it in the `app/public/` directory in order to enable Swagger UI to complete this redirection.
|
|
162
162
|
|
|
163
|
+
This also may require you to adjust `Content Security Policy` header settings of your Backstage application, so that the script in `oauth2-redirect.html` can be executed. Since the script is static we can add the hash of it directly to our CSP policy, which we do by adding the following to the `csp` section of the app configuration:
|
|
164
|
+
|
|
165
|
+
```yaml
|
|
166
|
+
script-src:
|
|
167
|
+
- "'self'"
|
|
168
|
+
- "'sha256-GeDavzSZ8O71Jggf/pQkKbt52dfZkrdNMQ3e+Ox+AkI='" # oauth2-redirect.html
|
|
169
|
+
```
|
|
170
|
+
|
|
163
171
|
#### Configuring your OAuth2 Client
|
|
164
172
|
|
|
165
173
|
You'll need to make sure your OAuth2 client has been registered in your OAuth2 Authentication Server (AS)
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import AsyncApi from '@asyncapi/react-component';
|
|
2
|
+
import '@asyncapi/react-component/styles/default.css';
|
|
3
|
+
import { makeStyles, alpha, darken } from '@material-ui/core/styles';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { useTheme } from '@material-ui/core';
|
|
6
|
+
|
|
7
|
+
const useStyles = makeStyles((theme) => ({
|
|
8
|
+
root: {
|
|
9
|
+
fontFamily: "inherit",
|
|
10
|
+
"& .bg-white": {
|
|
11
|
+
background: "none"
|
|
12
|
+
},
|
|
13
|
+
"& .text-4xl": {
|
|
14
|
+
...theme.typography.h3
|
|
15
|
+
},
|
|
16
|
+
" & h2": {
|
|
17
|
+
...theme.typography.h4
|
|
18
|
+
},
|
|
19
|
+
"& .border": {
|
|
20
|
+
borderColor: alpha(theme.palette.border, 0.1)
|
|
21
|
+
},
|
|
22
|
+
"& .min-w-min": {
|
|
23
|
+
minWidth: "fit-content"
|
|
24
|
+
},
|
|
25
|
+
"& .examples": {
|
|
26
|
+
padding: "1rem"
|
|
27
|
+
},
|
|
28
|
+
"& .bg-teal-500": {
|
|
29
|
+
backgroundColor: theme.palette.status.ok
|
|
30
|
+
},
|
|
31
|
+
"& .bg-blue-500": {
|
|
32
|
+
backgroundColor: theme.palette.info.main
|
|
33
|
+
},
|
|
34
|
+
"& .bg-blue-400": {
|
|
35
|
+
backgroundColor: theme.palette.info.light
|
|
36
|
+
},
|
|
37
|
+
"& .bg-indigo-400": {
|
|
38
|
+
backgroundColor: theme.palette.warning.main
|
|
39
|
+
},
|
|
40
|
+
"& .text-teal-50": {
|
|
41
|
+
color: theme.palette.status.ok
|
|
42
|
+
},
|
|
43
|
+
"& .text-red-600": {
|
|
44
|
+
color: theme.palette.error.main
|
|
45
|
+
},
|
|
46
|
+
"& .text-orange-600": {
|
|
47
|
+
color: theme.palette.warning.main
|
|
48
|
+
},
|
|
49
|
+
"& .text-teal-500": {
|
|
50
|
+
color: theme.palette.status.ok
|
|
51
|
+
},
|
|
52
|
+
"& .text-blue-500": {
|
|
53
|
+
color: theme.palette.info.main
|
|
54
|
+
},
|
|
55
|
+
"& .-rotate-90": {
|
|
56
|
+
"--tw-rotate": "0deg"
|
|
57
|
+
},
|
|
58
|
+
"& button": {
|
|
59
|
+
...theme.typography.button,
|
|
60
|
+
borderRadius: theme.shape.borderRadius,
|
|
61
|
+
color: theme.palette.primary.main
|
|
62
|
+
},
|
|
63
|
+
"& a": {
|
|
64
|
+
color: theme.palette.link
|
|
65
|
+
},
|
|
66
|
+
"& a.no-underline": {
|
|
67
|
+
...theme.typography.button,
|
|
68
|
+
background: "none",
|
|
69
|
+
boxSizing: "border-box",
|
|
70
|
+
minWidth: 64,
|
|
71
|
+
borderRadius: theme.shape.borderRadius,
|
|
72
|
+
transition: theme.transitions.create(["background-color", "box-shadow", "border"], {
|
|
73
|
+
duration: theme.transitions.duration.short
|
|
74
|
+
}),
|
|
75
|
+
padding: "5px 15px",
|
|
76
|
+
color: theme.palette.primary.main,
|
|
77
|
+
border: `1px solid ${alpha(theme.palette.primary.main, 0.5)}`,
|
|
78
|
+
"&:hover": {
|
|
79
|
+
textDecoration: "none",
|
|
80
|
+
border: `1px solid ${theme.palette.primary.main}`,
|
|
81
|
+
backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"& li.no-underline": {
|
|
85
|
+
"& a": {
|
|
86
|
+
textDecoration: "none",
|
|
87
|
+
color: theme.palette.getContrastText(theme.palette.primary.main)
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
dark: {
|
|
92
|
+
"& svg": {
|
|
93
|
+
fill: theme.palette.text.primary
|
|
94
|
+
},
|
|
95
|
+
"& .prose": {
|
|
96
|
+
color: theme.palette.text.secondary,
|
|
97
|
+
"& h3": {
|
|
98
|
+
color: theme.palette.text.primary
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
"& .bg-gray-100, .bg-gray-200": {
|
|
102
|
+
backgroundColor: theme.palette.background.default
|
|
103
|
+
},
|
|
104
|
+
"& .text-gray-600": {
|
|
105
|
+
color: theme.palette.grey["50"]
|
|
106
|
+
},
|
|
107
|
+
"& .text-gray-700": {
|
|
108
|
+
color: theme.palette.grey["100"]
|
|
109
|
+
},
|
|
110
|
+
"& .panel--right": {
|
|
111
|
+
background: darken(theme.palette.navigation.background, 0.1)
|
|
112
|
+
},
|
|
113
|
+
"& .examples": {
|
|
114
|
+
backgroundColor: darken(theme.palette.navigation.background, 0.1),
|
|
115
|
+
"& pre": {
|
|
116
|
+
backgroundColor: darken(theme.palette.background.default, 0.2)
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}));
|
|
121
|
+
const AsyncApiDefinition = ({ definition }) => {
|
|
122
|
+
const classes = useStyles();
|
|
123
|
+
const theme = useTheme();
|
|
124
|
+
const classNames = `${classes.root} ${theme.palette.type === "dark" ? classes.dark : ""}`;
|
|
125
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
126
|
+
className: classNames
|
|
127
|
+
}, /* @__PURE__ */ React.createElement(AsyncApi, {
|
|
128
|
+
schema: definition
|
|
129
|
+
}));
|
|
130
|
+
};
|
|
131
|
+
|
|
132
|
+
export { AsyncApiDefinition };
|
|
133
|
+
//# sourceMappingURL=AsyncApiDefinition-c39ae15d.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AsyncApiDefinition-c39ae15d.esm.js","sources":["../../src/components/AsyncApiDefinitionWidget/AsyncApiDefinition.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport AsyncApi from '@asyncapi/react-component';\nimport '@asyncapi/react-component/styles/default.css';\nimport { makeStyles, alpha, darken } from '@material-ui/core/styles';\nimport { BackstageTheme } from '@backstage/theme';\nimport React from 'react';\nimport { useTheme } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme: BackstageTheme) => ({\n root: {\n fontFamily: 'inherit',\n '& .bg-white': {\n background: 'none',\n },\n '& .text-4xl': {\n ...theme.typography.h3,\n },\n ' & h2': {\n ...theme.typography.h4,\n },\n '& .border': {\n borderColor: alpha(theme.palette.border, 0.1),\n },\n '& .min-w-min': {\n minWidth: 'fit-content',\n },\n '& .examples': {\n padding: '1rem',\n },\n '& .bg-teal-500': {\n backgroundColor: theme.palette.status.ok,\n },\n '& .bg-blue-500': {\n backgroundColor: theme.palette.info.main,\n },\n '& .bg-blue-400': {\n backgroundColor: theme.palette.info.light,\n },\n '& .bg-indigo-400': {\n backgroundColor: theme.palette.warning.main,\n },\n '& .text-teal-50': {\n color: theme.palette.status.ok,\n },\n '& .text-red-600': {\n color: theme.palette.error.main,\n },\n '& .text-orange-600': {\n color: theme.palette.warning.main,\n },\n '& .text-teal-500': {\n color: theme.palette.status.ok,\n },\n '& .text-blue-500': {\n color: theme.palette.info.main,\n },\n '& .-rotate-90': {\n '--tw-rotate': '0deg',\n },\n '& button': {\n ...theme.typography.button,\n borderRadius: theme.shape.borderRadius,\n color: theme.palette.primary.main,\n },\n '& a': {\n color: theme.palette.link,\n },\n '& a.no-underline': {\n ...theme.typography.button,\n background: 'none',\n boxSizing: 'border-box',\n minWidth: 64,\n borderRadius: theme.shape.borderRadius,\n transition: theme.transitions.create(\n ['background-color', 'box-shadow', 'border'],\n {\n duration: theme.transitions.duration.short,\n },\n ),\n padding: '5px 15px',\n color: theme.palette.primary.main,\n border: `1px solid ${alpha(theme.palette.primary.main, 0.5)}`,\n '&:hover': {\n textDecoration: 'none',\n border: `1px solid ${theme.palette.primary.main}`,\n backgroundColor: alpha(\n theme.palette.primary.main,\n theme.palette.action.hoverOpacity,\n ),\n },\n },\n '& li.no-underline': {\n '& a': {\n textDecoration: 'none',\n color: theme.palette.getContrastText(theme.palette.primary.main),\n },\n },\n },\n dark: {\n '& svg': {\n fill: theme.palette.text.primary,\n },\n '& .prose': {\n color: theme.palette.text.secondary,\n '& h3': {\n color: theme.palette.text.primary,\n },\n },\n '& .bg-gray-100, .bg-gray-200': {\n backgroundColor: theme.palette.background.default,\n },\n '& .text-gray-600': {\n color: theme.palette.grey['50'],\n },\n '& .text-gray-700': {\n color: theme.palette.grey['100'],\n },\n '& .panel--right': {\n background: darken(theme.palette.navigation.background, 0.1),\n },\n '& .examples': {\n backgroundColor: darken(theme.palette.navigation.background, 0.1),\n '& pre': {\n backgroundColor: darken(theme.palette.background.default, 0.2),\n },\n },\n },\n}));\n\ntype Props = {\n definition: string;\n};\n\nexport const AsyncApiDefinition = ({ definition }: Props): JSX.Element => {\n const classes = useStyles();\n const theme = useTheme();\n const classNames = `${classes.root} ${\n theme.palette.type === 'dark' ? classes.dark : ''\n }`;\n\n return (\n <div className={classNames}>\n <AsyncApi schema={definition} />\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ const useStyles = makeStyles(() => ({
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
}));
|
|
25
|
-
const GraphQlDefinition = ({definition}) => {
|
|
25
|
+
const GraphQlDefinition = ({ definition }) => {
|
|
26
26
|
const classes = useStyles();
|
|
27
27
|
const schema = buildSchema(definition);
|
|
28
28
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -38,4 +38,4 @@ const GraphQlDefinition = ({definition}) => {
|
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
export { GraphQlDefinition };
|
|
41
|
-
//# sourceMappingURL=GraphQlDefinition-
|
|
41
|
+
//# sourceMappingURL=GraphQlDefinition-fa85d425.esm.js.map
|
package/dist/esm/{GraphQlDefinition-547f34fe.esm.js.map → GraphQlDefinition-fa85d425.esm.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphQlDefinition-
|
|
1
|
+
{"version":3,"file":"GraphQlDefinition-fa85d425.esm.js","sources":["../../src/components/GraphQlDefinitionWidget/GraphQlDefinition.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { BackstageTheme } from '@backstage/theme';\nimport { makeStyles } from '@material-ui/core/styles';\nimport GraphiQL from 'graphiql';\nimport 'graphiql/graphiql.css';\nimport { buildSchema } from 'graphql';\nimport React from 'react';\n\nconst useStyles = makeStyles<BackstageTheme>(() => ({\n root: {\n height: '100%',\n display: 'flex',\n flexFlow: 'column nowrap',\n },\n graphiQlWrapper: {\n flex: 1,\n '@global': {\n '.graphiql-container': {\n boxSizing: 'initial',\n height: '100%',\n minHeight: '600px',\n flex: '1 1 auto',\n },\n },\n },\n}));\n\ntype Props = {\n definition: string;\n};\n\nexport const GraphQlDefinition = ({ definition }: Props) => {\n const classes = useStyles();\n const schema = buildSchema(definition);\n\n return (\n <div className={classes.root}>\n <div className={classes.graphiQlWrapper}>\n <GraphiQL\n fetcher={() => Promise.resolve(null) as any}\n schema={schema}\n docExplorerOpen\n defaultSecondaryEditorOpen={false}\n />\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;AAuBA,MAAM,YAAY,WAA2B;AAAO,EAClD,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA;AAAA,EAEZ,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,WAAW;AAAA,MACT,uBAAuB;AAAA,QACrB,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,MAAM;AAAA;AAAA;AAAA;AAAA;MAUD,oBAAoB,CAAC,EAAE,iBAAwB;AAC1D,QAAM,UAAU;AAChB,QAAM,SAAS,YAAY;AAE3B,6CACG,OAAD;AAAA,IAAK,WAAW,QAAQ;AAAA,yCACrB,OAAD;AAAA,IAAK,WAAW,QAAQ;AAAA,yCACrB,UAAD;AAAA,IACE,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B;AAAA,IACA,iBAAe;AAAA,IACf,4BAA4B;AAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
2
|
+
import React, { useState, useEffect } from 'react';
|
|
3
|
+
import SwaggerUI from 'swagger-ui-react';
|
|
4
|
+
import 'swagger-ui-react/swagger-ui.css';
|
|
5
|
+
|
|
6
|
+
const useStyles = makeStyles((theme) => ({
|
|
7
|
+
root: {
|
|
8
|
+
"& .swagger-ui": {
|
|
9
|
+
fontFamily: theme.typography.fontFamily,
|
|
10
|
+
color: theme.palette.text.primary,
|
|
11
|
+
[`& .scheme-container`]: {
|
|
12
|
+
backgroundColor: theme.palette.background.default
|
|
13
|
+
},
|
|
14
|
+
[`& .opblock-tag,
|
|
15
|
+
.opblock-tag small,
|
|
16
|
+
table thead tr td,
|
|
17
|
+
table thead tr th`]: {
|
|
18
|
+
fontFamily: theme.typography.fontFamily,
|
|
19
|
+
color: theme.palette.text.primary,
|
|
20
|
+
borderColor: theme.palette.divider
|
|
21
|
+
},
|
|
22
|
+
[`& section.models,
|
|
23
|
+
section.models.is-open h4`]: {
|
|
24
|
+
borderColor: theme.palette.divider
|
|
25
|
+
},
|
|
26
|
+
[`& .model-title,
|
|
27
|
+
.model .renderedMarkdown,
|
|
28
|
+
.model .description`]: {
|
|
29
|
+
fontFamily: theme.typography.fontFamily,
|
|
30
|
+
fontWeight: theme.typography.fontWeightRegular
|
|
31
|
+
},
|
|
32
|
+
[`& h1, h2, h3, h4, h5, h6,
|
|
33
|
+
.errors h4, .error h4, .opblock h4, section.models h4,
|
|
34
|
+
.response-control-media-type__accept-message,
|
|
35
|
+
.opblock-summary-description,
|
|
36
|
+
.opblock-summary-operation-id,
|
|
37
|
+
.opblock-summary-path,
|
|
38
|
+
.opblock-summary-path__deprecated,
|
|
39
|
+
.opblock-external-docs-wrapper,
|
|
40
|
+
.opblock-section-header .btn,
|
|
41
|
+
.opblock-section-header>label,
|
|
42
|
+
.scheme-container .schemes>label,a.nostyle,
|
|
43
|
+
.parameter__name,
|
|
44
|
+
.response-col_status,
|
|
45
|
+
.response-col_links,
|
|
46
|
+
.error .btn,
|
|
47
|
+
.info .title,
|
|
48
|
+
.info .base-url`]: {
|
|
49
|
+
fontFamily: theme.typography.fontFamily,
|
|
50
|
+
color: theme.palette.text.primary
|
|
51
|
+
},
|
|
52
|
+
[`& .opblock .opblock-section-header,
|
|
53
|
+
.model-box,
|
|
54
|
+
section.models .model-container`]: {
|
|
55
|
+
background: theme.palette.background.default
|
|
56
|
+
},
|
|
57
|
+
[`& .prop-format,
|
|
58
|
+
.parameter__in`]: {
|
|
59
|
+
color: theme.palette.text.disabled
|
|
60
|
+
},
|
|
61
|
+
[`& table.model,
|
|
62
|
+
.parameter__type,
|
|
63
|
+
.model.model-title,
|
|
64
|
+
.model-title,
|
|
65
|
+
.model span,
|
|
66
|
+
.model .brace-open,
|
|
67
|
+
.model .brace-close,
|
|
68
|
+
.model .property.primitive,
|
|
69
|
+
.model .renderedMarkdown,
|
|
70
|
+
.model .description,
|
|
71
|
+
.errors small`]: {
|
|
72
|
+
color: theme.palette.text.secondary
|
|
73
|
+
},
|
|
74
|
+
[`& .parameter__name.required:after`]: {
|
|
75
|
+
color: theme.palette.warning.dark
|
|
76
|
+
},
|
|
77
|
+
[`& table.model,
|
|
78
|
+
table.model .model,
|
|
79
|
+
.opblock-external-docs-wrapper`]: {
|
|
80
|
+
fontSize: theme.typography.fontSize
|
|
81
|
+
},
|
|
82
|
+
[`& table.headers td`]: {
|
|
83
|
+
color: theme.palette.text.primary,
|
|
84
|
+
fontWeight: theme.typography.fontWeightRegular
|
|
85
|
+
},
|
|
86
|
+
[`& .model-hint`]: {
|
|
87
|
+
color: theme.palette.text.hint,
|
|
88
|
+
backgroundColor: theme.palette.background.paper
|
|
89
|
+
},
|
|
90
|
+
[`& .opblock-summary-method,
|
|
91
|
+
.info a`]: {
|
|
92
|
+
fontFamily: theme.typography.fontFamily
|
|
93
|
+
},
|
|
94
|
+
[`& .info, .opblock, .tab`]: {
|
|
95
|
+
[`& li, p`]: {
|
|
96
|
+
fontFamily: theme.typography.fontFamily,
|
|
97
|
+
color: theme.palette.text.primary
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
[`& a`]: {
|
|
101
|
+
color: theme.palette.primary.main
|
|
102
|
+
},
|
|
103
|
+
[`& .renderedMarkdown code`]: {
|
|
104
|
+
color: theme.palette.secondary.light
|
|
105
|
+
},
|
|
106
|
+
[`& .property-row td:first-child`]: {
|
|
107
|
+
color: theme.palette.text.primary
|
|
108
|
+
},
|
|
109
|
+
[`& span.prop-type`]: {
|
|
110
|
+
color: theme.palette.success.light
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}));
|
|
115
|
+
const OpenApiDefinition = ({ definition }) => {
|
|
116
|
+
const classes = useStyles();
|
|
117
|
+
const [def, setDef] = useState("");
|
|
118
|
+
useEffect(() => {
|
|
119
|
+
const timer = setTimeout(() => setDef(definition), 0);
|
|
120
|
+
return () => clearTimeout(timer);
|
|
121
|
+
}, [definition, setDef]);
|
|
122
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
123
|
+
className: classes.root
|
|
124
|
+
}, /* @__PURE__ */ React.createElement(SwaggerUI, {
|
|
125
|
+
spec: def,
|
|
126
|
+
deepLinking: true
|
|
127
|
+
}));
|
|
128
|
+
};
|
|
129
|
+
|
|
130
|
+
export { OpenApiDefinition };
|
|
131
|
+
//# sourceMappingURL=OpenApiDefinition-48ae3040.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OpenApiDefinition-48ae3040.esm.js","sources":["../../src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport React, { useEffect, useState } from 'react';\nimport SwaggerUI from 'swagger-ui-react';\nimport 'swagger-ui-react/swagger-ui.css';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n '& .swagger-ui': {\n fontFamily: theme.typography.fontFamily,\n color: theme.palette.text.primary,\n\n [`& .scheme-container`]: {\n backgroundColor: theme.palette.background.default,\n },\n [`& .opblock-tag,\n .opblock-tag small,\n table thead tr td,\n table thead tr th`]: {\n fontFamily: theme.typography.fontFamily,\n color: theme.palette.text.primary,\n borderColor: theme.palette.divider,\n },\n [`& section.models,\n section.models.is-open h4`]: {\n borderColor: theme.palette.divider,\n },\n [`& .model-title,\n .model .renderedMarkdown,\n .model .description`]: {\n fontFamily: theme.typography.fontFamily,\n fontWeight: theme.typography.fontWeightRegular,\n },\n [`& h1, h2, h3, h4, h5, h6,\n .errors h4, .error h4, .opblock h4, section.models h4,\n .response-control-media-type__accept-message,\n .opblock-summary-description,\n .opblock-summary-operation-id,\n .opblock-summary-path,\n .opblock-summary-path__deprecated,\n .opblock-external-docs-wrapper,\n .opblock-section-header .btn,\n .opblock-section-header>label,\n .scheme-container .schemes>label,a.nostyle,\n .parameter__name,\n .response-col_status,\n .response-col_links,\n .error .btn,\n .info .title,\n .info .base-url`]: {\n fontFamily: theme.typography.fontFamily,\n color: theme.palette.text.primary,\n },\n [`& .opblock .opblock-section-header, \n .model-box,\n section.models .model-container`]: {\n background: theme.palette.background.default,\n },\n [`& .prop-format,\n .parameter__in`]: {\n color: theme.palette.text.disabled,\n },\n [`& table.model, \n .parameter__type,\n .model.model-title,\n .model-title,\n .model span,\n .model .brace-open,\n .model .brace-close,\n .model .property.primitive,\n .model .renderedMarkdown,\n .model .description,\n .errors small`]: {\n color: theme.palette.text.secondary,\n },\n [`& .parameter__name.required:after`]: {\n color: theme.palette.warning.dark,\n },\n [`& table.model, \n table.model .model,\n .opblock-external-docs-wrapper`]: {\n fontSize: theme.typography.fontSize,\n },\n [`& table.headers td`]: {\n color: theme.palette.text.primary,\n fontWeight: theme.typography.fontWeightRegular,\n },\n [`& .model-hint`]: {\n color: theme.palette.text.hint,\n backgroundColor: theme.palette.background.paper,\n },\n [`& .opblock-summary-method, \n .info a`]: {\n fontFamily: theme.typography.fontFamily,\n },\n [`& .info, .opblock, .tab`]: {\n [`& li, p`]: {\n fontFamily: theme.typography.fontFamily,\n color: theme.palette.text.primary,\n },\n },\n [`& a`]: {\n color: theme.palette.primary.main,\n },\n [`& .renderedMarkdown code`]: {\n color: theme.palette.secondary.light,\n },\n [`& .property-row td:first-child`]: {\n color: theme.palette.text.primary,\n },\n [`& span.prop-type`]: {\n color: theme.palette.success.light,\n },\n },\n },\n}));\n\nexport type OpenApiDefinitionProps = {\n definition: string;\n};\n\nexport const OpenApiDefinition = ({ definition }: OpenApiDefinitionProps) => {\n const classes = useStyles();\n\n // Due to a bug in the swagger-ui-react component, the component needs\n // to be created without content first.\n const [def, setDef] = useState('');\n\n useEffect(() => {\n const timer = setTimeout(() => setDef(definition), 0);\n return () => clearTimeout(timer);\n }, [definition, setDef]);\n\n return (\n <div className={classes.root}>\n <SwaggerUI spec={def} deepLinking />\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,YAAY,WAAW;AAAU,EACrC,MAAM;AAAA,IACJ,iBAAiB;AAAA,MACf,YAAY,MAAM,WAAW;AAAA,MAC7B,OAAO,MAAM,QAAQ,KAAK;AAAA,OAEzB,wBAAwB;AAAA,QACvB,iBAAiB,MAAM,QAAQ,WAAW;AAAA;AAAA,OAE3C;AAAA;AAAA;AAAA,+BAGwB;AAAA,QACvB,YAAY,MAAM,WAAW;AAAA,QAC7B,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,aAAa,MAAM,QAAQ;AAAA;AAAA,OAE5B;AAAA,uCACgC;AAAA,QAC/B,aAAa,MAAM,QAAQ;AAAA;AAAA,OAE5B;AAAA;AAAA,iCAE0B;AAAA,QACzB,YAAY,MAAM,WAAW;AAAA,QAC7B,YAAY,MAAM,WAAW;AAAA;AAAA,OAE9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAgBsB;AAAA,QACrB,YAAY,MAAM,WAAW;AAAA,QAC7B,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B;AAAA;AAAA,6CAEsC;AAAA,QACrC,YAAY,MAAM,QAAQ,WAAW;AAAA;AAAA,OAEtC;AAAA,4BACqB;AAAA,QACpB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAUoB;AAAA,QACnB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B,sCAAsC;AAAA,QACrC,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA,OAE9B;AAAA;AAAA,4CAEqC;AAAA,QACpC,UAAU,MAAM,WAAW;AAAA;AAAA,OAE5B,uBAAuB;AAAA,QACtB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,YAAY,MAAM,WAAW;AAAA;AAAA,OAE9B,kBAAkB;AAAA,QACjB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,iBAAiB,MAAM,QAAQ,WAAW;AAAA;AAAA,OAE3C;AAAA,qBACc;AAAA,QACb,YAAY,MAAM,WAAW;AAAA;AAAA,OAE9B,4BAA4B;AAAA,SAC1B,YAAY;AAAA,UACX,YAAY,MAAM,WAAW;AAAA,UAC7B,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA;AAAA,OAG7B,QAAQ;AAAA,QACP,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA,OAE9B,6BAA6B;AAAA,QAC5B,OAAO,MAAM,QAAQ,UAAU;AAAA;AAAA,OAEhC,mCAAmC;AAAA,QAClC,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B,qBAAqB;AAAA,QACpB,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;MAUxB,oBAAoB,CAAC,EAAE,iBAAyC;AAC3E,QAAM,UAAU;AAIhB,QAAM,CAAC,KAAK,UAAU,SAAS;AAE/B,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,OAAO,aAAa;AACnD,WAAO,MAAM,aAAa;AAAA,KACzB,CAAC,YAAY;AAEhB,6CACG,OAAD;AAAA,IAAK,WAAW,QAAQ;AAAA,yCACrB,WAAD;AAAA,IAAW,MAAM;AAAA,IAAK,aAAW;AAAA;AAAA;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ConsumedApisCard, H as HasApisCard, P as ProvidedApisCard } from './index-
|
|
1
|
+
export { C as ConsumedApisCard, H as HasApisCard, P as ProvidedApisCard } from './index-be2646c3.esm.js';
|
|
2
2
|
import '@backstage/plugin-catalog-react';
|
|
3
3
|
import '@material-ui/lab';
|
|
4
4
|
import 'react';
|
|
@@ -6,4 +6,4 @@ import '@backstage/core-plugin-api';
|
|
|
6
6
|
import '@backstage/core-components';
|
|
7
7
|
import '@backstage/catalog-model';
|
|
8
8
|
import '@material-ui/core';
|
|
9
|
-
//# sourceMappingURL=index-
|
|
9
|
+
//# sourceMappingURL=index-0bbaf1ad.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-0bbaf1ad.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { b as ConsumingComponentsCard, e as ProvidingComponentsCard } from './index-
|
|
1
|
+
export { b as ConsumingComponentsCard, e as ProvidingComponentsCard } from './index-be2646c3.esm.js';
|
|
2
2
|
import '@backstage/plugin-catalog-react';
|
|
3
3
|
import '@material-ui/lab';
|
|
4
4
|
import 'react';
|
|
@@ -6,4 +6,4 @@ import '@backstage/core-plugin-api';
|
|
|
6
6
|
import '@backstage/core-components';
|
|
7
7
|
import '@backstage/catalog-model';
|
|
8
8
|
import '@material-ui/core';
|
|
9
|
-
//# sourceMappingURL=index-
|
|
9
|
+
//# sourceMappingURL=index-59179174.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-59179174.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -3,13 +3,13 @@ import { useApi, configApiRef, useRouteRef } from '@backstage/core-plugin-api';
|
|
|
3
3
|
import { CatalogTable, FilteredEntityLayout, FilterContainer, EntityListContainer } from '@backstage/plugin-catalog';
|
|
4
4
|
import { EntityListProvider, EntityKindPicker, EntityTypePicker, UserListPicker, EntityOwnerPicker, EntityLifecyclePicker, EntityTagPicker } from '@backstage/plugin-catalog-react';
|
|
5
5
|
import React from 'react';
|
|
6
|
-
import { c as createComponentRouteRef } from './index-
|
|
6
|
+
import { c as createComponentRouteRef } from './index-be2646c3.esm.js';
|
|
7
7
|
import '@material-ui/lab';
|
|
8
8
|
import '@backstage/catalog-model';
|
|
9
9
|
import '@material-ui/core';
|
|
10
10
|
|
|
11
11
|
const defaultColumns = [
|
|
12
|
-
CatalogTable.columns.createNameColumn({defaultKind: "API"}),
|
|
12
|
+
CatalogTable.columns.createNameColumn({ defaultKind: "API" }),
|
|
13
13
|
CatalogTable.columns.createSystemColumn(),
|
|
14
14
|
CatalogTable.columns.createOwnerColumn(),
|
|
15
15
|
CatalogTable.columns.createSpecTypeColumn(),
|
|
@@ -48,4 +48,4 @@ const ApiExplorerPage = ({
|
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
export { ApiExplorerPage };
|
|
51
|
-
//# sourceMappingURL=index-
|
|
51
|
+
//# sourceMappingURL=index-61a0b1ae.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-61a0b1ae.esm.js","sources":["../../src/components/ApiExplorerPage/ApiExplorerPage.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n Content,\n ContentHeader,\n CreateButton,\n PageWithHeader,\n SupportButton,\n TableColumn,\n TableProps,\n} from '@backstage/core-components';\nimport { configApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport {\n CatalogTable,\n CatalogTableRow,\n FilteredEntityLayout,\n EntityListContainer,\n FilterContainer,\n} from '@backstage/plugin-catalog';\nimport {\n EntityKindPicker,\n EntityLifecyclePicker,\n EntityListProvider,\n EntityOwnerPicker,\n EntityTagPicker,\n EntityTypePicker,\n UserListFilterKind,\n UserListPicker,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport { createComponentRouteRef } from '../../routes';\n\nconst defaultColumns: TableColumn<CatalogTableRow>[] = [\n CatalogTable.columns.createNameColumn({ defaultKind: 'API' }),\n CatalogTable.columns.createSystemColumn(),\n CatalogTable.columns.createOwnerColumn(),\n CatalogTable.columns.createSpecTypeColumn(),\n CatalogTable.columns.createSpecLifecycleColumn(),\n CatalogTable.columns.createMetadataDescriptionColumn(),\n CatalogTable.columns.createTagsColumn(),\n];\n\ntype ApiExplorerPageProps = {\n initiallySelectedFilter?: UserListFilterKind;\n columns?: TableColumn<CatalogTableRow>[];\n actions?: TableProps<CatalogTableRow>['actions'];\n};\n\nexport const ApiExplorerPage = ({\n initiallySelectedFilter = 'all',\n columns,\n actions,\n}: ApiExplorerPageProps) => {\n const configApi = useApi(configApiRef);\n const generatedSubtitle = `${\n configApi.getOptionalString('organization.name') ?? 'Backstage'\n } API Explorer`;\n const createComponentLink = useRouteRef(createComponentRouteRef);\n\n return (\n <PageWithHeader\n themeId=\"apis\"\n title=\"APIs\"\n subtitle={generatedSubtitle}\n pageTitleOverride=\"APIs\"\n >\n <Content>\n <ContentHeader title=\"\">\n <CreateButton\n title=\"Register Existing API\"\n to={createComponentLink?.()}\n />\n <SupportButton>All your APIs</SupportButton>\n </ContentHeader>\n <EntityListProvider>\n <FilteredEntityLayout>\n <FilterContainer>\n <EntityKindPicker initialFilter=\"api\" hidden />\n <EntityTypePicker />\n <UserListPicker initialFilter={initiallySelectedFilter} />\n <EntityOwnerPicker />\n <EntityLifecyclePicker />\n <EntityTagPicker />\n </FilterContainer>\n <EntityListContainer>\n <CatalogTable\n columns={columns || defaultColumns}\n actions={actions}\n />\n </EntityListContainer>\n </FilteredEntityLayout>\n </EntityListProvider>\n </Content>\n </PageWithHeader>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA8CA,MAAM,iBAAiD;AAAA,EACrD,aAAa,QAAQ,iBAAiB,EAAE,aAAa;AAAA,EACrD,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA;MASV,kBAAkB,CAAC;AAAA,EAC9B,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,MAC0B;AAlE5B;AAmEE,QAAM,YAAY,OAAO;AACzB,QAAM,oBAAoB,GACxB,gBAAU,kBAAkB,yBAA5B,YAAoD;AAEtD,QAAM,sBAAsB,YAAY;AAExC,6CACG,gBAAD;AAAA,IACE,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,UAAU;AAAA,IACV,mBAAkB;AAAA,yCAEjB,SAAD,0CACG,eAAD;AAAA,IAAe,OAAM;AAAA,yCAClB,cAAD;AAAA,IACE,OAAM;AAAA,IACN,IAAI;AAAA,0CAEL,eAAD,MAAe,uDAEhB,oBAAD,0CACG,sBAAD,0CACG,iBAAD,0CACG,kBAAD;AAAA,IAAkB,eAAc;AAAA,IAAM,QAAM;AAAA,0CAC3C,kBAAD,2CACC,gBAAD;AAAA,IAAgB,eAAe;AAAA,0CAC9B,mBAAD,2CACC,uBAAD,2CACC,iBAAD,4CAED,qBAAD,0CACG,cAAD;AAAA,IACE,SAAS,WAAW;AAAA,IACpB;AAAA;AAAA;;;;"}
|