eddev 0.3.38 → 2.0.0-beta.10

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

@@ -0,0 +1,408 @@
+import { code } from "ts-poet";
+import { FSCodegen } from "../utils/fs-codegen.js";
+export function getVinxiFolder(opts) {
+    return (opts.mode === "development" ? "dev" : "prod") + (opts.serverless ? "" : "-spa");
+}
+export async function runVinxiCodegen(opts) {
+    const codegen = createVinxiCodegen(opts);
+    await codegen.run();
+    codegen.stop();
+}
+export function createVinxiCodegen(opts) {
+    const project = opts.project;
+    const folder = ".eddev/" + getVinxiFolder(opts);
+    const codegen = new FSCodegen(opts.project, {
+        outDir: folder,
+    });
+    if (opts.serverless) {
+        codegen.registerFile({
+            name: "context.ts",
+            generate: code /* tsx */ `
+      import { ServerContext } from "eddev/server"
+
+      export const serverContext = new ServerContext(${JSON.stringify({
+                dev: true,
+                origin: project.origin,
+                replaceUrls: {
+                    from: project.origin,
+                    to: opts.endpoint ?? "",
+                    prefixes: [
+                        { prefix: "/wp-content/uploads", replace: project.config?.serverless.uploads === "proxy" },
+                        { prefix: "/wp-content/plugins", replace: project.config?.serverless.plugins === "proxy" },
+                    ],
+                },
+            })})
+    `.toString(),
+        });
+    }
+    if (opts.serverless) {
+        codegen.registerFile({
+            name: "react-shim.js",
+            generate: code /* tsx */ `
+        import React from "react"
+        import ReactDOM from "react-dom/client"
+        Object.assign(React, window.React)
+        Object.assign(ReactDOM, window.ReactDOM)
+      `,
+        });
+    }
+    codegen.registerFile({
+        name: "entry.admin.tsx",
+        generate: () => {
+            return code /* tsx */ `
+        ${opts.serverless ? `import "./react-shim.js"` : ""}
+        ${opts.serverless ? `import "vinxi/client"` : ""}
+        import "../../views/index.css"
+        import "./manifest/admin"
+        import "./manifest/blocks"
+        import "./manifest/styles"
+        import bootAdmin from "eddev/_internal/boot-admin.js"
+
+        bootAdmin()
+      `;
+        },
+    });
+    codegen.registerFile({
+        name: "entry.client.tsx",
+        generate: () => {
+            if (opts.serverless) {
+                /**
+                 * Client entry for SSR mode
+                 */
+                return code /* tsx */ `
+          /// <reference types="vinxi/types/client" />
+          /**
+           * SSR-mode frontend entry.
+           * Hydrates the main app, including the html/head/body elements.
+           * Also ensures that the assets used during SSR are loaded.
+           */
+          import "vinxi/client"
+          import "../../views/index.css"
+          import "./manifest/blocks"
+          import "./manifest/views"
+          
+          import * as React from "react"
+          import { Root, hydrateRoot } from "react-dom/client"
+          import { SSRClientRoot } from "eddev/_internal/ssr-root-client.js"
+          import { getManifest } from "vinxi/manifest"
+          import { createAssets } from "@vinxi/react"
+          import { devToolsStore } from 'eddev/devtools'
+
+          // Set up a dynamic entry which will load the configured tailwind manifest
+          devToolsStore.loadTailwindConfig = () => import('./manifest/tailwind-config')
+
+          // Create the asset renderer, which will ensure scripts/styles are mounted correctly
+          function getAssets() {
+            const Assets = createAssets(getManifest("client").handler, getManifest("client"))
+            return <React.Suspense><Assets /></React.Suspense>
+          }
+
+          window.$reactRoot =
+            window.$reactRoot ||
+            hydrateRoot(
+              document,
+              <SSRClientRoot assets={getAssets()} />,
+            )
+
+          if (import.meta.hot) {
+            import.meta.hot.accept((mod) => {
+              if (mod) {
+                const Assets = createAssets(getManifest("client").handler, getManifest("client"))
+                const app = <SSRClientRoot assets={getAssets()} />
+                window.$reactRoot?.render(app)
+              }
+            })
+          }
+
+          declare global {
+            interface Window {
+              $reactRoot?: Root
+            }
+          }
+
+        `;
+            }
+            else {
+                return code /* tsx */ `
+          /**
+           * SPA-mode frontend entry.
+           * Renders the main app into the empty <div id='root'> element, and expects window._PAGE_DATA to be set.
+           */
+          import "./manifest/blocks"
+          import "./manifest/views"
+          import "../../views/index.css"
+          import { devToolsStore } from 'eddev/devtools'
+          import { createRoot } from "react-dom/client"
+          import { SPARoot } from "eddev/_internal/spa-root.js"
+          import * as React from "react"
+
+          devToolsStore.loadTailwindConfig = () => import('./manifest/tailwind-config')
+
+          createRoot(document.getElementById("root")!).render(<SPARoot />)
+        `;
+            }
+        },
+    });
+    if (opts.serverless) {
+        codegen.registerFile({
+            name: "handler.data-api.ts",
+            generate: code /* tsx */ `
+        /// <reference types="vinxi/types/server" />
+        import { createRouter, eventHandler, getRouterParam, getQuery, getWebRequest, getRequestHeaders } from "vinxi/http"
+        import { serverContext } from "./context"
+
+        const router = createRouter()
+          .get(
+            "/route/",
+            eventHandler(async (event) => {
+              const id = "/"
+
+              return await serverContext.fetchRouteData({
+                pathname: id,
+                withAppData: false,
+              })
+            }),
+          )
+          .get(
+            "/route/**:name",
+            eventHandler(async (event) => {
+              const id = "/" + getRouterParam(event, "name")
+
+              return await serverContext.fetchRouteData({
+                pathname: id,
+                withAppData: false,
+              })
+            }),
+          )
+          .get(
+            "/query/**:name",
+            eventHandler(async (event) => {
+              const id = "/" + getRouterParam(event, "name")
+              const paramString = getQuery(event).params
+
+              const params = typeof paramString === "string" && paramString.length ? JSON.parse(paramString) : {}
+
+              return await serverContext.fetchNamedQuery({
+                name: id,
+                params: params,
+                headers: getRequestHeaders(event),
+              })
+            }),
+          )
+          .post(
+            "/mutation/**:name",
+            eventHandler(async (event) => {
+              const id = "/" + getRouterParam(event, "name")
+              const body = await getWebRequest(event).json()
+              return await serverContext.fetchMutation({
+                name: id,
+                body,
+                headers: {},
+              })
+            }),
+          )
+
+        export default router.handler
+
+      `,
+        });
+    }
+    if (opts.serverless) {
+        codegen.registerFile({
+            name: "handler.ssr-page.ts",
+            generate: code /* tsx */ `
+      /// <reference types="vinxi/types/server" />
+      import "../../views/index.css"
+      import "./manifest/blocks"
+      import "./manifest/styles"
+      import "./manifest/views"
+
+      import { renderPageToSSRStream, proxyWpAdmin } from "eddev/server"
+      import { eventHandler, setResponseHeader, setResponseStatus, getRequestURL } from "vinxi/http"
+      import { serverContext } from "./context"
+
+      export default eventHandler({
+        handler: async (event) => {
+          const url = getRequestURL(event)
+
+          if (url.pathname.includes('.')) {
+            return proxyWpAdmin(event, serverContext)
+          }
+
+          const response = await serverContext.fetchRouteData({
+            pathname: url.pathname,
+            withAppData: true,
+            headers: {},
+            query: {},
+          })
+          if (response.ok) {
+            setResponseStatus(event, response.status)
+            setResponseHeader(event, "Content-Type", "text/html; charset=utf-8")
+            return renderPageToSSRStream(url.pathname, await response.json())
+          } else {
+            return response
+          }
+        },
+      })
+
+    `,
+        });
+    }
+    if (opts.serverless) {
+        codegen.registerFile({
+            name: "handler.wp-proxy.ts",
+            generate: code /* tsx */ `
+      /// <reference types="vinxi/types/server" />
+      import { proxyWpAdmin } from "eddev/server"
+      import { eventHandler } from "vinxi/http"
+      import { serverContext } from "./context"
+
+      export default eventHandler(async (event) => {
+        return proxyWpAdmin(event, serverContext)
+      })
+    `,
+        });
+    }
+    codegen.registerFile({
+        name: "manifest/blocks.ts",
+        generate: async () => {
+            const blockManifest = await project.blocks.get();
+            return code /* ts */ `
+        import { blockManifestReader } from 'eddev/_internal'
+        import { dynamic } from 'eddev/dynamic'
+        import core from '../../../blocks/_core'
+
+        const manifest = {
+          ${Object.entries(blockManifest.blocks)
+                .filter(([name]) => !name.match(/^_[a-z]+$/i))
+                .map(([name, block]) => {
+                const importStatement = `dynamic(() => import(${JSON.stringify("../../../" + block.fileName)}))`;
+                return JSON.stringify(block.acfName) + ": " + importStatement;
+            })
+                .join(",\n")},
+          ...core
+        }
+
+        const info = {
+          ${Object.entries(blockManifest.blocks)
+                .filter(([name]) => !name.match(/^_[a-z]+$/i))
+                .map(([name, block]) => {
+                return (JSON.stringify(block.acfName) +
+                    ": " +
+                    JSON.stringify({
+                        slug: block.slug,
+                        tags: block.tags,
+                        flags: block.flags ?? {},
+                    }));
+            })
+                .join(",\n")}
+        }
+
+        blockManifestReader.set(manifest, info)
+
+        export default manifest
+
+        if (import.meta.hot) {
+          import.meta.hot.accept()
+        }
+      `;
+        },
+        subscribe: project.blocks.subscribe,
+    });
+    codegen.registerFile({
+        name: "manifest/admin.ts",
+        generate: async () => {
+            const fieldManifest = await project.fields.get();
+            const widgetManifest = await project.widgets.get();
+            return code /* ts */ `
+          import { adminManifestReader } from 'eddev/_internal'
+          import editorConfig from '../../../blocks/_editor'
+
+          const fields = {${Object.entries(fieldManifest.fields)
+                .map(([name, field]) => {
+                const importStatement = `() => import(${JSON.stringify("../../../" + field.fileName)}).then(m => m.default)`;
+                return JSON.stringify(field.slug) + ": " + importStatement;
+            })
+                .join(",\n")}}
+          const widgets = {${Object.entries(widgetManifest.widgets)
+                .map(([name, widget]) => {
+                const importStatement = `() => import(${JSON.stringify("../../../" + widget.fileName)}).then(m => m.default)`;
+                return JSON.stringify(widget.slug) + ": " + importStatement;
+            })
+                .join(",\n")}}
+
+          const manifest = {
+            fields,
+            widgets,
+            editorConfig
+          }
+
+          adminManifestReader.set(manifest)
+          
+          export default manifest
+
+          export { editorConfig }
+
+          if (import.meta.hot) {
+            import.meta.hot.accept()
+          }
+        `;
+        },
+        subscribe: (callback) => {
+            const unsub = [project.fields.subscribe(callback), project.widgets.subscribe(callback)];
+            return () => unsub.forEach((u) => u());
+        },
+    });
+    codegen.registerFile({
+        name: "manifest/views.ts",
+        generate: async () => {
+            const viewManifest = await project.views.get();
+            return code /* ts */ `
+        import { viewManifestReader } from 'eddev/_internal'
+        import { dynamic } from 'eddev/dynamic'
+        const manifest = {${Object.entries(viewManifest.views)
+                .map(([name, view]) => {
+                const importStatement = `dynamic(() => import(${JSON.stringify("../../../" + view.fileName)}))`;
+                return JSON.stringify(view.slug) + ": " + importStatement;
+            })
+                .join(",\n")}}
+
+        viewManifestReader.value = manifest
+        
+        export default manifest
+
+        if (import.meta.hot) {
+          import.meta.hot.accept()
+        }
+      `;
+        },
+        subscribe: project.views.subscribe,
+    });
+    codegen.registerFile({
+        name: "manifest/styles.ts",
+        generate: async () => {
+            return code /* ts */ `
+        export const getCssText = undefined
+        export const editorGlobalStyles = () => {}      
+      `;
+        },
+    });
+    codegen.registerFile({
+        name: "manifest/tailwind-config.ts",
+        generate: async () => {
+            return code /* ts */ `
+        import tw from "../../../tailwind.config"
+        import resolveConfig from 'tailwindcss/resolveConfig'
+        import { devToolsStore } from 'eddev/devtools'
+
+        const value = resolveConfig(tw)
+        devToolsStore.tailwindConfig = value
+
+        if (import.meta.hot) {
+          import.meta.hot.accept()
+        }
+      `;
+        },
+    });
+    return codegen;
+}

package/dist/node/graphql/graphql-codegen.d.ts

@@ -0,0 +1,30 @@
+import { Project } from "../project/project.js";
+export declare const graphqlLog: import("../utils/stateful-log.js").StatefulLog<GraphQLGenerator>;
+export declare class GraphQLGenerator {
+    project: Project;
+    private needsRegenerate;
+    private needsReload;
+    private regenerateReason;
+    private regenerateReasonInfo;
+    private isGenerating;
+    private schemaLoader;
+    private fileLoader;
+    private debouncer?;
+    private retryTimer?;
+    constructor(project: Project);
+    queueRegenerate(full: boolean, reason: string, info?: string | string[]): Promise<void>;
+    start(): Promise<void>;
+    private listen;
+    scheduleRetry(): void;
+    generate(): Promise<void>;
+    /**
+     * Validates a GraphQL manifest against a schema, ensuring there are no user errors.
+     */
+    private validateGraphQLFiles;
+    private generateTS;
+    generateUtilTypes(): Promise<unknown[]>;
+    /**
+     * Saves the schema to a file, for use by the VSCode GraphQL extension
+     */
+    private writeSchemaFile;
+}