Fix: Typos Across Backend and Frontend Codebase

scripts/ci/pypi_nightly_tag.py

@@ -50,7 +50,7 @@ def create_tag(build_type: str):
 
     new_nightly_version = latest_base_version + ".dev" + build_number
 
-    # Prepend "v" to the version, if DNE.
+    # Prepend "v" to the version, if DONE.
     # This is an update to the nightly version format.
     if not new_nightly_version.startswith("v"):
         new_nightly_version = "v" + new_nightly_version

src/backend/base/langflow/base/data/base_file.py

@@ -125,7 +125,7 @@ def __init__(self, *args, **kwargs):
             display_name="Server File Path",
             info=(
                 f"Data object with a '{SERVER_FILE_PATH_FIELDNAME}' property pointing to server file"
-                " or a Message object with a path to the file. Supercedes 'Path' but supports same file types."
+                " or a Message object with a path to the file. Supersedes 'Path' but supports same file types."
             ),
             required=False,
             input_types=["Data", "Message"],

src/backend/base/langflow/components/data/url.py

@@ -12,7 +12,7 @@
 
 class URLComponent(Component):
     display_name = "URL"
-    description = "Load and retrive data from specified URLs."
+    description = "Load and retrieve data from specified URLs."
     icon = "layout-template"
     name = "URL"
 

src/backend/base/langflow/components/processing/filter_data_values.py

@@ -9,7 +9,7 @@ class DataFilterComponent(Component):
     display_name = "Filter Values"
     description = (
         "Filter a list of data items based on a specified key, filter value,"
-        " and comparison operator. Check advanced options to select match comparision."
+        " and comparison operator. Check advanced options to select match comparison."
     )
     icon = "filter"
     beta = True

src/backend/base/langflow/components/tools/astradb.py

