New login screen (#1331)
* wip * feat: first draft of auth.config * chore: auth methodS * chore: styling * styling, styling, styling * feat: Auth notices * chore: Remove server-rendered pages, move shared/components -> components * lint * cleanup * cleanup * fix: Remove unused component * fix: Ensure env variables in prod too * style tweaks * fix: Entering SSO email into login form fails fix: Tweak language around guest signin
This commit is contained in:
@ -1,35 +1,17 @@
|
||||
// @flow
|
||||
import * as React from "react";
|
||||
import path from "path";
|
||||
import Koa from "koa";
|
||||
import Router from "koa-router";
|
||||
import sendfile from "koa-sendfile";
|
||||
import serve from "koa-static";
|
||||
import apexRedirect from "./middlewares/apexRedirect";
|
||||
import renderpage from "./utils/renderpage";
|
||||
import { isCustomSubdomain, parseDomain } from "../shared/utils/domains";
|
||||
import { robotsResponse } from "./utils/robots";
|
||||
import { opensearchResponse } from "./utils/opensearch";
|
||||
import { NotFoundError } from "./errors";
|
||||
import { Team } from "./models";
|
||||
|
||||
import Home from "./pages/Home";
|
||||
import Developers from "./pages/developers";
|
||||
import Api from "./pages/developers/Api";
|
||||
import SubdomainSignin from "./pages/SubdomainSignin";
|
||||
|
||||
const isProduction = process.env.NODE_ENV === "production";
|
||||
const koa = new Koa();
|
||||
const router = new Router();
|
||||
|
||||
const renderapp = async ctx => {
|
||||
if (isProduction) {
|
||||
await sendfile(ctx, path.join(__dirname, "../dist/index.html"));
|
||||
} else {
|
||||
await sendfile(ctx, path.join(__dirname, "./static/dev.html"));
|
||||
}
|
||||
};
|
||||
|
||||
// serve static assets
|
||||
koa.use(
|
||||
serve(path.resolve(__dirname, "../public"), {
|
||||
@ -52,67 +34,6 @@ if (process.env.NODE_ENV === "production") {
|
||||
});
|
||||
}
|
||||
|
||||
// static pages
|
||||
router.get("/developers", ctx => renderpage(ctx, <Developers />));
|
||||
router.get("/developers/api", ctx => renderpage(ctx, <Api />));
|
||||
|
||||
// home page
|
||||
router.get("/", async ctx => {
|
||||
const lastSignedIn = ctx.cookies.get("lastSignedIn");
|
||||
const accessToken = ctx.cookies.get("accessToken");
|
||||
|
||||
// Because we render both the signed in and signed out views depending
|
||||
// on a cookie it's important that the browser does not render from cache.
|
||||
ctx.set("Cache-Control", "no-cache");
|
||||
|
||||
// If we have an accessToken we can just go ahead and render the app – if
|
||||
// the accessToken turns out to be invalid the user will be redirected.
|
||||
if (accessToken) {
|
||||
return renderapp(ctx);
|
||||
}
|
||||
|
||||
// If we're on a custom subdomain then we display a slightly different signed
|
||||
// out view that includes the teams basic information.
|
||||
if (
|
||||
process.env.SUBDOMAINS_ENABLED === "true" &&
|
||||
isCustomSubdomain(ctx.request.hostname)
|
||||
) {
|
||||
const domain = parseDomain(ctx.request.hostname);
|
||||
const subdomain = domain ? domain.subdomain : undefined;
|
||||
const team = await Team.findOne({
|
||||
where: { subdomain },
|
||||
});
|
||||
if (team) {
|
||||
return renderpage(
|
||||
ctx,
|
||||
<SubdomainSignin
|
||||
team={team}
|
||||
guest={ctx.request.query.guest}
|
||||
notice={ctx.request.query.notice}
|
||||
lastSignedIn={lastSignedIn}
|
||||
googleSigninEnabled={!!process.env.GOOGLE_CLIENT_ID}
|
||||
slackSigninEnabled={!!process.env.SLACK_KEY}
|
||||
hostname={ctx.request.hostname}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
ctx.redirect(`${process.env.URL}?notice=invalid-auth`);
|
||||
return;
|
||||
}
|
||||
|
||||
// Otherwise, go ahead and render the homepage
|
||||
return renderpage(
|
||||
ctx,
|
||||
<Home
|
||||
notice={ctx.request.query.notice}
|
||||
lastSignedIn={lastSignedIn}
|
||||
googleSigninEnabled={!!process.env.GOOGLE_CLIENT_ID}
|
||||
slackSigninEnabled={!!process.env.SLACK_KEY}
|
||||
/>
|
||||
);
|
||||
});
|
||||
|
||||
router.get("/robots.txt", ctx => {
|
||||
ctx.body = robotsResponse(ctx);
|
||||
});
|
||||
@ -122,12 +43,17 @@ router.get("/opensearch.xml", ctx => {
|
||||
ctx.body = opensearchResponse();
|
||||
});
|
||||
|
||||
// catch all for react app
|
||||
// catch all for application
|
||||
router.get("*", async (ctx, next) => {
|
||||
if (ctx.request.path === "/realtime/") return next();
|
||||
if (ctx.request.path === "/realtime/") {
|
||||
return next();
|
||||
}
|
||||
|
||||
await renderapp(ctx);
|
||||
if (!ctx.status) ctx.throw(new NotFoundError());
|
||||
if (isProduction) {
|
||||
await sendfile(ctx, path.join(__dirname, "../dist/index.html"));
|
||||
} else {
|
||||
await sendfile(ctx, path.join(__dirname, "./static/dev.html"));
|
||||
}
|
||||
});
|
||||
|
||||
// middleware
|
||||
|
Reference in New Issue
Block a user