eddev 0.3.38 → 2.0.0-beta.10

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/index.d.ts

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

package/dist/app/server/index.js

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

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

@@ -0,0 +1,3 @@
+import { EventHandlerRequest, H3Event } from "vinxi/http";
+import { ServerContext } from "./server-context";
+export declare function proxyWpAdmin(event: H3Event<EventHandlerRequest>, serverContext: ServerContext): Promise<Response>;

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

@@ -0,0 +1,106 @@
+/// <reference types="vinxi/types/server" />
+import { splitSetCookieString } from "cookie-es";
+import { getProxyRequestHeaders, getRequestURL, getWebRequest } from "vinxi/http";
+import { getManifest } from "vinxi/manifest";
+export async function proxyWpAdmin(event, serverContext) {
+    const replaceUrls = serverContext.replaceUrls;
+    const req = getWebRequest(event);
+    const proxyUrl = serverContext.getOriginUrl(getRequestURL(event).href);
+    // Prepare request headers to be sent to the origin server
+    const proxyHeaders = getProxyRequestHeaders(event);
+    proxyHeaders["X-ED-Dev-Proxy"] = "true";
+    // Forward the request to the origin server
+    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: "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" && replaceUrls) {
+            value = 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)\//)) {
+        if (replaceUrls) {
+            body = replaceUrls((await response.text()) ?? "");
+        }
+        // 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 = getManifest("admin");
+            const assets = await clientManifest.inputs[clientManifest.handler].assets();
+            body = body.replace("<!---VITE_HEADER--->", () => assets.map((asset) => renderAsset(asset)).join("\n"));
+            body = body.replace("<!---VITE_FOOTER--->", () => renderAsset({
+                tag: "script",
+                attrs: {
+                    type: "module",
+                    src: clientManifest.inputs[clientManifest.handler].output.path,
+                },
+                children: "",
+            }));
+        }
+    }
+    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-ssr-page.d.ts

@@ -0,0 +1,2 @@
+import type { RouteData } from "../lib/routing/types.js";
+export declare function renderPageToSSRStream(pathname: string, initialData: RouteData): Promise<unknown>;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderAsset } from "@vinxi/react";
+import { Suspense } from "react";
+import { renderToPipeableStream } from "react-dom/server";
+import { getManifest } from "vinxi/manifest";
+import { SSRRoot } from "../entry/ssr-root.js";
+import { RouteLoader } from "../lib/routing/loader.js";
+export async function renderPageToSSRStream(pathname, initialData) {
+    const clientManifest = getManifest("client");
+    const assets = await clientManifest.inputs[clientManifest.handler].assets();
+    const jsx = (_jsx(SSRRoot, { assets: _jsx(Suspense, { children: assets.map((m) => renderAsset(m)) }), pathname: pathname, initialData: initialData, loader: new RouteLoader() }));
+    const stream = await new Promise(async (resolve) => {
+        const stream = renderToPipeableStream(jsx, {
+            onShellReady() {
+                resolve(stream);
+            },
+            bootstrapModules: [clientManifest.inputs[clientManifest.handler].output.path],
+            bootstrapScriptContent: `window.manifest = ${JSON.stringify(await clientManifest.json())}; window._PAGE_DATA = ${JSON.stringify(initialData)}`,
+        });
+    });
+    return stream;
+}

package/dist/app/server/server-context.d.ts

@@ -0,0 +1,34 @@
+import { UrlReplacerConf } from "./utils/replace-host.js";
+import { RequestHeaders } from "vinxi/http";
+export type ServerContextArgs = {
+    dev: boolean;
+    origin: string;
+    replaceUrls?: UrlReplacerConf;
+};
+export declare class ServerContext {
+    dev: boolean;
+    origin: string;
+    replaceUrls?: (text: string) => string;
+    constructor(conf: ServerContextArgs);
+    getOriginUrl(url: string): string;
+    fetchOrigin(url: string, opts?: RequestInit & {
+        replaceUrls?: boolean;
+    }): Promise<Response>;
+    fetchRouteData(req: {
+        pathname: string;
+        query?: Record<string, any>;
+        headers?: RequestHeaders;
+        withAppData?: boolean;
+    }): Promise<Response>;
+    extractRequestHeaders(req?: RequestHeaders): Partial<Record<import("vinxi/http").HTTPHeaderName, string | undefined>>;
+    fetchNamedQuery(req: {
+        name: string;
+        params: object;
+        headers: RequestHeaders;
+    }): Promise<Response>;
+    fetchMutation(req: {
+        name: string;
+        body: object;
+        headers: RequestHeaders;
+    }): Promise<Response>;
+}

package/dist/app/server/server-context.js

