ref(ui): Move and codesplit ProjectPlugins

🍌

Author: billyvg

src/sentry/static/sentry/app/routes.jsx

@@ -13,8 +13,6 @@ import OrganizationContext from 'app/views/organizationContext';
 import OrganizationDetails from 'app/views/organizationDetails';
 import OrganizationRoot from 'app/views/organizationRoot';
 import ProjectEventRedirect from 'app/views/projectEventRedirect';
-import ProjectPluginDetails from 'app/views/projectPluginDetails';
-import ProjectPlugins from 'app/views/projectPlugins';
 import RouteNotFound from 'app/views/routeNotFound';
 import SettingsProjectProvider from 'app/views/settings/components/settingsProjectProvider';
 import SettingsWrapper from 'app/views/settings/components/settingsWrapper';
@@ -406,11 +404,19 @@ function routes() {
         />
       </Route>
       <Route path="plugins/" name="Legacy Integrations">
-        <IndexRoute component={errorHandler(ProjectPlugins)} />
+        <IndexRoute
+          componentPromise={() =>
+            import(/* webpackChunkName: "ProjectPlugins" */ 'app/views/settings/projectPlugins')
+          }
+          component={errorHandler(LazyLoad)}
+        />
         <Route
           path=":pluginId/"
           name="Integration Details"
-          component={errorHandler(ProjectPluginDetails)}
+          componentPromise={() =>
+            import(/* webpackChunkName: "ProjectPluginDetails" */ 'app/views/settings/projectPlugins/details')
+          }
+          component={errorHandler(LazyLoad)}
         />
       </Route>
       <Route path="install/" name="Configuration">

src/sentry/static/sentry/app/views/projectPlugins/constants.jsx renamed to src/sentry/static/sentry/app/views/settings/projectPlugins/constants.jsx

@@ -10,7 +10,7 @@ import PluginConfig from 'app/components/pluginConfig';
 import SettingsPageHeader from 'app/views/settings/components/settingsPageHeader';
 import withPlugins from 'app/utils/withPlugins';
 
-import {DEPRECATED_PLUGINS} from 'app/views/projectPlugins/constants';
+import {DEPRECATED_PLUGINS} from './constants';
 
 /**
  * There are currently two sources of truths for plugin details:

src/sentry/static/sentry/app/views/projectPluginDetails.jsx renamed to src/sentry/static/sentry/app/views/settings/projectPlugins/details.jsx

@@ -3,11 +3,12 @@ import React from 'react';
 import {fetchPlugins, enablePlugin, disablePlugin} from 'app/actionCreators/plugins';
 import {t} from 'app/locale';
 import PermissionAlert from 'app/views/settings/project/permissionAlert';
-import ProjectPlugins from 'app/views/projectPlugins/projectPlugins';
 import SentryTypes from 'app/sentryTypes';
 import SettingsPageHeader from 'app/views/settings/components/settingsPageHeader';
 import withPlugins from 'app/utils/withPlugins';
 
+import ProjectPlugins from './projectPlugins';
+
 class ProjectPluginsContainer extends React.Component {
   static propTypes = {
     plugins: SentryTypes.PluginsStore,

src/sentry/static/sentry/app/views/projectPlugins/index.jsx renamed to src/sentry/static/sentry/app/views/settings/projectPlugins/index.jsx

@@ -12,11 +12,11 @@ import {t, tct} from 'app/locale';
 import Access from 'app/components/acl/access';
 import Link from 'app/components/links/link';
 import LoadingIndicator from 'app/components/loadingIndicator';
-import ProjectPluginRow from 'app/views/projectPlugins/projectPluginRow';
 import RouteError from 'app/views/routeError';
 import SentryTypes from 'app/sentryTypes';
 
 import {DEPRECATED_PLUGINS} from './constants';
+import ProjectPluginRow from './projectPluginRow';
 
 class ProjectPlugins extends Component {
   static propTypes = {