superset-frontend/packages/superset-frontend/src/views/App.tsx

/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you 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
 *
 *   http://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 React from 'react';
import { hot } from 'react-hot-loader/root';
import thunk from 'redux-thunk';
import { createStore, applyMiddleware, compose, combineReducers } from 'redux';
import { Provider as ReduxProvider } from 'react-redux';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import { QueryParamProvider } from 'use-query-params';
import { initFeatureFlags } from 'src/featureFlags';
import { ThemeProvider } from '@superset-ui/core';
import { DynamicPluginProvider } from 'src/components/DynamicPlugins';
import ErrorBoundary from 'src/components/ErrorBoundary';
import Menu from 'src/components/Menu/Menu';
import FlashProvider from 'src/components/FlashProvider';
import AlertList from 'src/views/CRUD/alert/AlertList';
import ExecutionLog from 'src/views/CRUD/alert/ExecutionLog';
import AnnotationLayersList from 'src/views/CRUD/annotationlayers/AnnotationLayersList';
import AnnotationList from 'src/views/CRUD/annotation/AnnotationList';
import ChartList from 'src/views/CRUD/chart/ChartList';
import CssTemplatesList from 'src/views/CRUD/csstemplates/CssTemplatesList';
import DashboardList from 'src/views/CRUD/dashboard/DashboardList';
import DatabaseList from 'src/views/CRUD/data/database/DatabaseList';
import DatasetList from 'src/views/CRUD/data/dataset/DatasetList';
import QueryList from 'src/views/CRUD/data/query/QueryList';
import SavedQueryList from 'src/views/CRUD/data/savedquery/SavedQueryList';

import messageToastReducer from '../messageToasts/reducers';
import { initEnhancer } from '../reduxUtils';
import setupApp from '../setup/setupApp';
import setupPlugins from '../setup/setupPlugins';
import Welcome from './CRUD/welcome/Welcome';
import ToastPresenter from '../messageToasts/containers/ToastPresenter';
import { theme } from '../preamble';

setupApp();
setupPlugins();

const container = document.getElementById('app');
const bootstrap = JSON.parse(container?.getAttribute('data-bootstrap') ?? '{}');
const user = { ...bootstrap.user };
const menu = { ...bootstrap.common.menu_data };
const common = { ...bootstrap.common };
initFeatureFlags(bootstrap.common.feature_flags);

const store = createStore(
  combineReducers({
    messageToasts: messageToastReducer,
  }),
  {},
  compose(applyMiddleware(thunk), initEnhancer(false)),
);

const App = () => (
  <ReduxProvider store={store}>
    <ThemeProvider theme={theme}>
      <FlashProvider common={common}>
        <Router>
          <DynamicPluginProvider>
            <QueryParamProvider
              ReactRouterRoute={Route}
              stringifyOptions={{ encode: false }}
            >
              <Menu data={menu} />
              <Switch>
                <Route path="/superset/welcome/">
                  <ErrorBoundary>
                    <Welcome user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/dashboard/list/">
                  <ErrorBoundary>
                    <DashboardList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/chart/list/">
                  <ErrorBoundary>
                    <ChartList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/tablemodelview/list/">
                  <ErrorBoundary>
                    <DatasetList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/databaseview/list/">
                  <ErrorBoundary>
                    <DatabaseList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/savedqueryview/list/">
                  <ErrorBoundary>
                    <SavedQueryList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/csstemplatemodelview/list/">
                  <ErrorBoundary>
                    <CssTemplatesList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/annotationlayermodelview/list/">
                  <ErrorBoundary>
                    <AnnotationLayersList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/annotationmodelview/:annotationLayerId/annotation/">
                  <ErrorBoundary>
                    <AnnotationList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/superset/sqllab/history/">
                  <ErrorBoundary>
                    <QueryList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/alert/list/">
                  <ErrorBoundary>
                    <AlertList user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/report/list/">
                  <ErrorBoundary>
                    <AlertList user={user} isReportEnabled />
                  </ErrorBoundary>
                </Route>
                <Route path="/alert/:alertId/log">
                  <ErrorBoundary>
                    <ExecutionLog user={user} />
                  </ErrorBoundary>
                </Route>
                <Route path="/report/:alertId/log">
                  <ErrorBoundary>
                    <ExecutionLog user={user} isReportEnabled />
                  </ErrorBoundary>
                </Route>
              </Switch>
              <ToastPresenter />
            </QueryParamProvider>
          </DynamicPluginProvider>
        </Router>
      </FlashProvider>
    </ThemeProvider>
  </ReduxProvider>
);

export default hot(App);