"use strict";


//  P A C K A G E S

import async from "choo-async";
import asyncHtml from "choo-async/html";
import choo from "choo";
import devtools from "choo-devtools";
import ssr from "choo-ssr";

//  V A R I A B L E S

import head from "./components/head";
import wrapper from "./components/wrapper";


//  P R O G R A M

function main() {
  const app = async(choo());

  if (process.env.NODE_ENV !== "production") app.use(devtools());

  const page = view => (
    shell(
      ssr.head(
        head,
        ssr.state()
      ),
      ssr.body(wrapper(view))
    )
  );

  app.use(ssr());

  app.route("/", page(require("./views/home")));
  app.route("/api", page(require("./views/api")));
  app.route("/api/*", page(require("./views/api")));
  app.route("/*", page(require("./views/redirect")));

  app.mount("html");

  return app;
}

if (typeof window !== "undefined") main();


//  E X P O R T

module.exports = exports = main;


//  H E L P E R

function shell (head, body) {
  return (state, emit) => {
    const bodyPromise = Promise.resolve(body(state, emit));
    const headPromise = bodyPromise.then(() => head(state, emit)); // resolve `head` once `body` is resolved

    return asyncHtml`
      <!DOCTYPE html>
      <html lang="en">
        ${headPromise}
        ${bodyPromise}
      </html>
    `;
  };
}