@cedarjs/vite 5.0.0-canary.13889 → 5.0.0-canary.13892

package/dist/apiDevMiddleware.d.ts

@@ -0,0 +1,15 @@
+import type { ViteDevServer } from 'vite';
+export declare function loadApiFunctions(viteServer: ViteDevServer): Promise<void>;
+export declare function createApiViteServer(): Promise<ViteDevServer>;
+export declare function setupHmrHandlers(viteServer: ViteDevServer): void;
+/**
+ * Creates a fetch-native handler for API requests.
+ * Routes GraphQL to Yoga and Lambda functions to their handlers.
+ */
+export declare function createApiFetchHandler(): (request: Request) => Promise<Response>;
+export declare function startApiDevMiddleware(): Promise<{
+    viteServer: ViteDevServer;
+    close: () => Promise<void>;
+    handler: (request: Request) => Promise<Response>;
+}>;
+//# sourceMappingURL=apiDevMiddleware.d.ts.map

package/dist/apiDevMiddleware.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiDevMiddleware.d.ts","sourceRoot":"","sources":["../src/apiDevMiddleware.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAc,aAAa,EAAE,MAAM,MAAM,CAAA;AA2BrD,wBAAsB,gBAAgB,CAAC,UAAU,EAAE,aAAa,iBAe/D;AA0FD,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,aAAa,CAAC,CAuElE;AA0BD,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,aAAa,GAAG,IAAI,CA0EhE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,KAIrB,SAAS,OAAO,KAAG,OAAO,CAAC,QAAQ,CAAC,CAoEnD;AAED,wBAAsB,qBAAqB,IAAI,OAAO,CAAC;IACrD,UAAU,EAAE,aAAa,CAAA;IACzB,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;CACjD,CAAC,CAcD"}

package/dist/{apiDevServer.js → apiDevMiddleware.js}

@@ -1,12 +1,9 @@
 import { glob } from "node:fs/promises";
 import path from "node:path";
 import { pathToFileURL } from "node:url";
-import fastifyUrlData from "@fastify/url-data";
 import ansis from "ansis";
