2018-06-25 12:47:09 +03:00
|
|
|
import memoize from 'memoize-one';
|
2017-11-14 18:46:50 +03:00
|
|
|
import { Component } from 'react';
|
2017-11-20 19:02:49 +03:00
|
|
|
|
2017-11-14 18:46:50 +03:00
|
|
|
import { AppStore } from '../services/';
|
2017-11-21 14:00:33 +03:00
|
|
|
import { RedocRawOptions } from '../services/RedocNormalizedOptions';
|
2018-03-09 22:11:28 +03:00
|
|
|
import { OpenAPISpec } from '../types';
|
2018-03-13 14:04:55 +03:00
|
|
|
import { loadAndBundleSpec } from '../utils';
|
2017-10-12 00:01:37 +03:00
|
|
|
|
2018-05-16 12:44:36 +03:00
|
|
|
export interface StoreProviderProps {
|
2017-10-12 00:01:37 +03:00
|
|
|
specUrl?: string;
|
|
|
|
spec?: object;
|
|
|
|
store?: AppStore;
|
2017-11-14 18:46:50 +03:00
|
|
|
|
2017-11-21 14:00:33 +03:00
|
|
|
options?: RedocRawOptions;
|
|
|
|
|
2017-11-22 12:02:26 +03:00
|
|
|
children: (props: { loading: boolean; store?: AppStore }) => any;
|
2017-10-12 00:01:37 +03:00
|
|
|
}
|
|
|
|
|
2018-05-16 12:44:36 +03:00
|
|
|
export interface StoreProviderState {
|
2017-11-14 18:46:50 +03:00
|
|
|
error?: Error;
|
|
|
|
loading: boolean;
|
2018-06-25 12:47:09 +03:00
|
|
|
spec?: any;
|
|
|
|
prevSpecUrl?: string;
|
2017-11-14 18:46:50 +03:00
|
|
|
}
|
2017-10-12 00:01:37 +03:00
|
|
|
|
2017-11-22 12:02:26 +03:00
|
|
|
export class StoreProvider extends Component<StoreProviderProps, StoreProviderState> {
|
2018-06-25 12:47:09 +03:00
|
|
|
static getDerivedStateFromProps(props, state: StoreProviderState) {
|
|
|
|
if (props.specUrl !== state.prevSpecUrl) {
|
|
|
|
return {
|
|
|
|
spec: null,
|
|
|
|
prevSpecUrl: props.specUrl,
|
|
|
|
};
|
|
|
|
}
|
2017-10-12 00:01:37 +03:00
|
|
|
|
2018-06-25 12:47:09 +03:00
|
|
|
return null;
|
|
|
|
}
|
2018-03-09 22:11:28 +03:00
|
|
|
|
2018-06-25 12:47:09 +03:00
|
|
|
state: StoreProviderState = {
|
|
|
|
loading: true,
|
|
|
|
spec: null,
|
|
|
|
};
|
2017-11-14 18:46:50 +03:00
|
|
|
|
2018-06-25 12:47:09 +03:00
|
|
|
@memoize
|
|
|
|
makeStore(spec, specUrl, options) {
|
|
|
|
if (!spec) {
|
|
|
|
return undefined;
|
|
|
|
}
|
|
|
|
return new AppStore(spec, specUrl, options);
|
2017-11-20 02:00:43 +03:00
|
|
|
}
|
2017-11-14 18:46:50 +03:00
|
|
|
|
2017-11-20 02:00:43 +03:00
|
|
|
componentDidMount() {
|
2017-11-14 18:46:50 +03:00
|
|
|
this.load();
|
|
|
|
}
|
|
|
|
|
2018-06-25 12:47:09 +03:00
|
|
|
componentDidUpdate() {
|
|
|
|
if (this.props.spec === null) {
|
|
|
|
this.load();
|
2018-03-09 22:11:28 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-06-25 12:47:09 +03:00
|
|
|
async load() {
|
|
|
|
const { specUrl, spec, options } = this.props;
|
2018-03-09 22:11:28 +03:00
|
|
|
try {
|
2018-06-25 12:47:09 +03:00
|
|
|
const resolvedSpec = await loadAndBundleSpec(spec || specUrl!);
|
|
|
|
this.setState({ spec: resolvedSpec, loading: false });
|
2017-11-14 18:46:50 +03:00
|
|
|
} catch (e) {
|
2018-06-25 12:47:09 +03:00
|
|
|
this.setState({ error: e });
|
2018-03-09 22:11:28 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-10-12 00:01:37 +03:00
|
|
|
render() {
|
2018-01-22 21:30:53 +03:00
|
|
|
if (this.state.error) {
|
|
|
|
throw this.state.error;
|
|
|
|
}
|
2018-06-25 12:47:09 +03:00
|
|
|
|
|
|
|
const { specUrl, options } = this.props;
|
|
|
|
const { loading, spec } = this.state;
|
|
|
|
return this.props.children({
|
|
|
|
loading,
|
|
|
|
store: this.makeStore(spec, specUrl, options),
|
|
|
|
});
|
2017-10-12 00:01:37 +03:00
|
|
|
}
|
|
|
|
}
|