The code changes update the frontend index.css and cardComponent/index.tsx files. 'bg-colors', 'gradients', and CSS variables have been modified, including the addittion of copilot generated gradients for optimization. The 'utils.ts' file has also been updated.
✨ feat(constants.tsx): add support for tweaks in getPythonApiCode and getCurlCode functions
🎨 style(ApiModal/index.tsx): remove unused imports and components
🎨 style(PageComponent/index.tsx): change node type id format to include the type name in uppercase
✨ feat(utils.ts): add buildTweaks function to create an empty tweaks object for each node
The node type id format is now changed to include the type name in uppercase, which improves consistency with the naming conventions. Support for tweaks is added to the getPythonApiCode and getCurlCode functions, which allows the API to apply tweaks to the flow. Unused imports and components are removed from the ApiModal component. The buildTweaks function is added to create an empty tweaks object for each node.
The build_template function is now outside of the DocumentLoaderFrontNode class to improve code organization and make it more modular. This change also makes it easier to reuse the function in other parts of the codebase.
The changes add a margin to the right of the icon in the menu bar and node toolbar components. This improves the spacing between the icon and the text. The dark:text-gray-300 class is added to ensure that the icon is visible in both light and dark mode.
The constant EDIT_DIALOG_SUBTITLE was not being used, so it was removed. The node description is now being used instead of the constant for the dialog subtitle, which makes the code more dynamic and easier to maintain.
🔥 refactor(EditNodeModal): remove unused constant
💄 style(frontend): improve readability by capitalizing the button text in EditNodeModal and changing the placeholder text in ExtraSidebar search bar to improve consistency with the rest of the application.
The heroicons package was replaced with lucide-react icons to improve consistency with the rest of the application. The icons were replaced with the following lucide-react icons: Settings2, Copy, and Trash2.
🚀 feat(tabsContext.tsx): add save function to save the current state of the flows to local storage
The save function was added to TabsContextInitialValue to provide a default value for the save function. The save function was added to save the current state of the flows to local storage. The function uses lodash's cloneDeep to avoid mutating the original object. It also looks for file fields to prevent saving the content and breaking the flow for exceeding the data limit for local storage. The function then saves the tabId, flows, and id to local storage.
🎨 style(PageComponent): add lowercase type prefix to the generated node id
The 'ID:' prefix was added to the node id badge in EditNodeModal to improve readability and semantics. In PageComponent, a lowercase prefix was added to the generated node id to improve consistency with the naming conventions.
The wildcard in the url property was causing issues with debugging the frontend. Removing the wildcard ensures that the debugger is attached to the correct URL.
🔨 refactor(ExtraSidebarComponent): remove Separator component
The PageComponent now generates new node IDs with a prefix that matches the type of the node. This improves the readability of the IDs and makes it easier to identify the type of node by looking at its ID. The ExtraSidebarComponent no longer uses the Separator component, as it is no longer needed.
🔨 refactor(frontend): update import paths for EditFlowSettingsComponent
🔨 refactor(frontend): remove unused id property from createNewFlow function in tabsContext
🔨 refactor(frontend): replace nameInputComponent with EditFlowSettingsComponent in exportModal and flowSettingsModal
The nameInputComponent has been renamed to EditFlowSettingsComponent to better reflect its purpose. The import paths have been updated accordingly. The id property is no longer needed in the createNewFlow function in tabsContext, so it has been removed. The exportModal and flowSettingsModal components have been updated to use the new EditFlowSettingsComponent instead of the old nameInputComponent.
This commit adds a new component called EditFlowSettingsComponent which allows the user to edit the name and description of a flow. The component receives the current name and description of the flow, the maximum length of the name, an array of all flows, the id of the current flow, and three functions to update the name, description, and flow. The component renders two input fields, one for the name and one for the description, and updates the flow and name when the user types in the input fields. The name input field has a character limit of maxLength and displays an error message when the limit is reached.
The commit removes unused imports and variables from the utils.ts file. This improves the code's readability and maintainability by removing unnecessary code.
The /health route is added to the apiRoutes array to allow the frontend to check the health of the backend server. This is useful for monitoring and debugging purposes.
The API endpoints have been updated to include a version number to improve the maintainability of the codebase. The version number is now included in the URL path for both the Python API and the curl code. This change allows for future updates to the API without breaking existing code that relies on the previous version.
