Reads data from .env (#7357)

rnd/autogpt_builder/next.config.js

@@ -0,0 +1,8 @@
+const dotenv = require('dotenv');
+dotenv.config();
+
+module.exports = {
+  env: {
+    AGPT_SERVER_URL: process.env.AGPT_SERVER_URL,
+  },
+};

rnd/autogpt_builder/package.json

@@ -13,6 +13,7 @@
     "@radix-ui/react-slot": "^1.1.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "dotenv": "^16.4.5",
     "next": "14.2.4",
     "next-themes": "^0.3.0",
     "react": "^18",

rnd/autogpt_builder/src/components/Flow.tsx

@@ -73,7 +73,7 @@ const FlowEditor: React.FC<{ flowID?: string }> = ({ flowID }) => {
   const [agentName, setAgentName] = useState<string>('');
   const [agentDescription, setAgentDescription] = useState<string>('');
 
-  const apiUrl = 'http://localhost:8000';
+  const apiUrl = process.env.AGPT_SERVER_URL!;
   const api = new AutoGPTServerAPI(apiUrl);
 
   useEffect(() => {