eddev 2.0.0-beta.9 → 2.0.0-beta.91

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

@@ -0,0 +1,2 @@
+export declare const AssetCaptureContext: import("react").Context<Set<string>>;
+export declare const useAssetCapture: () => Set<string>;

package/dist/app/utils/asset-capture.js

@@ -0,0 +1,5 @@
+import { createContext, useContext } from "react";
+export const AssetCaptureContext = createContext(new Set());
+export const useAssetCapture = () => {
+    return useContext(AssetCaptureContext);
+};

package/dist/app/utils/hydration-debugger.d.ts

@@ -0,0 +1,13 @@
+export type HydrationErrorSnapshot = {
+    html: string;
+    error: Error;
+    info: any;
+};
+export declare const hydrationDebug: {
+    initialHTML: string;
+    events: HydrationErrorSnapshot[];
+    add(item: {
+        error: Error;
+        info: any;
+    }): void;
+};

package/dist/app/utils/hydration-debugger.js

@@ -0,0 +1,11 @@
+import { proxy } from "valtio";
+export const hydrationDebug = proxy({
+    initialHTML: "",
+    events: [],
+    add(item) {
+        hydrationDebug.events.push({
+            html: document.querySelector("#_app")?.innerHTML ?? "",
+            ...item,
+        });
+    },
+});

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,39 @@
+import { createTRPCUntypedClient, httpLink, splitLink, unstable_httpSubscriptionLink, } from "@trpc/client";
+import SuperJSON from "superjson";
+import { parseURL, stringifyParsedURL } from "ufo";
+const updatePath = (url) => {
+    const parsed = parseURL(url);
+    parsed.pathname = "/" + parsed.pathname.replace(/(^\/|\/$)/g, "").replace(/\./g, "/") + "/";
+    return stringifyParsedURL(parsed);
+};
+let client;
+export function getRPCClient() {
+    if (env.rpcEnabled) {
+        if (!client) {
+            // @ts-ignore
+            const endpoint = env.serverless ? "/" : window.SERVERLESS_ENDPOINT ?? "/";
+            client = createTRPCUntypedClient({
+                links: [
+                    splitLink({
+                        condition: (op) => op.type === "subscription",
+                        true: unstable_httpSubscriptionLink({
+                            url: endpoint,
+                            transformer: SuperJSON,
+                        }),
+                        false: httpLink({
+                            url: endpoint,
+                            fetch: (url, opts) => {
+                                return fetch(updatePath(url), {
+                                    ...opts,
+                                    credentials: "omit",
+                                });
+                            },
+                            transformer: SuperJSON,
+                        }),
+                    }),
+                ],
+            });
+        }
+    }
+    return client;
+}

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

