eddev 2.0.0-beta.2 → 2.0.0-beta.200

package/dist/app/lib/runtime/apiConfig.js

@@ -0,0 +1,6 @@
+import { proxy } from "valtio";
+export const apiConfig = proxy({
+    set: (config) => {
+        Object.assign(apiConfig, config);
+    },
+});

package/dist/app/lib/runtime/errorHandling.d.ts

@@ -0,0 +1,40 @@
+import { ContentBlock } from "../blocks";
+import { ReactNode } from "react";
+import { RouteState } from "../routing";
+export type ErrorEvent = {
+    /** The runtime error that occurred */
+    error: Error;
+    /** The Component stack (not available in renderBlockError) */
+    componentStack?: string;
+} & ({
+    type: "block";
+    /** The block which had an error, including it's type information, props, content and children */
+    block: ContentBlock;
+} | {
+    type: "route";
+    /** The route which had an error */
+    route: RouteState;
+});
+/**
+ * Configuration options for manipulating how the client interacts with the GraphQL API
+ */
+export type ErrorHandlingConfig = {
+    /**
+     * Triggered when a runtime error occurs in a block
+     * @param event The error event, containing the error and block information
+     **/
+    onReactError?(event: ErrorEvent): void;
+    /**
+     * Triggered when a React rendering error occurs, and allows you to return some JSX to render as a fallback.
+     * If not provided, the block will be hidden from the user.
+     * @param error The error event, containing the error and contextual information
+     * @param defaultDisplay The default display for the block — in development, this will display the error message. In production, this will be `null`.
+     */
+    renderFallback?(event: ErrorEvent, defaultDisplay: ReactNode): ReactNode;
+    /**
+     * Update the error handling configuration all at once
+     */
+    set: (config: Partial<ErrorHandlingConfig>) => void;
+};
+export declare const errorHandling: ErrorHandlingConfig;
+//# sourceMappingURL=errorHandling.d.ts.map

package/dist/app/lib/runtime/errorHandling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorHandling.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/runtime/errorHandling.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAEvC,MAAM,MAAM,UAAU,GAAG;IACvB,sCAAsC;IACtC,KAAK,EAAE,KAAK,CAAA;IACZ,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,CACA;IACE,IAAI,EAAE,OAAO,CAAA;IACb,iGAAiG;IACjG,KAAK,EAAE,YAAY,CAAA;CACpB,GACD;IACE,IAAI,EAAE,OAAO,CAAA;IACb,mCAAmC;IACnC,KAAK,EAAE,UAAU,CAAA;CAClB,CACJ,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;QAGI;IACJ,YAAY,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACtC;;;;;OAKG;IACH,cAAc,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,GAAG,SAAS,CAAA;IAExE;;OAEG;IACH,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,eAAO,MAAM,aAAa,qBAIxB,CAAA"}

package/dist/app/lib/runtime/errorHandling.js

@@ -0,0 +1,6 @@
+import { proxy } from "valtio";
+export const errorHandling = proxy({
+    set: (config) => {
+        Object.assign(errorHandling, config);
+    },
+});

package/dist/app/lib/runtime/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./apiConfig";
+export * from "./errorHandling";
+//# sourceMappingURL=index.d.ts.map

package/dist/app/lib/runtime/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/runtime/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA"}

package/dist/app/lib/runtime/index.js

@@ -0,0 +1,2 @@
+export * from "./apiConfig";
+export * from "./errorHandling";

package/dist/app/lib/views/defineView.d.ts

@@ -1,4 +1,5 @@
 import { ComponentType, PropsWithChildren, ReactNode } from "react";
-type ExtendedViewProps<TName extends keyof ViewProps> = TName extends "_app" ? PropsWithChildren<ViewProps[TName]> : ViewProps[TName];
+type ExtendedViewProps<TName extends keyof ViewProps> = TName extends "_app" ? PropsWithChildren<ViewProps[TName]> : TName extends "_error" ? ViewProps[TName] : ViewProps[TName];
 export declare function defineView<Name extends keyof ViewProps>(name: Name, component: (props: ExtendedViewProps<Name>) => ReactNode): ComponentType<ExtendedViewProps<Name>>;
 export {};
