e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
74 lines
2.3 KiB
TypeScript
74 lines
2.3 KiB
TypeScript
/*
|
|
* Copyright 2022 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import {getBFCacheRestoreTime} from '../lib/bfcache.js';
|
|
import {getLoadState} from '../lib/getLoadState.js';
|
|
import {getNavigationEntry} from '../lib/getNavigationEntry.js';
|
|
import {onFCP as unattributedOnFCP} from '../onFCP.js';
|
|
import {
|
|
FCPMetric,
|
|
FCPMetricWithAttribution,
|
|
FCPReportCallback,
|
|
FCPReportCallbackWithAttribution,
|
|
ReportOpts,
|
|
} from '../types.js';
|
|
|
|
const attributeFCP = (metric: FCPMetric): void => {
|
|
if (metric.entries.length) {
|
|
const navigationEntry = getNavigationEntry();
|
|
const fcpEntry = metric.entries[metric.entries.length - 1];
|
|
|
|
if (navigationEntry) {
|
|
const activationStart = navigationEntry.activationStart || 0;
|
|
const ttfb = Math.max(0, navigationEntry.responseStart - activationStart);
|
|
|
|
(metric as FCPMetricWithAttribution).attribution = {
|
|
timeToFirstByte: ttfb,
|
|
firstByteToFCP: metric.value - ttfb,
|
|
loadState: getLoadState(metric.entries[0].startTime),
|
|
navigationEntry,
|
|
fcpEntry,
|
|
};
|
|
return;
|
|
}
|
|
}
|
|
// Set an empty object if no other attribution has been set.
|
|
(metric as FCPMetricWithAttribution).attribution = {
|
|
timeToFirstByte: 0,
|
|
firstByteToFCP: metric.value,
|
|
loadState: getLoadState(getBFCacheRestoreTime()),
|
|
};
|
|
};
|
|
|
|
/**
|
|
* Calculates the [FCP](https://web.dev/articles/fcp) value for the current page and
|
|
* calls the `callback` function once the value is ready, along with the
|
|
* relevant `paint` performance entry used to determine the value. The reported
|
|
* value is a `DOMHighResTimeStamp`.
|
|
*/
|
|
export const onFCP = (
|
|
onReport: FCPReportCallbackWithAttribution,
|
|
opts?: ReportOpts,
|
|
) => {
|
|
unattributedOnFCP(
|
|
((metric: FCPMetricWithAttribution) => {
|
|
attributeFCP(metric);
|
|
onReport(metric);
|
|
}) as FCPReportCallback,
|
|
opts,
|
|
);
|
|
};
|