eddev 0.3.35 → 2.0.0-beta.1

package/dist/app/lib/routing/utils.js

@@ -0,0 +1,94 @@
+import { parseURL, resolveURL, stringifyParsedURL, withoutTrailingSlash } from "ufo";
+import { stringify as qsStringify, parse as qsParse } from "qs";
+export function isSameOrigin(url) {
+    if (typeof document === "undefined") {
+        return url.startsWith("/");
+    }
+    else {
+        const resolved = resolveURL(document.location.href, url);
+        const parsed = parseURL(resolved);
+        return parsed.protocol === document.location.protocol && parsed.host === document.location.host;
+    }
+}
+export function getLinkHandlerMode(e, href) {
+    try {
+        // Attempt to get the link element, if there is one
+        let eventTarget = null;
+        if (e) {
+            if (e.target && e.target instanceof HTMLAnchorElement) {
+                eventTarget = e.target;
+            }
+            else if (e.currentTarget && e.currentTarget instanceof HTMLAnchorElement) {
+                eventTarget = e.currentTarget;
+            }
+            // Allow key modifiers to work normally
+            if (e.ctrlKey || e.metaKey)
+                return { mode: "native", href };
+        }
+        // If we have a target, but no href, use the target's href
+        if (!href && eventTarget)
+            href = eventTarget.href;
+        if (!href)
+            return { mode: "native", href };
+        // Resolve the URL and check if it's the same origin
+        const resolved = href.startsWith("http") ? href : resolveURL(document.location.href, href);
+        const parsed = parseURL(resolved);
+        const isSameOrigin = parsed.host?.replace(/:.+/, "") === document.location.host.replace(/:.+/, "");
+        // External links should be handled natively
+        if (!isSameOrigin)
+            return { mode: "native", href };
+        // If we're in the admin bundle, links shouldn't do anything
+        if (env.admin)
+            return { mode: "ignore", href };
+        // Allow target=_blank to work normally
+        if (eventTarget?.getAttribute("target") === "_blank")
+            return { mode: "native", href };
+        // If the event was already prevent-defaulted, do nothing
+        if (e && e.defaultPrevented)
+            return { mode: "ignore", href };
+        // If it looks like a file link, handle natively
+        if (parsed.pathname.match(/\.[a-z0-9]{2,5}$/i))
+            return { mode: "native", href };
+        // Starts with /wp-, use native (wp-content, wp-admin etc)
+        if (parsed.pathname.startsWith("/wp-"))
+            return { mode: "native", href };
+        return { mode: "navigate", href };
+    }
+    catch (err) {
+        console.error(err);
+        return { mode: "native", href };
+    }
+}
+export function normalizeRoute(route) {
+    const pathname = withoutTrailingSlash(route.pathname);
+    const uri = stringifyRouteLink({
+        pathname: pathname,
+        query: route.query,
+        hash: route.hash,
+    });
+    return {
+        ...route,
+        pathname,
+        uri,
+        key: route.key ?? route.view,
+    };
+}
+export function stringifyRouteLink(route) {
+    return stringifyParsedURL({
+        ...route,
+        search: stringifyQuery(route.query),
+    });
+}
+export function parseQuery(query) {
+    return qsParse(query.replace(/^\?/, ""), {
+        ignoreQueryPrefix: true,
+    });
+}
+export function stringifyQuery(query) {
+    return qsStringify(query, {
+        encodeValuesOnly: true,
+        indices: false,
+        skipNulls: true,
+        arrayFormat: "brackets",
+    });
+}

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

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

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

@@ -0,0 +1,3 @@
+export function defineView(name, component) {
+    return component;
+}

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

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

package/dist/app/server/create-api-builtin-hono.d.ts

@@ -0,0 +1,8 @@
+import { Hono } from "hono";
+import { UrlReplacerConf } from "./utils/replace-host";
+type Conf = {
+    fetch: typeof fetch;
+    replaceUrls?: UrlReplacerConf;
+};
+export declare function createHonoStdAPI(conf: Conf): Hono<import("hono").Env, {}, "/">;
+export {};

