eddev 2.0.0-beta.6 → 2.0.0-beta.61

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

@@ -0,0 +1,56 @@
+import { AnyProcedure } from "@trpc/server";
+import { FetchCreateContextFnOptions } from "@trpc/server/adapters/fetch";
+export declare const rpcApi: {
+    _config: import("@trpc/server/unstable-core-do-not-import").RootConfig<{
+        ctx: RPCContext;
+        meta: object;
+        errorShape: import("@trpc/server/unstable-core-do-not-import").DefaultErrorShape;
+        transformer: true;
+    }>;
+    procedure: import("@trpc/server/unstable-core-do-not-import").ProcedureBuilder<RPCContext, object, object, typeof import("@trpc/server/unstable-core-do-not-import").unsetMarker, typeof import("@trpc/server/unstable-core-do-not-import").unsetMarker, typeof import("@trpc/server/unstable-core-do-not-import").unsetMarker, typeof import("@trpc/server/unstable-core-do-not-import").unsetMarker, false>;
+    middleware: <$ContextOverrides>(fn: import("@trpc/server/unstable-core-do-not-import").MiddlewareFunction<RPCContext, object, object, $ContextOverrides, unknown>) => import("@trpc/server/unstable-core-do-not-import").MiddlewareBuilder<RPCContext, object, $ContextOverrides, unknown>;
+    router: {
+        <TInput extends import("@trpc/server").RouterRecord>(input: TInput): import("@trpc/server/unstable-core-do-not-import").BuiltRouter<{
+            ctx: RPCContext;
+            meta: object;
+            errorShape: import("@trpc/server/unstable-core-do-not-import").DefaultErrorShape;
+            transformer: true;
+        }, TInput>;
+        <TInput extends import("@trpc/server/unstable-core-do-not-import").CreateRouterOptions>(input: TInput): import("@trpc/server/unstable-core-do-not-import").BuiltRouter<{
+            ctx: RPCContext;
+            meta: object;
+            errorShape: import("@trpc/server/unstable-core-do-not-import").DefaultErrorShape;
+            transformer: true;
+        }, import("@trpc/server/unstable-core-do-not-import").DecorateCreateRouterOptions<TInput>>;
+    };
+    mergeRouters: typeof import("@trpc/server/unstable-core-do-not-import").mergeRouters;
+    createCallerFactory: <TRecord extends import("@trpc/server").RouterRecord>(router: Pick<import("@trpc/server/unstable-core-do-not-import").Router<{
+        ctx: RPCContext;
+        meta: object;
+        errorShape: import("@trpc/server/unstable-core-do-not-import").DefaultErrorShape;
+        transformer: true;
+    }, TRecord>, "_def">) => import("@trpc/server/unstable-core-do-not-import").RouterCaller<{
+        ctx: RPCContext;
+        meta: object;
+        errorShape: import("@trpc/server/unstable-core-do-not-import").DefaultErrorShape;
+        transformer: true;
+    }, TRecord>;
+};
+type RouterSchema = Record<string, Record<string, AnyProcedure> | AnyProcedure>;
+export declare const rpc: {
+    middleware: <$ContextOverrides>(fn: import("@trpc/server/unstable-core-do-not-import").MiddlewareFunction<RPCContext, object, object, $ContextOverrides, unknown>) => import("@trpc/server/unstable-core-do-not-import").MiddlewareBuilder<RPCContext, object, $ContextOverrides, unknown>;
+    procedure: import("@trpc/server/unstable-core-do-not-import").ProcedureBuilder<RPCContext, object, object, typeof import("@trpc/server/unstable-core-do-not-import").unsetMarker, typeof import("@trpc/server/unstable-core-do-not-import").unsetMarker, typeof import("@trpc/server/unstable-core-do-not-import").unsetMarker, typeof import("@trpc/server/unstable-core-do-not-import").unsetMarker, false>;
+    router<T extends RouterSchema>(routes: T): T;
+};
+export declare function defineServerContext<T>(func: (opts: FetchCreateContextFnOptions) => T): (opts: FetchCreateContextFnOptions) => T;
+export declare function instantiateRouter<T extends RouterSchema>(routes: T): import("@trpc/server/unstable-core-do-not-import").BuiltRouter<{
+    ctx: RPCContext;
+    meta: object;
+    errorShape: import("@trpc/server/unstable-core-do-not-import").DefaultErrorShape;
+    transformer: true;
+}, T>;
+export type InferRPCServerContext<TFunc extends null | ((opts: FetchCreateContextFnOptions) => any)> = {
+    req: Request;
+    resHeaders: Headers;
+} & (TFunc extends (opts: FetchCreateContextFnOptions) => infer T ? T : {});
+export {};

