able to config frontend via window object

47c3405f · thucpn · 24fd6c94 · 47c3405f · 47c3405f · 47c3405f
Commit 47c3405f authored 4 days ago by thucpn
--- a/packages/server/next/app/env.ts
+++ b/packages/server/next/app/env.ts
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"use client";
+
+/**
+ * A helper function to get environment variables from the window object
+ * @param name - The name of the environment variable to get
+ * @returns The value of the environment variable
+ */
+export const getEnv = (name: string) => {
+  if (typeof window === "undefined") return undefined;
+  return (window as any).LLAMAINDEX[name];
+};
--- a/packages/server/next/app/layout.tsx
+++ b/packages/server/next/app/layout.tsx
@@ -14,6 +14,7 @@ export default function RootLayout({
  return (
    <html lang="en">
      <body>{children}</body>
+      <script async src="./config.js"></script>
    </html>
  );
 }
--- a/packages/server/next/app/page.tsx
+++ b/packages/server/next/app/page.tsx
 "use client";
 import { ChatSection } from "@llamaindex/chat-ui";
 import { useChat } from "ai/react";
+import { getEnv } from "./env";

 export default function Page() {
-  const handler = useChat();
+  const handler = useChat({ api: getEnv("CHAT_API") });
  return (
-    <div className="h-screen flex items-center justify-center">
+    <div className="flex h-screen items-center justify-center">
      <ChatSection
-        className="h-[72vh] w-[72vw] shadow-2xl rounded-2xl"
+        className="h-[72vh] w-[72vw] rounded-2xl shadow-2xl"
        handler={handler}
      />
    </div>

--- a/packages/server/next/next.config.ts
+++ b/packages/server/next/next.config.ts
@@ -2,6 +2,7 @@ import type { NextConfig } from "next";

 const nextConfig: NextConfig = {
  distDir: "../.next",
+  output: "export",
 };

 export default nextConfig;
--- a/packages/server/next/public/config.js
+++ b/packages/server/next/public/config.js
+window.LLAMAINDEX = {
+  CHAT_API: "http://localhost:3000/api/chat",
+};
--- a/packages/server/src/types.ts
+++ b/packages/server/src/types.ts
@@ -21,6 +21,7 @@ export type AgentInput = {
 */
 export type ServerWorkflow =
  | Workflow<null, AgentInput, ChatResponseChunk>
+  // | Workflow<AgentWorkflowContext, AgentInputData, string>
  | AgentWorkflow;

 /**