Files
react-native/Libraries/WebPerformance/PerformanceEntryReporter.h
T
Ruslan Shestopalyuk 09ad0cc0c6 Implement reporting of events from native side to WebPerformance API (#35768)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/35768

Changelog: [Internal]

This implements native side mechanics for reporting user events timing to JS  (PerformanceObserver API).

See the standard for more details: https://www.w3.org/TR/event-timing/

The events are only logged when there are any active subscriptions (via `PerformanceObserver.observe`), also we only log "discrete events" (i.e. no likes of mouse move), so the overhead is non-existing.

There are two main metrics of interest for an event lifecycle:
* Time the event is spent in the queue, i.e. the time between it's created and dispatched
* Time that is spend in the event handler on the JS side (event dispatch), or processing time

Both of these are measured, and the corresponding fields are populated.

Reviewed By: sammy-SC

Differential Revision: D42294947

fbshipit-source-id: 4fd7938c04b942400befa4057d4929fb2763cee1
2023-01-03 11:11:37 -08:00

156 lines
4.5 KiB
C++

/*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
#pragma once
#include <react/bridging/Function.h>
#include <react/renderer/core/EventLogger.h>
#include <array>
#include <functional>
#include <mutex>
#include <optional>
#include <unordered_map>
#include <unordered_set>
#include "NativePerformanceObserver.h"
namespace facebook::react {
struct PerformanceMark {
std::string name;
double timeStamp;
};
struct PerformanceMarkHash {
size_t operator()(const PerformanceMark *mark) const {
return std::hash<std::string>()(mark->name);
}
};
struct PerformanceMarkEqual {
bool operator()(const PerformanceMark *lhs, const PerformanceMark *rhs)
const {
return lhs->name == rhs->name;
}
};
using PerformanceMarkRegistryType = std::
unordered_set<PerformanceMark *, PerformanceMarkHash, PerformanceMarkEqual>;
// Only the MARKS_BUFFER_SIZE amount of the latest marks will be kept in
// memory for the sake of the "Performance.measure" mark name lookup
constexpr size_t MARKS_BUFFER_SIZE = 1024;
enum class PerformanceEntryType {
UNDEFINED = 0,
MARK = 1,
MEASURE = 2,
EVENT = 3,
FIRST_INPUT = 4,
_COUNT = 5,
};
class PerformanceEntryReporter : public EventLogger {
public:
PerformanceEntryReporter(PerformanceEntryReporter const &) = delete;
void operator=(PerformanceEntryReporter const &) = delete;
// NOTE: This class is not thread safe, make sure that the calls are made from
// the same thread.
// TODO: Consider passing it as a parameter to the corresponding modules at
// creation time instead of having the singleton.
static PerformanceEntryReporter &getInstance();
void setReportingCallback(std::optional<AsyncCallback<>> callback);
void startReporting(PerformanceEntryType entryType);
void stopReporting(PerformanceEntryType entryType);
GetPendingEntriesResult popPendingEntries();
void logEntry(const RawPerformanceEntry &entry);
bool isReportingType(PerformanceEntryType entryType) const {
return reportingType_[static_cast<int>(entryType)];
}
uint32_t getDroppedEntryCount() const {
return droppedEntryCount_;
}
void mark(const std::string &name, double startTime, double duration);
void clearMarks(const std::optional<std::string> &markName);
void measure(
const std::string &name,
double startTime,
double endTime,
const std::optional<double> &duration,
const std::optional<std::string> &startMark,
const std::optional<std::string> &endMark);
void clearMeasures(const std::optional<std::string> &measureName);
void event(
const std::string &name,
double startTime,
double duration,
bool isFirstInput,
double processingStart,
double processingEnd,
uint32_t interactionId);
EventTag onEventStart(const char *name) override;
void onEventDispatch(EventTag tag) override;
void onEventEnd(EventTag tag) override;
private:
PerformanceEntryReporter() {}
double getMarkTime(const std::string &markName) const;
void clearEntries(std::function<bool(const RawPerformanceEntry &)> predicate);
void scheduleFlushBuffer();
bool isReportingEvents() const {
return isReportingType(PerformanceEntryType::EVENT) ||
isReportingType(PerformanceEntryType::FIRST_INPUT);
}
bool isFirstInput(std::string name) {
if (firstInputs_.find(name) == firstInputs_.end()) {
firstInputs_.insert(std::move(name));
return true;
}
return false;
}
std::optional<AsyncCallback<>> callback_;
std::vector<RawPerformanceEntry> entries_;
std::mutex entriesMutex_;
std::array<bool, (size_t)PerformanceEntryType::_COUNT> reportingType_{false};
// Mark registry for "measure" lookup
PerformanceMarkRegistryType marksRegistry_;
std::array<PerformanceMark, MARKS_BUFFER_SIZE> marksBuffer_;
size_t marksBufferPosition_{0};
uint32_t droppedEntryCount_{0};
struct EventEntry {
std::string name;
double startTime{0.0};
double dispatchTime{0.0};
};
// Registry to store the events that are currently ongoing.
// Note that we could probably use a more efficient container for that,
// but since we only report discrete events, the volume is normally low,
// so a hash map should be just fine.
std::unordered_map<EventTag, EventEntry> eventsInFlight_;
std::mutex eventsInFlightMutex_;
std::unordered_set<std::string> firstInputs_;
static EventTag sCurrentEventTag_;
};
} // namespace facebook::react