eddev 2.0.0-beta.2 → 2.0.0-beta.21

package/dist/app/server/create-ssr-hono.js

@@ -1,104 +0,0 @@
-import { Hono } from "hono";
-import ReactDOMServer from "react-dom/server";
-import { stream } from "hono/streaming";
-export function createSSRHono(conf) {
-    const app = new Hono();
-    app.get("*", async (c) => {
-        const isPropsRequest = c.req.query("_props");
-        const result = await conf.render({ pathname: c.req.path });
-        let didError = false;
-        async function propsResponse() {
-            c.status(200);
-            c.header("Content-Type", "application/json");
-            return c.json(result.data);
-        }
-        const getTemplateParts = () => {
-            const collected = result.getCollectedOutput();
-            let [head, foot] = result.indexTemplate.split("<!--ssr-outlet-->");
-            head = head.replace("<!--ssr-meta-->", collected.head);
-            const dataPayload = `\n<script type="text/javascript">window._PAGE_DATA = ${JSON.stringify(result.data, null, 2)}</script>\n`;
-            foot = foot.replace("<!--ssr-meta-->", dataPayload + collected.foot);
-            return [head, foot];
-        };
-        // For Web Stream environments, and when react-dom/server exports renderToReadableStream for Node.js
-        // (Even though Node 20+ supports Web Streams, ReactDOM doesn't yet export it for Node)
-        if (ReactDOMServer.renderToReadableStream) {
-            const reactStream = await ReactDOMServer.renderToReadableStream(result.jsx, {
-                onError: (err) => {
-                    didError = true;
-                    console.warn("Failed to server-render React frontend");
-                    console.error(err);
-                },
-            });
-            await reactStream.allReady;
-            if (isPropsRequest) {
-                return propsResponse();
-            }
-            const [head, foot] = getTemplateParts();
-            return stream(c, async (stream) => {
-                await stream.write(head);
-                await stream.pipe(reactStream);
-                await stream.write(foot);
-                stream.close();
-            });
-            // const result = await stream.getReader().read()
-            // const result = { value: "test" }
-            // return finalize(result.value)
-        }
-        else {
-            return new Promise((resolve, reject) => {
-                const reactStream = ReactDOMServer.renderToPipeableStream(result.jsx, {
-                    onError: (err) => {
-                        didError = true;
-                        console.warn("Failed to server-render React frontend");
-                        console.error(err);
-                        // setModuleCollector(() => {})
-                    },
-                    onShellError: (err) => {
-                        console.warn("Shell");
-                        console.error(err);
-                    },
-                    onAllReady: async () => {
-                        if (isPropsRequest) {
-                            resolve(propsResponse());
-                        }
-                        else {
-                            c.status(200);
-                            c.header("Content-Type", "text/html");
-                            resolve(stream(c, async (stream) => {
-                                const [head, foot] = getTemplateParts();
-                                stream.write(head);
-                                reactStream.pipe({
-                                    write(chunk) {
-                                        stream.write(chunk);
-                                    },
-                                    close() {
-                                        // stream.close()
-                                    },
-                                    destroy() { },
-                                    on(event, cb) { },
-                                    async end() {
-                                        stream.write(foot);
-                                        stream.close();
-                                    },
-                                });
-                            }));
-                            // reac.pipe(new WritableStream((chunk) => {
-                            //   chunk
-                            // }))
-                            // resolve(stream())
-                            // const collected = getCollectedOutput()
-                            // res.status(200).set({ "Content-Type": "text/html" })
-                            // res.write(htmlParts[0].replace("<!--ssr-meta-->", collected.head ?? ""))
-                            // stream.pipe(res)
-                            // res.write(htmlParts[1].replace("<!--ssr-meta-->", collected.footer ?? ""))
-                            // res.end()
-                        }
-                        // setModuleCollector(() => {})
-                    },
-                });
-            });
-        }
-    });
-    return app;
-}

package/dist/app/server/utils/index.html.d.ts

@@ -1,2 +0,0 @@
-declare const _default: "<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <link rel=\"icon\" type=\"image/svg+xml\" href=\"/vite.svg\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <!--ssr-meta-->\n  </head>\n  <body>\n    <div id=\"root\"><!--ssr-outlet--></div>\n    <!--ssr-meta-->\n    <script type=\"module\" src=\"/_boot.js\"></script>\n  </body>\n</html>";
-export default _default;

package/dist/app/server/utils/index.html.js

@@ -1,14 +0,0 @@
-export default `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <!--ssr-meta-->
-  </head>
-  <body>
-    <div id="root"><!--ssr-outlet--></div>
-    <!--ssr-meta-->
-    <script type="module" src="/_boot.js"></script>
-  </body>
-</html>`;

