<commit_before>import React, {Component} from 'react';
import config from '../config';
import L from 'mapbox.js';

var Map = React.createClass({
    componentDidMount: function() {
        var token = config.MAPBOX_ACCESS_TOKEN;
        console.log('map component did mount');
        console.log('L', L);
        var map = L.map(this.refs.map)
            .setView([40, -74.50], 9);
        var tileLayer = L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
            attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
            maxZoom: 18,
            id: 'mapbox.streets',
            accessToken: token
        }).addTo(map);

    },

    render: function() {
        return (
            <div className="col6 map" ref="map" /><commit_msg>init Mapbox map correctly, related to #2<commit_after>import React, {Component} from 'react';
import config from '../config';
import L from 'mapbox.js';

var Map = React.createClass({
    componentDidMount: function() {
        var token = config.MAPBOX_ACCESS_TOKEN;
        L.mapbox.accessToken = token;
        L.mapbox.map(this.refs.map, 'mapbox.streets');
    },

    render: function() {
        return (
            <div className="col6 map" ref="map" />
{'fraction_non_alphanumeric': 0.16584680252986647, 'fraction_numerical': 0.010541110330288124, 'mean_word_length': 2.7277486910994764, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 1, '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': '5408954', 'n_tokens_mistral': 464, 'n_tokens_neox': 451, 'n_words': 101}