+//# sourceMappingURL=defineView.d.ts.map

package/dist/app/lib/views/defineView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineView.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/views/defineView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,KAAK,iBAAiB,CAAC,KAAK,SAAS,MAAM,SAAS,IAAI,KAAK,SAAS,MAAM,GACxE,iBAAiB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GACnC,KAAK,SAAS,QAAQ,GACpB,SAAS,CAAC,KAAK,CAAC,GAChB,SAAS,CAAC,KAAK,CAAC,CAAA;AAEtB,wBAAgB,UAAU,CAAC,IAAI,SAAS,MAAM,SAAS,EACrD,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,SAAS,GACvD,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAExC"}

package/dist/app/lib/views/index.d.ts

@@ -1 +1,2 @@
-export * from "./defineView";
+export * from "./defineView.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/app/lib/views/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/views/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/app/lib/views/index.js

@@ -1 +1 @@
-export * from "./defineView";
+export * from "./defineView.js";

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

@@ -0,0 +1,6 @@
+export * from "./proxy-wp-admin.js";
+export * from "./render-ai-page.js";
+export * from "./render-ssr-page.js";
+export * from "./rpc.js";
+export * from "./server-context.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/app/server/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app/server/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA"}

package/dist/app/server/index.js

@@ -0,0 +1,5 @@
+export * from "./proxy-wp-admin.js";
+export * from "./render-ai-page.js";
+export * from "./render-ssr-page.js";
+export * from "./rpc.js";
+export * from "./server-context.js";

package/dist/app/server/proxy-wp-admin.d.ts

@@ -0,0 +1,3 @@
+import { EventHandlerRequest, H3Event } from "vinxi/http";
+export declare function proxyWpAdmin(event: H3Event<EventHandlerRequest>): Promise<Response>;
+//# sourceMappingURL=proxy-wp-admin.d.ts.map

package/dist/app/server/proxy-wp-admin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy-wp-admin.d.ts","sourceRoot":"","sources":["../../../src/app/server/proxy-wp-admin.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAwD,OAAO,EAAE,MAAM,YAAY,CAAA;AAI/G,wBAAsB,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,qBA+GrE"}

package/dist/app/server/proxy-wp-admin.js