package/dist/app/server/rpc.js

@@ -0,0 +1,18 @@
+import { initTRPC } from "@trpc/server";
+import superjson from "superjson";
+export const rpcApi = initTRPC.context().create({
+    transformer: superjson,
+});
+export const rpc = {
+    middleware: rpcApi.middleware,
+    procedure: rpcApi.procedure,
+    router(routes) {
+        return routes;
+    },
+};
+export function defineServerContext(func) {
+    return func;
+}
+export function instantiateRouter(routes) {
+    return rpcApi.router(routes);
+}

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

@@ -0,0 +1,53 @@
+import { RequestHeaders } from "vinxi/http";
+import { UrlReplacerConf } from "./utils/replace-host.js";
+import { Manifest } from "vinxi/dist/types/types/manifest";
+import { TrackerTags } from "../lib/routing/types.js";
+export type ServerContextArgs = {
+    dev: boolean;
+    origin: string;
+    replaceUrls?: UrlReplacerConf;
+    rpcBases?: string[];
+};
+export type ServerContextRuntime = {
+    getManifest: (name: string) => Manifest;
+};
+/**
+ * Data returned from WordPress origin /_appdata route
+ */
+type ServerAppData = {
+    appData: any;
+    trackers: TrackerTags;
+};
+export declare class ServerContext {
+    dev: boolean;
+    origin: string;
+    replaceUrls?: (text: string) => string;
+    rpcBases: string[];
+    static main: ServerContext;
+    constructor(conf: ServerContextArgs);
+    get runtime(): ServerContextRuntime;
+    static setRuntime(rt: ServerContextRuntime): void;
+    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>;
+    fetchAppData(): Promise<ServerAppData>;
+    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>;
+}
+export {};

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

@@ -0,0 +1,149 @@
+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", /woocommerce/];
+const PROXY_REQUEST_HEADERS = [
+    "content-type",
+    "accept",
+    "accept-encoding",
+    "accept-language",
+    "origin",
+    "referer",
+    "user-agent",
+    "authorization",
+    "woocommerce-session",
+];
+let runtime;
+export class ServerContext {
+    dev;
+    origin;
+    replaceUrls;
+    rpcBases = [];
+    static main;
+    constructor(conf) {
+        this.dev = conf.dev;
+        this.origin = conf.origin;
+        this.rpcBases = conf.rpcBases ?? [];
+        if (conf.replaceUrls) {
+            this.replaceUrls = createUrlReplacer(conf.replaceUrls);
+        }
+        ServerContext.main = this;
+    }
+    get runtime() {
+        return runtime;
+    }
+    static setRuntime(rt) {
+        runtime = rt;
+    }
+    getOriginUrl(url) {
+        const parsed = parseURL(url);
+        const parsedOrigin = parseURL(this.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;
+        }
+        // console.log("Response headers", response.headers)
+        const headers = {};
+        response.headers.forEach((value, key) => {
+            if (filterHeader(key, PROXY_RESPONSE_HEADERS)) {
+                headers[key] = value;
+            }
+        });
+        // console.log("Returning headers", headers)
+        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: "1",
+            _ssr: "1",
+            _debug: this.dev ? "1" : undefined,
+        });
+        // console.log("Fetching route data", req.pathname)
+        const result = this.fetchOrigin(fetchUrl, {
+            cache: "no-cache",
+            replaceUrls: true,
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "application/json",
+            },
+        });
+        // console.log("Finished fetching route data")
+        return result;
+    }
+    async fetchAppData() {
+        // console.log("Fetching app data")
+        const response = await this.fetchOrigin("/_appdata", {
+            cache: "no-cache",
+            replaceUrls: true,
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "application/json",
+            },
+        });
+        // console.log("Decoding app data")
+        const result = await response.json();
+        // console.log("Done with app done")
+        return result;
+    }
+    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",
+            },
+            redirect: "manual",
+        });
+    }
+    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),
+            redirect: "manual",
+        });
+    }
+}

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