@@ -47,7 +47,7 @@ export class CLIWorker {
 if (!isMainThread) {
     const mode = workerData.mode;
     /** Ignore self-signed certificate errors in dev mode */
-    process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = "0";
+    // process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = "0"
     configureCliMode({
         interactive: true,
         readonly: false,
@@ -86,25 +86,30 @@ 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);
     }

package/dist/node/cli/cli.js

@@ -2,11 +2,11 @@ import chalk from "chalk";
 import { Command } from "commander";
 import { setDefaultResultOrder } from "dns";
 import { config as importDotEnv } from "dotenv";
-import { adminLog } from "../compiler/bundler.admin.js";
-import { frontendLog } from "../compiler/bundler.frontend.js";
+import { AdminBundler, adminLog } from "../compiler/bundler.admin.js";
+import { FrontendBundler, frontendLog } from "../compiler/bundler.frontend.js";
 import { DevServer, serverlessLog } from "../compiler/dev-server.js";
 import { createVinxiCodegen } from "../compiler/vinxi-codegen.js";
-import { graphqlLog } from "../graphql/graphql-codegen.js";
+import { GraphQLGenerator, graphqlLog } from "../graphql/graphql-codegen.js";
 import { BuildInfoWriter } from "../project/eddev-build-file.js";
 import { Project, projectLog } from "../project/project.js";
 import { describeBlockManifest } from "../types/block-type.js";
@@ -17,6 +17,7 @@ import { bootCLIUI } from "./display/boot-cli-app.js";
 import { VERSION } from "./version.js";
 import { buildVinxi } from "../compiler/build-vinxi.js";
 import { createConsole } from "../utils/stateful-log.js";
+import { join } from "path";
 importDotEnv();
 const program = new Command()
     .version(VERSION)
@@ -29,12 +30,23 @@ program
     .command("dev")
     .description("Run in dev mode")
     .option("-m, --mode <mode>", "Comma separated list of modes, or a single mode.", "frontend,admin,graphql,serverless")
+    .option("--fast", "Shorthand for --mode graphql,serverless", false)
     .option("--verbose", "Show extra debugging info", false)
     .action(async (options) => {
+    console.error = (...args) => { };
+    console.log = (...args) => { };
+    console.info = (...args) => { };
+    console.warn = (...args) => { };
+    // if (typeof args[0] === "string" && args[0].includes("NODE_TLS_REJECT_UNAUTHORIZED")) return
+    // serverlessLog.error(...args)
+    // }
     process.env["NODE_ENV"] = "development";
     /** Ignore self-signed certificate errors in dev mode */
-    process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = "0";
+    // process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = "0"
     serverlessLog.info(chalk.yellowBright(`⚡️ ED. Stack v${VERSION}`));
+    if (options.fast) {
+        options.mode = "graphql,serverless";
+    }
     const tasks = {
         admin: !options.mode || options.mode.includes("admin"),
         frontend: !options.mode || options.mode.includes("frontend"),
@@ -67,6 +79,12 @@ program
         rootDir: process.cwd(),
         reportPluginCompatibility: true,
     });
+    const result = await project.verifyOriginAccess();
+    if (!result.success) {
+        projectLog.fail(result.message);
+        process.exit(1);
+        return;
+    }
     const infoWriter = new BuildInfoWriter(project);
     infoWriter.watch();
     infoWriter.write();
@@ -138,6 +156,9 @@ program
     .option("-s, --serverless", 'Build in "serverless" mode', false)
     .option("--verbose", "Show extra debugging info", false)
     .action(async (options) => {
+    process.env["NODE_ENV"] = "production";
+    /** Ignore self-signed certificate errors in dev mode */
+    // process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = "0"
     init(options.verbose);
     configureCliMode({
         interactive: false,
@@ -155,18 +176,65 @@ program
     });
     const buildServerless = options.serverless || process.env.VERCEL;
     if (buildServerless) {
+        // Verify that the we have access to the origin
+        const result = await project.verifyOriginAccess();
+        if (!result.success) {
+            console.error(result.message);
+            process.exit(1);
+            return;
+        }
         await buildVinxi({
             project,
             console,
         });
     }
-    // Load the compiler
-    // new AdminBundler(project, {
-    //   mode: "development",
-    // })
-    // new FrontendBundler(project, {
-    //   mode: "production",
-    // })
+    else {
+        const infoWriter = new BuildInfoWriter(project);
+        // Generate bootstrap files
+        const codegen = createVinxiCodegen({
+            mode: "production",
+            project: project,
+            serverless: false,
+        });
+        await codegen.run();
+        console.info("Building for SPA WordPress (Frontend and Admin)");
+        // Load the compiler
+        const admin = new AdminBundler(project, {
+            mode: "production",
+        });
+        const frontend = new FrontendBundler(project, {
+            mode: "production",
+        });
+        const graphql = new GraphQLGenerator(project, {
+            optimize: true,
+        });
+        await Promise.all([infoWriter.write(), admin.start(), frontend.start(), graphql.start()]);
+        console.log("Done building SPA WordPress");
+    }
+});
+program
+    .command("preview")
+    .description("Run a local production build, which was previously built with `eddev build --serverless`")
+    .option("--host", "Hostname to serve the application", "127.0.0.1")
+    .option("--port", "Port to serve the application", "3000")
+    .action(async (options) => {
+    process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = "0";
+    process.env["NODE_ENV"] = "production";
+    process.env["HOST"] = options.host;
+    process.env["PORT"] = options.port;
+    init(options.verbose);
+    configureCliMode({
+        interactive: true,
+        readonly: false,
+        exitOnValidationError: true,
+        detailed: true,
+        verbose: options.verbose,
+        watch: false,
+        rootDir: process.cwd(),
+    });
+    const entry = ".output/server/index.mjs";
+    console.info("Looking for production serverless build in: " + entry + "...");
+    await import(join(process.cwd(), ".output/server/index.mjs"));
 });
 program
     .command("info")

package/dist/node/cli/display/CLIApp.js

@@ -37,7 +37,7 @@ export function CLIApp(props) {
                 process.stdout.write("\u001b[3J\u001b[1J");
                 console.clear();
                 props.logs.serverless?.resetLog();
-                redraw();
+                setImmediate(redraw);
             }
             else if (input === "q") {
                 process.exit(0);
@@ -83,17 +83,14 @@ function MainMenu(props) {
         else if (key.return) {
             const match = matches[focusIndex];
             if (match) {
-                props.onSelect(match.tool.id);
+                // props.onSelect(match.tool.id)
             }
         }
     });
     return (_jsx(Panel, { label: "Main Menu", icon: "\u25C8", color: "yellow", info: "[ESC] to close", children: _jsxs(Box, { width: "100%", flexDirection: "column", paddingX: 1, paddingY: 0, children: [_jsxs(Box, { gap: 1, flexDirection: "row", children: [_jsx(Text, { color: "whiteBright", children: "What would you like to do?" }), _jsx(Text, { color: "gray", children: "[ESC] to close" })] }), _jsxs(Box, { paddingBottom: 1, children: [_jsx(Text, { color: "white", children: "> " }), _jsx(TextInput, { value: search, onChange: (value) => {
                                 setSearch(value);
                                 setFocusIndex(0);
-                            }, showCursor: true, focus: true, placeholder: "Search..." })] }), matches.length === 0 ? _jsx(Text, { color: "redBright", children: "😓 No results" }) : null, matches.map((item, index) => {
-                    const focused = focusIndex === index;
-                    return (_jsxs(Box, { children: [_jsx(Box, { width: 3, children: _jsx(Text, { children: focused ? "👉" : "" }) }), _jsxs(Box, { children: [_jsx(Text, { color: focused ? "yellow" : "white", children: item.tool.name }), _jsx(Text, { children: String(item.score) })] })] }, item.tool.id));
-                })] }) }));
+                            }, showCursor: true, focus: true, placeholder: "Search..." })] }), matches.length === 0 ? _jsx(Text, { color: "redBright", children: "😓 No results" }) : null] }) }));
 }
 function MiniLog({ log, border }) {
     const color = statusColor(log.status);

package/dist/node/cli/display/boot-cli-app.js

@@ -5,6 +5,6 @@ export function bootCLIUI(props) {
     console.clear();
     render(_jsx(CLIApp, { ...props }), {
         exitOnCtrlC: true,
-        patchConsole: true,
+        patchConsole: false,
     });
 }

package/dist/node/cli/display/tools/CreateBlock.d.ts

@@ -1,2 +1,2 @@
-import { ToolProps } from "./cli-tools";
+import { ToolProps } from "./cli-tools.js";
 export declare function CreateBlock(props: ToolProps): import("react/jsx-runtime").JSX.Element;

package/dist/node/cli/display/tools/cli-tools.d.ts

@@ -12,15 +12,5 @@ export type ToolInfo = {
     keywords?: string[];
     component: FunctionComponent<ToolProps>;
 };
-export declare function findTools(term: string): {
-    tool: {
-        id: string;
-        type: ToolType;
-        keywords?: string[] | undefined;
-        name: string;
-        component: FunctionComponent<ToolProps>;
-    };
-    score: number;
-    matches: import("@nozbe/microfuzz").FuzzyMatches;
-}[];
+export declare function findTools(term: string): ToolInfo[];
 export {};

package/dist/node/cli/display/tools/cli-tools.js

@@ -1,15 +1,15 @@
-import microfuzz from "@nozbe/microfuzz";
 import { TOOLS } from "./cli-tool-list.js";
 const toolList = Object.entries(TOOLS).map(([key, value]) => ({ ...value, id: key }));
 // https://github.com/Nozbe/microfuzz/issues/1
 // @ts-ignore
-const fuzzy = (typeof microfuzz === "function" ? microfuzz : microfuzz.default);
-const fuzzyIndex = fuzzy(toolList, {
-    getText: (tool) => [tool.name, ...(tool.keywords ? tool.keywords : [])],
-});
+// const fuzzy = (typeof microfuzz === "function" ? microfuzz : microfuzz.default) as typeof microfuzz
+// const fuzzyIndex = fuzzy(toolList, {
+//   getText: (tool) => [tool.name, ...(tool.keywords ? tool.keywords : [])],
+// })
 export function findTools(term) {
-    if (!term) {
-        return toolList.map((tool) => ({ tool, score: 1, matches: [] }));
-    }
-    return fuzzyIndex(term).map((result) => ({ tool: result.item, score: result.score, matches: result.matches }));
+    return [];
+    // if (!term) {
+    //   return toolList.map((tool) => ({ tool, score: 1, matches: [] }))
+    // }
+    // return fuzzyIndex(term).map((result) => ({ tool: result.item, score: result.score, matches: result.matches }))
 }

package/dist/node/cli/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "2.0.0-beta.9";
+export declare const VERSION = "2.0.0-beta.89";

package/dist/node/cli/version.js

@@ -1 +1 @@
-export const VERSION = "2.0.0-beta.9";
+export const VERSION = "2.0.0-beta.89";

package/dist/node/compiler/build-vinxi.js

@@ -9,14 +9,16 @@ export async function buildVinxi(opts) {
         process.env.SERVER_TARGET ??
         process.env.NITRO_PRESET ??
         process.env.NITRO_TARGET ??
+        (process.env.VERCEL ? "vercel" : undefined) ??
         (process.versions.bun !== undefined ? "bun" : "node-server");
     const appConf = {
         mode: "production",
         origin: project.origin,
         publicUrl: project.publicUrl,
         rootDir: project.rootDir,
-        // log: console,
+        rpcBases: (await project.serverRoutes.get()).bases,
         preset,
+        config: project.config,
     };
     const codegen = createVinxiCodegen({
         mode: "production",

package/dist/node/compiler/bundler.admin.d.ts

@@ -8,6 +8,6 @@ export declare class AdminBundler {
     project: Project;
     opts: Options;
     constructor(project: Project, opts: Options);
-    protected start(): Promise<void>;
+    start(): Promise<void>;
 }
 export {};

package/dist/node/compiler/bundler.admin.js

@@ -10,7 +10,6 @@ export class AdminBundler {
     constructor(project, opts) {
         this.project = project;
         this.opts = opts;
-        this.start();
     }
     async start() {
         console.info(`Creating ${this.opts.mode} WordPress admin build...`);
@@ -22,6 +21,7 @@ export class AdminBundler {
             outDir: relative(this.project.rootDir, "./dist/cms/"),
             serverless: false,
             target: "cms",
+            client: true,
         });
         console.verbose("Vite config:", baseConfig);
         await build(mergeConfig(baseConfig, defineConfig({

package/dist/node/compiler/bundler.frontend.js

@@ -10,7 +10,6 @@ export class FrontendBundler {
     constructor(project, opts) {
         this.project = project;
         this.opts = opts;
-        this.start();
     }
     async start() {
         console.info(`Creating ${this.opts.mode} SPA build...`);
@@ -22,6 +21,7 @@ export class FrontendBundler {
             outDir: relative(this.project.rootDir, "./dist/frontend/"),
             serverless: false,
             target: "frontend",
+            client: true,
         });
         console.verbose("Vite config:", baseConfig);
         await build(mergeConfig(baseConfig, defineConfig({