State change about react-native-background-geolocation HOT 12 CLOSED

PASTE_YOUR_CODE_HERE

import React from 'react';
import * as Network from 'expo-network';
import useStorage from "../hooks/useStorage";
import documentRepository from "../repositories/documentRepository";
import http from "../services/http";
import moment from "moment";
import BackgroundGeolocation from "react-native-background-geolocation";

const AppContext = React.createContext();

export function useApp() {
  return React.useContext(AppContext);
}

export function AppProvider(props) {
  const [config, setConfig] = React.useState(null);
  const [deliveries, setDeliveries] = React.useState(0);
  const [locationStarted, SetLocationStarted] = React.useState(false);
  
  const subscriptionsEvents = [];
  const storage = useStorage();

  React.useEffect(() => {
    (async () => {
      await initBackgroundLocation();
      await loadConfig();
    })();

    return () => {
      unsubscribe();
    }
  }, []);

  React.useEffect(() => {
    if (!config) return;

    console.log("[Config]", config);
    console.log("[Deliveries]", deliveries);

    if (!locationStarted && config.capturaLocalizacao && deliveries > 0) { 
      BackgroundGeolocation.start();
      SetLocationStarted(true);
      console.log("[LOCATION STARTED]");
    }

    if (locationStarted && (!config.capturaLocalizacao || deliveries == 0)) { 
      BackgroundGeolocation.stop();
      SetLocationStarted(false);
      console.log("[LOCATION STOPED]");
    }
  }, [config, deliveries]);

  function subscribe(subscription) {
    subscriptionsEvents.push(subscription);
  }

  function unsubscribe() {
    subscriptionsEvents.forEach((subscription) => subscription.remove());
  }

  async function loadConfig() {
    const configData = await storage.get('config-data');
    setConfig(configData);
  }

  async function initBackgroundLocation() {
    subscribe(BackgroundGeolocation.onLocation(async(location) => {
      console.log('[onLocation]', location);
      await processLocation(location);
    }));

    // subscribe(BackgroundGeolocation.onMotionChange((event) => {
    //   console.log('[onMotionChange]', event);
    // }));

    // subscribe(BackgroundGeolocation.onActivityChange((event) => {
    //   console.log('[onActivityChange]', event);
    // }));

    // subscribe(BackgroundGeolocation.onProviderChange((event) => {
    //   console.log('[onProviderChange]', event);
    // }));

    BackgroundGeolocation.ready({
      locationAuthorizationRequest: "Always",
      desiredAccuracy: BackgroundGeolocation.DESIRED_ACCURACY_HIGH,
      distanceFilter: 4,
      stopTimeout: 3,
      debug: true,
      logLevel: BackgroundGeolocation.LOG_LEVEL_OFF,
      stopOnTerminate: false,
      startOnBoot: true,
      allowIdenticalLocations: false,
      showsBackgroundLocationIndicator: true
    }).then((state) => {
      SetLocationStarted(state.enabled);
    });
  }

  async function processLocation(location) {
    const storage = useStorage();
    const userData = await storage.get('user-data');
    const lastLocationData = await storage.get('lastLocation-data');
    const {isConnected} = await Network.getNetworkStateAsync();

    console.log("[processLocations]", config, deliveries);
  
    if (isConnected && userData && config && config.capturaLocalizacao && deliveries > 0) {
      const {cpf, plate, code} = userData;
      const document = await documentRepository.first(code, plate, cpf);
      const dataLocalizacao = moment();
      const latitude = String(location.coords.latitude);
      const longitude = String(location.coords.longitude);
  
      //Valida se a Localização deve ser processada
      if (lastLocationData) {
        const difLocalizacao = dataLocalizacao.diff(lastLocationData.dataLocalizacao, 'minutes');
  
        if (difLocalizacao < config.intervaloLocalizacao || (lastLocationData.latitude === latitude && lastLocationData.longitude === longitude)) {
          return;
        }
      }
  
      //Valida se tem Documento de Transporte informado
      if (document && document?.documento_transporte !== null && document?.documento_transporte !== '') {
        const lastLocation = {
          transportadora: {
            transportadoraId: parseInt(code),
          },
          filialSigla: document.filial_sigla,
          motoristaCpf: cpf.replace('-', '').replaceAll('.', ''),
          veiculoPlaca: plate.replace('-', ''),
          tipoDocTransporte: {
            tipoDocumentoId: parseInt(document.tipo_doc_transporte),
          },
          documentoTransporte: document.documento_transporte,
          latitude,
          longitude,
          dataLocalizacao
        };
  
        console.log('Nova Localização: ', lastLocation);
        await storage.set('lastLocation-data', lastLocation);
        await http.setLocalizacaoMotorista(lastLocation);
      }
    }
  }

  return (
    <AppContext.Provider
      value={{
        config,
        setConfig,
        setDeliveries
      }}
    >
      {props.children}
    </AppContext.Provider>
  );
};