OAuth2.0
{ !this.state.appName ? null :
Application: { this.state.appName }
}
-
+
{ isAuthorized &&
Authorized
}
diff --git a/src/core/components/info.jsx b/src/core/components/info.jsx
index 11bb4709..da53be06 100644
--- a/src/core/components/info.jsx
+++ b/src/core/components/info.jsx
@@ -99,7 +99,7 @@ export default class Info extends React.Component {
-
+
{
diff --git a/src/core/components/layout-utils.jsx b/src/core/components/layout-utils.jsx
index 3dbff4fa..1ccdeaf6 100644
--- a/src/core/components/layout-utils.jsx
+++ b/src/core/components/layout-utils.jsx
@@ -1,13 +1,10 @@
import React, { PropTypes } from "react"
import OriCollapse from "react-collapse"
-import _Markdown from "react-remarkable"
function xclass(...args) {
return args.filter(a => !!a).join(" ").trim()
}
-export const Markdown = _Markdown
-
export class Container extends React.Component {
render() {
let { fullscreen, full, ...rest } = this.props
diff --git a/src/core/components/operation.jsx b/src/core/components/operation.jsx
index f6a97b08..445c13b4 100644
--- a/src/core/components/operation.jsx
+++ b/src/core/components/operation.jsx
@@ -173,7 +173,7 @@ export default class Operation extends React.Component {
{ description &&
}
diff --git a/src/core/components/parameter-row.jsx b/src/core/components/parameter-row.jsx
index c2438ad0..672e7c95 100644
--- a/src/core/components/parameter-row.jsx
+++ b/src/core/components/parameter-row.jsx
@@ -99,8 +99,7 @@ export default class ParameterRow extends Component {
-
+
{(isFormData && !isFormDataSupported) && Error: your browser does not support FormData }
{ bodyParam || !isExecute ? null
diff --git a/src/core/components/providers/README.md b/src/core/components/providers/README.md
new file mode 100644
index 00000000..4914bcbf
--- /dev/null
+++ b/src/core/components/providers/README.md
@@ -0,0 +1,6 @@
+# Providers
+
+Providers are generic bridges to third-party components. They provide two benefits:
+
+1. ability for plugins to override third-party components, because providers are loaded through `getComponent`
+2. allows us to avoid painting ourselves into a corner with a third-party component
diff --git a/src/core/components/providers/markdown.jsx b/src/core/components/providers/markdown.jsx
new file mode 100644
index 00000000..361e4580
--- /dev/null
+++ b/src/core/components/providers/markdown.jsx
@@ -0,0 +1,17 @@
+import React, { PropTypes } from "react"
+import Remarkable from "react-remarkable"
+import sanitize from "sanitize-html"
+
+function Markdown({ source }) {
+ const sanitized = sanitize(source)
+ return
+}
+
+Markdown.propTypes = {
+ source: PropTypes.string.isRequired
+}
+
+export default Markdown
diff --git a/src/core/components/response.jsx b/src/core/components/response.jsx
index 6c45aa2d..a255d1a6 100644
--- a/src/core/components/response.jsx
+++ b/src/core/components/response.jsx
@@ -76,7 +76,7 @@ export default class Response extends React.Component {
|
-
+
{ example ? (
diff --git a/src/core/presets/base.js b/src/core/presets/base.js
index 9b69163d..20ff4659 100644
--- a/src/core/presets/base.js
+++ b/src/core/presets/base.js
@@ -46,6 +46,8 @@ import Model from "core/components/model"
import Models from "core/components/models"
import TryItOutButton from "core/components/try-it-out-button"
+import Markdown from "core/components/providers/markdown"
+
import BaseLayout from "core/components/layouts/base"
import * as LayoutUtils from "core/components/layout-utils"
@@ -89,6 +91,7 @@ export default function() {
model: Model,
models: Models,
TryItOutButton,
+ Markdown,
BaseLayout
}
}
|