2081

pending completion

Build # 2081

Build Type

Pull #1492

travis-ci-com

Committed by

web-flow

Commit Message

<a href="https://github.com/Redocly/redoc/commit/<a class=hub.com/Redocly/redoc/commit/<a class="double-link" href="https://git"><a class=hub.com/Redocly/redoc/commit/<a class="double-link" href="https://git"><a class=hub.com/Redocly/redoc/commit/<a class="double-link" href="https://git"><a class=hub.com/Redocly/redoc/commit/<a class="double-link" href="https://git"><a class=hub.com/Redocly/redoc/commit/5bbefcaa2a3b6d340ff1024aa7cde9b07af69541">5bbefcaa2">&lt;a href=&quot;https://github.com/Redocly/redoc/commit/</a><a class="double-link" href="https://github.com/Redocly/redoc/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/Redocly/redoc/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/Redocly/redoc/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/Redocly/redoc/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/Redocly/redoc/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/Redocly/redoc/commit/5bbefcaa2a3b6d340ff1024aa7cde9b07af69541">5bbefcaa2</a><a href="https://github.com/Redocly/redoc/commit/5bbefcaa2a3b6d340ff1024aa7cde9b07af69541">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/Redocly/redoc/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/Redocly/redoc/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/Redocly/redoc/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/Redocly/redoc/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/Redocly/redoc/commit/5bbefcaa2a3b6d340ff1024aa7cde9b07af69541&quot;&gt;5bbefcaa2&lt;/a&gt;&lt;a href=&quot;https://github.com/Redocly/redoc/commit/5bbefcaa2a3b6d340ff1024aa7cde9b07af69541&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/Redocly/redoc/commit/5bbefcaa2a3b6d340ff1024aa7cde9b07af69541&amp;quot;&amp;gt;&amp;amp;quot;&amp;amp;gt;&amp;amp;amp;lt;a href=&amp;amp;amp;quot;https://github.com/Redocly/redoc/commit/&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;a class=&amp;amp;quot;double-link&amp;amp;quot; href=&amp;am... (continued)

Pull Request Pull Request #1492: fix 1248: parse json theme string for standalone tag

Run Details

1618 of 2377 branches covered (68.07%)

Branch coverage included in aggregate %.

2 of 2 new or added lines in 1 file covered. (100.0%)

3252 of 4030 relevant lines covered (80.69%)

128.6 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/src/standalone.tsx

import * as React from 'react';
import { hydrate as hydrateComponent, render } from 'react-dom';
import { configure } from "mobx"

import { Redoc, RedocStandalone } from './components/';
import { AppStore, StoreState } from './services/AppStore';
import { debugTime, debugTimeEnd } from './utils/debug';
import { querySelector } from './utils/dom';

configure({
  useProxies: 'ifavailable'
})

export { Redoc, AppStore } from '.';

export const version = __REDOC_VERSION__;
export const revision = __REDOC_REVISION__;

function attributesMap(element: Element) {
  const res = {};
  const elAttrs = element.attributes;
  // tslint:disable-next-line
  for (let i = 0; i < elAttrs.length; i++) {
    const attrib = elAttrs[i];
    res[attrib.name] = attrib.value;
  }
  return res;
}

function parseOptionsFromElement(element: Element) {
  const attrMap = attributesMap(element);
  const res = {};
  for (const attrName in attrMap) {
    const optionName = attrName.replace(/-(.)/g, (_, $1) => $1.toUpperCase());
    const optionValue = attrMap[attrName];
    res[optionName] = attrName === 'theme' ? JSON.parse(optionValue) : optionValue;
    // TODO: normalize options
  }
  return res;
}

export function init(
  specOrSpecUrl: string | any,
  options: any = {},
  element: Element | null = querySelector('redoc'),
  callback?: (e?: Error) => void,
) {
  if (element === null) {
    throw new Error('"element" argument is not provided and <redoc> tag is not found on the page');
  }

  let specUrl: string | undefined;
  let spec: object | undefined;

  if (typeof specOrSpecUrl === 'string') {
    specUrl = specOrSpecUrl;
  } else if (typeof specOrSpecUrl === 'object') {
    spec = specOrSpecUrl;
  }

  render(
    React.createElement(
      RedocStandalone,
      {
        spec,
        onLoaded: callback,
        specUrl,
        options: { ...options, ...parseOptionsFromElement(element) },
      },
      ['Loading...'],
    ),
    element,
  );
}

