@plurid/plurid-react-server 0.0.0-14 → 0.0.0-16

package/distribution/index.es.js

@@ -1,1095 +0,0 @@
-import fs, { promises } from "fs";
-
-import path from "path";
-
-import express from "express";
-
-import compression from "compression";
-
-import { json } from "body-parser";
-
-import open from "open";
-
-import { StyleSheetManager, ServerStyleSheet } from "styled-components";
-
-import { time, uuid } from "@plurid/plurid-functions";
-
-import { routing } from "@plurid/plurid-engine";
-
-import { PluridProvider, PluridRouterStatic, serverComputeMetastate } from "@plurid/plurid-react";
-
-import { minify } from "html-minifier";
-
-import React from "react";
-
-import { renderToString } from "react-dom/server";
-
-import { HelmetProvider } from "react-helmet-async";
-
-import http from "http";
-
-import { fork } from "child_process";
-
-import detectPort from "detect-port";
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) {
-        return value instanceof P ? value : new P((function(resolve) {
-            resolve(value);
-        }));
-    }
-    return new (P || (P = Promise))((function(resolve, reject) {
-        function fulfilled(value) {
-            try {
-                step(generator.next(value));
-            } catch (e) {
-                reject(e);
-            }
-        }
-        function rejected(value) {
-            try {
-                step(generator["throw"](value));
-            } catch (e) {
-                reject(e);
-            }
-        }
-        function step(result) {
-            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-        }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    }));
-}
-
-function __await(v) {
-    return this instanceof __await ? (this.v = v, this) : new __await(v);
-}
-
-function __asyncGenerator(thisArg, _arguments, generator) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var g = generator.apply(thisArg, _arguments || []), i, q = [];
-    return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
-        return this;
-    }, i;
-    function verb(n) {
-        if (g[n]) i[n] = function(v) {
-            return new Promise((function(a, b) {
-                q.push([ n, v, a, b ]) > 1 || resume(n, v);
-            }));
-        };
-    }
-    function resume(n, v) {
-        try {
-            step(g[n](v));
-        } catch (e) {
-            settle(q[0][3], e);
-        }
-    }
-    function step(r) {
-        r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r);
-    }
-    function fulfill(value) {
-        resume("next", value);
-    }
-    function reject(value) {
-        resume("throw", value);
-    }
-    function settle(f, v) {
-        if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]);
-    }
-}
-
-const DEFAULT_SERVER_PORT = process.env.PORT ? parseInt(process.env.PORT) : 8080;
-
-const DEFAULT_SERVER_OPTIONS_SERVER_NAME = "Plurid Server";
-
-const DEFAULT_SERVER_OPTIONS_HOSTNAME = "origin";
-
-const DEFAULT_SERVER_OPTIONS_QUIET = false;
-
-const DEFAULT_SERVER_OPTIONS_COMPRESSION = true;
-
-const DEFAULT_SERVER_OPTIONS_OPEN = false;
-
-const DEFAULT_SERVER_OPTIONS_BUILD_DIRECTORY = "build";
-
-const DEFAULT_SERVER_OPTIONS_ASSETS_DIRECTORY = "assets";
-
-const DEFAULT_SERVER_OPTIONS_STILLS_DIRECTORY = "stills";
-
-const DEFAULT_SERVER_OPTIONS_GATEWAY = "/gateway";
-
-const DEFAULT_SERVER_OPTIONS = {
-    SERVER_NAME: DEFAULT_SERVER_OPTIONS_SERVER_NAME,
-    HOSTNAME: DEFAULT_SERVER_OPTIONS_HOSTNAME,
-    QUIET: DEFAULT_SERVER_OPTIONS_QUIET,
-    COMPRESSION: DEFAULT_SERVER_OPTIONS_COMPRESSION,
-    OPEN: DEFAULT_SERVER_OPTIONS_OPEN,
-    BUILD_DIRECTORY: DEFAULT_SERVER_OPTIONS_BUILD_DIRECTORY,
-    ASSETS_DIRECTORY: DEFAULT_SERVER_OPTIONS_ASSETS_DIRECTORY,
-    STILLS_DIRECTORY: DEFAULT_SERVER_OPTIONS_STILLS_DIRECTORY,
-    GATEWAY: DEFAULT_SERVER_OPTIONS_GATEWAY
-};
-
-const DEFAULT_RENDERER_LANGUAGE = "en";
-
-const DEFAULT_RENDERER_ROOT = "root";
-
-const DEFAULT_RENDERER_PLURID_STATE = "{}";
-
-const DEFAULT_RENDERER_VENDOR_SCRIPT_SOURCE = "/vendor.js";
-
-const DEFAULT_RENDERER_MAIN_SCRIPT_SOURCE = "/index.js";
-
-const DEFAULT__PRELOADED_PLURID_METASTATE__ = "__PRELOADED_PLURID_METASTATE__";
-
-const CATCH_ALL_ROUTE = "*";
-
-const NOT_FOUND_ROUTE = process.env.PLURID_SERVER_NOT_FOUND_ROUTE || "/not-found";
-
-const PTTP_ROUTE = process.env.PLURID_SERVER_PTTP_ROUTE || "/pttp";
-
-const environment = {
-    production: process.env.ENV_MODE === "production",
-    development: process.env.ENV_MODE === "development"
-};
-
-const defaultStillerOptions = {
-    waitUntil: "networkidle0",
-    timeout: 3e4,
-    ignore: []
-};
-
-const cleanTemplate = template => minify(template, {
-    collapseWhitespace: true,
-    conservativeCollapse: true,
-    collapseInlineTagWhitespace: false
-});
-
-const resolveBackgroundStyle = store => {
-    var _a;
-    const defaultBackground = {
-        gradientBackground: "hsl(220, 10%, 32%)",
-        gradientForeground: "hsl(220, 10%, 18%)"
-    };
-    try {
-        const storeJSON = JSON.parse(store);
-        const generalPluridTheme = (_a = storeJSON === null || storeJSON === void 0 ? void 0 : storeJSON.themes) === null || _a === void 0 ? void 0 : _a.general;
-        if (!generalPluridTheme) {
-            return defaultBackground;
-        }
-        const gradientBackground = generalPluridTheme.type === "dark" ? generalPluridTheme.backgroundColorTertiary : generalPluridTheme.backgroundColorPrimary;
-        const gradientForeground = generalPluridTheme.type === "dark" ? generalPluridTheme.backgroundColorPrimary : generalPluridTheme.backgroundColorTertiary;
-        return {
-            gradientBackground: gradientBackground,
-            gradientForeground: gradientForeground
-        };
-    } catch (error) {
-        return defaultBackground;
-    }
-};
-
-const recordToString = record => {
-    if (!record) {
-        return "";
-    }
-    let recordString = "";
-    for (const [key, value] of Object.entries(record)) {
-        recordString += `${key}="${value}"`;
-    }
-    return recordString;
-};
-
-const assetsPathRewrite = content => content.replace(/="client\//g, '="/');
-
-const globalsInjector = globals => {
-    let globalsScript = "";
-    for (const [key, value] of Object.entries(globals)) {
-        const globalScript = `window.${key} = ${value};\n`;
-        globalsScript += globalScript;
-    }
-    return globalsScript;
-};
-
-const NOT_FOUND_TEMPLATE = cleanTemplate(`\n<!DOCTYPE html>\n<html>\n    <head>\n        <title>[404] Not Found</title>\n        <style>\n            html, body {\n                margin: 0;\n                background: #242b33;\n                color: #ddd;\n                user-select: none;\n            }\n\n            .not-found {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                font-family: 'Ubuntu', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto;\n            }\n        </style>\n    </head>\n\n    <body>\n        <div class="not-found">[404] Not Found</div>\n    </body>\n</html>\n`);
-
-const SERVER_ERROR_TEMPLATE = cleanTemplate(`\n<!DOCTYPE html>\n<html>\n    <head>\n        <title>[500] Server Error</title>\n        <style>\n            html, body {\n                margin: 0;\n                background: #242b33;\n                color: #ddd;\n                user-select: none;\n            }\n\n            .error {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                font-family: 'Ubuntu', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto;\n            }\n        </style>\n    </head>\n\n    <body>\n        <div class="error">[500] Server Error</div>\n    </body>\n</html>\n`);
-
-const template = data => {
-    const {htmlLanguage: htmlLanguage, head: head, htmlAttributes: htmlAttributes, bodyAttributes: bodyAttributes, defaultStyle: defaultStyle, styles: styles, headScripts: headScripts, bodyScripts: bodyScripts, vendorScriptSource: vendorScriptSource, mainScriptSource: mainScriptSource, root: root, content: content, defaultPreloadedPluridMetastate: defaultPreloadedPluridMetastate, pluridMetastate: pluridMetastate, globals: globals, minify: minify} = data;
-    const injectedGlobals = globalsInjector(globals);
-    const templateString = `\n<!DOCTYPE html>\n<html lang="${htmlLanguage}" ${htmlAttributes}>\n    <head>\n        ${head}\n\n        ${defaultStyle && `<style>\n                ${defaultStyle}\n            </style>`}\n\n        ${styles}\n\n        ${headScripts.join("\n")}\n\n        <script src="${vendorScriptSource}"><\/script>\n        <script defer src="${mainScriptSource}"><\/script>\n    </head>\n    <body ${bodyAttributes}>\n        <div id="${root}">${content}</div>\n\n        <script>\n            ${injectedGlobals}\n            window.${defaultPreloadedPluridMetastate} = ${pluridMetastate};\n        <\/script>\n\n        ${bodyScripts.join("\n")}\n    </body>\n</html>\n    `;
-    if (!minify) {
-        return templateString;
-    }
-    return cleanTemplate(templateString);
-};
-
-class PluridRenderer {
-    constructor(configuration) {
-        const {htmlLanguage: htmlLanguage, head: head, htmlAttributes: htmlAttributes, bodyAttributes: bodyAttributes, defaultStyle: defaultStyle, styles: styles, headScripts: headScripts, bodyScripts: bodyScripts, vendorScriptSource: vendorScriptSource, mainScriptSource: mainScriptSource, content: content, root: root, defaultPreloadedPluridMetastate: defaultPreloadedPluridMetastate, pluridMetastate: pluridMetastate, globals: globals, minify: minify} = configuration;
-        const {gradientBackground: gradientBackground, gradientForeground: gradientForeground} = resolveBackgroundStyle("");
-        const defaultStyleBasic = `\n            body {\n                background: radial-gradient(ellipse at center, ${gradientBackground} 0%, ${gradientForeground} 100%);\n                height: 100%;\n                margin: 0;\n            }\n        `;
-        this.htmlLanguage = htmlLanguage || DEFAULT_RENDERER_LANGUAGE;
-        this.head = head || "";
-        this.htmlAttributes = htmlAttributes;
-        this.bodyAttributes = bodyAttributes || "";
-        this.defaultStyle = defaultStyle !== null && defaultStyle !== void 0 ? defaultStyle : defaultStyleBasic;
-        this.styles = styles;
-        this.headScripts = headScripts;
-        this.bodyScripts = bodyScripts;
-        this.vendorScriptSource = vendorScriptSource || DEFAULT_RENDERER_VENDOR_SCRIPT_SOURCE;
-        this.mainScriptSource = mainScriptSource || DEFAULT_RENDERER_MAIN_SCRIPT_SOURCE;
-        this.root = root || DEFAULT_RENDERER_ROOT;
-        this.content = assetsPathRewrite(content) || "";
-        this.defaultPreloadedPluridMetastate = defaultPreloadedPluridMetastate || DEFAULT__PRELOADED_PLURID_METASTATE__;
-        this.pluridMetastate = pluridMetastate || DEFAULT_RENDERER_PLURID_STATE;
-        this.globals = globals !== null && globals !== void 0 ? globals : {};
-        this.minify = minify !== null && minify !== void 0 ? minify : true;
-    }
-    html() {
-        const data = {
-            htmlLanguage: this.htmlLanguage,
-            head: this.head,
-            htmlAttributes: this.htmlAttributes,
-            bodyAttributes: this.bodyAttributes,
-            defaultStyle: this.defaultStyle,
-            styles: this.styles,
-            headScripts: this.headScripts,
-            bodyScripts: this.bodyScripts,
-            vendorScriptSource: this.vendorScriptSource,
-            mainScriptSource: this.mainScriptSource,
-            root: this.root,
-            content: this.content,
-            defaultPreloadedPluridMetastate: this.defaultPreloadedPluridMetastate,
-            pluridMetastate: this.pluridMetastate,
-            globals: this.globals,
-            minify: this.minify
-        };
-        return template(data);
-    }
-}
-
-const wrapping = (WrappedComponent, WrappeeComponent, properties) => class extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return React.createElement(WrappedComponent, Object.assign({}, properties), React.createElement(WrappeeComponent, null));
-    }
-};
-
-class PluridContentGenerator {
-    constructor(data) {
-        this.data = data;
-    }
-    render() {
-        var _a;
-        return __awaiter(this, void 0, void 0, (function*() {
-            const {pluridMetastate: pluridMetastate, routes: routes, planes: planes, exterior: exterior, shell: shell, gateway: gateway, gatewayEndpoint: gatewayEndpoint, gatewayQuery: gatewayQuery, helmet: helmet, services: services, stylesheet: stylesheet, preserveResult: preserveResult, matchedPlane: matchedPlane, pathname: pathname, hostname: hostname} = this.data;
-            const RoutedApplication = () => React.createElement(PluridProvider, {
-                metastate: pluridMetastate
-            }, React.createElement(PluridRouterStatic, {
-                path: pathname,
-                directPlane: matchedPlane === null || matchedPlane === void 0 ? void 0 : matchedPlane.value,
-                routes: routes,
-                planes: planes,
-                exterior: exterior,
-                shell: shell,
-                gateway: gateway,
-                gatewayEndpoint: gatewayEndpoint,
-                gatewayQuery: gatewayQuery,
-                hostname: hostname
-            }));
-            let Wrap = wrapping(HelmetProvider, RoutedApplication, {
-                context: helmet
-            });
-            for (const service of services) {
-                const preserveProperties = (_a = preserveResult === null || preserveResult === void 0 ? void 0 : preserveResult.providers) === null || _a === void 0 ? void 0 : _a[service.name];
-                Wrap = wrapping(service.Provider, Wrap, Object.assign(Object.assign({}, service.properties), preserveProperties));
-            }
-            const content = renderToString(React.createElement(StyleSheetManager, {
-                sheet: stylesheet.instance
-            }, React.createElement(Wrap, null)));
-            return content;
-        }));
-    }
-}
-
-const resolveElementFromPlaneMatch = (planeMatch, elementqlEndpoint) => {
-    if (typeof planeMatch.data.component === "function") {
-        return;
-    }
-    if (typeof planeMatch.data.component === "string") {
-        return {
-            name: planeMatch.data.component,
-            url: elementqlEndpoint
-        };
-    }
-    return {
-        name: planeMatch.data.component.name,
-        url: planeMatch.data.component.url || elementqlEndpoint
-    };
-};
-
-const {IsoMatcher: PluridIsoMatcher} = routing;
-
-class PluridServer {
-    constructor(configuration) {
-        const {routes: routes, planes: planes, preserves: preserves, helmet: helmet, styles: styles, middleware: middleware, exterior: exterior, shell: shell, services: services, options: options, template: template, usePTTP: usePTTP, pttpHandler: pttpHandler, elementqlEndpoint: elementqlEndpoint} = configuration;
-        this.routes = routes;
-        this.planes = planes || [];
-        this.preserves = preserves;
-        this.helmet = helmet;
-        this.styles = styles || [];
-        this.middleware = middleware || [];
-        this.exterior = exterior;
-        this.shell = shell;
-        this.services = services || [];
-        this.options = this.handleOptions(options);
-        this.template = template;
-        this.usePTTP = usePTTP !== null && usePTTP !== void 0 ? usePTTP : false;
-        this.pttpHandler = pttpHandler;
-        this.elementqlEndpoint = elementqlEndpoint;
-        this.serverApplication = express();
-        this.port = DEFAULT_SERVER_PORT;
-        this.isoMatcher = new PluridIsoMatcher({
-            routes: this.routes,
-            routePlanes: this.planes
-        }, this.options.hostname);
-        this.configureServer();
-        this.handleEndpoints();
-        process.addListener("SIGINT", (() => {
-            this.stop();
-            process.exit(0);
-        }));
-    }
-    static analysis(pluridServer) {
-        return {
-            routes: pluridServer.routes,
-            options: pluridServer.options
-        };
-    }
-    start(port = this.port) {
-        this.port = port;
-        const serverlink = `http://localhost:${port}`;
-        if (this.debugAllows("info")) {
-            console.info(`\n\t[${time.stamp()}] ${this.options.serverName} Started on Port ${port}: ${serverlink}\n`);
-        }
-        this.server = this.serverApplication.listen(port);
-        this.open(serverlink);
-        return this.server;
-    }
-    stop() {
-        if (this.server) {
-            if (this.debugAllows("info")) {
-                console.info(`\n\t[${time.stamp()}] ${this.options.serverName} Stopped on Port ${this.port}\n`);
-            }
-            this.server.close();
-        } else {
-            if (this.debugAllows("info")) {
-                console.info(`\n\t[${time.stamp()}] ${this.options.serverName} Could not be Stopped on Port ${this.port}\n`);
-            }
-        }
-    }
-    handle() {
-        return {
-            post: (path, ...handlers) => {
-                this.serverApplication.post(path, ...handlers);
-                return this.serverApplication;
-            },
-            patch: (path, ...handlers) => {
-                this.serverApplication.patch(path, ...handlers);
-                return this.serverApplication;
-            },
-            put: (path, ...handlers) => {
-                this.serverApplication.put(path, ...handlers);
-                return this.serverApplication;
-            },
-            delete: (path, ...handlers) => {
-                this.serverApplication.delete(path, ...handlers);
-                return this.serverApplication;
-            }
-        };
-    }
-    instance() {
-        return this.serverApplication;
-    }
-    handleEndpoints() {
-        this.serverApplication.get(CATCH_ALL_ROUTE, ((request, response, next) => __awaiter(this, void 0, void 0, (function*() {
-            this.handleGetRequest(request, response, next);
-        }))));
-        if (this.usePTTP) {
-            this.serverApplication.post(PTTP_ROUTE, json(), ((request, response, next) => __awaiter(this, void 0, void 0, (function*() {
-                this.handlePTTPRequest(request, response);
-            }))));
-        }
-    }
-    handleGetRequest(request, response, next) {
-        return __awaiter(this, void 0, void 0, (function*() {
-            const requestID = request.requestID || uuid.generate();
-            try {
-                if (this.debugAllows("info")) {
-                    console.info(`[${time.stamp()} :: ${requestID}] (000 Start) Handling GET ${request.path}`);
-                }
-                const ignorable = this.ignoreGetRequest(request.path);
-                if (ignorable) {
-                    if (this.debugAllows("info")) {
-                        const requestTime = this.computeRequestTime(request);
-                        console.info(`[${time.stamp()} :: ${requestID}] (204 No Content) Ignored GET ${request.path}${requestTime}`);
-                    }
-                    next();
-                    return;
-                }
-                const {preserveResponded: preserveResponded, preserveResult: preserveResult, preserveAfterServe: preserveAfterServe} = yield this.resolvePreserve(request, response);
-                if (preserveResponded) {
-                    if (this.debugAllows("info")) {
-                        const requestTime = this.computeRequestTime(request);
-                        console.info(`[${time.stamp()} :: ${requestID}] (204 No Content) Preserve handled GET ${request.path}${requestTime}`);
-                    }
-                    return;
-                }
-                const {externalRedirect: externalRedirect, matchingPath: matchingPath} = this.resolveMatchingPath(preserveResult, request.originalUrl);
-                if (externalRedirect) {
-                    if (this.debugAllows("info")) {
-                        const requestTime = this.computeRequestTime(request);
-                        console.info(`[${time.stamp()} :: ${requestID}] (302 Redirect) Handled GET ${request.path} redirect to ${matchingPath}${requestTime}`);
-                    }
-                    response.status(302).redirect(matchingPath);
-                    this.resolvePreserveAfterServe(preserveAfterServe, request, response);
-                    return;
-                }
-                const isoMatch = this.isoMatcher.match(matchingPath, "route");
-                if (!isoMatch) {
-                    const isoMatchNotFound = this.isoMatcher.match(NOT_FOUND_ROUTE, "route");
-                    if (!isoMatchNotFound) {
-                        if (this.debugAllows("info")) {
-                            const requestTime = this.computeRequestTime(request);
-                            console.info(`[${time.stamp()} :: ${requestID}] (404 Not Found) Handled GET ${matchingPath}${requestTime}`);
-                        }
-                        response.status(404).send(NOT_FOUND_TEMPLATE);
-                        this.resolvePreserveAfterServe(preserveAfterServe, request, response);
-                        return;
-                    }
-                    const renderer = yield this.renderApplication(isoMatchNotFound, preserveResult);
-                    if (this.debugAllows("info")) {
-                        const requestTime = this.computeRequestTime(request);
-                        console.info(`[${time.stamp()} :: ${requestID}] (404 Not Found) Handled GET ${matchingPath}${requestTime}`);
-                    }
-                    response.status(404).send(renderer.html());
-                    this.resolvePreserveAfterServe(preserveAfterServe, request, response);
-                    response.status(404).end();
-                    return;
-                }
-                const renderer = yield this.renderApplication(isoMatch, preserveResult);
-                if (this.debugAllows("info")) {
-                    const requestTime = this.computeRequestTime(request);
-                    console.info(`[${time.stamp()} :: ${requestID}] (200 OK) Handled GET ${matchingPath}${requestTime}`);
-                }
-                response.send(renderer.html());
-                this.resolvePreserveAfterServe(preserveAfterServe, request, response);
-                return;
-            } catch (error) {
-                if (this.debugAllows("error")) {
-                    const requestTime = this.computeRequestTime(request);
-                    console.error(`[${time.stamp()} :: ${requestID}] (500 Server Error) Could not handle GET ${request.path}${requestTime}`, error);
-                }
-                response.status(500).send(SERVER_ERROR_TEMPLATE);
-                return;
-            }
-        }));
-    }
-    handlePTTPRequest(request, response) {
-        return __awaiter(this, void 0, void 0, (function*() {
-            const requestID = request.requestID || uuid.generate();
-            try {
-                if (this.debugAllows("info")) {
-                    console.info(`[${time.stamp()} :: ${requestID}] (000 Start) Handling POST ${request.path}`);
-                }
-                response.setHeader("Access-Control-Allow-Origin", request.headers.origin || "");
-                response.setHeader("Access-Control-Allow-Credentials", "true");
-                const data = request.body;
-                if (!data && !data.path) {
-                    if (this.debugAllows("warn")) {
-                        const requestTime = this.computeRequestTime(request);
-                        console.info(`[${time.stamp()} :: ${requestID}] (400 Bad Request) Could not handle POST ${request.path}${requestTime}`);
-                    }
-                    response.status(400).end();
-                    return;
-                }
-                if (this.pttpHandler) {
-                    const pttpHandled = yield this.pttpHandler(data.path);
-                    if (pttpHandled) {
-                        if (this.debugAllows("info")) {
-                            const requestTime = this.computeRequestTime(request);
-                            console.info(`[${time.stamp()} :: ${requestID}] (200 OK) Handled POST ${request.path}${requestTime} in custom handler`);
-                        }
-                        return;
-                    }
-                }
-                const planeMatch = this.isoMatcher.match(data.path);
-                if (!planeMatch) {
-                    if (this.debugAllows("warn")) {
-                        const requestTime = this.computeRequestTime(request);
-                        console.info(`[${time.stamp()} :: ${requestID}] (400 Bad Request) Could not handle POST ${request.path}${requestTime}`);
-                    }
-                    response.status(400).end();
-                    return;
-                }
-                const elementMatch = resolveElementFromPlaneMatch(planeMatch, this.elementqlEndpoint);
-                if (!elementMatch) {
-                    if (this.debugAllows("warn")) {
-                        const requestTime = this.computeRequestTime(request);
-                        console.info(`[${time.stamp()} :: ${requestID}] (404 Not Found) Could not handle POST ${request.path}${requestTime}`);
-                    }
-                    response.status(404).end();
-                    return;
-                }
-                const elementURL = elementMatch.url;
-                if (!elementURL) {
-                    if (this.debugAllows("warn")) {
-                        const requestTime = this.computeRequestTime(request);
-                        console.info(`[${time.stamp()} :: ${requestID}] (400 Bad Request) Could not handle POST ${request.path}${requestTime}`);
-                    }
-                    response.status(400).end();
-                    return;
-                }
-                if (this.debugAllows("info")) {
-                    const requestTime = this.computeRequestTime(request);
-                    console.info(`[${time.stamp()} :: ${requestID}] (200 OK) Handled POST ${request.path}${requestTime}`);
-                }
-                const elementName = elementMatch.name;
-                const linksTo = [];
-                const element = {
-                    url: elementURL,
-                    name: elementName,
-                    json: {
-                        elements: [ {
-                            name: elementName
-                        } ]
-                    },
-                    linksTo: linksTo
-                };
-                response.json({
-                    element: element
-                });
-            } catch (error) {
-                if (this.debugAllows("error")) {
-                    const requestTime = this.computeRequestTime(request);
-                    console.error(`[${time.stamp()} :: ${requestID}] (500 Server Error) Could not handle POST ${request.path}${requestTime}`, error);
-                }
-                response.status(500).send(SERVER_ERROR_TEMPLATE);
-                return;
-            }
-        }));
-    }
-    ignoreGetRequest(path) {
-        for (const ignore of this.options.ignore) {
-            const normalizedIgnore = ignore.endsWith("/") && ignore.length > 1 ? ignore.slice(0, ignore.length - 1) : ignore;
-            if (path === normalizedIgnore) {
-                return true;
-            }
-            if (normalizedIgnore.endsWith("/*")) {
-                const curatedIgnore = normalizedIgnore.replace("/*", "");
-                if (path.startsWith(curatedIgnore)) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-    resolveMatchingPath(preserveResult, path) {
-        const redirect = preserveResult ? preserveResult.redirect : "";
-        const externalRedirect = !!(redirect === null || redirect === void 0 ? void 0 : redirect.startsWith("http"));
-        const matchingPath = redirect || path;
-        return {
-            externalRedirect: externalRedirect,
-            matchingPath: matchingPath
-        };
-    }
-    resolvePreserve(request, response) {
-        return __awaiter(this, void 0, void 0, (function*() {
-            const catchAll = this.preserves.find((preserve => preserve.serve === CATCH_ALL_ROUTE));
-            const notFound = this.preserves.find((preserve => preserve.serve === NOT_FOUND_ROUTE));
-            const isoMatch = this.isoMatcher.match(request.originalUrl, "route");
-            let preserveOnServe;
-            let preserveAfterServe;
-            let preserveOnError;
-            if (isoMatch || catchAll || notFound) {
-                const preserve = catchAll ? catchAll : notFound && !isoMatch ? notFound : this.preserves.find((preserve => preserve.serve === (isoMatch === null || isoMatch === void 0 ? void 0 : isoMatch.data.value)));
-                if (preserve) {
-                    preserveOnServe = preserve.onServe;
-                    preserveAfterServe = preserve.afterServe;
-                    preserveOnError = preserve.onError;
-                }
-            }
-            let preserveResult;
-            if (preserveOnServe) {
-                const transmission = {
-                    context: {
-                        route: request.originalUrl,
-                        match: isoMatch
-                    },
-                    request: request,
-                    response: response
-                };
-                try {
-                    preserveResult = yield preserveOnServe(transmission);
-                    if (preserveResult) {
-                        if (preserveResult.responded) {
-                            return {
-                                preserveResponded: true,
-                                preserveResult: preserveResult,
-                                preserveAfterServe: preserveAfterServe
-                            };
-                        }
-                    }
-                } catch (error) {
-                    if (preserveOnError) {
-                        const onErrorResponse = yield preserveOnError(error, transmission);
-                        if (onErrorResponse) {
-                            if (onErrorResponse.responded) {
-                                return {
-                                    preserveResponded: true,
-                                    preserveResult: preserveResult,
-                                    preserveAfterServe: preserveAfterServe
-                                };
-                            }
-                            if (!onErrorResponse.depreserve) {
-                                return {
-                                    preserveResponded: false,
-                                    preserveResult: preserveResult,
-                                    preserveAfterServe: preserveAfterServe
-                                };
-                            }
-                        }
-                    }
-                }
-            }
-            return {
-                preserveResponded: false,
-                preserveResult: preserveResult,
-                preserveAfterServe: preserveAfterServe
-            };
-        }));
-    }
-    resolvePreserveAfterServe(preserveAfterServe, request, response) {
-        return __awaiter(this, void 0, void 0, (function*() {
-            if (preserveAfterServe) {
-                const isoMatch = this.isoMatcher.match(request.originalUrl, "route");
-                const transmission = {
-                    context: {
-                        route: request.originalUrl,
-                        match: isoMatch
-                    },
-                    request: request,
-                    response: response
-                };
-                yield preserveAfterServe(transmission);
-            }
-        }));
-    }
-    handleGateway(path, request, preserveResult) {
-        return __awaiter(this, void 0, void 0, (function*() {
-            const {gatewayEndpoint: gatewayEndpoint} = this.options;
-            if (path !== gatewayEndpoint) {
-                return;
-            }
-            ({
-                path: {
-                    value: gatewayEndpoint
-                },
-                pathname: gatewayEndpoint,
-                parameters: {},
-                query: {
-                    __gatewayQuery: request.originalUrl
-                },
-                fragments: {
-                    texts: [],
-                    elements: []
-                },
-                route: gatewayEndpoint
-            });
-            return "";
-        }));
-    }
-    renderApplication(isoMatch, preserveResult, matchedPlane) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-        return __awaiter(this, void 0, void 0, (function*() {
-            const globals = preserveResult === null || preserveResult === void 0 ? void 0 : preserveResult.globals;
-            const mergedHtmlLanguage = ((_a = preserveResult === null || preserveResult === void 0 ? void 0 : preserveResult.template) === null || _a === void 0 ? void 0 : _a.htmlLanguage) || ((_b = this.template) === null || _b === void 0 ? void 0 : _b.htmlLanguage);
-            const pluridMetastate = yield serverComputeMetastate(isoMatch, this.routes, globals, this.options.hostname);
-            const {content: content, styles: styles} = yield this.getContentAndStyles(isoMatch, pluridMetastate, preserveResult, matchedPlane);
-            const stringedStyles = this.styles.reduce(((accumulator, style) => accumulator + style), "");
-            const preserveStyles = ((_d = (_c = preserveResult === null || preserveResult === void 0 ? void 0 : preserveResult.template) === null || _c === void 0 ? void 0 : _c.styles) === null || _d === void 0 ? void 0 : _d.join(" ")) || "";
-            const mergedStyles = styles + stringedStyles + preserveStyles;
-            const {helmet: helmet} = this.helmet;
-            const head = helmet ? `\n            ${helmet.meta.toString()}\n            ${helmet.title.toString()}\n            ${helmet.base.toString()}\n            ${helmet.link.toString()}\n            ${helmet.style.toString()}\n            ${helmet.noscript.toString()}\n            ${helmet.script.toString()}\n        ` : "";
-            const htmlAttributes = Object.assign(Object.assign({}, (_e = this.template) === null || _e === void 0 ? void 0 : _e.htmlAttributes), helmet === null || helmet === void 0 ? void 0 : helmet.htmlAttributes.toComponent());
-            const mergedHtmlAttributes = recordToString(htmlAttributes) + (((_f = preserveResult === null || preserveResult === void 0 ? void 0 : preserveResult.template) === null || _f === void 0 ? void 0 : _f.htmlAttributes) || "");
-            const bodyAttributes = (helmet === null || helmet === void 0 ? void 0 : helmet.bodyAttributes.toString()) || "";
-            const preserveBodyAttributes = ((_g = preserveResult === null || preserveResult === void 0 ? void 0 : preserveResult.template) === null || _g === void 0 ? void 0 : _g.bodyAttributes) || "";
-            const mergedBodyAttributes = bodyAttributes + preserveBodyAttributes;
-            const headScripts = ((_h = this.template) === null || _h === void 0 ? void 0 : _h.headScripts) || [];
-            const mergedHeadScripts = [ ...headScripts, ...((_j = preserveResult === null || preserveResult === void 0 ? void 0 : preserveResult.template) === null || _j === void 0 ? void 0 : _j.headScripts) || [] ];
-            const bodyScripts = ((_k = this.template) === null || _k === void 0 ? void 0 : _k.bodyScripts) || [];
-            const mergedBodyScripts = [ ...bodyScripts, ...((_l = preserveResult === null || preserveResult === void 0 ? void 0 : preserveResult.template) === null || _l === void 0 ? void 0 : _l.bodyScripts) || [] ];
-            const renderer = new PluridRenderer({
-                htmlLanguage: mergedHtmlLanguage,
-                head: head,
-                htmlAttributes: mergedHtmlAttributes,
-                bodyAttributes: mergedBodyAttributes,
-                defaultStyle: (_m = this.template) === null || _m === void 0 ? void 0 : _m.defaultStyle,
-                styles: mergedStyles,
-                headScripts: mergedHeadScripts,
-                bodyScripts: mergedBodyScripts,
-                vendorScriptSource: (_o = this.template) === null || _o === void 0 ? void 0 : _o.vendorScriptSource,
-                mainScriptSource: (_p = this.template) === null || _p === void 0 ? void 0 : _p.mainScriptSource,
-                root: (_q = this.template) === null || _q === void 0 ? void 0 : _q.root,
-                content: content,
-                defaultPreloadedPluridMetastate: (_r = this.template) === null || _r === void 0 ? void 0 : _r.defaultPreloadedPluridMetastate,
-                pluridMetastate: JSON.stringify(pluridMetastate),
-                globals: globals,
-                minify: (_s = this.template) === null || _s === void 0 ? void 0 : _s.minify
-            });
-            return renderer;
-        }));
-    }
-    getContentAndStyles(isoMatch, pluridMetastate, preserveResult, matchedPlane) {
-        return __awaiter(this, void 0, void 0, (function*() {
-            const stylesheet = new ServerStyleSheet;
-            let content = "";
-            let styles = "";
-            try {
-                const gateway = false;
-                const gatewayQuery = "";
-                const {gatewayEndpoint: gatewayEndpoint} = this.options;
-                const contentHandler = new PluridContentGenerator({
-                    services: this.services,
-                    stylesheet: stylesheet,
-                    exterior: this.exterior,
-                    shell: this.shell,
-                    helmet: this.helmet,
-                    routes: this.routes,
-                    planes: this.planes,
-                    pluridMetastate: pluridMetastate,
-                    gateway: gateway,
-                    gatewayEndpoint: gatewayEndpoint,
-                    gatewayQuery: gatewayQuery,
-                    preserveResult: preserveResult,
-                    pathname: isoMatch.match.value,
-                    hostname: this.options.hostname,
-                    matchedPlane: isoMatch.kind === "RoutePlane" ? {
-                        value: isoMatch.match.value
-                    } : undefined
-                });
-                content = yield contentHandler.render();
-                styles = stylesheet.getStyleTags();
-            } catch (error) {
-                if (this.options.debug !== "none" && !this.options.quiet) {
-                    const errorText = `${this.options.serverName} Error: Something went wrong in getContentAndStyles().`;
-                    if (this.debugAllows("error")) {
-                        console.error(errorText, error);
-                    }
-                }
-                return {
-                    content: "",
-                    styles: ""
-                };
-            } finally {
-                stylesheet.seal();
-            }
-            return {
-                content: content,
-                styles: styles
-            };
-        }));
-    }
-    computeRequestTime(request) {
-        const requestTime = request.requestTime;
-        if (!requestTime) {
-            return "";
-        }
-        const now = Date.now();
-        const difference = now - requestTime;
-        return ` in ${difference} ms`;
-    }
-    handleOptions(partialOptions) {
-        var _a, _b;
-        const options = {
-            serverName: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.serverName) || DEFAULT_SERVER_OPTIONS.SERVER_NAME,
-            hostname: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.hostname) || DEFAULT_SERVER_OPTIONS.HOSTNAME,
-            quiet: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.quiet) || DEFAULT_SERVER_OPTIONS.QUIET,
-            debug: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.debug) ? partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.debug : environment.production ? "error" : "info",
-            compression: (_a = partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.compression) !== null && _a !== void 0 ? _a : DEFAULT_SERVER_OPTIONS.COMPRESSION,
-            open: (_b = partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.open) !== null && _b !== void 0 ? _b : DEFAULT_SERVER_OPTIONS.OPEN,
-            buildDirectory: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.buildDirectory) || DEFAULT_SERVER_OPTIONS.BUILD_DIRECTORY,
-            assetsDirectory: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.assetsDirectory) || DEFAULT_SERVER_OPTIONS.ASSETS_DIRECTORY,
-            gatewayEndpoint: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.gatewayEndpoint) || DEFAULT_SERVER_OPTIONS.GATEWAY,
-            staticCache: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.staticCache) || 0,
-            ignore: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.ignore) || [],
-            stillsDirectory: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.stillsDirectory) || DEFAULT_SERVER_OPTIONS.STILLS_DIRECTORY,
-            stiller: (partialOptions === null || partialOptions === void 0 ? void 0 : partialOptions.stiller) || defaultStillerOptions
-        };
-        return options;
-    }
-    configureServer() {
-        const clientPath = path.join(this.options.buildDirectory, "./client");
-        this.serverApplication.disable("x-powered-by");
-        this.serverApplication.use(((request, _, next) => {
-            const requestID = uuid.generate();
-            request.requestID = requestID;
-            const requestTime = Date.now();
-            request.requestTime = requestTime;
-            next();
-        }));
-        if (this.options.compression) {
-            this.serverApplication.use(compression());
-            this.serverApplication.get("/vendor.js", ((request, response, next) => {
-                response.setHeader("Content-Type", "application/javascript");
-                const vendorBrotliExists = fs.existsSync(path.join(clientPath, "vendor.js.br"));
-                const acceptEncoding = request.header("Accept-Encoding");
-                if ((acceptEncoding === null || acceptEncoding === void 0 ? void 0 : acceptEncoding.includes("br")) && vendorBrotliExists) {
-                    request.url += ".br";
-                    response.set("Content-Encoding", "br");
-                    next();
-                    return;
-                }
-                next();
-            }));
-        }
-        this.serverApplication.use(express.static(clientPath, {
-            maxAge: this.options.staticCache
-        }));
-        this.loadMiddleware();
-    }
-    loadMiddleware() {
-        for (const middleware of this.middleware) {
-            this.serverApplication.use(((req, res, next) => middleware(req, res, next)));
-        }
-    }
-    open(serverlink) {
-        try {
-            const processDoNotOpen = process.env.PLURID_OPEN === "false" ? true : false;
-            if (processDoNotOpen) {
-                return;
-            }
-            if (this.options.open) {
-                open(serverlink);
-            }
-        } catch (error) {
-            return;
-        }
-    }
-    debugAllows(level) {
-        if (this.options.quiet) {
-            return false;
-        }
-        if (this.options.debug === "none") {
-            return false;
-        }
-        switch (level) {
-          case "error":
-            return true;
-
-          case "warn":
-            if (this.options.debug === "error") {
-                return false;
-            }
-            return true;
-
-          case "info":
-            if (this.options.debug === "error" || this.options.debug === "warn") {
-                return false;
-            }
-            return true;
-
-          default:
-            return false;
-        }
-    }
-}
-
-class LiveServer {
-    constructor(options) {
-        this.sockets = [];
-        this.resolveOptions = options => {
-            const defaultServerPath = "./source/server/index.ts";
-            const resolvedOptions = {
-                server: (options === null || options === void 0 ? void 0 : options.server) || defaultServerPath
-            };
-            return resolvedOptions;
-        };
-        this.options = this.resolveOptions(options);
-        this.expressServer = express();
-        this.setupExpressServer();
-        this.httpServer = http.createServer(this.expressServer);
-        this.setupHttpServer();
-    }
-    setupExpressServer() {}
-    setupHttpServer() {
-        this.httpServer.on("connection", (socket => {
-            this.sockets.push(socket);
-            socket.once("close", (() => {
-                this.sockets.splice(this.sockets.indexOf(socket), 1);
-            }));
-        }));
-        this.httpServer.on("error", (error => {
-            throw error;
-        }));
-    }
-    start() {}
-}
-
-const replacePluridResolution = html => {
-    const normalResolution = "width: 1366px; height: 768px;";
-    const zeroResolution = "width: 0px; height: 0px;";
-    return html.replace(normalResolution, zeroResolution);
-};
-
-const isCurrentUserRoot = () => process.getuid() == 0;
-
-const render = (puppeteer, host, route, configuration) => __awaiter(void 0, void 0, void 0, (function*() {
-    const start = Date.now();
-    const browser = yield puppeteer.launch({
-        defaultViewport: {
-            width: 1366,
-            height: 768
-        },
-        headless: true,
-        args: isCurrentUserRoot() ? [ "--no-sandbox" ] : undefined
-    });
-    const page = yield browser.newPage();
-    try {
-        const url = host + route;
-        yield page.goto(url, {
-            waitUntil: configuration.waitUntil,
-            timeout: configuration.timeout
-        });
-    } catch (err) {
-        throw new Error(`${route} timed out.`);
-    }
-    const pageContent = yield page.content();
-    const html = replacePluridResolution(pageContent);
-    yield browser.close();
-    const stilltime = Date.now() - start;
-    console.info(`\tStilled '${route}' in ${(stilltime / 1e3).toFixed(2)} seconds.`);
-    return {
-        route: route,
-        html: html,
-        stilltime: stilltime
-    };
-}));
-
-class Stiller {
-    constructor(options) {
-        try {
-            this.puppeteer = require("puppeteer");
-        } catch (error) {
-            console.error("could not load puppeteer: check puppeteer is installed");
-        }
-        const {host: host, routes: routes, configuration: configuration} = options;
-        this.host = host;
-        this.routes = routes;
-        this.configuration = configuration;
-    }
-    still() {
-        return __asyncGenerator(this, arguments, (function* still_1() {
-            for (const route of this.routes) {
-                yield yield __await(yield __await(render(this.puppeteer, this.host, route, this.configuration)));
-            }
-        }));
-    }
-}
-
-class StillsGenerator {
-    constructor(options) {
-        this.options = this.resolveOptions(options);
-    }
-    resolveOptions(options) {
-        var _a, _b;
-        const stillsGeneratorOptions = {
-            server: (_a = options === null || options === void 0 ? void 0 : options.server) !== null && _a !== void 0 ? _a : "./build/server.js",
-            build: (_b = options === null || options === void 0 ? void 0 : options.build) !== null && _b !== void 0 ? _b : "./build/"
-        };
-        return stillsGeneratorOptions;
-    }
-    initialize() {
-        return __awaiter(this, void 0, void 0, (function*() {
-            const serverPath = path.join(process.cwd(), this.options.server);
-            const buildPath = path.join(process.cwd(), this.options.build);
-            const pluridServer = require(serverPath);
-            const serverInformation = PluridServer.analysis(pluridServer);
-            const stillerOptions = serverInformation.options.stiller;
-            const serverPort = (yield detectPort(9900)) + "";
-            const child = fork(serverPath, [], {
-                stdio: "pipe",
-                env: {
-                    PORT: serverPort,
-                    PLURID_OPEN: "false"
-                }
-            });
-            const stillRoutes = [];
-            for (const route of serverInformation.routes) {
-                if (route.value.includes("/:")) {
-                    continue;
-                }
-                if (stillerOptions.ignore.includes(route.value)) {
-                    continue;
-                }
-                stillRoutes.push(route);
-            }
-            const stillRoutesPaths = stillRoutes.map((stillRoute => stillRoute.value));
-            console.info("\n\tParsed the following still routes:");
-            for (const stillRoutePath of stillRoutesPaths) {
-                console.info(`\t  ${stillRoutePath}`);
-            }
-            yield new Promise((resolve => setTimeout(resolve, 1500)));
-            const startTime = Date.now();
-            const estimatedDuration = 3 * serverInformation.routes.length;
-            console.info(`\n\tStarting to generate stills... (this may take about ${estimatedDuration} seconds)\n`);
-            const stiller = new Stiller({
-                host: "http://localhost:" + serverPort,
-                routes: [ ...stillRoutesPaths ],
-                configuration: {
-                    waitUntil: stillerOptions.waitUntil,
-                    timeout: stillerOptions.timeout
-                }
-            });
-            const sequence = stiller.still();
-            const stills = [];
-            let next;
-            while (!(next = yield sequence.next()).done) {
-                stills.push(next.value);
-            }
-            const endTime = Date.now();
-            const duration = (endTime - startTime) / 1e3;
-            const plural = stills.length === 1 ? "" : "s";
-            console.info(`\n\tGenerated ${stills.length} still${plural} in ${duration.toFixed(2)} seconds.\n`);
-            const stillsPath = path.join(buildPath, "./stills");
-            yield promises.mkdir(stillsPath, {
-                recursive: true
-            });
-            const metadataFile = [];
-            for (const still of stills) {
-                if (!still) {
-                    continue;
-                }
-                const stillName = uuid.generate() + ".json";
-                const metadataItem = {
-                    route: still.route,
-                    name: stillName
-                };
-                metadataFile.push(metadataItem);
-                const stillJSON = JSON.stringify(still, null, 4);
-                const stillFile = path.join(stillsPath, stillName);
-                yield promises.writeFile(stillFile, stillJSON);
-            }
-            const metadataFilePath = path.join(stillsPath, "metadata.json");
-            const metadataJSON = JSON.stringify(metadataFile, null, 4);
-            yield promises.writeFile(metadataFilePath, metadataJSON);
-            child.kill(2);
-        }));
-    }
-}
-
-export { LiveServer as PluridLiveServer, StillsGenerator as PluridStillsGenerator, PluridServer as default };