#151

Build # #151

Build Type

push

Committed by

Commit Message

<a href="https://github.com/mac-s-g/react-json-view/commit/<a class=hub.com/mac-s-g/react-json-view/commit/e5d98df54037f892f63c06438f29fa1dcdae46f7">e5d98df54<a href="https://github.com/mac-s-g/react-json-view/commit/e5d98df54037f892f63c06438f29fa1dcdae46f7">">Merge </a><a class="double-link" href="https://github.com/mac-s-g/react-json-view/commit/<a class="double-link" href="https://github.com/mac-s-g/react-json-view/commit/fa540e3fddd7b38793d4ddec6b2caafa59a37615">fa540e3fd</a>">fa540e3fd</a><a href="https://github.com/mac-s-g/react-json-view/commit/e5d98df54037f892f63c06438f29fa1dcdae46f7"> into 469098132">469098132</a>

Run Details

111 of 135 branches covered (82.22%)

Branch coverage included in aggregate %.

11 of 11 new or added lines in 2 files covered. (100.0%)

269 of 309 relevant lines covered (87.06%)

57.12 hits per line

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

58.82

/src/js/index.js

import React from 'react';
import JsonViewer from './components/JsonViewer';
import {toType, isTheme} from './helpers/util';
import ObjectAttributes from './stores/ObjectAttributes';

//global theme
import style from './themes/getStyle';


//forward src through to JsonObject component
export default class extends React.Component {

    constructor(props) {
        super(props);
        this.init(props);
    }

    state = {}

    //reference id for this instance
    rjvId = Date.now().toString()

    defaults = {
        src: {},
        name: 'root',
        theme: 'rjv-default', //rjv-default
        collapsed: false,
        collapseStringsAfterLength: false,
        indentWidth: 4,
        enableClipboard: true,
        displayObjectSize: true,
        displayDataTypes: true,
        onEdit: false
    }

    componentWillMount() {
        ObjectAttributes.on(
            'variable-update-' + this.rjvId, this.updateSrc
        );
    }

    componentWillUnmount() {
        ObjectAttributes.removeListener(
            'variable-update-' + this.rjvId, this.updateSrc
        );
    }

    init = (props) => {
        for (let i in this.defaults) {
            if (props[i] !== undefined) {
                this.state[i] = props[i];
            } else {
                this.state[i] = this.defaults[i];
            }
        }

        //make sure theme is valid
        if (toType(this.state.theme) === 'object'
            && !isTheme(this.state.theme)
        ) {
            console.error(
                'react-json-view error:',
                'theme prop must be a theme name or valid base-16 theme object.',
                'defaulting to "rjv-default" theme'
            );
            this.state.theme = 'rjv-default';
        }

        //make sure `src` prop is valid
        if (toType(this.state.src) !== 'object'
            && toType(this.state.src) !== 'array'
        ) {
            console.error(
                'react-json-view error:',
                'src property must be a valid json object'
            );
            this.state.name = 'ERROR';
            this.state.src = {
                message: 'src property must be a valid json object'
            }
        }
    }

    render() {
        const {...props} = this.state;
        return (<div class="react-json-view"
            {...style(props.theme, 'app-container')} >
            <JsonViewer {...props} type={toType(props.src)} rjvId={this.rjvId} />
        </div>);
    }

    componentWillReceiveProps(nextProps) {
        this.init(nextProps);
        this.setState(this.state);
    }

    updateSrc = () => {
        let {
            name, namespace, new_value, existing_value
        } = ObjectAttributes.get(
            this.rjvId, 'action', 'variable-update'
        );
        let {src, onEdit} = this.state;
        namespace.shift();

        for (const idx of namespace) {
            src = src[idx];
        }
        src[name] = new_value;
        this.setState(this.state);

        const on_edit_payload = {
            updated_src: this.state.src,
            name: name,
            namespace: namespace,
            new_value: new_value,
            existing_value: existing_value,
        }
        if (toType(onEdit) === 'function') {
            onEdit(on_edit_payload);
        }

    }
}

1	import React from 'react';	2✔
2	import JsonViewer from './components/JsonViewer';	2✔
3	import {toType, isTheme} from './helpers/util';	2✔
4	import ObjectAttributes from './stores/ObjectAttributes';	2✔
5
6	//global theme
7	import style from './themes/getStyle';	2✔
8
9
10	//forward src through to JsonObject component
11	export default class extends React.Component {
12
13	constructor(props) {	20!
14	super(props);
15	this.init(props);	5✔
16	}
17
18	state = {}
19
20	//reference id for this instance
21	rjvId = Date.now().toString()
22
23	defaults = {
24	src: {},
25	name: 'root',
26	theme: 'rjv-default', //rjv-default
27	collapsed: false,
28	collapseStringsAfterLength: false,
29	indentWidth: 4,
30	enableClipboard: true,
31	displayObjectSize: true,
32	displayDataTypes: true,
33	onEdit: false
34	}
35
36	componentWillMount() {
37	ObjectAttributes.on(	5✔
38	'variable-update-' + this.rjvId, this.updateSrc
39	);
40	}
41
42	componentWillUnmount() {
43	ObjectAttributes.removeListener(	×
44	'variable-update-' + this.rjvId, this.updateSrc
45	);
46	}
47
48	init = (props) => {
49	for (let i in this.defaults) {	7✔
50	if (props[i] !== undefined) {	70✔
51	this.state[i] = props[i];	13✔
52	} else {
53	this.state[i] = this.defaults[i];	57✔
54	}
55	}
56
57	//make sure theme is valid
58	if (toType(this.state.theme) === 'object'	7!
59	&& !isTheme(this.state.theme)
60	) {
61	console.error(	×
62	'react-json-view error:',
63	'theme prop must be a theme name or valid base-16 theme object.',
64	'defaulting to "rjv-default" theme'
65	);
66	this.state.theme = 'rjv-default';	×
67	}
68
69	//make sure `src` prop is valid
70	if (toType(this.state.src) !== 'object'	7✔
71	&& toType(this.state.src) !== 'array'
72	) {
73	console.error(	1✔
74	'react-json-view error:',
75	'src property must be a valid json object'
76	);
77	this.state.name = 'ERROR';	1✔
78	this.state.src = {	1✔
79	message: 'src property must be a valid json object'
80	}
81	}
82	}
83
84	render() {	7✔
85	const {...props} = this.state;
86	return (<div class="react-json-view"	7✔
87	{...style(props.theme, 'app-container')} >
88	<JsonViewer {...props} type={toType(props.src)} rjvId={this.rjvId} />
89	</div>);
90	}
91
92	componentWillReceiveProps(nextProps) {
93	this.init(nextProps);	2✔
94	this.setState(this.state);	2✔
95	}
96
97	updateSrc = () => {	×
98	let {
99	name, namespace, new_value, existing_value
100	} = ObjectAttributes.get(	×
101	this.rjvId, 'action', 'variable-update'
102	);
103	let {src, onEdit} = this.state;	×
104	namespace.shift();	×
105
106	for (const idx of namespace) {	×
107	src = src[idx];	×
108	}
109	src[name] = new_value;	×
110	this.setState(this.state);	×
111
112	const on_edit_payload = {	×
113	updated_src: this.state.src,
114	name: name,
115	namespace: namespace,
116	new_value: new_value,
117	existing_value: existing_value,
118	}
119	if (toType(onEdit) === 'function') {	×
120	onEdit(on_edit_payload);	×
121	}
122
123	}
124	}

mac-s-g / react-json-view / #151

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