jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: updated folder name to not be the deprecated (#8793)

Browse source 
* Updated folder name to not be the deprecated

* Changed backend to use Starter Project as default folder name

* Changed docs

* Changed frontend to display pure folder name without deprecated

* Updated tests

* Added migration to change folder name

* Refactor migration to rename folder names with unique constraint checks for users. Updated upgrade and downgrade functions to streamline the renaming process for "My Projects" and "Starter Project".

---------

Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
This commit is contained in:
Lucas Oliveira 2025-07-02 16:24:23 -03:00 • committed by GitHub
commit dc671ae204
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 93 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/select-options.tsx
View file

@ -6,7 +6,7 @@ import {
SelectItem,
SelectTrigger,
} from "@/components/ui/select-custom";
import { DEFAULT_FOLDER_DEPRECATED } from "@/constants/constants";
import { DEFAULT_FOLDER } from "@/constants/constants";
import { FolderType } from "@/pages/MainPage/entities";
import { cn } from "@/utils/utils";
import { handleSelectChange } from "../helpers/handle-select-change";
@ -57,7 +57,7 @@ export const SelectOptions = ({
</SelectTrigger>
</ShadTooltip>
<SelectContent align="end" alignOffset={-16} position="popper">
{item.name !== DEFAULT_FOLDER_DEPRECATED && (
{item.name !== DEFAULT_FOLDER && (
<SelectItem
id="rename-button"
value="rename"

11
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/index.tsx
View file

@ -10,10 +10,7 @@ import {
SidebarMenuButton,
SidebarMenuItem,
} from "@/components/ui/sidebar";
import {
DEFAULT_FOLDER,
DEFAULT_FOLDER_DEPRECATED,
} from "@/constants/constants";
import { DEFAULT_FOLDER } from "@/constants/constants";
import { useUpdateUser } from "@/controllers/API/queries/auth";
import {
usePatchFolders,
@ -277,7 +274,7 @@ const SideBarFoldersButtonsComponent = ({
};
const handleDoubleClick = (event, item) => {
if (item.name === DEFAULT_FOLDER_DEPRECATED) {
if (item.name === DEFAULT_FOLDER) {
return;
}
@ -424,9 +421,7 @@ const SideBarFoldersButtonsComponent = ({
/>
) : (
<span className="block w-0 grow truncate text-sm opacity-100">
{item.name === DEFAULT_FOLDER_DEPRECATED
? DEFAULT_FOLDER
: item.name}
{item.name}
</span>
)}
</div>

1
src/frontend/src/constants/constants.ts
View file

@ -558,7 +558,6 @@ export const NOUNS: string[] = [
export const USER_PROJECTS_HEADER = "My Collection";
export const DEFAULT_FOLDER = "Starter Project";
export const DEFAULT_FOLDER_DEPRECATED = "My Projects";
export const MAX_MCP_SERVER_NAME_LENGTH = 30;

9
src/frontend/src/controllers/API/queries/folders/use-get-folders.ts
View file

@ -1,7 +1,4 @@
import {
DEFAULT_FOLDER,
DEFAULT_FOLDER_DEPRECATED,
} from "@/constants/constants";
import { DEFAULT_FOLDER } from "@/constants/constants";
import { FolderType } from "@/pages/MainPage/entities";
import useAuthStore from "@/stores/authStore";
import { useFolderStore } from "@/stores/foldersStore";
@ -26,9 +23,7 @@ export const useGetFoldersQuery: useQueryFunctionType<
const res = await api.get(`${getURL("PROJECTS")}/`);
const data = res.data;
const myCollectionId = data?.find(
(f) => f.name === DEFAULT_FOLDER_DEPRECATED,
)?.id;
const myCollectionId = data?.find((f) => f.name === DEFAULT_FOLDER)?.id;
setMyCollectionId(myCollectionId);
setFolders(data);

4
src/frontend/src/customization/utils/custom-get-download-folders.ts
View file

@ -16,10 +16,6 @@ export const customGetDownloadFolderBlob = (
folderName?: string,
setSuccessData?: (data: any) => void,
) => {
if (folderName === "My Projects") {
folderName = "Starter Project";
}
// Create a blob from the response data
const blob = new Blob([response.data], {
type: "application/x-zip-compressed",

7
src/frontend/src/pages/MainPage/components/header/index.tsx
View file

@ -3,10 +3,6 @@ import ShadTooltip from "@/components/common/shadTooltipComponent";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { SidebarTrigger } from "@/components/ui/sidebar";
import {
DEFAULT_FOLDER,
DEFAULT_FOLDER_DEPRECATED,
} from "@/constants/constants";
import { useDeleteDeleteFlows } from "@/controllers/API/queries/flows/use-delete-delete-flows";
import { useGetDownloadFlows } from "@/controllers/API/queries/flows/use-get-download-flows";
import { ENABLE_MCP } from "@/customization/feature-flags";
@ -15,7 +11,6 @@ import useAlertStore from "@/stores/alertStore";
import { cn } from "@/utils/utils";
import { debounce } from "lodash";
import { useCallback, useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
interface HeaderComponentProps {
flowType: "flows" | "components" | "mcp";
@ -113,7 +108,7 @@ const HeaderComponent = ({
</SidebarTrigger>
</div>
</div>
{folderName === DEFAULT_FOLDER_DEPRECATED ? DEFAULT_FOLDER : folderName}
{folderName}
</div>
{!isEmptyFolder && (
<>

8
src/frontend/src/pages/MainPage/pages/homePage/components/McpServerTab.tsx
View file

@ -3,11 +3,7 @@ import ShadTooltip from "@/components/common/shadTooltipComponent";
import ToolsComponent from "@/components/core/parameterRenderComponent/components/ToolsComponent";
import { Button } from "@/components/ui/button";
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs-button";
import {
DEFAULT_FOLDER,
DEFAULT_FOLDER_DEPRECATED,
MAX_MCP_SERVER_NAME_LENGTH,
} from "@/constants/constants";
import { MAX_MCP_SERVER_NAME_LENGTH } from "@/constants/constants";
import { createApiKey } from "@/controllers/API";
import {
useGetFlowsMCP,
@ -193,7 +189,7 @@ const McpServerTab = ({ folderName }: { folderName: string }) => {
const MCP_SERVER_JSON = `{
"mcpServers": {
"lf-${parseString(folderName === DEFAULT_FOLDER_DEPRECATED ? DEFAULT_FOLDER : (folderName ?? "project"), ["snake_case", "no_blank", "lowercase"]).slice(0, MAX_MCP_SERVER_NAME_LENGTH - 4)}": {
"lf-${parseString(folderName ?? "project", ["snake_case", "no_blank", "lowercase"]).slice(0, MAX_MCP_SERVER_NAME_LENGTH - 4)}": {
"command": "${selectedPlatform === "windows" ? "cmd" : selectedPlatform === "wsl" ? "wsl" : "uvx"}",
"args": [
${

6
src/frontend/tests/core/features/folders.spec.ts
View file

@ -79,7 +79,7 @@ test("add a flow into a folder by drag and drop", async ({ page }) => {
// Wait for the target element to be available before evaluation
await page.waitForSelector('[data-testid="sidebar-nav-My Projects"]', {
await page.waitForSelector('[data-testid="sidebar-nav-Starter Project"]', {
timeout: 100000,
});
// Create the DataTransfer and File
@ -94,7 +94,7 @@ test("add a flow into a folder by drag and drop", async ({ page }) => {
}, jsonContent);
// Now dispatch
await page.getByTestId("sidebar-nav-My Projects").dispatchEvent("drop", {
await page.getByTestId("sidebar-nav-Starter Project").dispatchEvent("drop", {
dataTransfer,
});
// wait for the file to be uploaded failed with waitforselector
@ -107,7 +107,7 @@ test("add a flow into a folder by drag and drop", async ({ page }) => {
expect(true).toBeTruthy();
}
await page.getByTestId("sidebar-nav-My Projects").click();
await page.getByTestId("sidebar-nav-Starter Project").click();
await page.waitForSelector("text=Getting Started:", {
timeout: 100000,

2
src/frontend/tests/extended/regression/general-bugs-move-flow-from-folder.spec.ts
View file

@ -22,7 +22,7 @@ test("user must be able to move flow from folder", async ({ page }) => {
//wait for the project to be created and changed to the new project
await page.waitForTimeout(1000);
await page.getByTestId("sidebar-nav-My Projects").click();
await page.getByTestId("sidebar-nav-Starter Project").click();
await page.getByText(randomName).hover();