package/dist/app/server/create-api-builtin-hono.js

@@ -0,0 +1,80 @@
+import { Hono } from "hono";
+import { joinURL, withQuery } from "ufo";
+import { BRANDED_HEADERS, filterHeader } from "./utils/headers";
+import { createUrlReplacer } from "./utils/replace-host";
+let standardFetch = fetch;
+const PROXY_RESPONSE_HEADERS = ["content-type", "set-cookie", /^x-/, "cache-control", ...Object.keys(BRANDED_HEADERS)];
+function extractHeaders(rawHeaders) {
+    const headers = {};
+    rawHeaders.forEach((value, key) => {
+        headers[key] = value;
+    });
+    return headers;
+}
+export function createHonoStdAPI(conf) {
+    const fetch = conf.fetch ?? standardFetch;
+    const replaceUrls = conf.replaceUrls ? createUrlReplacer(conf.replaceUrls) : undefined;
+    const app = new Hono();
+    app.get("/api/rest/query/:name{.+}", async (c) => {
+        const name = c.req.param("name");
+        const paramString = c.req.query("params");
+        const fetchUrl = withQuery(joinURL(env.origin ?? "", `/wp-json/ed/v1/query/${name}`), { params: paramString });
+        const response = await fetch(fetchUrl, {
+            referrer: c.req.raw.referrer,
+            cache: "no-cache",
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "application/json",
+                ...extractHeaders(c.req.raw.headers),
+                // Authorization: c.req.header("Authorization") ?? "",
+                // Cookie: c.req.header("Cookie") ?? "",
+                // ...c.req.raw.headers,
+            },
+        });
+        c.status(response.status);
+        response.headers.forEach((value, key) => {
+            if (filterHeader(key, PROXY_RESPONSE_HEADERS)) {
+                c.header(key, value);
+            }
+        });
+        Object.entries(BRANDED_HEADERS).forEach(([key, value]) => c.header(key, value));
+        let text = await response.text();
+        if (replaceUrls) {
+            text = replaceUrls(text);
+        }
+        return c.body(text);
+    });
+    app.post("/api/rest/mutation/:name{.+}", async (c) => {
+        const name = c.req.param("name");
+        const fetchUrl = joinURL(env.origin ?? "", `/wp-json/ed/v1/mutation/${name}`);
+        const response = await fetch(fetchUrl, {
+            method: "POST",
+            referrer: c.req.raw.referrer,
+            cache: "no-cache",
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "application/json",
+                ...extractHeaders(c.req.raw.headers),
+                // Authorization: c.req.header("Authorization") ?? "",
+                // Cookie: c.req.header("Cookie") ?? "",
+            },
+            body: JSON.stringify({
+                name: name,
+                ...(await c.req.json()),
+            }),
+        });
+        c.status(response.status);
+        response.headers.forEach((value, key) => {
+            if (filterHeader(key, PROXY_RESPONSE_HEADERS)) {
+                c.header(key, value);
+            }
+        });
+        Object.entries(BRANDED_HEADERS).forEach(([key, value]) => c.header(key, value));
+        let text = await response.text();
+        if (replaceUrls) {
+            text = replaceUrls(text);
+        }
+        return c.body(text);
+    });
+    return app;
+}

package/dist/app/server/create-ssr-hono.d.ts

@@ -0,0 +1,18 @@
+import { Hono } from "hono";
+import { ReactElement } from "react";
+type Conf = {
+    render: (args: {
+        pathname: string;
+    }) => Promise<{
+        jsx: ReactElement;
+        getCollectedOutput(): {
+            head: string;
+            foot: string;
+        };
+        indexTemplate: string;
+        data: any;
+    }>;
+    manifest: any;
+};
+export declare function createSSRHono(conf: Conf): Hono<import("hono").Env, {}, "/">;
+export {};

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

@@ -0,0 +1,104 @@
+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/headers.d.ts

@@ -0,0 +1,4 @@
+export declare function filterHeader(key: string, allowed: (string | RegExp)[]): boolean;
+export declare const BRANDED_HEADERS: {
+    "X-Powered-By": string;
+};