package/dist/node/compiler/index.html.d.ts

@@ -1,2 +0,0 @@
-declare const _default: "<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <link rel=\"icon\" type=\"image/svg+xml\" href=\"/vite.svg\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <link rel=\"stylesheet\" href=\"/views/index.css\" />\n    <!--ssr-meta-->\n  </head>\n  <body>\n    <div id=\"root\"><!--ssr-outlet--></div>\n    <!--ssr-meta-->\n    <script type=\"module\" src=\"/_boot.js\"></script>\n  </body>\n</html>";
-export default _default;

package/dist/node/compiler/index.html.js

@@ -1,15 +0,0 @@
-export default `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="/views/index.css" />
-    <!--ssr-meta-->
-  </head>
-  <body>
-    <div id="root"><!--ssr-outlet--></div>
-    <!--ssr-meta-->
-    <script type="module" src="/_boot.js"></script>
-  </body>
-</html>`;

package/dist/node/compiler/serverless.dev.js

@@ -1,215 +0,0 @@
-import { getRequestListener } from "@hono/node-server";
-import express from "express";
-import expressProxy from "express-http-proxy";
-import { Agent as HttpAgent } from "http";
-import { Agent as HttpsAgent } from "https";
-import { listen } from "listhen";
-import fetch from "node-fetch";
-import { relative } from "path";
-import { parseURL } from "ufo";
-import { createServer as createViteServer, defineConfig, mergeConfig } from "vite";
-import { ProjectEnvUtils } from "../project/env.js";
-import { ensureSelfSignedCert } from "../utils/selfSignedCert.js";
-import { createConsole } from "../utils/statefulLog.js";
-import indexHtml from "./index.html.js";
-import { getViteConfig } from "./vite/get-vite-config.js";
-const console = createConsole("Dev Server", "dev");
-export const serverlessLog = console;
-export class ServerlessDevServer {
-    project;
-    opts;
-    constructor(project, opts) {
-        this.project = project;
-        this.opts = opts;
-        this.start();
-    }
-    async start() {
-        console.setWorking(true);
-        const siteURL = ProjectEnvUtils.get("SITE_URL");
-        const parsedSiteURL = parseURL(siteURL);
-        let serverlessPort = 8080;
-        let hmrPort = serverlessPort + 5;
-        const serverlessHost = parsedSiteURL.host?.endsWith(".local") ? parsedSiteURL.host : "localhost";
-        console.info(`Starting dev server...`);
-        const keys = await ensureSelfSignedCert(serverlessHost, this.project.rootDir);
-        const app = express();
-        const hotServer = await listen(() => { }, {
-            port: hmrPort,
-            hostname: serverlessHost,
-            qr: false,
-            showURL: false,
-            https: {
-                cert: keys.certFile,
-                key: keys.keyFile,
-                domains: [serverlessHost],
-            },
-        });
-        hmrPort = hotServer.address.port;
-        const mainServer = await listen(app, {
-            port: serverlessPort,
-            hostname: serverlessHost,
-            qr: false,
-            showURL: false,
-            https: {
-                cert: keys.certFile,
-                key: keys.keyFile,
-                domains: [serverlessHost],
-            },
-        });
-        const vite = await createViteServer(mergeConfig(getViteConfig({
-            console,
-            mode: this.opts.mode,
-            project: this.project,
-            rootDir: this.project.rootDir,
-            outDir: relative(this.project.rootDir, "./dist/ssr/"),
-            serverless: true,
-            target: "frontend",
-        }), defineConfig({
-            mode: "development",
-            base: "/",
-            server: {
-                middlewareMode: true,
-                hmr: {
-                    server: hotServer.server,
-                    port: hmrPort,
-                    path: "/_hmr",
-                },
-            },
-            build: {
-                ssr: true,
-                sourcemap: true,
-                watch: {
-                    clearScreen: true,
-                },
-                rollupOptions: {
-                    onwarn(warning, warn) {
-                        if (warning.code === "SOURCEMAP_ERROR") {
-                            return;
-                        }
-                        warn(warning);
-                    },
-                },
-            },
-            appType: "custom",
-        })));
-        vite.watcher.on("change", (file) => {
-            console.resetLog();
-        });
-        console.setWorking(false);
-        const proxyTarget = "https://" + serverlessHost + ":" + serverlessPort + "/";
-        const proxyDest = parsedSiteURL.protocol + "//" + parsedSiteURL.host + "/";
-        console.info("Proxying WordPress from", proxyDest);
-        const replaceTargetString = proxyDest.replaceAll(/https?:/g, "https?:").replaceAll("/", "\\/");
-        const replaceTargetEscapedString = proxyDest.replaceAll(/https?:/g, "https?:").replaceAll("/", "\\\\/");
-        const replaceTarget = new RegExp(replaceTargetString, "g");
-        const replaceTargetEscaped = new RegExp(replaceTargetEscapedString, "g");
-        const replaceHost = (value) => {
-            return value.replace(replaceTarget, proxyTarget).replace(replaceTargetEscaped, proxyTarget.replaceAll("/", "\\/"));
-        };
-        const proxy = expressProxy(parsedSiteURL.protocol + "//" + parsedSiteURL.host, {
-            proxyReqOptDecorator: function (proxyReqOpts, originalReq) {
-                // @ts-ignore
-                proxyReqOpts.rejectUnauthorized = false;
-                // @ts-ignore
-                proxyReqOpts.headers["X-ED-Dev-Proxy"] = "true";
-                return proxyReqOpts;
-            },
-            userResHeaderDecorator(headers, userReq, userRes, proxyReq, proxyRes) {
-                for (let [key, value] of Object.entries(headers)) {
-                    if (typeof value === "string") {
-                        headers[key] = replaceHost(value);
-                    }
-                    else if (Array.isArray(value)) {
-                        headers[key] = value.map((v) => {
-                            return replaceHost(v);
-                        });
-                    }
-                }
-                return headers;
-            },
-            userResDecorator(proxyRes, proxyResData, userReq, userRes) {
-                if (userReq.path.includes(".php") || !userReq.path.includes(".") || userReq.path.startsWith("/wp-json")) {
-                    proxyResData = replaceHost(proxyResData.toString("utf8"));
-                }
-                return proxyResData;
-            },
-        });
-        app.use(async (req, res, next) => {
-            if (!req.originalUrl.includes(".php") && !req.originalUrl.includes("/?")) {
-                vite.middlewares.handle(req, res, next);
-            }
-            else {
-                next();
-            }
-        });
-        /**
-         * Allow https access from self-signed certificates, when working locally during development
-         */
-        const httpsAgent = new HttpsAgent({
-            rejectUnauthorized: false,
-        });
-        const httpAgent = new HttpAgent({});
-        const fetchImpl = (...args) => {
-            return fetch(args[0], {
-                ...(args[1] ?? {}),
-                agent: function (_parsedURL) {
-                    if (_parsedURL.protocol == "http:") {
-                        return httpAgent;
-                    }
-                    else {
-                        return httpsAgent;
-                    }
-                },
-            });
-        };
-        app.use(async (req, res, next) => {
-            if (!req.path.startsWith("/api"))
-                return next();
-            const { getHonoAPI, patchConsole } = await vite.ssrLoadModule("/_ssr.js", {
-                fixStacktrace: true,
-            });
-            patchConsole(console);
-            const hono = getHonoAPI({
-                fetchImpl,
-                replaceUrls: {
-                    from: proxyDest,
-                    to: "/",
-                },
-            });
-            const handler = getRequestListener(hono.fetch, {
-                errorHandler: (err) => {
-                    console.error(err);
-                },
-            });
-            await handler(req, res);
-        });
-        app.use(async (req, res, next) => {
-            const url = req.originalUrl;
-            if (url.includes(".") || url.startsWith("/wp-") || url.startsWith("/graphql"))
-                return next();
-            const { patchConsole, setFetchImpl, getHonoSSR, setIndexTransformer } = await vite.ssrLoadModule("/_ssr.js", {
-                fixStacktrace: true,
-            });
-            patchConsole(console);
-            const hono = getHonoSSR({
-                fetchImpl,
-                indexTransformer: async (index) => await vite.transformIndexHtml(url, indexHtml),
-                replaceUrls: {
-                    from: proxyDest,
-                    to: "/",
-                },
-            });
-            const handler = getRequestListener(hono.fetch, {
-                errorHandler: (err) => {
-                    console.error(err);
-                },
-            });
-            await handler(req, res);
-        });
-        app.use(proxy);
-        console.setState({
-            serverlessUrl: "https://" + serverlessHost + ":" + mainServer.address.port + "/",
-            wordpressUrl: proxyDest,
-        });
-    }
-}

package/dist/node/compiler/vite/get-vite-config.d.ts

@@ -1,13 +0,0 @@
-import { InlineConfig } from "vite";
-import { Project } from "../../project/project.js";
-import { StatefulLog } from "../../utils/statefulLog.js";
-export type Args = {
-    mode: "development" | "production";
-    serverless: boolean;
-    target: "frontend" | "cms";
-    rootDir: string;
-    outDir: string;
-    project: Project;
-    console: StatefulLog<any>;
-};
-export declare function getViteConfig(args: Args): InlineConfig;