outline/app/utils/polyfills.ts

/**
 * Loads required polyfills.
 *
 * @returns A promise that resolves when all required polyfills are loaded
 */
export async function loadPolyfills() {
  const polyfills = [];

  if (!supportsResizeObserver()) {
    polyfills.push(
      import(
        /* webpackChunkName: "resize-observer" */
        "@juggle/resize-observer"
      ).then((module) => {
        window.ResizeObserver = module.ResizeObserver;
      })
    );
  }

  return Promise.all(polyfills);
}

/**
 * Detect ResizeObserver compatability.
 *
 * @returns true if the current browser supports ResizeObserver
 */
function supportsResizeObserver() {
  return (
    "ResizeObserver" in global &&
    "ResizeObserverEntry" in global &&
    "contentRect" in ResizeObserverEntry.prototype
  );
}