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

added kebab case filter

Browse source
This commit is contained in:
anovazzi1 2023-05-02 19:24:10 -03:00
commit 6608ec8ab7
5 changed files with 21 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/CustomNodes/GenericNode/index.tsx
View file

@ -3,7 +3,7 @@ import {
classNames,
nodeColors,
nodeIcons,
snakeToNormalCase,
toNormalCase,
} from "../../utils";
import ParameterComponent from "./components/parameterComponent";
import { typesContext } from "../../contexts/typesContext";
@ -192,8 +192,8 @@ export default function GenericNode({
data.node.template[t].display_name
? data.node.template[t].display_name
: data.node.template[t].name
? snakeToNormalCase(data.node.template[t].name)
: snakeToNormalCase(t)
? toNormalCase(data.node.template[t].name)
: toNormalCase(t)
}
name={t}
tooltipTitle={

6
src/frontend/src/modals/NodeModal/index.tsx
View file

@ -3,7 +3,7 @@ import { XMarkIcon } from "@heroicons/react/24/outline";
import { Fragment, useContext, useRef, useState } from "react";
import { PopUpContext } from "../../contexts/popUpContext";
import { NodeDataType } from "../../types/flow";
import { nodeColors, nodeIcons, snakeToNormalCase } from "../../utils";
import { nodeColors, nodeIcons, toNormalCase } from "../../utils";
import { typesContext } from "../../contexts/typesContext";
import ModalField from "./components/ModalField";
@ -99,10 +99,10 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
data.node.template[t].display_name
? data.node.template[t].display_name
: data.node.template[t].name
? snakeToNormalCase(
? toNormalCase(
data.node.template[t].name
)
: snakeToNormalCase(t)
: toNormalCase(t)
}
required={data.node.template[t].required}
id={

4
src/frontend/src/modals/chatModal/index.tsx
View file

@ -9,7 +9,7 @@ import { PopUpContext } from "../../contexts/popUpContext";
import { FlowType, NodeType } from "../../types/flow";
import { TabsContext } from "../../contexts/tabsContext";
import { alertContext } from "../../contexts/alertContext";
import { classNames, snakeToNormalCase } from "../../utils";
import { toNormalCase } from "../../utils";
import { typesContext } from "../../contexts/typesContext";
import ChatMessage from "./chatMessage";
import { FaEraser } from "react-icons/fa";
@ -230,7 +230,7 @@ export default function ChatModal({
`${type} is missing ${
template.display_name
? template.display_name
: snakeToNormalCase(template[t].name)
: toNormalCase(template[t].name)
}.`,
]
: []

4
src/frontend/src/modals/importModal/index.tsx
View file

@ -16,7 +16,7 @@ import { error } from "console";
import { alertContext } from "../../contexts/alertContext";
import LoadingComponent from "../../components/loadingComponent";
import { FlowType } from "../../types/flow";
import { classNames } from "../../utils";
import { classNames, toNormalCase } from "../../utils";
export default function ImportModal() {
const [open, setOpen] = useState(true);
@ -215,7 +215,7 @@ export default function ImportModal() {
setModalOpen(false);
}}
textColor="text-emerald-400"
title={example.name}
title={toNormalCase(example.name)}
></ButtonBox>
</div>
);

13
src/frontend/src/utils.ts
View file

@ -315,8 +315,8 @@ export function toFirstUpperCase(str: string) {
.join("");
}
export function snakeToNormalCase(str: string) {
return str
export function toNormalCase(str: string) {
let result = str
.split("_")
.map((word, index) => {
if (index === 0) {
@ -325,6 +325,15 @@ export function snakeToNormalCase(str: string) {
return word.toLowerCase();
})
.join(" ");
return result.split("-")
.map((word, index) => {
if (index === 0) {
return word[0].toUpperCase() + word.slice(1).toLowerCase();
}
return word.toLowerCase();
})
.join(" ");
}
export function normalCaseToSnakeCase(str: string) {