18F/federalist

<script>
  import page from 'page';
  import { get } from 'svelte/store';
  import { router, session } from './stores';
  import * as Pages from './pages';

  let currentPage;
  let redirect;

  const HOME = '/sites';

  function queryString(ctx, next) {
    ctx.query = {};
    new URLSearchParams(ctx.querystring)
      .forEach((v, k) => { ctx.query[k] = v; });
    next();
  }

  function ensureAuthenticated(ctx, next) {
    if (get(session).authenticated) next();
    else {
      redirect = ctx.path;
      page.redirect('/login');
    }
  }

  function ensureUnauthenticated(ctx, next) {
    if (!get(session).authenticated) next();
    else page.redirect('/');
  }

  function checkRedirect(ctx, next) {
    if (!redirect) next();
    else {
      page.redirect(redirect);
      redirect = null;
    }
  }

  function render(component) {
    return (ctx) => {
      currentPage = component;
      router.setContext(ctx);
    };
  }

  // Routes
  page('/login', ensureUnauthenticated, render(Pages.Login));

  // Authenticated Routes
  page('*', ensureAuthenticated);
  page('/', checkRedirect, () => page.redirect(HOME));
  page('/domains', queryString, render(Pages.Domain.Index));
  page('/domains/new', queryString, render(Pages.Domain.New));
  page('/domains/:id', queryString, render(Pages.Domain.Show));
  page('/domains/:id/edit', queryString, render(Pages.Domain.Edit));
  page('/sites/:id', queryString, render(Pages.Site));
  page('/sites', queryString, render(Pages.Sites));
  page('/builds/:id', queryString, render(Pages.Build));
  page('/builds', queryString, render(Pages.Builds));
  page('/users', queryString, render(Pages.User.Index));
  page('/users/new', queryString, render(Pages.User.Invite));
  page('/users/:id', queryString, render(Pages.User.Show));
  page('/events', queryString, render(Pages.Events));
  page('/organizations', queryString, render(Pages.Organization.Index));
  page('/organizations/new', queryString, render(Pages.Organization.New));
  page('/organizations/:id', queryString, render(Pages.Organization.Show));
  page('/organizations/:id/edit', queryString, render(Pages.Organization.Edit));
  page('/organizations-report', queryString, render(Pages.Organization.Report));
  page('/reports', queryString, render(Pages.Reports));
  page('*', render(Pages.NotFound));
  page();
</script>

{#if currentPage}
  <svelte:component this={currentPage} />
{/if}