import * as React from 'react';
import {findDOMNode} from 'react-dom';
import {createRoot} from 'react-dom/client';
import * as Sentry from '@sentry/react';
import moment from 'moment';

import plugins from 'sentry/plugins';

const globals = {
  // The following globals are used in sentry-plugins webpack externals
  // configuration.
  React,
  Sentry,
  moment,
  ReactDOM: {findDOMNode, createRoot},

  // django templates make use of these globals
  SentryApp: {},
};

// The SentryApp global contains exported app modules for use in javascript
// modules that are not compiled with the sentry bundle.
const SentryApp = {
  // The following components are used in sentry-plugins.
  FormState: require('sentry/components/forms/state').default,
  LoadingIndicator: require('sentry/components/loadingIndicator').default,
  plugins: {
    add: plugins.add,
    addContext: plugins.addContext,
    BasePlugin: plugins.BasePlugin,
    DefaultIssuePlugin: plugins.DefaultIssuePlugin,
  },

  // The following components are used in legacy django HTML views
  // or in the Sentry sandbox
  ConfigStore: require('sentry/stores/configStore').default,
  HookStore: require('sentry/stores/hookStore').default,
  GuideActionCreator: require('sentry/actionCreators/guides'),
  Modal: require('sentry/actionCreators/modal'),
  getModalPortal: require('sentry/utils/getModalPortal').default,
  Client: require('sentry/api').Client,
  // This is used in the Email Modal in the Sandbox
  IconArrow: require('sentry/icons/iconArrow').IconArrow,
};

globals.SentryApp = SentryApp;
Object.keys(globals).forEach(name => (window[name] = globals[name]));

export {globals as exportedGlobals};