-import fastify from "fastify";
-import fastifyRawBody from "fastify-raw-body";
-import { createServer as createViteServer, normalizePath } from "vite";
-import { requestHandler } from "@cedarjs/api-server/requestHandlers";
+import { normalizePath } from "vite";
+import { buildCedarContext, wrapLegacyHandler } from "@cedarjs/api/runtime";
 import {
   getApiSideBabelPlugins,
   transformWithBabel
@@ -56,13 +53,6 @@ async function internalLoadApiFunctions(viteServer) {
   } catch {
     srcFunctions = [];
   }
-  const graphqlFunctionIndex = srcFunctions.findIndex(
-    (f) => path.basename(f).startsWith("graphql.")
-  );
-  if (graphqlFunctionIndex > 0) {
-    const [graphqlFn] = srcFunctions.splice(graphqlFunctionIndex, 1);
-    srcFunctions.unshift(graphqlFn);
-  }
   console.log(ansis.dim.italic("Importing Server Functions... "));
   const tsImport = Date.now();
   let extractedGraphqlOptions = null;
@@ -88,7 +78,7 @@ async function internalLoadApiFunctions(viteServer) {
         );
       } else {
         console.warn(
-          `[apiDevServer] No handler export found in function: ${fnPath}`
+          `[apiDevMiddleware] No handler export found in function: ${fnPath}`
         );
       }
       if (routeName === "graphql" && "__rw_graphqlOptions" in mod) {
@@ -97,7 +87,7 @@ async function internalLoadApiFunctions(viteServer) {
     } catch (err) {
       viteServer.ssrFixStacktrace(err);
       console.error(
-        `[apiDevServer] Failed to load function "${routeName}" from ${fnPath}:`,
+        `[apiDevMiddleware] Failed to load function "${routeName}" from ${fnPath}:`,
         err
       );
     }
@@ -106,56 +96,29 @@ async function internalLoadApiFunctions(viteServer) {
   if (extractedGraphqlOptions) {
     const { yoga } = await createGraphQLYoga(extractedGraphqlOptions);
     graphqlYoga = yoga;
+  } else {
+    graphqlYoga = null;
   }
   console.log(
     ansis.dim.italic("...Done importing in " + (Date.now() - tsImport) + " ms")
   );
 }
-function createFetchRequestFromFastify(req) {
-  const requestBody = req.method === "GET" || req.method === "HEAD" ? void 0 : typeof req.body === "string" ? req.body : req.body ? JSON.stringify(req.body) : void 0;
-  const href = `${req.protocol}://${req.host}${req.raw.url ?? "/"}`;
-  return new Request(href, {
-    method: req.method,
-    headers: req.headers,
-    body: requestBody
-  });
-}
-async function startApiDevServer(port) {
+async function createApiViteServer() {
   const cedarPaths = getPaths();
   const cedarConfig = getConfig();
-  const apiPort = port || cedarConfig.api.port || 8911;
-  const apiHost = cedarConfig.api.host || "::";
   const isEsm = projectSideIsEsm("api");
   const normalizedBase = normalizePath(cedarPaths.base);
-  const normalizedApiSrc = normalizePath(cedarPaths.api.src);
-  const normalizedApiBase = normalizePath(cedarPaths.api.base);
-  const viteServer = await createViteDevServer(
-    cedarPaths,
-    cedarConfig,
-    isEsm,
-    normalizedBase
-  );
-  console.log(ansis.dim.italic("Starting API dev server..."));
-  await loadApiFunctions(viteServer);
-  setupHmrHandlers(viteServer, normalizedApiSrc, normalizedApiBase);
-  const app = await createFastifyApp(apiPort, apiHost);
-  const close = async () => {
-    await app.close();
-    await viteServer.close();
-  };
-  return { viteServer, close };
-}
-async function createViteDevServer(cedarPaths, cedarConfig, projectIsEsm, normalizedBase) {
   const babelPlugins = getApiSideBabelPlugins({
     openTelemetry: (cedarConfig.experimental?.opentelemetry?.enabled ?? false) && (cedarConfig.experimental?.opentelemetry?.wrapApi ?? false),
-    projectIsEsm
+    projectIsEsm: isEsm
   });
   const workspacePkgSourceMap = Object.fromEntries(
     Object.entries(getWorkspacePackageAliases(cedarPaths, cedarConfig)).map(
       ([name, sourceFile]) => [name, normalizePath(sourceFile)]
     )
   );
-  const viteServer = await createViteServer({
+  const { createServer: createViteServer } = await import("vite");
+  return createViteServer({
     configFile: false,
     root: cedarPaths.api.base,
     appType: "custom",
@@ -165,10 +128,6 @@ async function createViteDevServer(cedarPaths, cedarConfig, projectIsEsm, normal
       middlewareMode: true
     },
     resolve: {
-      // Map workspace package names directly to their TypeScript source entry
-      // files. This is processed by Vite's built-in alias plugin (enforce:
-      // 'pre') which runs before vite:resolve and correctly intercepts imports
-      // in the SSR module runner context.
       alias: workspacePkgSourceMap
     },
     plugins: [
@@ -203,7 +162,6 @@ async function createViteDevServer(cedarPaths, cedarConfig, projectIsEsm, normal
       }
     ]
   });
-  return viteServer;
 }
 function invalidateApiModules(viteServer, normalizedApiSrc) {
   const invalidated = /* @__PURE__ */ new Set();
@@ -223,7 +181,10 @@ function invalidateApiModules(viteServer, normalizedApiSrc) {
     }
   }
 }
-function setupHmrHandlers(viteServer, normalizedApiSrc, normalizedApiBase) {
+function setupHmrHandlers(viteServer) {
+  const cedarPaths = getPaths();
+  const normalizedApiSrc = normalizePath(cedarPaths.api.src);
+  const normalizedApiBase = normalizePath(cedarPaths.api.base);
   viteServer.watcher.on("change", async (filePath) => {
     const normalizedFilePath = normalizePath(filePath);
     if (!normalizedFilePath.startsWith(normalizedApiSrc)) {
@@ -276,60 +237,79 @@ function setupHmrHandlers(viteServer, normalizedApiSrc, normalizedApiBase) {
     await loadApiFunctions(viteServer);
   });
 }
-async function createFastifyApp(apiPort, apiHost) {
-  const logLevel = process.env.NODE_ENV === "development" ? "debug" : "info";
-  const app = fastify({ logger: { level: logLevel } });
-  await app.register(fastifyRawBody);
-  app.register(fastifyUrlData);
-  app.addContentTypeParser(
-    ["application/x-www-form-urlencoded", "multipart/form-data"],
-    { parseAs: "string" },
-    app.defaultTextParser
-  );
-  const lambdaRequestHandler = async (req, reply) => {
-    const { routeName } = req.params;
+function createApiFetchHandler() {
+  const cedarConfig = getConfig();
+  const apiUrlPrefix = cedarConfig.web.apiUrl.replace(/\/$/, "");
+  return async (request) => {
+    const url = new URL(request.url);
+    let pathname = url.pathname;
+    if (pathname.startsWith(apiUrlPrefix + "/")) {
+      pathname = pathname.slice(apiUrlPrefix.length);
+    } else if (pathname === apiUrlPrefix) {
+      pathname = "/";
+    }
+    if (pathname === "/graphql" || pathname.startsWith("/graphql/")) {
+      if (!graphqlYoga) {
+        return new Response(
+          JSON.stringify({ error: "GraphQL Yoga instance not initialized" }),
+          { status: 503, headers: { "Content-Type": "application/json" } }
+        );
+      }
+      const yoga = graphqlYoga;
+      return getAsyncStoreInstance().run(/* @__PURE__ */ new Map(), async () => {
+        return yoga.handle(request, { request });
+      });
+    }
+    const match = pathname.match(/^\/([^/]+)(?:\/.*)?$/);
+    if (!match) {
+      return new Response("Not Found", { status: 404 });
+    }
+    const routeName = match[1];
     const handler = LAMBDA_FUNCTIONS[routeName];
     if (!handler) {
-      const errorMessage = `Function "${routeName}" was not found.`;
-      req.log.error(errorMessage);
-      reply.status(404);
-      reply.send({
-        error: errorMessage,
-        availableFunctions: Object.keys(LAMBDA_FUNCTIONS)
+      return new Response(
+        JSON.stringify({
+          error: `Function "${routeName}" was not found.`,
+          availableFunctions: Object.keys(LAMBDA_FUNCTIONS)
+        }),
+        { status: 404, headers: { "Content-Type": "application/json" } }
+      );
+    }
+    try {
+      const ctx = await buildCedarContext(request, {
+        params: { routeName }
       });
-      return;
+      const cedarHandler = wrapLegacyHandler(handler);
+      return await cedarHandler(request, ctx);
+    } catch (err) {
+      console.error(
+        `[apiDevMiddleware] Error handling function "${routeName}":`,
+        err
+      );
+      return new Response(
+        JSON.stringify({
+          error: err instanceof Error ? err.message : "Internal Server Error"
+        }),
+        { status: 500, headers: { "Content-Type": "application/json" } }
+      );
     }
-    return requestHandler(req, reply, handler);
   };
-  const graphqlHandler = async (req, reply) => {
-    if (!graphqlYoga) {
-      return reply.status(503).send({ error: "GraphQL Yoga instance not initialized" });
-    }
-    const request = createFetchRequestFromFastify(req);
-    const yoga = graphqlYoga;
-    const response = await getAsyncStoreInstance().run(/* @__PURE__ */ new Map(), async () => {
-      return yoga.handle(request, { req, reply });
-    });
-    return response;
+}
+async function startApiDevMiddleware() {
+  const viteServer = await createApiViteServer();
+  console.log(ansis.dim.italic("Starting API dev server..."));
+  await loadApiFunctions(viteServer);
+  setupHmrHandlers(viteServer);
+  const close = async () => {
+    await viteServer.close();
   };
-  app.all("/graphql", graphqlHandler);
-  app.all("/graphql/*", graphqlHandler);
-  app.all("/:routeName", lambdaRequestHandler);
-  app.all("/:routeName/*", lambdaRequestHandler);
-  app.addHook("onListen", (done) => {
-    const addr = app.server.address();
-    const listenPort = addr && typeof addr === "object" ? addr.port : apiPort;
-    console.log(
-      `API dev server listening at ${ansis.magenta(`http://localhost:${listenPort}/`)}`
-    );
-    console.log(
-      `GraphQL endpoint at ${ansis.magenta(`http://localhost:${listenPort}/graphql`)}`
-    );
-    done();
-  });
-  await app.listen({ port: apiPort, host: apiHost });
-  return app;
+  const handler = createApiFetchHandler();
+  return { viteServer, close, handler };
 }
 export {
-  startApiDevServer
+  createApiFetchHandler,
+  createApiViteServer,
+  loadApiFunctions,
+  setupHmrHandlers,
+  startApiDevMiddleware
 };

package/dist/build/build.d.ts

@@ -1,3 +1,4 @@
+export { buildCedarApp } from '../buildApp.js';
 interface BuildOptions {
     verbose?: boolean;
 }
@@ -6,5 +7,4 @@ interface BuildOptions {
  * because we want to set the process.cwd to web.base
  */
 export declare const buildWeb: ({ verbose }: BuildOptions) => Promise<import("rollup").RollupOutput | import("rollup").RollupOutput[] | import("rollup").RollupWatcher>;
-export {};
 //# sourceMappingURL=build.d.ts.map

package/dist/build/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/build/build.ts"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAU,aAAa,YAAY,8GAoBvD,CAAA"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/build/build.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAU,aAAa,YAAY,8GAoBvD,CAAA"}

package/dist/build/build.js

@@ -1,4 +1,5 @@
 import { getPaths } from "@cedarjs/project-config";
+import { buildCedarApp } from "../buildApp.js";
 const buildWeb = async ({ verbose }) => {
   const { build } = await import("vite");
   const viteConfig = getPaths().web.viteConfig;
@@ -17,5 +18,6 @@ const buildWeb = async ({ verbose }) => {
   });
 };
 export {
+  buildCedarApp,
   buildWeb
 };

package/dist/buildApp.d.ts

@@ -0,0 +1,15 @@
+export interface BuildCedarAppOptions {
+    verbose?: boolean;
+    workspace?: string[];
+}
+/**
+ * Unified build for Cedar apps using Vite's builder API.
+ *
+ * Declares `client` and `api` environments and builds them in a single
+ * orchestrated pass. The web client is built from the project's web Vite
+ * config. The API is built as an SSR environment with Babel transforms and
+ * `src/` import redirection so it resolves correctly even though the builder
+ * root is the web source directory.
+ */
+export declare function buildCedarApp({ verbose, workspace, }?: BuildCedarAppOptions): Promise<void>;
+//# sourceMappingURL=buildApp.d.ts.map

package/dist/buildApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildApp.d.ts","sourceRoot":"","sources":["../src/buildApp.ts"],"names":[],"mappings":"AA4BA,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAsB,aAAa,CAAC,EAClC,OAAe,EACf,SAA0B,GAC3B,GAAE,oBAAyB,iBA+J3B"}

package/dist/buildApp.js

@@ -0,0 +1,150 @@
+import fs from "node:fs";
+import path from "node:path";
+import { createBuilder, normalizePath } from "vite";
+import {
+  getApiSideBabelPlugins,
+  transformWithBabel
+} from "@cedarjs/babel-config";
+import { findApiFiles } from "@cedarjs/internal/dist/files.js";
+import { getConfig, getPaths, projectSideIsEsm } from "@cedarjs/project-config";
+import { getWorkspacePackageAliases } from "./lib/workspacePackageAliases.js";
+function resolveWithExtensions(id) {
+  if (fs.existsSync(id)) {
+    return id;
+  }
+  for (const ext of [".js", ".ts", ".jsx", ".tsx", ".mjs", ".mts"]) {
+    const withExt = id + ext;
+    if (fs.existsSync(withExt)) {
+      return withExt;
+    }
+  }
+  return id;
+}
+async function buildCedarApp({
+  verbose = false,
+  workspace = ["api", "web"]
+} = {}) {
+  const cedarPaths = getPaths();
+  const cedarConfig = getConfig();
+  const environments = {};
+  if (workspace.includes("web")) {
+    environments.client = {
+      build: {
+        outDir: cedarPaths.web.dist
+      }
+    };
+  }
+  if (workspace.includes("api")) {
+    const isEsm = projectSideIsEsm("api");
+    const format = isEsm ? "es" : "cjs";
+    const apiFiles = findApiFiles();
+    const input = {};
+    for (const f of apiFiles) {
+      const key = path.relative(cedarPaths.api.src, f).replace(/\.(ts|tsx|mts|js|jsx|mjs)$/, "");
+      input[key] = f;
+    }
+    environments.api = {
+      build: {
+        ssr: true,
+        sourcemap: true,
+        outDir: cedarPaths.api.dist,
+        emptyOutDir: true,
+        rollupOptions: {
+          input,
+          output: {
+            format,
+            preserveModules: true,
+            preserveModulesRoot: cedarPaths.api.src,
+            entryFileNames: "[name].js"
+          },
+          external: (id) => {
+            if (id.startsWith("node:")) {
+              return true;
+            }
+            if (!id.startsWith(".") && !path.isAbsolute(id)) {
+              return true;
+            }
+            return false;
+          }
+        }
+      }
+    };
+  }
+  const babelPlugins = workspace.includes("api") ? getApiSideBabelPlugins({
+    openTelemetry: (cedarConfig.experimental?.opentelemetry?.enabled ?? false) && (cedarConfig.experimental?.opentelemetry?.wrapApi ?? false),
+    projectIsEsm: projectSideIsEsm("api")
+  }) : null;
+  const workspacePkgSourceMap = workspace.includes("api") ? Object.fromEntries(
+    Object.entries(getWorkspacePackageAliases(cedarPaths, cedarConfig)).map(
+      ([name, sourceFile]) => [name, normalizePath(sourceFile)]
+    )
+  ) : {};
+  const plugins = [
+    {
+      name: "cedar-build-app-cleanup",
+      configResolved(config) {
+        if (!workspace.includes("web") && config.environments.client) {
+          delete config.environments.client;
+        }
+        if (!environments.ssr && config.environments.ssr) {
+          delete config.environments.ssr;
+        }
+      }
+    }
+  ];
+  if (workspace.includes("api")) {
+    plugins.push({
+      name: "cedar-api-src-redirect",
+      enforce: "pre",
+      resolveId(id, importer) {
+        if (!importer?.startsWith(cedarPaths.api.src)) {
+          return null;
+        }
+        if (id.startsWith("src/")) {
+          return resolveWithExtensions(
+            path.join(cedarPaths.api.src, id.slice(4))
+          );
+        }
+        return null;
+      }
+    });
+    if (babelPlugins) {
+      plugins.push({
+        name: "cedar-vite-api-babel-transform",
+        async transform(_code, id) {
+          if (!/\.(js|ts|tsx|jsx)$/.test(id)) {
+            return null;
+          }
+          if (id.includes("node_modules")) {
+            return null;
+          }
+          if (!normalizePath(id).startsWith(normalizePath(cedarPaths.api.base))) {
+            return null;
+          }
+          const transformedCode = await transformWithBabel(id, babelPlugins);
+          if (transformedCode?.code) {
+            return {
+              code: transformedCode.code,
+              map: transformedCode.map ?? null
+            };
+          }
+          return null;
+        }
+      });
+    }
+  }
+  const builder = await createBuilder({
+    configFile: cedarPaths.web.viteConfig,
+    envFile: false,
+    logLevel: verbose ? "info" : "warn",
+    environments,
+    resolve: {
+      alias: workspacePkgSourceMap
+    },
+    plugins
+  });
+  return builder.buildApp();
+}
+export {
+  buildCedarApp
+};

package/dist/cedar-unified-dev.js

@@ -1,9 +1,18 @@
 #!/usr/bin/env node
+import { createServerAdapter } from "@whatwg-node/server";
 import { createServer } from "vite";
 import yargsParser from "yargs-parser";
 import { getPaths, getConfig } from "@cedarjs/project-config";
-import { startApiDevServer } from "./apiDevServer.js";
+import { startApiDevMiddleware } from "./apiDevMiddleware.js";
+function isViteInternalRequest(url) {
+  const pathname = url.split("?")[0];
+  return pathname.startsWith("/@") || pathname.startsWith("/__vite") || pathname.startsWith("/__hmr");
+}
+function isApiRequest(url, apiUrl, apiGqlUrl) {
+  return url === apiUrl || url.startsWith(apiUrl + "/") || url.startsWith(apiUrl + "?") || url === apiGqlUrl || url.startsWith(apiGqlUrl + "/") || url.startsWith(apiGqlUrl + "?");
+}
 const startUnifiedDevServer = async () => {
+  process.env.__CEDAR_UNIFIED_DEV = "true";
   const rwPaths = getPaths();
   const cedarConfig = getConfig();
   const configFile = rwPaths.web.viteConfig;
@@ -14,7 +23,7 @@ const startUnifiedDevServer = async () => {
     force: forceOptimize,
     debug,
     port: portArg,
-    apiPort: apiPortArg,
+    apiPort: _apiPortArg,
     _: _positional,
     ...serverArgs
   } = yargsParser(process.argv.slice(2), {
@@ -22,8 +31,8 @@ const startUnifiedDevServer = async () => {
     number: ["port", "apiPort"]
   });
   const webPort = portArg ?? cedarConfig.web.port ?? 8910;
-  const apiPort = apiPortArg ?? cedarConfig.api.port ?? 8911;
-  const { close: closeApi } = await startApiDevServer(apiPort);
+  const { close: closeApi, handler: apiHandler } = await startApiDevMiddleware();
+  const apiAdapter = createServerAdapter(apiHandler);
   const devServer = await createServer({
     configFile,
     // env file is handled by Cedar's plugins
@@ -36,7 +45,52 @@ const startUnifiedDevServer = async () => {
       port: webPort,
       ...serverArgs
     },
-    logLevel: debug ? "info" : void 0
+    logLevel: debug ? "info" : void 0,
+    plugins: [
+      {
+        name: "cedar-api-middleware",
+        apply: "serve",
+        configureServer(server) {
+          const apiUrl = cedarConfig.web.apiUrl.replace(/\/$/, "");
+          const apiGqlUrl = cedarConfig.web.apiGraphQLUrl ?? apiUrl + "/graphql";
+          server.middlewares.use(
+            async (req, res, next) => {
+              const url = req.url ?? "/";
+              if (isViteInternalRequest(url)) {
+                return next();
+              }
+              if (!isApiRequest(url, apiUrl, apiGqlUrl)) {
+                return next();
+              }
+              try {
+                await apiAdapter(req, res);
+              } catch (err) {
+                console.error(
+                  "[cedar-api-middleware] Error handling API request:",
+                  err
+                );
+                if (!res.headersSent) {
+                  res.writeHead(500, { "Content-Type": "application/json" });
+                }
+                res.end(
+                  JSON.stringify(
+                    {
+                      errors: [
+                        {
+                          message: err instanceof Error ? err.message : "Internal Server Error"
+                        }
+                      ]
+                    },
+                    null,
+                    2
+                  )
+                );
+              }
+            }
+          );
+        }
+      }
+    ]
   });
   await devServer.listen();
   process.stdin.on("data", async (data) => {