feat: deprecate Parsing component and replace them in starter projects

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

@@ -10,6 +10,7 @@ class ParseDataComponent(Component):
     description = "Convert Data objects into Messages using any {field_name} from input data."
     icon = "message-square"
     name = "ParseData"
+    legacy = True
     metadata = {
         "legacy_name": "Parse Data",
     }

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

@@ -11,6 +11,7 @@ class ParseDataFrameComponent(Component):
     )
     icon = "braces"
     name = "ParseDataFrame"
+    legacy = True
 
     inputs = [
         DataFrameInput(name="df", display_name="DataFrame", info="The DataFrame to convert to text rows."),

src/frontend/tests/core/features/filterEdge-shard-0.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from "@playwright/test";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { adjustScreenView } from "../../utils/adjust-screen-view";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 
@@ -12,13 +13,7 @@ test(
     await page.getByTestId("sidebar-search-input").click();
     await page.getByTestId("sidebar-search-input").fill("retrievalqa");
 
-    await page.getByTestId("sidebar-options-trigger").click();
-    await page
-      .getByTestId("sidebar-legacy-switch")
-      .isVisible({ timeout: 5000 });
-    await page.getByTestId("sidebar-legacy-switch").click();
-    await expect(page.getByTestId("sidebar-legacy-switch")).toBeChecked();
-    await page.getByTestId("sidebar-options-trigger").click();
+    await addLegacyComponents(page);
 
     await page.waitForTimeout(1000);
     await page

src/frontend/tests/core/features/freeze.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from "@playwright/test";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 import { zoomOut } from "../../utils/zoom-out";
 
@@ -11,8 +12,9 @@ test(
 
     await page.getByTestId("blank-flow").click();
 
-    //first component
+    await addLegacyComponents(page);
 
+    //first component
     await page.getByTestId("sidebar-search-input").click();
     await page.getByTestId("sidebar-search-input").fill("text input");
     await page.waitForSelector('[data-testid="inputsText Input"]', {

src/frontend/tests/core/integrations/Portfolio Website Code Generator.spec.ts

@@ -71,7 +71,7 @@ withEventDeliveryModes(
 
     expect(concatAllText.length).toBeGreaterThan(200);
 
-    expect(concatAllText).toContain("div");
-    expect(concatAllText).toContain("class=");
+    expect(concatAllText).toContain("html");
+    expect(concatAllText).toContain("body");
   },
 );

src/frontend/tests/core/integrations/decisionFlow.spec.ts

@@ -1,6 +1,7 @@
 import { test } from "@playwright/test";
 import * as dotenv from "dotenv";
 import path from "path";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 import { zoomOut } from "../../utils/zoom-out";
 
@@ -23,11 +24,7 @@ test(
     });
     await page.getByTestId("blank-flow").click();
 
-    await page.getByTestId("sidebar-options-trigger").click();
-    await page
-      .getByTestId("sidebar-legacy-switch")
-      .isVisible({ timeout: 5000 });
-    await page.getByTestId("sidebar-legacy-switch").click();
+    await addLegacyComponents(page);
 
     //---------------------------------- CHAT INPUT
     await page.getByTestId("sidebar-search-input").click();

src/frontend/tests/core/integrations/similarity.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from "@playwright/test";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 import { updateOldComponents } from "../../utils/update-old-components";
 import { zoomOut } from "../../utils/zoom-out";
@@ -16,7 +17,10 @@ test(
 
     await page.getByTestId("blank-flow").click();
 
+    await addLegacyComponents(page);
+
     //first component
+
     await page.getByTestId("sidebar-search-input").click();
     await page.getByTestId("sidebar-search-input").fill("openai embedding");
     await page.waitForSelector("text=OpenAI Embeddings", {

src/frontend/tests/core/regression/generalBugs-shard-9.spec.ts

@@ -1,6 +1,7 @@
 import { expect, test } from "@playwright/test";
 import * as dotenv from "dotenv";
 import path from "path";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 import { initialGPTsetup } from "../../utils/initialGPTsetup";
 test(
@@ -28,11 +29,7 @@ test(
     await page.getByTestId("sidebar-search-input").click();
     await page.getByTestId("sidebar-search-input").fill("message history");
 
-    await page.getByTestId("sidebar-options-trigger").click();
-    await page
-      .getByTestId("sidebar-legacy-switch")
-      .isVisible({ timeout: 5000 });
-    await page.getByTestId("sidebar-legacy-switch").click();
+    await addLegacyComponents(page);
 
     // Locate the canvas element
     const canvas = page.locator("#react-flow-id"); // Update the selector if needed

src/frontend/tests/core/unit/codeAreaModalComponent.spec.ts

@@ -1,4 +1,5 @@
 import { test } from "@playwright/test";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 
 test(
@@ -19,11 +20,7 @@ test(
       timeout: 3000,
     });
 
-    await page.getByTestId("sidebar-options-trigger").click();
-    await page
-      .getByTestId("sidebar-legacy-switch")
-      .isVisible({ timeout: 5000 });
-    await page.getByTestId("sidebar-legacy-switch").click();
+    await addLegacyComponents(page);
 
     await page.waitForSelector('[data-testid="prototypesPython Function"]', {
       timeout: 3000,

src/frontend/tests/core/unit/fileUploadComponent.spec.ts

@@ -1,6 +1,7 @@
 import { expect, test } from "@playwright/test";
 import fs from "fs";
 import path from "path";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { adjustScreenView } from "../../utils/adjust-screen-view";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 import { generateRandomFilename } from "../../utils/generate-filename";
@@ -29,6 +30,8 @@ test(
     });
     await page.getByTestId("blank-flow").click();
 
+    await addLegacyComponents(page);
+
     await page.getByTestId("sidebar-search-input").click();
     await page.getByTestId("sidebar-search-input").fill("file");
 

src/frontend/tests/core/unit/nestedComponent.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from "@playwright/test";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { adjustScreenView } from "../../utils/adjust-screen-view";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 
@@ -15,13 +16,7 @@ test(
     await page.getByTestId("sidebar-search-input").click();
     await page.getByTestId("sidebar-search-input").fill("alter metadata");
 
-    await page.getByTestId("sidebar-options-trigger").click();
-    await page
-      .getByTestId("sidebar-legacy-switch")
-      .isVisible({ timeout: 5000 });
-    await page.getByTestId("sidebar-legacy-switch").click();
-    await expect(page.getByTestId("sidebar-legacy-switch")).toBeChecked();
-    await page.getByTestId("sidebar-options-trigger").click();
+    await addLegacyComponents(page);
 
     await page.waitForTimeout(500);
 

src/frontend/tests/extended/features/filterEdge-shard-1.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from "@playwright/test";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { adjustScreenView } from "../../utils/adjust-screen-view";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 
@@ -14,14 +15,7 @@ test(
       timeout: 3000,
     });
 
-    await page.getByTestId("sidebar-options-trigger").click();
-
-    await expect(page.getByTestId("sidebar-legacy-switch")).toBeVisible({
-      timeout: 5000,
-    });
-    await page.getByTestId("sidebar-legacy-switch").click();
-    await expect(page.getByTestId("sidebar-legacy-switch")).toBeChecked();
-    await page.getByTestId("sidebar-options-trigger").click();
+    await addLegacyComponents(page);
 
     await page.getByTestId("sidebar-search-input").click();
     await page.getByTestId("sidebar-search-input").fill("retrievalqa");

src/frontend/tests/extended/features/loop-component.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from "@playwright/test";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 import { zoomOut } from "../../utils/zoom-out";
 
@@ -9,6 +10,8 @@ test(
     await awaitBootstrapTest(page);
     await page.getByTestId("blank-flow").click();
 
+    await addLegacyComponents(page);
+
     await page.waitForSelector(
       '[data-testid="sidebar-custom-component-button"]',
       {
@@ -146,13 +149,23 @@ test(
       .first()
       .click();
 
+    await zoomOut(page, 4);
+
     await page.getByTestId("div-generic-node").nth(5).click();
 
     await page.waitForTimeout(1000);
 
+    await page.waitForSelector('[data-testid="more-options-modal"]', {
+      timeout: 100000,
+    });
+
     await page.getByTestId("more-options-modal").click();
 
-    await page.waitForTimeout(500);
+    await page.waitForTimeout(1000);
+
+    await page.waitForSelector('[data-testid="expand-button-modal"]', {
+      timeout: 100000,
+    });
 
     await page.getByTestId("expand-button-modal").click();
 

src/frontend/tests/extended/regression/generalBugs-shard-12.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from "@playwright/test";
+import { addLegacyComponents } from "../../utils/add-legacy-components";
 import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
 
 test(
@@ -18,13 +19,7 @@ test(
       timeout: 30000,
     });
 
-    await page.getByTestId("sidebar-options-trigger").click();
-    await page
-      .getByTestId("sidebar-legacy-switch")
-      .isVisible({ timeout: 5000 });
-    await page.getByTestId("sidebar-legacy-switch").click();
-    await expect(page.getByTestId("sidebar-legacy-switch")).toBeChecked();
-    await page.getByTestId("sidebar-options-trigger").click();
+    await addLegacyComponents(page);
 
     let modelElement = await page.getByTestId(
       "langchain_utilitiesRetrieverTool",

src/frontend/tests/utils/add-legacy-components.ts

@@ -0,0 +1,9 @@
+import { expect, Page } from "playwright/test";
+
+export const addLegacyComponents = async (page: Page) => {
+  await page.getByTestId("sidebar-options-trigger").click();
+  await page.getByTestId("sidebar-legacy-switch").isVisible({ timeout: 5000 });
+  await page.getByTestId("sidebar-legacy-switch").click();
+  await expect(page.getByTestId("sidebar-legacy-switch")).toBeChecked();
+  await page.getByTestId("sidebar-options-trigger").click();
+};