package/dist/app/server/utils/headers.js

@@ -0,0 +1,11 @@
+export function filterHeader(key, allowed) {
+    return allowed.some((allowedKey) => {
+        if (allowedKey instanceof RegExp) {
+            return allowedKey.test(key);
+        }
+        return allowedKey === key;
+    });
+}
+export const BRANDED_HEADERS = {
+    "X-Powered-By": "ed.studio",
+};

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,14 @@
+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/app/server/utils/replace-host.d.ts

@@ -0,0 +1,8 @@
+export type UrlReplacerConf = {
+    from: string;
+    to: string;
+    https: boolean;
+    ignoreUploads: boolean;
+    ignorePlugins: boolean;
+};
+export declare function createUrlReplacer(conf: UrlReplacerConf): (value: string) => string;

package/dist/app/server/utils/replace-host.js

@@ -0,0 +1,14 @@
+export function createUrlReplacer(conf) {
+    const from = conf.from;
+    const to = conf.to;
+    const https = conf.https;
+    const ignoreUploads = conf.ignoreUploads;
+    const ignorePlugins = conf.ignorePlugins;
+    const replaceTargetString = from.replaceAll(/https?:/g, "https?:").replaceAll("/", "\\/");
+    const replaceTargetEscapedString = from.replaceAll(/https?:/g, "https?:").replaceAll("/", "\\\\/");
+    const replaceTarget = new RegExp(replaceTargetString, "g");
+    const replaceTargetEscaped = new RegExp(replaceTargetEscapedString, "g");
+    return (value) => {
+        return value.replaceAll(replaceTarget, to).replace(replaceTargetEscaped, to.replaceAll("/", "\\/"));
+    };
+}

package/dist/app/utils/query-client.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from "@tanstack/react-query";
+export declare function getQueryClient(): QueryClient;

package/dist/app/utils/query-client.js

@@ -0,0 +1,16 @@
+import { QueryClient } from "@tanstack/react-query";
+let queryClient = null;
+export function getQueryClient() {
+    if (!queryClient) {
+        queryClient = new QueryClient({
+            defaultOptions: env.serverless && env.dev && !env.client
+                ? {
+                    queries: {
+                        staleTime: 1,
+                    },
+                }
+                : {},
+        });
+    }
+    return queryClient;
+}

package/dist/app/utils/wp.d.ts

@@ -0,0 +1,26 @@
+import type * as BlockEditor from "@wordpress/block-editor";
+import type * as Blocks from "@wordpress/blocks";
+import type * as Hooks from "@wordpress/hooks";
+import type * as Element from "@wordpress/element";
+import type * as Components from "@wordpress/components";
+import type * as Data from "@wordpress/data";
+import type * as CoreData from "@wordpress/core-data";
+import type * as Editor from "@wordpress/editor";
+import type * as Compose from "@wordpress/compose";
+import type * as RichText from "@wordpress/rich-text";
+type WordPressGlobal = {
+    blockEditor: typeof BlockEditor;
+    blocks: typeof Blocks;
+    hooks: typeof Hooks;
+    element: typeof Element;
+    data: typeof Data;
+    components: typeof Components;
+    compose: typeof Compose;
+    coreData: typeof CoreData;
+    editor: typeof Editor;
+    richText: typeof RichText;
+};
+declare global {
+    const wp: WordPressGlobal;
+}
+export {};

package/dist/node/cli/cli-mode.d.ts

@@ -0,0 +1,10 @@
+export declare const cliMode: {
+    interactive: boolean;
+    readonly: boolean;
+    exitOnValidationError: boolean;
+    detailed: boolean;
+    verbose: boolean;
+    watch: boolean;
+    rootDir: string;
+};
+export declare function configureCliMode(options: typeof cliMode): void;

package/dist/node/cli/cli-mode.js

@@ -0,0 +1,12 @@
+export const cliMode = {
+    interactive: true,
+    readonly: false,
+    exitOnValidationError: true,
+    detailed: false,
+    verbose: false,
+    watch: false,
+    rootDir: "",
+};
+export function configureCliMode(options) {
+    Object.assign(cliMode, options);
+}

