import 'ignore-styles';
import fs from 'fs';
import path from 'path';
import crypto from 'crypto';
import { collect } from '@linaria/server';
import Koa from 'koa';
import Router from 'koa-router';
import compress from 'koa-compress';
import send from 'koa-send';
import dedent from 'dedent';
import React from 'react';
import ReactDOMServer from 'react-dom/server';
import config from '../serve.config';
import App from './components/App';
const cache = {};
const css = fs.readFileSync(path.join(__dirname, '../dist/styles.css'), 'utf8');
const app = new Koa();
const router = new Router();
app.use(compress());
router.get('/', async (ctx) => {
const html = ReactDOMServer.renderToStaticMarkup();
const { critical, other } = collect(html, css);
const slug = crypto.createHash('md5').update(other).digest('hex');
cache[slug] = other;
ctx.type = 'html';
ctx.body = dedent`
Linaria – zero-runtime CSS in JS library
${html}
`;
});
router.get('/dist/:path+', async (ctx) => {
await send(ctx, path.join('dist', ctx.params.path));
});
router.get('/styles/:slug', async (ctx) => {
ctx.type = 'text/css';
ctx.body = cache[ctx.params.slug];
});
app.use(router.routes());
app.listen(config.port);
// eslint-disable-next-line no-console
console.log(`Listening on http://localhost:${config.port}`);