@@ -0,0 +1,116 @@
+import { parseURL, stringifyParsedURL, withQuery } from "ufo";
+import { filterHeader } from "./utils/headers.js";
+import { createUrlReplacer } from "./utils/replace-host.js";
+const PROXY_RESPONSE_HEADERS = ["content-type", "set-cookie", /^x-/, "cache-control"];
+const PROXY_REQUEST_HEADERS = [
+    "content-type",
+    "accept",
+    "accept-encoding",
+    "accept-language",
+    "origin",
+    "referer",
+    "user-agent",
+    "authorization",
+];
+export class ServerContext {
+    dev;
+    origin;
+    replaceUrls;
+    constructor(conf) {
+        this.dev = conf.dev;
+        this.origin = conf.origin;
+        if (conf.replaceUrls) {
+            this.replaceUrls = createUrlReplacer(conf.replaceUrls);
+        }
+    }
+    getOriginUrl(url) {
+        const parsed = parseURL(url);
+        const parsedOrigin = parseURL(env.origin);
+        parsed.host = parsedOrigin.host;
+        parsed.protocol = parsedOrigin.protocol;
+        return stringifyParsedURL(parsed);
+    }
+    async fetchOrigin(url, opts) {
+        url = this.getOriginUrl(url);
+        const response = await fetch(url, {
+            ...opts,
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "application/json",
+                ...opts?.headers,
+            },
+        });
+        if (!response.ok) {
+            return response;
+        }
+        const headers = {};
+        response.headers.forEach((value, key) => {
+            if (filterHeader(key, PROXY_RESPONSE_HEADERS)) {
+                headers[key] = value;
+            }
+        });
+        let text = await response.text();
+        if (opts?.replaceUrls && this.replaceUrls) {
+            text = this.replaceUrls(text);
+        }
+        return new Response(text, {
+            status: response.status,
+            statusText: response.statusText,
+            headers,
+        });
+    }
+    async fetchRouteData(req) {
+        const fetchUrl = withQuery(req.pathname, {
+            ...req.query,
+            _props: req.withAppData ? "all" : "1",
+            _ssr: "1",
+            _debug: this.dev ? "1" : undefined,
+        });
+        return this.fetchOrigin(fetchUrl, {
+            cache: "no-cache",
+            replaceUrls: true,
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "application/json",
+                ...this.extractRequestHeaders(req.headers),
+            },
+        });
+    }
+    extractRequestHeaders(req) {
+        const headers = {};
+        if (req) {
+            for (let key of PROXY_REQUEST_HEADERS) {
+                if (req[key]) {
+                    headers[key] = req[key];
+                }
+            }
+        }
+        return headers;
+    }
+    async fetchNamedQuery(req) {
+        const url = `/wp-json/ed/v1/query/${req.name}?params=${encodeURIComponent(JSON.stringify(req.params))}`;
+        return this.fetchOrigin(url, {
+            cache: "no-cache",
+            replaceUrls: true,
+            headers: {
+                ...this.extractRequestHeaders(req.headers),
+                "Content-Type": "application/json",
+                Accept: "application/json",
+            },
+        });
+    }
+    async fetchMutation(req) {
+        const url = `/wp-json/ed/v1/mutation/${req.name}`;
+        return this.fetchOrigin(url, {
+            method: "POST",
+            cache: "no-cache",
+            replaceUrls: true,
+            headers: {
+                ...this.extractRequestHeaders(req.headers),
+                "Content-Type": "application/json",
+                Accept: "application/json",
+            },
+            body: JSON.stringify(req.body),
+        });
+    }
+}

package/dist/app/server/utils/headers.d.ts

@@ -0,0 +1,5 @@
+export declare function filterHeader(key: string, allowed: (string | RegExp)[]): boolean;
+export declare const BRANDED_HEADERS: {
+    "X-Powered-By": string;
+};
+export declare function extractHeaders(rawHeaders: Headers): Record<string, string>;

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

@@ -0,0 +1,28 @@
+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",
+};
+const IGNORE_REQUEST_HEADERS = [
+    "host",
+    "connection",
+    "accept-encoding",
+    "accept-language",
+    "origin",
+    "referer",
+    "user-agent",
+];
+export function extractHeaders(rawHeaders) {
+    const headers = {};
+    rawHeaders.forEach((value, key) => {
+        headers[key] = value;
+    });
+    IGNORE_REQUEST_HEADERS.forEach((key) => delete headers[key]);
+    return headers;
+}

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,10 @@
+export type UrlReplacerConf = {
+    from: string;
+    to: string;
+    /** A dictionary of prefixes (eg /wp-content), and whether to replace them (true/false) */
+    prefixes: {
+        prefix: string;
+        replace: boolean;
+    }[];
+};
+export declare function createUrlReplacer(conf: UrlReplacerConf): (text: string) => string;

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

@@ -0,0 +1,61 @@
+export function createUrlReplacer(conf) {
+    // Create a regular expression to match the URL
+    // Note that that the regex doesn't necessarily match the entire URL
+    const lookup = new RegExp(conf.from.replace(/https?[:\\\/]+/, "https?[:\\/\\\\]+") + "([a-z0-9\\-_/\\\\]+)", "ig");
+    return (text) => {
+        return text.replace(lookup, (url) => {
+            // Strip out the origin, to create a relative path
+            const path = url.replace(/https?:[\/\\]+[^\/\\]+/, "");
+            const isEscaped = url.includes(":\\/\\/");
+            const key = "/" +
+                path
+                    .split(/[\/\\]+/g)
+                    .filter((v) => v)
+                    .join("/");
+            for (let item of conf.prefixes) {
+                if (key.startsWith(item.prefix)) {
+                    if (item.replace) {
+                        return url;
+                    }
+                    else {
+                        return path;
+                    }
+                }
+            }
+            return path;
+            // if (path.startsWith("/wp-content/uploads/")) {
+            //   if (!conf.ignoreUploads) {
+            //     return path
+            //   } else {
+            //     return url
+            //   }
+            //   // } else if (path.startsWith("/wp-content/themes/")) {
+            //   //   if (settings?.uploads === "proxy") {
+            //   //     return path
+            //   //   } else if (settings?.uploads === "remote") {
+            //   //     return url
+            //   //   }
+            //   // } else if (path.startsWith("/wp-content/plugins/")) {
+            //   //   if (settings?.uploads === "proxy") {
+            //   //     return path
+            //   //   } else if (settings?.uploads === "remote") {
+            //   //     return url
+            //   //   }
+            // } else {
+            //   return path
+            // }
+        });
+    };
+    // 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: string) => {
+    //   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/stateful-log.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 {};