@fab/server/esm/index.js

import fs from 'fs-extra';
import { getContentType, SandboxType, } from '@fab/core';
import { _log, InvalidConfigError, FabServerError, JSON5Config } from '@fab/cli';
import { readFilesFromZip } from './utils';
import v8_sandbox from './sandboxes/v8-isolate';
import { Cache } from './cache';
import node_vm_sandbox from '@fab/sandbox-node-vm';
import url from 'url';
import http from 'http';
import express from 'express';
import concat from 'concat-stream';
import fetch, { Request as NodeFetchRequest } from 'cross-fetch';
import { pathToSHA512 } from 'file-to-sha512';
import Stream from 'stream';
import { watcher } from '@fab/cli';
import httpProxy from 'http-proxy';
// @ts-ignore
import nodeToWebStream from 'readable-stream-node-to-web';
function isRequest(fetch_res) {
    var _a;
    return (fetch_res instanceof NodeFetchRequest || ((_a = fetch_res.constructor) === null || _a === void 0 ? void 0 : _a.name) === 'Request');
}
const log = _log(`Server`);
async function streamResponse(fetch_res, res) {
    res.status(fetch_res.status);
    // This is a NodeFetch response, which has this method, but
    // the @fab/core types are from dom.ts, which doesn't. This
    // was the easiest workaround for now.
    // @ts-ignore
    const response_headers = fetch_res.headers.raw();
    delete response_headers['content-encoding'];
    Object.keys(response_headers).forEach((header) => {
        const values = response_headers[header];
        res.set(header, values.length === 1 ? values[0] : values);
    });
    const shouldSetChunkedTransferEncoding = !response_headers['content-length'] && !response_headers['transfer-encoding'];
    const body = fetch_res.body;
    if (body) {
        if (typeof body.getReader === 'function') {
            if (shouldSetChunkedTransferEncoding)
                res.set('transfer-encoding', 'chunked');
            const reader = body.getReader();
            let x;
            while ((x = await reader.read())) {
                const { done, value } = x;
                if (done)
                    break;
                if (value) {
                    if (typeof value === 'string') {
                        res.write(value);
                    }
                    else {
                        res.write(Buffer.from(value));
                    }
                }
            }
            res.end();
        }
        else if (body instanceof Stream) {
            if (!response_headers['transfer-encoding'])
                res.set('transfer-encoding', 'chunked');
            await new Promise((resolve, reject) => {
                body.on('data', (chunk) => res.write(chunk));
                body.on('error', reject);
                body.on('end', resolve);
            });
            res.end();
        }
        else {
            const blob = await fetch_res.arrayBuffer();
            res.send(Buffer.from(blob));
        }
    }
    else {
        res.end();
    }
}
function createEnhancedFetch(port) {
    return async function enchanched_fetch(url, init) {
        const request_url = typeof url === 'string' ? url : url.url;
        const fetch_url = request_url.startsWith('/')
            ? // Need a smarter way to re-enter the FAB, eventually...
                `http://localhost:${port}${request_url}`
            : url;
        const response = await fetch(fetch_url, init);
        return Object.create(response, {
            body: {
                value: Object.create(response.body, {
                    getReader: {
                        get() {
                            const webStream = nodeToWebStream(response.body);
                            return webStream.getReader.bind(webStream);
                        },
                    },
                }),
            },
        });
    };
}
class Server {
    constructor(filename, args) {
        this.filename = filename;
        console.log('HELLO!');
        this.port = parseInt(args.port);
        //  TODO: cert stuff
        if (isNaN(this.port)) {
            throw new InvalidConfigError(`Invalid port, expected a number, got '${args.port}'`);
        }
        this.config = args.config;
        this.env = args.env;
        this.enchanched_fetch = createEnhancedFetch(this.port);
    }
    async createRenderer(src, runtimeType) {
        const renderer = (await runtimeType) === SandboxType.v8isolate
            ? await v8_sandbox(src)
            : await node_vm_sandbox(src, this.enchanched_fetch);
        const bundle_id = (await pathToSHA512(this.filename)).slice(0, 32);
        const cache = new Cache();
        // Support pre v0.2 FABs
        if (typeof renderer.initialize === 'function') {
            renderer.initialize({ bundle_id, cache });
        }
        return renderer;
    }
    async renderReq(renderer, req, settings_overrides) {
        var _a;
        const method = req.method;
        const headers = req.headers;
        const url = `${req.protocol}://${req.headers.host}${req.url}`;
        const fetch_req = new NodeFetchRequest(url, {
            method,
            headers,
            ...(method === 'POST' ? { body: req.body } : {}),
        });
        const production_settings = (_a = renderer.metadata) === null || _a === void 0 ? void 0 : _a.production_settings;
        let fetch_res;
        try {
            fetch_res = await renderer.render(
            // @ts-ignore
            fetch_req, Object.assign({}, production_settings, settings_overrides));
        }
        catch (err) {
            const msg = `An error occurred calling the render method on the FAB: \nError: \n${err}`;
            throw new Error(msg);
        }
        try {
            if (fetch_res && isRequest(fetch_res)) {
                fetch_res = await this.enchanched_fetch(fetch_res);
            }
        }
        catch (err) {
            const msg = `An error occurred proxying a request returned from the FAB: \nError:\n${err}\nRequest:\n${fetch_res}`;
            throw new Error(msg);
        }
        if (!fetch_res) {
            const msg = `Nothing was returned from the FAB renderer.`;
            throw new Error(msg);
        }
        return fetch_res;
    }
    setupExpress(renderer, settings_overrides, files) {
        const app = express();
        app.use((req, res, next) => {
            try {
                next();
            }
            catch (err) {
                log(`ERROR serving: ${req.url}`);
                log(err);
                if (!res.headersSent) {
                    res.writeHead(500, `Internal Error:\n${err}`);
                }
                res.end();
            }
        });
        app.use((req, _res, next) => {
            req.pipe(concat((data) => {
                req.body = data.toString();
                next();
            }));
        });
        app.use((req, _res, next) => {
            log(`🖤${req.url}🖤`);
            next();
        });
        app.get('/_assets/*', (req, res) => {
            const pathname = url.parse(req.url).pathname;
            res.setHeader('Content-Type', getContentType(pathname));
            res.setHeader('Cache-Control', 'immutable');
            res.end(files[pathname]);
        });
        app.all('*', async (req, res) => {
            const fetch_res = await this.renderReq(renderer, req, settings_overrides);
            streamResponse(fetch_res, res);
        });
        return app;
    }
    async createHandler(runtimeType) {
        log(`Reading 💛${this.filename}💛...`);
        const files = await readFilesFromZip(this.filename);
        const src_buffer = files['/server.js'];
        if (!src_buffer) {
            throw new FabServerError('Malformed FAB. Missing /server.js');
        }
        const src = src_buffer.toString('utf8');
        log.tick(`Done. Booting VM...`);
        const settings_overrides = await this.getSettingsOverrides();
        const renderer = await this.createRenderer(src, runtimeType);
        log.tick(`Done. Booting FAB server...`);
        return this.setupExpress(renderer, settings_overrides, files);
    }
    async serve(runtimeType, watching = false, proxyWs) {
        if (!(await fs.pathExists(this.filename))) {
            throw new FabServerError(`Could not find file '${this.filename}'`);
        }
        let app;
        let proxy;
        let server;
        const bootServer = async () => {
            app = await this.createHandler(runtimeType);
            await new Promise((resolve, _reject) => {
                if (!server) {
                    server = http.createServer((req, res) => app(req, res));
                    if (proxyWs) {
                        if (!proxy) {
                            proxy = httpProxy.createProxyServer({
                                target: `ws://localhost:${proxyWs}`,
                                ws: true,
                            });
                        }
                        //   ? https.createServer({ key: this.key, cert: this.cert }, app)
                        server.on('upgrade', (req, socket, head) => {
                            proxy.ws(req, socket, head);
                        });
                    }
                    server.listen(this.port, resolve);
                }
                else {
                    resolve();
                }
            });
        };
        if (watching) {
            log.note(`Watching 💛${this.filename}💛 for changes...`);
            await watcher([this.filename], bootServer, {
                awaitWriteFinish: {
                    stabilityThreshold: 200,
                    pollInterval: 50,
                },
            });
        }
        else {
            await bootServer();
        }
    }
    async getSettingsOverrides() {
        var _a;
        if (!this.env)
            return {};
        const config = await JSON5Config.readFrom(this.config);
        const overrides = (_a = config.data.settings) === null || _a === void 0 ? void 0 : _a[this.env];
        if (!overrides) {
            throw new InvalidConfigError(`No environment '${this.env}' found in ${this.config}!`);
        }
        return overrides;
    }
}
const createServer = (filename, args) => new Server(filename, args);
const serverExports = { createServer };
export default serverExports;
//# sourceMappingURL=index.js.map