87 lines
4.3 KiB
JavaScript
87 lines
4.3 KiB
JavaScript
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
import * as React from 'react';
|
|
import { TimerBasedCleanupTracking } from '../utils/cleanupTracking/TimerBasedCleanupTracking';
|
|
import { FinalizationRegistryBasedCleanupTracking } from '../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking';
|
|
// We use class to make it easier to detect in heap snapshots by name
|
|
var ObjectToBeRetainedByReact = /*#__PURE__*/_createClass(function ObjectToBeRetainedByReact() {
|
|
_classCallCheck(this, ObjectToBeRetainedByReact);
|
|
}); // Based on https://github.com/Bnaya/use-dispose-uncommitted/blob/main/src/finalization-registry-based-impl.ts
|
|
// Check https://github.com/facebook/react/issues/15317 to get more information
|
|
export function createUseInstanceEventHandler(registryContainer) {
|
|
var cleanupTokensCounter = 0;
|
|
return function useInstanceEventHandler(instance, eventName, handler) {
|
|
if (registryContainer.registry === null) {
|
|
registryContainer.registry = typeof FinalizationRegistry !== 'undefined' ? new FinalizationRegistryBasedCleanupTracking() : new TimerBasedCleanupTracking();
|
|
}
|
|
var _React$useState = React.useState(new ObjectToBeRetainedByReact()),
|
|
_React$useState2 = _slicedToArray(_React$useState, 1),
|
|
objectRetainedByReact = _React$useState2[0];
|
|
var subscription = React.useRef(null);
|
|
var handlerRef = React.useRef();
|
|
handlerRef.current = handler;
|
|
var cleanupTokenRef = React.useRef(null);
|
|
if (!subscription.current && handlerRef.current) {
|
|
var enhancedHandler = function enhancedHandler(params, event) {
|
|
if (!event.defaultMuiPrevented) {
|
|
var _handlerRef$current;
|
|
(_handlerRef$current = handlerRef.current) == null || _handlerRef$current.call(handlerRef, params, event);
|
|
}
|
|
};
|
|
subscription.current = instance.$$subscribeEvent(eventName, enhancedHandler);
|
|
cleanupTokensCounter += 1;
|
|
cleanupTokenRef.current = {
|
|
cleanupToken: cleanupTokensCounter
|
|
};
|
|
registryContainer.registry.register(objectRetainedByReact,
|
|
// The callback below will be called once this reference stops being retained
|
|
function () {
|
|
var _subscription$current;
|
|
(_subscription$current = subscription.current) == null || _subscription$current.call(subscription);
|
|
subscription.current = null;
|
|
cleanupTokenRef.current = null;
|
|
}, cleanupTokenRef.current);
|
|
} else if (!handlerRef.current && subscription.current) {
|
|
subscription.current();
|
|
subscription.current = null;
|
|
if (cleanupTokenRef.current) {
|
|
registryContainer.registry.unregister(cleanupTokenRef.current);
|
|
cleanupTokenRef.current = null;
|
|
}
|
|
}
|
|
React.useEffect(function () {
|
|
if (!subscription.current && handlerRef.current) {
|
|
var _enhancedHandler = function _enhancedHandler(params, event) {
|
|
if (!event.defaultMuiPrevented) {
|
|
var _handlerRef$current2;
|
|
(_handlerRef$current2 = handlerRef.current) == null || _handlerRef$current2.call(handlerRef, params, event);
|
|
}
|
|
};
|
|
subscription.current = instance.$$subscribeEvent(eventName, _enhancedHandler);
|
|
}
|
|
if (cleanupTokenRef.current && registryContainer.registry) {
|
|
// If the effect was called, it means that this render was committed
|
|
// so we can trust the cleanup function to remove the listener.
|
|
registryContainer.registry.unregister(cleanupTokenRef.current);
|
|
cleanupTokenRef.current = null;
|
|
}
|
|
return function () {
|
|
var _subscription$current2;
|
|
(_subscription$current2 = subscription.current) == null || _subscription$current2.call(subscription);
|
|
subscription.current = null;
|
|
};
|
|
}, [instance, eventName]);
|
|
};
|
|
}
|
|
var registryContainer = {
|
|
registry: null
|
|
};
|
|
|
|
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
export var unstable_resetCleanupTracking = function unstable_resetCleanupTracking() {
|
|
var _registryContainer$re;
|
|
(_registryContainer$re = registryContainer.registry) == null || _registryContainer$re.reset();
|
|
registryContainer.registry = null;
|
|
};
|
|
export var useInstanceEventHandler = createUseInstanceEventHandler(registryContainer); |