<commit_before>var React = require('react-native')
var MapView = require('react-native-maps')

var {
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
  ActivityIndicatorIOS,
  TextInput,
} = React;

var styles = StyleSheet.create({
  mainContainer: {
    flex: 1,
    padding: 30,
    marginTop: 65,
    flexDirection: 'column',
    justifyContent: 'center',
    backgroundColor: '#48BBEC'
  },
  title: {
    marginBottom: 20,
    fontSize: 25,
    textAlign: 'center',
    color: '#fff'
  },
  searchInput: {
    height: 50,
    padding: 4,
    marginRight: 5,
    fontSize: 23,
    borderWidth: 1,
    borderColor: 'white',
    borderRadius: 8,
    color: 'white'
  },
  buttonText: {
    fontSize: 18,
    color: '#111',
    alignSelf: 'center'
  },
  button: {
    height: 45,
    flexDirection: 'row',
    backgroundColor: 'white',
    borderColor: 'white',
    borderWidth: 1,
    borderRadius: 8,
    marginBottom: 10,
    marginTop: 10,
    alignSelf: 'stretch',
    justifyContent: 'center'
  },
  map: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0
  },
});

// this function returns a data collection that MapView.Polyline can digest
// as an argument, it takes the same thing we call .map on for the markers
var drawLines = function(someCoords){
  var lineCoords = [];
  someCoords.forEach(function(element){
    lineCoords.push(element.coords)
  });
  return (
    lineCoords
  );
}

class MapPage extends React.Component{

  constructor(props){
    super(props);
    this.state = {
      crumbs: this.props.crumbs,
      isLoading: false,
      error: false,
      lastPosition: this.props.lastPosition,
      initialLatitude: this.props.pingList[0].coords.latitude,
      initialLongitude: this.props.pingList[0].coords.longitude
    }
  } 

  // good place for debugger is just inside render
  render(){
    debugger
    var pins = this.props.crumbs.map((marker,index) => {
      return (
        <MapView.Marker
          coordinate={{
            latitude: marker.pos.coords.latitude,
            longitude: marker.pos.coords.longitude
          }}
          title={marker.title}
          description={marker.note}
          key={index}
        />
      )
    });
<commit_msg>Remove debugger<commit_after>var React = require('react-native')
var MapView = require('react-native-maps')

var {
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
  ActivityIndicatorIOS,
  TextInput,
} = React;

var styles = StyleSheet.create({
  mainContainer: {
    flex: 1,
    padding: 30,
    marginTop: 65,
    flexDirection: 'column',
    justifyContent: 'center',
    backgroundColor: '#48BBEC'
  },
  title: {
    marginBottom: 20,
    fontSize: 25,
    textAlign: 'center',
    color: '#fff'
  },
  searchInput: {
    height: 50,
    padding: 4,
    marginRight: 5,
    fontSize: 23,
    borderWidth: 1,
    borderColor: 'white',
    borderRadius: 8,
    color: 'white'
  },
  buttonText: {
    fontSize: 18,
    color: '#111',
    alignSelf: 'center'
  },
  button: {
    height: 45,
    flexDirection: 'row',
    backgroundColor: 'white',
    borderColor: 'white',
    borderWidth: 1,
    borderRadius: 8,
    marginBottom: 10,
    marginTop: 10,
    alignSelf: 'stretch',
    justifyContent: 'center'
  },
  map: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0
  },
});

// this function returns a data collection that MapView.Polyline can digest
// as an argument, it takes the same thing we call .map on for the markers
var drawLines = function(someCoords){
  var lineCoords = [];
  someCoords.forEach(function(element){
    lineCoords.push(element.coords)
  });
  return (
    lineCoords
  );
}

class MapPage extends React.Component{

  constructor(props){
    super(props);
    this.state = {
      crumbs: this.props.crumbs,
      isLoading: false,
      error: false,
      lastPosition: this.props.lastPosition,
      initialLatitude: this.props.pingList[0].coords.latitude,
      initialLongitude: this.props.pingList[0].coords.longitude
    }
  }

  render(){
    var pins = this.props.crumbs.map((marker,index) => {
      return (
        <MapView.Marker
          coordinate={{
            latitude: marker.pos.coords.latitude,
            longitude: marker.pos.coords.longitude
          }}
          title={marker.title}
          description={marker.note}
          key={index}
        />
      )
    });

{'fraction_non_alphanumeric': 0.12536906654553714, 'fraction_numerical': 0.017260958437429027, 'mean_word_length': 2.548751007252216, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 7, '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': '483348', 'n_tokens_mistral': 1504, 'n_tokens_neox': 1436, 'n_words': 334}