@@ -0,0 +1,138 @@
+/// <reference types="vinxi/types/server" />
+import { splitSetCookieString } from "cookie-es";
+import { getProxyRequestHeaders, getRequestURL, getWebRequest } from "vinxi/http";
+import { ServerContext } from "./server-context.js";
+import { renderErrorPage } from "./render-ssr-page.js";
+export async function proxyWpAdmin(event) {
+    const serverContext = ServerContext.main;
+    const req = getWebRequest(event);
+    const reqUrl = getRequestURL(event);
+    const serverlessConfig = serverContext.config.serverless;
+    if (!serverContext.dev) {
+        if (reqUrl.pathname.toLowerCase().match(/\/+(graphql|xmlrpc|\.php|wp\-(admin|login|json|cron))/)) {
+            if (serverlessConfig.admin === "hide") {
+                //
+                return renderErrorPage({
+                    statusCode: 404,
+                    title: "Not found",
+                    userMessage: "The requested resource could not be found.",
+                    pathname: reqUrl.pathname,
+                });
+            }
+        }
+    }
+    const proxyUrl = serverContext.getOriginUrl(reqUrl.href);
+    // Prepare request headers to be sent to the origin server
+    const proxyHeaders = getProxyRequestHeaders(event);
+    proxyHeaders["X-ED-Dev-Proxy"] = "true";
+    const followRedirects = !reqUrl.pathname.match(/\.[a-z0-9]$/) && !reqUrl.pathname.match(/(^\/wp-|\.php$)/);
+    // Forward the request to the origin server
+    // console.log("Proxying request", proxyUrl, {
+    //   method: req.method,
+    //   referrer: req.referrer,
+    //   referrerPolicy: req.referrerPolicy,
+    //   headers: proxyHeaders,
+    //   // body: req.method.match(/get|head|options/i) ? undefined : await req.blob(),
+    //   redirect: followRedirects ? "follow" : "manual",
+    //   cache: "no-cache",
+    // })
+    const response = await fetch(proxyUrl, {
+        method: req.method,
+        referrer: req.referrer,
+        referrerPolicy: req.referrerPolicy,
+        headers: proxyHeaders,
+        body: req.method.match(/get|head|options/i) ? undefined : await req.blob(),
+        redirect: followRedirects ? "follow" : "manual",
+        cache: "no-cache",
+    });
+    const contentType = response.headers.get("content-type");
+    let body;
+    let res = { status: response.status, statusText: response.statusText, headers: new Headers() };
+    const cookies = [];
+    response.headers.forEach((value, key) => {
+        if (key === "content-encoding" || key === "content-length" || key === "transfer-encoding") {
+            return;
+        }
+        if (key === "set-cookie") {
+            cookies.push(...splitSetCookieString(value));
+            return;
+        }
+        if (key === "location") {
+            value = serverContext.replaceUrls(value);
+        }
+        res.headers.set(key, value);
+    });
+    // Set cookies in the response headers
+    // TODO: May need to rewrite cookie domain here before setting.
+    if (cookies.length > 0) {
+        for (const cookie of cookies) {
+            res.headers.append("set-cookie", cookie);
+        }
+    }
+    // Replace URLs pointing to the origin server from the response itself
+    // This is only done for text-based content types, like application/json, text/plain, text/html etc
+    if (contentType?.match(/(application|text)\//)) {
+        body = serverContext.replaceUrls((await response.text()) ?? "", reqUrl.origin);
+        // If the content type is text/html, inject the Vite assets into the response — assuming the placeholder comments are found
+        if (contentType.startsWith("text/html")) {
+            const clientManifest = serverContext.runtime.getManifest("admin");
+            const assets = await clientManifest.inputs[clientManifest.handler].assets();
+            const getViteHeader = () => assets.map((asset) => renderAsset(asset)).join("\n");
+            const getViteFooter = () => renderAsset({
+                tag: "script",
+                attrs: {
+                    type: "module",
+                    src: clientManifest.inputs[clientManifest.handler].output.path,
+                },
+                children: "",
+            });
+            const encodeForJSON = (str) => JSON.stringify(str).slice(1, -1).replaceAll("/", "\\/");
+            const viteHeader = getViteHeader();
+            const viteFooter = getViteFooter();
+            const baseDirective = `<base href="${reqUrl.origin}">`;
+            body = body.replaceAll("<!---VITE_HEADER--->", viteHeader);
+            body = body.replaceAll("<!---VITE_FOOTER--->", viteFooter);
+            body = body.replaceAll("<script id='vite-iframe-header'><\\/script>", encodeForJSON(baseDirective + viteHeader));
+            body = body.replaceAll("<script id='vite-iframe-footer'><\\/script>", encodeForJSON(viteFooter));
+        }
+    }
+    else {
+        // Otherwise just stream the response as is
+        body = response.body;
+    }
+    return new Response(body, res);
+}
+function printElement(element, props, innerText) {
+    if (typeof innerText === "string") {
+        return `<${element}${Object.entries(props)
+            .map(([key, value]) => ` ${key}="${value}"`)
+            .join("")}>${innerText}</${element}>`;
+    }
+    else {
+        return `<${element}${Object.entries(props)
+            .map(([key, value]) => ` ${key}="${value}"`)
+            .join("")} />`;
+    }
+}
+function renderAsset({ tag, attrs: { key, ...attrs } = {}, children, }) {
+    switch (tag) {
+        case "script":
+            if (attrs.src) {
+                return printElement("script", { ...attrs, key: attrs.src }, "");
+            }
+            else {
+                return printElement("script", {
+                    ...attrs,
+                    key: key,
+                }, children ?? "");
+            }
+        case "link":
+            return printElement("link", { ...attrs, key: key });
+        case "style":
+            return printElement("style", {
+                ...attrs,
+                key: key,
+            }, children ?? "");
+    }
+    return "";
+}

package/dist/app/server/render-ai-page.d.ts

@@ -0,0 +1,13 @@
+type RenderArgs = {
+    pathname: string;
+    statusCode?: number;
+    newOrigin?: string;
+    propData?: Record<string, any>;
+};
+export type IndexablePage = {
+    shouldIndex: boolean;
+    contents: string;
+};
+export declare function renderPageForIndexing(args: RenderArgs): Promise<IndexablePage>;
+export {};
+//# sourceMappingURL=render-ai-page.d.ts.map

package/dist/app/server/render-ai-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-ai-page.d.ts","sourceRoot":"","sources":["../../../src/app/server/render-ai-page.tsx"],"names":[],"mappings":"AAmGA,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAsB,qBAAqB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,CA0CpF"}

package/dist/app/server/render-ai-page.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { renderToPipeableStream, renderToString } from "react-dom/server";
+import { Writable } from "stream";
+import { MetaTags } from "../entry/MetaTags.js";
+import { SSRRoot } from "../entry/ssr-root.js";
+import { RouteLoader } from "../lib/routing/loader.js";
+import { ServerContext } from "./server-context.js";
+import { parseHTML } from "linkedom";
+async function getAiSsrStream(args) {
+    const jsx = (_jsx(Suspense, { children: _jsx(SSRRoot, { metaTags: args.initialData?.meta?.head || [], pathname: args.pathname, initialData: args.initialData, loader: new RouteLoader(), isAI: true }) }));
+    const stream = await new Promise(async (resolve, reject) => {
+        // console.log("Rendering to pipable")
+        const stream = renderToPipeableStream(jsx, {
+            identifierPrefix: "ed",
+            onShellReady() {
+                // console.log("Shell ready")
+                resolve(stream);
+            },
+            onShellError(err) {
+                console.log("onShellError", err);
+                reject(err);
+            },
+            onError(err, errInfo) {
+                console.log("Error occurred after shell ready", err, errInfo);
+                console.error(err);
+            },
+        });
+    });
+    const [initial, middle, end] = renderToString(_jsxs("html", { lang: "en", children: [_jsxs("head", { children: ["%%$%%", _jsx(MetaTags, { tags: args.initialData.meta?.head ?? [] })] }), _jsx("body", { children: _jsx("div", { id: "root", children: "%%$%%" }) })] })).split("%%$%%");
+    const inner = await new Promise((resolve, reject) => {
+        let buffer = [];
+        const writableStream = new Writable({
+            emitClose: true,
+            write(chunk, encoding, callback) {
+                buffer.push(new TextDecoder().decode(chunk));
+                callback();
+            },
+            final(callback) {
+                resolve(buffer.join("\n"));
+                callback();
+            },
+        });
+        stream.pipe(writableStream);
+    });
+    const renderedContent = initial + "\n" + middle + "\n" + inner + "\n" + end;
+    return processRenderedContent(renderedContent);
+}
+function processRenderedContent(content) {
+    const { document } = parseHTML(content);
+    // Immediately remove unnecessary tags
+    document.querySelectorAll("script, link, style, svg, img, video, [data-ai-hidden]").forEach((el) => {
+        el.remove();
+    });
+    document.querySelectorAll("*").forEach((el) => {
+        el.removeAttribute("style");
+        el.removeAttribute("class");
+    });
+    const pageContents = document.querySelectorAll("#ai-page-contents");
+    document.body.innerHTML = "";
+    document.body.append(...Array.from(pageContents));
+    return document.toString();
+}
+export async function renderPageForIndexing(args) {
+    const serverContext = ServerContext.main;
+    let responseInit = {};
+    const [{ appData }, response] = await Promise.all([
+        serverContext.fetchAppData(),
+        serverContext.fetchRouteData({
+            pathname: args.pathname,
+            newOrigin: args.newOrigin,
+        }),
+    ]);
+    let data = await response.json();
+    data.appData = appData;
+    if (args.propData) {
+        data = {
+            ...data,
+            ...args.propData,
+        };
+    }
+    responseInit.status = response.status;
+    if (data.redirect) {
+        return {
+            shouldIndex: false,
+            contents: "",
+        };
+    }
+    const headers = new Headers();
+    headers.set("Content-Type", "text/html; charset=utf-8");
+    responseInit.headers = headers;
+    const result = await getAiSsrStream({
+        ...args,
+        initialData: data,
+    });
+    return {
+        shouldIndex: true,
+        contents: result,
+    };
+}

package/dist/app/server/render-ssr-page.d.ts

@@ -0,0 +1,31 @@
+import type { ErrorRouteProps, RouteDataWithTrackers } from "../lib/routing/types.js";
+type SSRArgs = {
+    pathname: string;
+    hostname?: string;
+    initialData: RouteDataWithTrackers;
+    nonce?: string;
+};
+export declare function getSsrStream(args: SSRArgs): Promise<ReadableStream<Uint8Array<ArrayBufferLike>>>;
+type RenderArgs = {
+    pathname: string;
+    statusCode?: number;
+    newOrigin?: string;
+    hostname?: string;
+    propData?: Record<string, any>;
+};
+export declare function renderPage(args: RenderArgs): Promise<Response>;
+type RenderErrorPageArgs = {
+    pathname: string;
+    hostname?: string;
+    newOrigin?: string;
+    realError?: any;
+} & ErrorRouteProps;
+export declare function renderErrorPage(args: RenderErrorPageArgs): Promise<Response>;
+type Asset = {
+    tag: string;
+    attrs: Record<string, string | boolean>;
+    children?: string;
+};
+export declare function renderAsset({ tag, attrs, children }: Asset): string;
+export {};
+//# sourceMappingURL=render-ssr-page.d.ts.map

package/dist/app/server/render-ssr-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-ssr-page.d.ts","sourceRoot":"","sources":["../../../src/app/server/render-ssr-page.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAOrF,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,qBAAqB,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAsB,YAAY,CAAC,IAAI,EAAE,OAAO,wDAyH/C;AAED,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CAAA;AAED,wBAAsB,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,CA2FpE;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,CAAA;CAChB,GAAG,eAAe,CAAA;AAEnB,wBAAsB,eAAe,CAAC,IAAI,EAAE,mBAAmB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAiBlF;AAED,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,UA6B1D"}

package/dist/app/server/render-ssr-page.js

@@ -0,0 +1,237 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderToPipeableStream, renderToString } from "react-dom/server";
+import { Writable } from "stream";
+import { MetaTags } from "../entry/MetaTags.js";
+import { SSRRoot } from "../entry/ssr-root.js";
+import { RouteLoader } from "../lib/routing/loader.js";
+import { AssetCaptureContext } from "../utils/asset-capture.js";
+import { ServerContext } from "./server-context.js";
+import { Suspense } from "react";
+import { SecureHeaderBuilder } from "./utils/content-security.js";
+export async function getSsrStream(args) {
+    const clientManifest = ServerContext.main.runtime.getManifest("client");
+    const preloadAssets = new Set([clientManifest.handler]);
+    const includedAssets = new Set();
+    const jsx = (_jsx(Suspense, { children: _jsx(AssetCaptureContext.Provider, { value: preloadAssets, children: _jsx(SSRRoot, { metaTags: args.initialData?.meta?.head || [], pathname: args.pathname, hostname: args.hostname, initialData: args.initialData, loader: new RouteLoader() }) }) }));
+    const stream = await new Promise(async (resolve, reject) => {
+        // console.log("Rendering to pipable")
+        const stream = renderToPipeableStream(jsx, {
+            identifierPrefix: "ed",
+            onShellReady() {
+                // console.log("Shell ready")
+                resolve(stream);
+            },
+            onShellError(err) {
+                console.log("onShellError", err);
+                reject(err);
+            },
+            onError(err, errInfo) {
+                console.log("Error occurred after shell ready", err, errInfo);
+                console.error(err);
+            },
+            bootstrapModules: [clientManifest.inputs[clientManifest.handler].output.path],
+            nonce: args.nonce,
+            bootstrapScriptContent: `\nwindow.manifest = ${JSON.stringify(await clientManifest.json())};\nwindow._PAGE_DATA = ${JSON.stringify({
+                ...args.initialData,
+                trackers: undefined,
+                hostname: args.hostname,
+            })};\n`,
+        });
+    });
+    const [initial, middle, end] = renderToString(_jsxs("html", { lang: "en", children: [_jsxs("head", { children: ["%%$%%", _jsx(MetaTags, { tags: args.initialData.meta?.head ?? [] }), "%%trackers_head%%"] }), _jsxs("body", { children: ["%%trackers_body%%", _jsx("div", { id: "root", children: "%%$%%" }), "%%trackers_footer%%"] })] }))
+        .replace(/%%trackers_(head|body|footer)%%/g, (_, name) => {
+        return args.initialData.trackers?.[name] || "";
+    })
+        .split("%%$%%");
+    return new ReadableStream({
+        async start(controller) {
+            controller.enqueue(new TextEncoder().encode("<!doctype html>" + initial));
+            const inner = await new Promise((resolve, reject) => {
+                let buffer = [];
+                const writableStream = new Writable({
+                    emitClose: true,
+                    write(chunk, encoding, callback) {
+                        buffer.push(chunk);
+                        // controller.enqueue(chunk)
+                        callback();
+                    },
+                    final(callback) {
+                        resolve(buffer);
+                        // controller.close()
+                        callback();
+                    },
+                });
+                stream.pipe(writableStream);
+            });
+            for (const input of preloadAssets) {
+                const assets = await clientManifest.inputs[input].assets();
+                // controller.enqueue(new TextEncoder().encode(`\n<!-- for ${input} -->`))
+                for (const _asset of assets) {
+                    const asset = _asset;
+                    if (args.nonce)
+                        asset.attrs.nonce = args.nonce;
+                    // Ensure that each asset is only included once
+                    const key = asset?.attrs?.key;
+                    if (!key) {
+                        throw new Error("Asset must have a key: " + JSON.stringify(asset));
+                    }
+                    if (includedAssets.has(key))
+                        continue;
+                    includedAssets.add(key);
+                    // Render the asset
+                    try {
+                        const tag = renderAsset(asset);
+                        controller.enqueue(new TextEncoder().encode(tag + "\n"));
+                    }
+                    catch (err) {
+                        controller.enqueue(new TextEncoder().encode(`\n<!-- ${JSON.stringify(err)} -->\n`));
+                    }
+                }
+            }
+            // console.log("ASSETS", await clientManifest)
+            controller.enqueue(new TextEncoder().encode(middle));
+            for (const chunk of inner) {
+                controller.enqueue(chunk);
+            }
+            controller.enqueue(new TextEncoder().encode(end));
+            // console.log("Assets", dynamicAssets)
+            controller.close();
+        },
+    });
+}
+export async function renderPage(args) {
+    const serverContext = ServerContext.main;
+    const cspHeaders = new SecureHeaderBuilder(serverContext.config);
+    let responseInit = {};
+    try {
+        const [{ appData, trackers }, response] = await Promise.all([
+            serverContext.fetchAppData(),
+            serverContext.fetchRouteData({
+                pathname: args.pathname,
+                newOrigin: args.newOrigin,
+            }),
+        ]);
+        if (trackers) {
+            cspHeaders.addTrackingTags(trackers);
+        }
+        let data;
+        try {
+            data = await response.json();
+            data.appData = appData;
+            data.trackers = cspHeaders.addTrackingTags(trackers);
+            if (args.propData) {
+                data = {
+                    ...data,
+                    ...args.propData,
+                };
+            }
+            if (data.meta?.head)
+                data.meta.head = cspHeaders.addMetaTags(data.meta.head);
+            if (data.meta?.footer)
+                data.meta.footer = cspHeaders.addMetaTags(data.meta.footer);
+            responseInit.status = response.status;
+        }
+        catch (err) {
+            console.log("Error rendering", err);
+            console.error(err);
+            return renderErrorPage({
+                pathname: args.pathname,
+                statusCode: 500,
+                title: "Internal Server Error",
+                newOrigin: args.newOrigin,
+                report: {
+                    details: err,
+                    message: err.message,
+                },
+            });
+        }
+        if (data.redirect) {
+            return new Response(null, {
+                status: data.status || 302,
+                headers: {
+                    Location: data.redirect,
+                },
+            });
+        }
+        const headers = cspHeaders.getHeaders();
+        headers.set("Content-Type", "text/html; charset=utf-8");
+        responseInit.headers = headers;
+        const stream = await getSsrStream({
+            ...args,
+            hostname: args.hostname,
+            initialData: data,
+            nonce: cspHeaders.nonce,
+        });
+        return new Response(stream, responseInit);
+    }
+    catch (err) {
+        console.error(err);
+        if (args.statusCode !== 500) {
+            return renderErrorPage({
+                pathname: args.pathname,
+                statusCode: 500,
+                realError: err,
+                newOrigin: args.newOrigin,
+                title: "Internal Server Error",
+            });
+        }
+        return new Response('<!DOCTYPE html><html><head><title>500 Internal Server Error</title></head><body><h1>500 Internal Server Error</h1><p>"' +
+            String(err) +
+            '"</p></body></html>', {
+            status: 500,
+            statusText: "Internal Server Error",
+            headers: {
+                "Content-Type": "text/html; charset=utf-8",
+            },
+        });
+    }
+}
+export async function renderErrorPage(args) {
+    const props = {
+        statusCode: args.statusCode,
+        report: args.report ?? {
+            message: args.realError?.message,
+            details: args.realError,
+        },
+        title: args.title,
+        userMessage: args.userMessage,
+    };
+    return renderPage({
+        pathname: "/_error",
+        statusCode: args.statusCode,
+        newOrigin: args.newOrigin,
+        propData: props,
+        hostname: args.hostname,
+    });
+}
+export function renderAsset({ tag, attrs, children }) {
+    const formatAttributes = (attributes) => {
+        return Object.entries(attributes)
+            .map(([attr, value]) => {
+            if (value === true) {
+                return attr;
+            }
+            else if (value !== false && value != null) {
+                return `${attr}="${String(value).replace(/"/g, "&quot;")}"`;
+            }
+            return "";
+        })
+            .filter(Boolean)
+            .join(" ");
+    };
+    switch (tag) {
+        case "script":
+            if (attrs.src) {
+                return `<script ${formatAttributes(attrs)}></script>`;
+            }
+            else {
+                return `<script ${formatAttributes(attrs)}>${children ?? ""}</script>`;
+            }
+        case "link":
+            return `<link ${formatAttributes(attrs)} />`;
+        case "style":
+            return `<style ${formatAttributes(attrs)}>${children ?? ""}</style>`;
+        default:
+            return "";
+    }
+}