Merge branch 'dev' into gpt4

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "langflow"
-version = "0.0.41"
+version = "0.0.42"
 description = "A Python package with a built-in web application"
 authors = ["Logspace <contact@logspace.ai>"]
 packages = [

src/backend/langflow/__main__.py

@@ -7,6 +7,9 @@ from langflow.main import create_app
 import typer
 from fastapi.staticfiles import StaticFiles
 from pathlib import Path
+import logging
+
+logger = logging.getLogger(__name__)
 
 
 def get_number_of_workers(workers=None):
@@ -23,7 +26,14 @@ def replace_port(static_files_dir, host, port):
     # we need to set the base url to the port that the server is running on
     # so that the frontend can make requests to the backend
     # This is a hacky way to do it, but it works
-    new_string = f'setItem("port","http://{host}:{port}")'
+
+    # Check if the host is http or https
+    logger.info(f"host: {host}")
+    logger.info(f"port: {port}")
+    url = f"{host}:{port}" if "http" in host else f"http://{host}:{port}"
+    logger.info(f"url: {url}")
+    new_string = f'setItem("port","{url}")'
+
     with open(static_files_dir / "index.html", "r") as f:
         index_html = f.read()
         # using regex to replace the port

src/frontend/package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "langflow",
-    "version": "0.1.1",
+    "version": "0.1.2",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "langflow",
-            "version": "0.1.1",
+            "version": "0.1.2",
             "dependencies": {
                 "@emotion/react": "^11.10.5",
                 "@emotion/styled": "^11.10.5",
@@ -17080,9 +17080,9 @@
             }
         },
         "node_modules/webpack": {
-            "version": "5.75.0",
-            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.75.0.tgz",
-            "integrity": "sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==",
+            "version": "5.76.2",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.2.tgz",
+            "integrity": "sha512-Th05ggRm23rVzEOlX8y67NkYCHa9nTNcwHPBhdg+lKG+mtiW7XgggjAeeLnADAe7mLjJ6LUNfgHAuRRh+Z6J7w==",
             "dependencies": {
                 "@types/eslint-scope": "^3.7.3",
                 "@types/estree": "^0.0.51",

src/frontend/package.json

@@ -1,6 +1,6 @@
 {
     "name": "langflow",
-    "version": "0.1.1",
+    "version": "0.1.2",
     "private": true,
     "dependencies": {
         "@emotion/react": "^11.10.5",
@@ -53,5 +53,6 @@
             "last 1 firefox version",
             "last 1 safari version"
         ]
-    }
+    },
+    "proxy": "http://localhost:7860"
 }

src/frontend/public/index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
     <title>LangFLow</title>
     <script>
         window.sessionStorage.setItem("port","http://localhost:7860")

src/frontend/src/controllers/NodesServices/index.ts

@@ -1,13 +1,11 @@
 import { APIObjectType, sendAllProps } from '../../types/api/index';
 import axios, { AxiosResponse } from "axios";
 
-const backendUrl = window.sessionStorage.getItem('port') || "http://localhost:7860";
-
 export async function getAll():Promise<AxiosResponse<APIObjectType>> {
-    return await axios.get(`${backendUrl}/all`);
+    return await axios.get(`/all`);
 }
 
 export async function sendAll(data:sendAllProps) {
     console.log(data);
-    return await axios.post(`${backendUrl}/predict`, data);
+    return await axios.post(`/predict`, data);
 }