@@ -2,3 +2,4 @@ export declare function filterHeader(key: string, allowed: (string | RegExp)[]):
 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

@@ -9,3 +9,20 @@ export function filterHeader(key, allowed) {
 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/replace-host.d.ts

@@ -1,8 +1,10 @@
 export type UrlReplacerConf = {
     from: string;
     to: string;
-    https: boolean;
-    ignoreUploads: boolean;
-    ignorePlugins: boolean;
+    /** 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): (value: string) => string;
+export declare function createUrlReplacer(conf: UrlReplacerConf): (text: string) => string;

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

@@ -1,14 +1,61 @@
 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("/", "\\/"));
+    // 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/APIProvider.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare function APIProvider(props: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;

package/dist/app/utils/APIProvider.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QueryProvider } from "./query-client.js";
+export function APIProvider(props) {
+    return _jsx(QueryProvider, { children: props.children });
+}

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

@@ -0,0 +1,19 @@
+import { Component, ErrorInfo, ReactNode } from "react";
+import { BlocksContext, ContentBlock } from "../lib/blocks/ContentBlocks.js";
+interface Props {
+    block: ContentBlock;
+    blockContext: BlocksContext;
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+    errorInfo?: ErrorInfo;
+}
+export declare class BlockErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};

package/dist/app/utils/BlockErrorBoundary.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import { errorHandling } from "../lib/runtime/errorHandling.js";
+import { ErrorMessage } from "./ErrorMessage.js";
+export class BlockErrorBoundary extends Component {
+    state = {
+        hasError: false,
+    };
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { hasError: true, error: error };
+    }
+    componentDidCatch(error, errorInfo) {
+        if (errorHandling.onReactError) {
+            errorHandling.onReactError({
+                type: "block",
+                block: this.props.block,
+                error,
+                componentStack: errorInfo.componentStack,
+            });
+        }
+    }
+    render() {
+        if (this.state.hasError) {
+            const err = this.state.error;
+            let display = env.dev ? _jsx(ErrorMessage, { error: err }) : null;
+            if (errorHandling.renderFallback) {
+                display = errorHandling.renderFallback({
+                    type: "block",
+                    block: this.props.block,
+                    error: err,
+                }, display);
+            }
+            return display;
+        }
+        return this.props.children;
+    }
+}

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

@@ -0,0 +1,5 @@
+type Props = {
+    error: Error;
+};
+export declare function ErrorMessage({ error }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/app/utils/ErrorMessage.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ErrorMessage({ error }) {
+    return (_jsx("pre", { style: {
+            backgroundColor: "#060309",
+            fontSize: "12px",
+            color: "#d92a0b",
+            outline: "1px solid #d92a0b",
+            outlineOffset: "-4px",
+            borderRadius: "6px",
+            padding: "12px 16px",
+            overflowX: "auto",
+            fontFamily: '"Roboto Mono", Menlo, monospace',
+        }, children: error.stack ?? String(error) }));
+}

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

@@ -0,0 +1,18 @@
+import { Component, ErrorInfo, ReactNode } from "react";
+import { RouteState } from "../lib/routing/types.js";
+interface Props {
+    route: RouteState;
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+    errorInfo?: ErrorInfo;
+}
+export declare class RouteErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};

package/dist/app/utils/RouteErrorBoundary.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import { errorHandling } from "../lib/runtime/errorHandling.js";
+import { ErrorMessage } from "./ErrorMessage.js";
+export class RouteErrorBoundary extends Component {
+    state = {
+        hasError: false,
+    };
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { hasError: true, error: error };
+    }
+    componentDidCatch(error, errorInfo) {
+        if (errorHandling.onReactError) {
+            errorHandling.onReactError({
+                type: "route",
+                route: this.props.route,
+                error,
+                componentStack: errorInfo.componentStack,
+            });
+        }
+    }
+    render() {
+        if (this.state.hasError) {
+            const err = this.state.error;
+            let display = env.dev ? _jsx(ErrorMessage, { error: err }) : null;
+            if (errorHandling.renderFallback) {
+                display = errorHandling.renderFallback({
+                    type: "route",
+                    route: this.props.route,
+                    error: err,
+                }, display);
+            }
+            return display;
+        }
+        return this.props.children;
+    }
+}

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

@@ -1,2 +1,4 @@
 import { QueryClient } from "@tanstack/react-query";
+import { PropsWithChildren } from "react";
 export declare function getQueryClient(): QueryClient;
+export declare function QueryProvider(props: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
-import { QueryClient } from "@tanstack/react-query";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
 let queryClient = null;
 export function getQueryClient() {
     if (!queryClient) {
@@ -14,3 +15,6 @@ export function getQueryClient() {
     }
     return queryClient;
 }
+export function QueryProvider(props) {
+    return _jsx(QueryClientProvider, { client: getQueryClient(), children: props.children });
+}

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

@@ -0,0 +1,2 @@
+import { TRPCUntypedClient } from "@trpc/client";
+export declare function getRPCClient(): TRPCUntypedClient<any>;

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

@@ -0,0 +1,34 @@
+import { createTRPCUntypedClient, httpLink, splitLink, unstable_httpSubscriptionLink, } from "@trpc/client";
+import SuperJSON from "superjson";
+import { parseURL, stringifyParsedURL } from "ufo";
+let client;
+export function getRPCClient() {
+    if (env.rpcEnabled) {
+        if (!client) {
+            // @ts-ignore
+            const endpoint = env.serverless ? "/" : window.SERVERLESS_ENDPOINT ?? "/";
+            client = createTRPCUntypedClient({
+                links: [
+                    splitLink({
+                        // uses the httpSubscriptionLink for subscriptions
+                        condition: (op) => op.type === "subscription",
+                        true: unstable_httpSubscriptionLink({
+                            url: endpoint,
+                            transformer: SuperJSON,
+                        }),
+                        false: httpLink({
+                            url: endpoint,
+                            fetch: (input, init) => {
+                                const parsed = parseURL(input);
+                                parsed.pathname = "/" + parsed.pathname.replace(/(^\/|\/$)/g, "").replace(/\./g, "/") + "/";
+                                return fetch(stringifyParsedURL(parsed), init);
+                            },
+                            transformer: SuperJSON,
+                        }),
+                    }),
+                ],
+            });
+        }
+    }
+    return client;
+}

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

@@ -1,5 +1,5 @@
 import { Worker } from "node:worker_threads";
-import { StatefulLog } from "../utils/statefulLog.js";
+import { StatefulLog } from "../utils/stateful-log.js";
 type WorkerMode = "admin" | "frontend" | "graphql" | "serverless";
 export declare class CLIWorker {
     worker: Worker;

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

@@ -46,6 +46,8 @@ export class CLIWorker {
 }
 if (!isMainThread) {
     const mode = workerData.mode;
+    /** Ignore self-signed certificate errors in dev mode */
+    process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = "0";
     configureCliMode({
         interactive: true,
         readonly: false,
@@ -84,24 +86,31 @@ if (!isMainThread) {
     }
     function pipeLog(log) {
         log.subscribe((log) => {
+            // We ignore SSL errors in dev mode.
             parentPort?.postMessage(JSON.stringify({ type: "log", log: serializeLogData(log) }));
         });
     }
     if (mode === "admin") {
-        new AdminBundler(project, {
+        const bundler = new AdminBundler(project, {
             mode: "development",
         });
+        bundler.start();
         pipeLog(adminLog);
     }
     else if (mode === "frontend") {
-        new FrontendBundler(project, {
+        const bundler = new FrontendBundler(project, {
             mode: "development",
             watch: true,
         });
+        bundler.start();
         pipeLog(frontendLog);
     }
     else if (mode === "graphql") {
-        const codegen = new GraphQLGenerator(project);
+        const codegen = new GraphQLGenerator(project, {
+            generate: true,
+            optimize: true,
+            watch: true,
+        });
         codegen.start();
         pipeLog(graphqlLog);
     }