export function hydrate(
  state: StoreState,
  element: Element | null = querySelector('redoc'),
  callback?: () => void,
) {
  debugTime('Redoc create store');
  const store = AppStore.fromJS(state);
  debugTimeEnd('Redoc create store');

  setTimeout(() => {
    debugTime('Redoc hydrate');
    hydrateComponent(<Redoc store={store} />, element, callback);
    debugTimeEnd('Redoc hydrate');
  }, 0);
}

/**
 * autoinit ReDoc if <redoc> tag is found on the page with "spec-url" attr
 */
function autoInit() {
  const element = querySelector('redoc');
  if (!element) {
    return;
  }
  const specUrl = element.getAttribute('spec-url');
  if (specUrl) {
    init(specUrl, {}, element);
  }
}

autoInit();

1	import * as React from 'react';	×
2	import { hydrate as hydrateComponent, render } from 'react-dom';	×
3	import { configure } from "mobx"	×
4
5	import { Redoc, RedocStandalone } from './components/';	×
6	import { AppStore, StoreState } from './services/AppStore';	×
7	import { debugTime, debugTimeEnd } from './utils/debug';	×
8	import { querySelector } from './utils/dom';	×
9
10	configure({	×
11	useProxies: 'ifavailable'
12	})
13
14	export { Redoc, AppStore } from '.';	×
15
16	export const version = __REDOC_VERSION__;	×
17	export const revision = __REDOC_REVISION__;	×
18
19	function attributesMap(element: Element) {
20	const res = {};	×
21	const elAttrs = element.attributes;	×
22	// tslint:disable-next-line
23	for (let i = 0; i < elAttrs.length; i++) {	×
24	const attrib = elAttrs[i];	×
25	res[attrib.name] = attrib.value;	×
26	}
27	return res;	×
28	}
29
30	function parseOptionsFromElement(element: Element) {
31	const attrMap = attributesMap(element);	×
32	const res = {};	×
33	for (const attrName in attrMap) {	×
34	const optionName = attrName.replace(/-(.)/g, (_, $1) => $1.toUpperCase());	×
35	const optionValue = attrMap[attrName];	×
36	res[optionName] = attrName === 'theme' ? JSON.parse(optionValue) : optionValue;	×
37	// TODO: normalize options
38	}
39	return res;	×
40	}
41
42	export function init(	×
43	specOrSpecUrl: string \| any,
44	options: any = {},	×
45	element: Element \| null = querySelector('redoc'),	×
46	callback?: (e?: Error) => void,
47	) {
48	if (element === null) {	×
49	throw new Error('"element" argument is not provided and <redoc> tag is not found on the page');	×
50	}
51
52	let specUrl: string \| undefined;
53	let spec: object \| undefined;
54
55	if (typeof specOrSpecUrl === 'string') {	×
56	specUrl = specOrSpecUrl;	×
57	} else if (typeof specOrSpecUrl === 'object') {	×
58	spec = specOrSpecUrl;	×
59	}
60
61	render(	×
62	React.createElement(
63	RedocStandalone,
64	{
65	spec,
66	onLoaded: callback,
67	specUrl,
68	options: { ...options, ...parseOptionsFromElement(element) },
69	},
70	['Loading...'],
71	),
72	element,
73	);
74	}
75
76	export function hydrate(	×
77	state: StoreState,
78	element: Element \| null = querySelector('redoc'),	×
79	callback?: () => void,
80	) {
81	debugTime('Redoc create store');	×
82	const store = AppStore.fromJS(state);	×
83	debugTimeEnd('Redoc create store');	×
84
85	setTimeout(() => {	×
86	debugTime('Redoc hydrate');	×
87	hydrateComponent(<Redoc store={store} />, element, callback);	×
88	debugTimeEnd('Redoc hydrate');	×
89	}, 0);
90	}
91
92	/**
93	* autoinit ReDoc if <redoc> tag is found on the page with "spec-url" attr
94	*/
95	function autoInit() {
96	const element = querySelector('redoc');	×
97	if (!element) {	×
98	return;	×
99	}
100	const specUrl = element.getAttribute('spec-url');	×
101	if (specUrl) {	×
102	init(specUrl, {}, element);	×
103	}
104	}
105
106	autoInit();	×

Redocly / redoc / 2081

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous