@langgraph-js/ui 4.0.0 → 4.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langgraph-js/ui",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/vite.config.ts

@@ -2,42 +2,41 @@ import react from "@vitejs/plugin-react";
 import { defineConfig, Plugin } from "vite";
 import basicSsl from "@vitejs/plugin-basic-ssl";
 import tailwindcss from "@tailwindcss/vite";
-import { app } from "@langgraph-js/open-smith/dist/app.js";
 import { Readable } from "stream";
 const OpenSmithPlugin = () =>
     ({
         name: "open-smith",
         configureServer(server) {
-            process.env.NODE_ENV === "development" &&
-                server.middlewares.use("/api/open-smith", async (req, res, next) => {
-                    try {
-                        const body = Readable.toWeb(req);
-                        // Build a compatible Request for Fetch API
-                        const url = `http://localhost${req.url}`;
-                        const fetchRequest = new Request(url, {
-                            method: req.method,
-                            headers: req.headers as any,
-                            body: req.method && !["GET", "HEAD"].includes(req.method.toUpperCase()) && body ? body : undefined,
-                            ...(req.method && !["GET", "HEAD"].includes(req.method.toUpperCase()) && body ? { duplex: "half" as const } : {}),
-                        });
+            server.middlewares.use("/api/open-smith", async (req, res, next) => {
+                const { app } = await import("@langgraph-js/open-smith/dist/app.js");
+                try {
+                    const body = Readable.toWeb(req);
+                    // Build a compatible Request for Fetch API
+                    const url = `http://localhost${req.url}`;
+                    const fetchRequest = new Request(url, {
+                        method: req.method,
+                        headers: req.headers as any,
+                        body: req.method && !["GET", "HEAD"].includes(req.method.toUpperCase()) && body ? body : undefined,
+                        ...(req.method && !["GET", "HEAD"].includes(req.method.toUpperCase()) && body ? { duplex: "half" as const } : {}),
+                    });
 
-                        // Proxy the request to app.basePath handler
-                        const response = await app.basePath("/api/open-smith").fetch(fetchRequest);
+                    // Proxy the request to app.basePath handler
+                    const response = await app.basePath("/api/open-smith").fetch(fetchRequest);
 
-                        // Set status and headers
-                        res.statusCode = response.status;
-                        // @ts-ignore
-                        for (const [key, value] of response.headers.entries()) {
-                            res.setHeader(key, value);
-                        }
-
-                        // Send the response body
-                        const arrayBuffer = await response.arrayBuffer();
-                        res.end(Buffer.from(arrayBuffer));
-                    } catch (error) {
-                        console.log(error);
+                    // Set status and headers
+                    res.statusCode = response.status;
+                    // @ts-ignore
+                    for (const [key, value] of response.headers.entries()) {
+                        res.setHeader(key, value);
                     }
-                });
+
+                    // Send the response body
+                    const arrayBuffer = await response.arrayBuffer();
+                    res.end(Buffer.from(arrayBuffer));
+                } catch (error) {
+                    console.log(error);
+                }
+            });
         },
     }) as Plugin;
 
@@ -45,7 +44,7 @@ const OpenSmithPlugin = () =>
 export default defineConfig(({ mode }) => {
     const isHttps = mode === "https";
     return {
-        plugins: [react(), tailwindcss(), isHttps ? basicSsl() : undefined, OpenSmithPlugin()],
+        plugins: [react(), tailwindcss(), isHttps ? basicSsl() : undefined, process.env.NODE_ENV === "development" && OpenSmithPlugin()],
         resolve: {
             alias: {
                 "@langgraph-js/sdk": new URL("../langgraph-client/src", import.meta.url).pathname,