app/routes/index.tsx

Rama main · réplica de lectura del repositorio original.

import { Suspense } from "react";
import { Switch, Redirect } from "react-router-dom";
import AsyncEditor from "~/components/AsyncEditor";
import DesktopRedirect from "~/scenes/DesktopRedirect";
import DelayedMount from "~/components/DelayedMount";
import FullscreenLoading from "~/components/FullscreenLoading";
import Route from "~/components/ProfiledRoute";
import env from "~/env";
import lazy from "@shared/utils/lazyWithRetry";
import { matchDocumentSlug as documentSlug } from "~/utils/routeHelpers";
import useAutoRefresh from "~/hooks/useAutoRefresh";
import { useWorkspaceSessions } from "~/hooks/useWorkspaceSessions";
import isCloudHosted from "~/utils/isCloudHosted";
import { isAppRootDomain } from "~/utils/urls";

const Authenticated = lazy(() => import("~/components/Authenticated"));
const AuthenticatedRoutes = lazy(() => import("./authenticated"));
const Shared = lazy(() => import("~/scenes/Shared"));
const Login = lazy(() => import("~/scenes/Login"));
const Logout = lazy(() => import("~/scenes/Logout"));
const OAuthAuthorize = lazy(() => import("~/scenes/Login/OAuthAuthorize"));
const TeamSwitcher = lazy(() =>
  import("~/scenes/Login/components/TeamSwitcher").then((module) => ({
    default: module.TeamSwitcher,
  }))
);

/**
 * Loads the chunks that a share page renders, so that the first render of the
 * page does not suspend.
 *
 * @returns A promise that resolves when the chunks have loaded.
 */
export function preloadShared() {
  return Promise.all([Shared.preload(), AsyncEditor.preload()]);
}

export default function Routes() {
  useAutoRefresh();
  const sessions = useWorkspaceSessions();

  // The root domain of a cloud hosted install has no workspace session, so
  // app paths list the signed-in workspaces to continue to.
  const showTeamSwitcher =
    isCloudHosted && isAppRootDomain() && Object.keys(sessions).length > 0;

  return (
    <Suspense
      fallback={
        <DelayedMount delay={2000}>
          <FullscreenLoading />
        </DelayedMount>
      }
    >
      {env.ROOT_SHARE_ID ? (
        <Switch>
          <Route exact path="/" component={Shared} />
          <Route exact path={`/doc/${documentSlug}`} component={Shared} />
          <Redirect exact from="/s/:shareId" to="/" />
          <Redirect
            exact
            from={`/s/:shareId/doc/${documentSlug}`}
            to={`/doc/${documentSlug}`}
          />
        </Switch>
      ) : (
        <Switch>
          <Route exact path="/" component={Login} />
          <Route exact path="/create" component={Login} />
          <Route exact path="/logout" component={Logout} />
          <Route exact path="/desktop-redirect" component={DesktopRedirect} />
          <Route exact path="/oauth/authorize" component={OAuthAuthorize} />

          <Redirect exact from="/share/:shareId" to="/s/:shareId" />
          <Route exact path="/s/:shareId" component={Shared} />

          <Redirect
            exact
            from={`/share/:shareId/doc/${documentSlug}`}
            to={`/s/:shareId/doc/${documentSlug}`}
          />
          <Route
            exact
            path={`/s/:shareId/doc/${documentSlug}`}
            component={Shared}
          />

          {showTeamSwitcher ? (
            <Route render={() => <TeamSwitcher sessions={sessions} />} />
          ) : (
            <Authenticated>
              <AuthenticatedRoutes />
            </Authenticated>
          )}
        </Switch>
      )}
    </Suspense>
  );
}