@shopify/app-bridge-host/components/Performance.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = require("react");
var actions_1 = require("@shopify/app-bridge/actions");
var hooks_1 = require("../hooks");
var performance_1 = require("../features/performance");
var useFeature_1 = require("../features/utilities/useFeature");
function Performance(_a) {
    var dispatchPerformanceMetrics = _a.dispatchPerformanceMetrics;
    var store = useFeature_1.useFeature(performance_1.feature)[0];
    var hostContext = hooks_1.useHostContext();
    var subscribe = react_1.useCallback(function (actionType) {
        var app = hostContext.app, _a = hostContext.config, appId = _a.appId, shopId = _a.shopId;
        return app.subscribe(actionType, function () {
            if (!store || !store.timeOrigin) {
                throw new Error('Failed to compute app load time. Performance store not valid.');
            }
            dispatchPerformanceMetrics({
                appId: appId,
                shopId: shopId,
                isFullPageNavigation: store.isFullPageNavigation,
                loadTime: Date.now() - store.timeOrigin,
                appLoadType: actionType,
            });
        });
    }, [dispatchPerformanceMetrics, hostContext, store]);
    react_1.useEffect(function () {
        var unsubscribeSkeletonLoad = subscribe(actions_1.Performance.ActionType.SKELETON_PAGE_LOAD);
        var unsubscribeFullLoad = subscribe(actions_1.Performance.ActionType.FULL_PAGE_LOAD);
        return function () {
            unsubscribeSkeletonLoad();
            unsubscribeFullLoad();
        };
    }, [subscribe]);
    return null;
}
exports.default = Performance;