Capturing both workout AND heart rate data

[beaux-riel]

Hi community,

I seem to be having a bit of a hard time wrapping my head around how to use this repo. I love that it's mapped to Apple HealthKit, however when I jump back and forth between Apple documentation and this repo... I don't know, I'm getting lost somewhere.

I'm trying to capture a user's workouts and the associated heart rate data for that session. Below I've created a component in order to understand the different variables better. While I have managed to capture the last 14 days of workouts, I can't seem to capture the associated heart rate.

Ideally, I would like for a user to sign-up to my app, and then any workout they record after that sign-up date/time appears in-app with the associated heart rate data.

Could someone please help me to understand where I'm going wrong? How do I capture a user's workout AND heart rate data for the same session? Any and all help is very much appreciated.

import React, { useState, useEffect } from "react";
import { Text, View } from "react-native";
import HealthKit, {
  useMostRecentQuantitySample,
  HKQuantityTypeIdentifier,
  useMostRecentWorkout,
  getDateOfBirth,
} from "@kingstinct/react-native-healthkit";
import getLast14DaysWorkouts from "../utils/getLast14DaysWorkouts";
import supabase from '../components/Supabase';

const HealthKitRequest = () => {
  const [dob, setDob] = useState(null);
  const heartRate = useMostRecentQuantitySample(HKQuantityTypeIdentifier.restingHeartRate);
  const lastWorkout = useMostRecentWorkout();
  console.log(lastWorkout)

  useEffect(() => {
    (async () => {
      const workouts = await getLast14DaysWorkouts();
      for (const workout of workouts) {
        await saveToDatabase(workout);
      }
      const dateOfBirth = await getDateOfBirth();
      setDob(dateOfBirth);
    })();
  }, []);

  const saveToDatabase = async (payload) => {
    const totalDistance = payload.totalDistance?.quantity || payload.totalDistance;
    const totalEnergyBurned = payload.totalEnergyBurned?.quantity || payload.totalEnergyBurned;

    const { data, error } = await supabase
      .from('workoutDataRaw')
      .upsert([{
        uuid: payload.uuid,
        duration: payload.duration,
        startDate: payload.startDate,
        endDate: payload.endDate,
        totalDistance: totalDistance,
        totalEnergyBurned: totalEnergyBurned,
        totalSwimmingStrokeCount: payload.totalSwimmingStrokeCount,
        workoutActivityType: payload.workoutActivityType,
        device: payload.device,
        events: payload.events,
        metadata: payload.metadata,
        sourceRevision: payload.sourceRevision,
      }]);

    if (error) {
      console.error('Error saving data:', error);
    }
  };

  return (
    <View className="py-6">
      <Text className="m-auto">Resting Heart Rate: {heartRate?.quantity}{'\n'}
      {dob && <Text className="py-2 m-auto">Date of Birth: {new Date(dob).toLocaleDateString()}</Text>}
     </Text>
      <Text className="py-2 m-auto">
        Most Recent Workout: {lastWorkout?.workoutActivityType}{'\n'}
        Duration: {lastWorkout?.duration}{'\n'}
      </Text>
    </View>
  );
};

export default HealthKitRequest;

And here's the util I made to capture the 14 days of workout data:

import queryWorkouts from "../node_modules/@kingstinct/react-native-healthkit/src/utils/queryWorkouts";
import type { EnergyUnit, LengthUnit, HKWorkout, QueryWorkoutsOptions } from '@kingstinct/react-native-healthkit'

export type GetLast14DaysWorkoutsFn = <
  TEnergy extends EnergyUnit,
  TDistance extends LengthUnit
>(
  options?: Pick<
    QueryWorkoutsOptions<TEnergy, TDistance>,
    "distanceUnit" | "energyUnit"
  >
) => Promise<Array<HKWorkout<TEnergy, TDistance>>>;

const getLast14DaysWorkouts: GetLast14DaysWorkoutsFn = async (options) => {
  const workouts = await queryWorkouts({
    ascending: false,
    energyUnit: options?.energyUnit,
    distanceUnit: options?.distanceUnit,
  });

  const fourteenDaysAgo = new Date();
  fourteenDaysAgo.setDate(fourteenDaysAgo.getDate() - 14);

  return workouts.filter(
    (workout) => new Date(workout.startDate) >= fourteenDaysAgo
  );
};

export default getLast14DaysWorkouts;

[robertherber]

The approach we use at Kingstinct is to associate the quantitySamples with the time period of the workout. So we query and import the quantitySamples and workouts individually. I think this is the way Apple intended it. Is that helpful?

What we've done so far is try to not duplicate documentation that is already available through Apple, try to keep naming as close as possible to HealthKits native implementation, and provide helpful TypeScript documentation with relevant links. All of this could probably be improved, suggestions and PRs more than welcome :)