@@ -72,7 +72,7 @@ class AstraDBToolComponent(LCToolComponent):
         ),
         DictInput(
             name="static_filters",
-            info="Attributes to filter and correspoding value",
+            info="Attributes to filter and corresponding value",
             display_name="Static filters",
             advanced=True,
             is_list=True,

src/backend/base/langflow/components/vectorstores/astradb.py

@@ -149,7 +149,7 @@ class NewCollectionInput:
         StrInput(
             name="api_endpoint",
             display_name="Astra DB API Endpoint",
-            info="The API Endpoint for the Astra DB instance. Supercedes database selection.",
+            info="The API Endpoint for the Astra DB instance. Supersedes database selection.",
             advanced=True,
         ),
         DropdownInput(

src/backend/base/langflow/components/vectorstores/redis.py

@@ -48,7 +48,7 @@ def build_vector_store(self) -> Redis:
                 documents.append(_input.to_lc_document())
             else:
                 documents.append(_input)
-        Path("docuemnts.txt").write_text(str(documents), encoding="utf-8")
+        Path("documents.txt").write_text(str(documents), encoding="utf-8")
 
         if not documents:
             if self.schema is None:

src/backend/base/langflow/components/vectorstores/vectara_rag.py

@@ -36,7 +36,7 @@ class VectaraRagComponent(Component):
         "rus",
         "tur",
         "fas",
-        "vie",
+        "via",
         "tha",
         "heb",
         "nld",

src/backend/base/langflow/components/vectorstores/vectara_self_query.py

@@ -21,7 +21,7 @@ class VectaraSelfQueryRetriverComponent(CustomComponent):
 
     field_config = {
         "code": {"show": True},
-        "vectorstore": {"display_name": "Vector Store", "info": "Input Vectara Vectore Store"},
+        "vectorstore": {"display_name": "Vector Store", "info": "Input Vectara Vector Store"},
         "llm": {"display_name": "LLM", "info": "For self query retriever"},
         "document_content_description": {
             "display_name": "Document Content Description",

src/backend/base/langflow/graph/graph/ascii.py

@@ -125,15 +125,15 @@ def box(self, x0, y0, width, height) -> None:
         self.point(x0 + width, y0 + height, "+")
 
 
-def build_sugiyama_layout(vertexes, edges):
-    vertexes = {v: GrandalfVertex(v) for v in vertexes}
-    edges = [GrandalfEdge(vertexes[s], vertexes[e]) for s, e in edges]
-    graph = GrandalfGraph(vertexes.values(), edges)
+def build_sugiyama_layout(vertices, edges):
+    vertices = {v: GrandalfVertex(v) for v in vertices}
+    edges = [GrandalfEdge(vertices[s], vertices[e]) for s, e in edges]
+    graph = GrandalfGraph(vertices.values(), edges)
 
-    for vertex in vertexes.values():
+    for vertex in vertices.values():
         vertex.view = VertexViewer(vertex.data)
 
-    minw = min(v.view.w for v in vertexes.values())
+    minw = min(v.view.w for v in vertices.values())
 
     for edge in edges:
         edge.view = EdgeViewer()
@@ -150,9 +150,9 @@ def build_sugiyama_layout(vertexes, edges):
     return sug
 
 
-def draw_graph(vertexes, edges, *, return_ascii=True):
+def draw_graph(vertices, edges, *, return_ascii=True):
     """Build a DAG and draw it in ASCII."""
-    sug = build_sugiyama_layout(vertexes, edges)
+    sug = build_sugiyama_layout(vertices, edges)
 
     xlist = []
     ylist = []

src/backend/base/langflow/graph/graph/base.py

@@ -2059,7 +2059,7 @@ def __to_dict(self) -> dict[str, dict[str, list[str]]]:
         result: dict = {}
         for vertex in self.vertices:
             vertex_id = vertex.id
-            sucessors = [i.id for i in self.get_all_successors(vertex)]
+            successors = [i.id for i in self.get_all_successors(vertex)]
             predecessors = [i.id for i in self.get_predecessors(vertex)]
-            result |= {vertex_id: {"successors": sucessors, "predecessors": predecessors}}
+            result |= {vertex_id: {"successors": successors, "predecessors": predecessors}}
         return result

src/backend/base/langflow/schema/data.py

@@ -221,7 +221,7 @@ def __dir__(self):
         return super().__dir__() + list(self.data.keys())
 
     def __str__(self) -> str:
-        # return a JSON string representation of the Data atributes
+        # return a JSON string representation of the Data attributes
         try:
             data = {k: v.to_json() if hasattr(v, "to_json") else v for k, v in self.data.items()}
             return serialize_data(data)  # use the custom serializer

src/backend/base/langflow/services/tracing/langfuse.py

@@ -58,7 +58,7 @@ def setup_langfuse(self, config) -> bool:
     @override
     def add_trace(
         self,
-        trace_id: str,  # actualy component id
+        trace_id: str,  # actually component id
         trace_name: str,
         trace_type: str,
         inputs: dict[str, Any],

src/backend/tests/conftest.py

@@ -114,7 +114,7 @@ def pytest_configure(config):
     pytest.LOOP_TEST = data_path / "LoopTest.json"
     pytest.CODE_WITH_SYNTAX_ERROR = """
 def get_text():
-    retun "Hello World"
+    return "Hello World"
     """
 
     # validate that all the paths are correct and the files exist

src/backend/tests/unit/base/tools/test_toolmodemixin.py

@@ -136,7 +136,7 @@ def test_component_inputs_toolkit():
         "message_input": {"title": "Message Input", "description": "Input for message objects."},
         "message_text_input": {"title": "Message Text Input", "description": "Input for message text."},
         "multiline_input": {"title": "Multiline Input", "description": "Input for multiline text."},
-        # TODO: to check how the title is generated, Shouldnt it  be the display name?
+        # TODO: to check how the title is generated, Shouldn't it  be the display name?
         "int_input": {"title": "Int Input", "description": "Input for integer values."},
         "float_input": {"title": "Float Input", "description": "Input for float values."},
         "bool_input": {"title": "Bool Input", "description": "Input for boolean values."},

src/backend/tests/unit/graph/graph/test_utils.py

@@ -74,7 +74,7 @@ def test_sort_up_to_vertex_n_is_start(graph):
     vertex_id = "N"
 
     result = utils.sort_up_to_vertex(graph, vertex_id, is_start=True)
-    # Result shoud be all the vertices
+    # Result should be all the vertices
     assert set(result) == set(graph.keys())
 
 

src/frontend/src/components/core/parameterRenderComponent/components/keypairListComponent/index.tsx

@@ -124,17 +124,17 @@ const KeypairListComponent = ({
     Object.keys(obj).map((key, idx) => (
       <div key={idx} className="flex w-full items-center gap-2">
         <Input
-          data-testid={getTestId("keypair", index)}
-          id={getTestId("keypair", index)}
+          data-testid={getTestId("key pair", index)}
+          id={getTestId("key pair", index)}
           type="text"
           value={key.trim()}
           className={getInputClassName(editNode, duplicateKey)}
           placeholder="Type key..."
           onChange={(event) => handleChangeKey(event, index)}
         />
         <Input
-          data-testid={getTestId("keypair", index + 100)}
-          id={getTestId("keypair", index + 100)}
+          data-testid={getTestId("key pair", index + 100)}
+          id={getTestId("key pair", index + 100)}
           type="text"
           disabled={disabled}
           value={obj[key]}

src/frontend/src/constants/constants.ts

@@ -183,7 +183,7 @@ export const CSVViewErrorTitle = "CSV output";
 
 export const CSVNoDataError = "No data available";
 
-export const PDFViewConstant = "Expand the ouptut to see the PDF";
+export const PDFViewConstant = "Expand the output to see the PDF";
 
 export const CSVError = "Error loading CSV";
 
@@ -691,16 +691,16 @@ export const TOOLTIP_HIDDEN_OUTPUTS = "Collapse hidden outputs";
 
 export const ZERO_NOTIFICATIONS = "No new notifications";
 
-export const SUCCESS_BUILD = "Built sucessfully ✨";
+export const SUCCESS_BUILD = "Built successfully ✨";
 
 export const ALERT_SAVE_WITH_API =
   "Caution: Unchecking this box only removes API keys from fields specifically designated for API keys.";
 
 export const SAVE_WITH_API_CHECKBOX = "Save with my API keys";
 export const EDIT_TEXT_MODAL_TITLE = "Edit Text";
 export const EDIT_TEXT_PLACEHOLDER = "Type message here.";
-export const INPUT_HANDLER_HOVER = "Avaliable input components:";
-export const OUTPUT_HANDLER_HOVER = "Avaliable output components:";
+export const INPUT_HANDLER_HOVER = "Available input components:";
+export const OUTPUT_HANDLER_HOVER = "Available output components:";
 export const TEXT_INPUT_MODAL_TITLE = "Inputs";
 export const OUTPUTS_MODAL_TITLE = "Outputs";
 export const LANGFLOW_CHAT_TITLE = "Langflow Chat";

src/frontend/src/constants/enums.ts

@@ -23,7 +23,7 @@ export enum InputOutput {
 export enum IOInputTypes {
   TEXT = "TextInput",
   FILE_LOADER = "FileLoader",
-  KEYPAIR = "KeyPairInput",
+  KEY PAIR = "KeyPairInput",
   JSON = "JsonInput",
   STRING_LIST = "StringListInput",
 }

src/frontend/src/controllers/API/queries/files/use-download-files.ts

@@ -14,7 +14,7 @@ export const useGetDownloadFileMutation: useMutationFunctionType<
 
   const getDownloadImagesFn = async () => {
     if (!params) return;
-    // need to use fetch because axios convert blob data to string, and this convertion can corrupt the file
+    // need to use fetch because axios convert blob data to string, and this conversion can corrupt the file
     const response = await fetch(`${getURL("FILES")}/download/${params.path}`, {
       headers: {
         Accept: "*/*",

src/frontend/src/modals/IOModal/components/IOFieldView/components/csv-selected.tsx

@@ -11,7 +11,7 @@ export default function CsvSelect({ node, handleChangeSelect }): JSX.Element {
   return (
     <>
       <div className="flex justify-between">
-        Expand the ouptut to see the CSV
+        Expand the output to see the CSV
       </div>
       <div className="flex items-center justify-between pt-5">
         <span>CSV separator </span>

src/frontend/src/modals/IOModal/components/IOFieldView/io-field-view.tsx

@@ -103,7 +103,7 @@ export default function IOFieldView({
               />
             );
 
-          case IOInputTypes.KEYPAIR:
+          case IOInputTypes.KEY PAIR:
             return (
               <IOKeyPairInput
                 value={node.data.node!.template["input_value"]?.value}

src/frontend/src/modals/IOModal/components/chatView/chatMessage/components/content-view.tsx

@@ -66,7 +66,7 @@ export const ErrorView = ({
                             {content.component && (
                               <>
                                 <span>
-                                  An error occured in the{" "}
+                                  An error occurred in the{" "}
                                   <span
                                     className={cn(
                                       closeChat ?? "cursor-pointer underline",

src/frontend/src/modals/baseModal/index.tsx

@@ -229,7 +229,7 @@ function BaseModal({
     className,
   );
 
-  //UPDATE COLORS AND STYLE CLASSSES
+  //UPDATE COLORS AND STYLE CLASSES
   return (
     <>
       {type === "modal" ? (

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -112,7 +112,7 @@ export default function ExtraSidebar(): JSX.Element {
   }, []);
 
   function handleBlur() {
-    // check if search is search to reset fitler on click input
+    // check if search is search to reset filter on click input
     if ((!search && search === "") || search === "search") {
       setFilterData(data);
       setFilterEdge([]);

src/frontend/src/pages/ProfileSettingsPage/index.tsx

@@ -119,7 +119,7 @@ export default function ProfileSettingsPage(): JSX.Element {
                     Password{" "}
                   </Form.Label>
                   <InputComponent
-                    id="pasword"
+                    id="password"
                     onChange={(value) => {
                       handleInput({ target: { name: "password", value } });
                     }}

src/frontend/src/pages/SettingsPage/pages/GeneralPage/components/PasswordForm/index.tsx

@@ -45,7 +45,7 @@ const PasswordFormComponent = ({
             <div className="flex w-full gap-4">
               <Form.Field name="password" className="w-full">
                 <InputComponent
-                  id="pasword"
+                  id="password"
                   onChange={(value) => {
                     handleInput({ target: { name: "password", value } });
                   }}

src/frontend/src/utils/reactflowUtils.ts

@@ -1051,8 +1051,8 @@ export function generateFlow(
     id: uid.randomUUID(5),
   };
   // filter edges that are not connected to selected nodes on both ends
-  // using O(n²) aproach because the number of edges is small
-  // in the future we can use a better aproach using a set
+  // using O(n²) approach because the number of edges is small
+  // in the future we can use a better approach using a set
   return {
     newFlow,
     removedEdges: edges.filter(

src/frontend/src/utils/utils.ts

@@ -712,7 +712,7 @@ export function sortShortcuts(a: string, b: string) {
 }
 export function addPlusSignes(array: string[]): string[] {
   const exceptions = SHORTCUT_KEYS;
-  // add + sign to the shortcuts beetwen characters that are not in the exceptions
+  // add + sign to the shortcuts between characters that are not in the exceptions
   return array.map((key, index) => {
     if (index === 0) return key;
     if (

src/frontend/tests/core/integrations/Document QA.spec.ts

@@ -55,7 +55,7 @@ withEventDeliveryModes(
     await page
       .getByTestId("input-chat-playground")
       .last()
-      .fill("whats the text in the file?");
+      .fill("what's the text in the file?");
     await page.getByTestId("button-send").last().click();
 
     await page.waitForSelector("text=this is a test file", {