<commit_before>import React from 'react';
import {json} from 'd3-request';
import {HiGlassComponent} from 'higlass';
import 'higlass/dist/higlass.css';

export default class HGViewer extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            viewConf: null
        }

        json('http://higlass.io/api/v1/viewconfs/?d=default', (error, json) => {
            console.log('json:', json);    
            if (error)
                return;

            this.setState({ viewConf : json})
        })
    }

    render() {
        let hgcComponent = this.state.viewConf ?
            <HiGlassComponent
                options={{bounded: true}}
                viewConfig={this.state.viewConf}
            /> : null;
        return(
            <div>
                { hgcComponent }
            </div>
        );
    }
}<commit_msg>Made the viewer div fill the entire view<commit_after>import React from 'react';
import {json} from 'd3-request';
import {HiGlassComponent} from 'higlass';
import 'higlass/dist/higlass.css';

export default class HGViewer extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            viewConf: null
        }

        json('http://higlass.io/api/v1/viewconfs/?d=default', (error, json) => {
            console.log('json:', json);    
            if (error)
                return;

            this.setState({ viewConf : json})
        })
    }

    render() {
        let hgcComponent = this.state.viewConf ?
            <HiGlassComponent
                options={{bounded: true}}
                viewConfig={this.state.viewConf}
            /> : null;
        return(
            <div style={{    width: "100%", height: "100vh",
                marginTop: "-3rem",
                paddingTop: "3rem",
                position: "relative", 
                display: "block"}}>
                <div style={{"position": "absolute", "top": "30px", "bottom": "0px", "left": "0px", "right": "0px"}}>
                    { hgcComponent }
                </div>
            </div>
        );
    }
}
{'fraction_non_alphanumeric': 0.13726415094339622, 'fraction_numerical': 0.008018867924528302, 'mean_word_length': 1.6024539877300614, 'pattern_counts': {'":': 5, '<': 11, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1427510', 'n_tokens_mistral': 638, 'n_tokens_neox': 597, 'n_words': 130}