finishing touches on Render documentation

mieslep · mieslep · commit 7acbc840c853 · 2024-08-13T14:03:27.000+01:00
diff --git a/README.md b/README.md
@@ -133,7 +133,8 @@ From here you can simply click this button:
 
 [![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://render.com/deploy?repo=https%3A%2F%2Fgithub.com%2FDataStax-Examples%2Flangflow-demo-prod%2Ftree%2Fmain)
 
-You can find more extensive options and information about configuring the blueprint for things like scaling in the [Render documentation](https://docs.render.com/blueprint-spec).
+Note you'll need to use the Standard plan, as 512 MB of memory is insufficient for Langflow. You can find more extensive options 
+and information about configuring the blueprint for things like scaling in the [Render documentation](https://docs.render.com/blueprint-spec).
 
 ## Kubernetes (with Helm)
 
diff --git a/example.html b/example.html
@@ -34,6 +34,11 @@
     </style>
 </head>
 <body>
+    <div>
+        <input type="text" id="hostUrlInput" placeholder="Enter new host URL" value="http://localhost:7860">
+        <button onclick="updateHostUrl()">Update Host URL</button>
+    </div>
+    
     <div>
         <input type="text" id="labelInput" placeholder="Label for new session">
         <button onclick="addSession()">Add Session</button>
@@ -83,6 +88,16 @@
     <script src="https://cdn.jsdelivr.net/npm/uuid@8.3.2/dist/umd/uuid.min.js"></script>
     <script src="https://cdn.jsdelivr.net/gh/logspace-ai/langflow-embedded-chat@v1.0.5/dist/build/static/js/bundle.min.js"></script>
     <script>
+        function updateHostUrl() {
+            const newUrl = document.getElementById('hostUrlInput').value;
+            if (newUrl) { // Check if the URL is not empty
+                const chatComponents = document.querySelectorAll('langflow-chat');
+                chatComponents.forEach(chat => {
+                    chat.setAttribute('host_url', newUrl);
+                });
+            }
+        }
+
         let sessions = JSON.parse(localStorage.getItem('sessions')) || [{'label': 'initial', 'id': uuid.v4()}];
         localStorage.setItem('sessions', JSON.stringify(sessions)); // Initialize or re-save
     
@@ -159,6 +174,7 @@
     
         window.onload = function() {
             populateSessionTable();
+            updateHostUrl();
         };
     </script>
 </body>