package/dist/node/cli/cli-worker.d.ts

@@ -0,0 +1,13 @@
+import { Worker } from "node:worker_threads";
+import { StatefulLog } from "../utils/statefulLog.js";
+type WorkerMode = "admin" | "frontend" | "graphql" | "serverless";
+export declare class CLIWorker {
+    worker: Worker;
+    constructor({ log, mode, verbose }: {
+        log: StatefulLog<any>;
+        mode: WorkerMode;
+        verbose: boolean;
+    });
+    shutdown(): Promise<void>;
+}
+export {};

package/dist/node/cli/cli-worker.js

@@ -0,0 +1,114 @@
+import { Worker, isMainThread, parentPort, workerData } from "node:worker_threads";
+import { AdminBundler, adminLog } from "../compiler/bundler.admin.js";
+import { FrontendBundler, frontendLog } from "../compiler/bundler.frontend.js";
+import { GraphQLGenerator, graphqlLog } from "../graphql/graphql-codegen.js";
+import { Project } from "../project/project.js";
+import { configureCliMode } from "./cli-mode.js";
+export class CLIWorker {
+    worker;
+    constructor({ log, mode, verbose }) {
+        const worker = new Worker(new URL(import.meta.url), {
+            workerData: {
+                mode,
+                verbose,
+            },
+            stdout: true,
+            stderr: true,
+        });
+        this.worker = worker;
+        worker.stdout?.on("data", (data) => {
+            log.log(data.toString());
+        });
+        worker.stderr?.on("data", (data) => {
+            log.warn(data.toString());
+        });
+        worker.on("message", (msg) => {
+            try {
+                const payload = JSON.parse(msg);
+                if (payload && typeof payload === "object" && payload.type === "log") {
+                    log.copy(payload.log);
+                }
+            }
+            catch (err) {
+                log.warn("Unknown worker message:", msg);
+            }
+        });
+        worker.on("error", (err) => {
+            log.error("Worker error", err);
+        });
+        worker.on("exit", (code) => {
+            log.info("Worker exited", code);
+        });
+    }
+    async shutdown() {
+        await this.worker.terminate();
+    }
+}
+if (!isMainThread) {
+    const mode = workerData.mode;
+    configureCliMode({
+        interactive: true,
+        readonly: false,
+        exitOnValidationError: true,
+        detailed: false,
+        verbose: workerData.verbose,
+        watch: true,
+        rootDir: process.cwd(),
+    });
+    // Load the project info
+    const project = await Project.create({
+        rootDir: process.cwd(),
+        reportPluginCompatibility: false,
+    });
+    function serializeLogData(data) {
+        if (data instanceof Error) {
+            return {
+                __is_error: true,
+                message: data.message,
+                stack: data.stack,
+                name: data.name,
+                cause: data.cause,
+            };
+        }
+        else if (data && Array.isArray(data)) {
+            return data.map(serializeLogData);
+        }
+        else if (data && typeof data === "object") {
+            const obj = { ...data };
+            for (const key in obj) {
+                obj[key] = serializeLogData(obj[key]);
+            }
+            return obj;
+        }
+        return data;
+    }
+    function pipeLog(log) {
+        log.subscribe((log) => {
+            parentPort?.postMessage(JSON.stringify({ type: "log", log: serializeLogData(log) }));
+        });
+    }
+    if (mode === "admin") {
+        new AdminBundler(project, {
+            mode: "development",
+        });
+        pipeLog(adminLog);
+    }
+    else if (mode === "frontend") {
+        new FrontendBundler(project, {
+            mode: "development",
+            watch: true,
+        });
+        pipeLog(frontendLog);
+    }
+    else if (mode === "graphql") {
+        const codegen = new GraphQLGenerator(project);
+        codegen.start();
+        pipeLog(graphqlLog);
+    }
+    else if (mode === "serverless") {
+        // new ServerlessDevServer(project, {
+        //   mode: "development",
+        // })
+        // pipeLog(serverlessLog)
+    }
+}