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, classNames,
nodeColors, nodeColors,
nodeIcons, nodeIcons,
snakeToNormalCase, toNormalCase,
} from "../../utils"; } from "../../utils";
import ParameterComponent from "./components/parameterComponent"; import ParameterComponent from "./components/parameterComponent";
import { typesContext } from "../../contexts/typesContext"; 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].display_name ? data.node.template[t].display_name
: data.node.template[t].name : data.node.template[t].name
? snakeToNormalCase(data.node.template[t].name) ? toNormalCase(data.node.template[t].name)
: snakeToNormalCase(t) : toNormalCase(t)
} }
name={t} name={t}
tooltipTitle={ 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 { Fragment, useContext, useRef, useState } from "react";
import { PopUpContext } from "../../contexts/popUpContext"; import { PopUpContext } from "../../contexts/popUpContext";
import { NodeDataType } from "../../types/flow"; import { NodeDataType } from "../../types/flow";
import { nodeColors, nodeIcons, snakeToNormalCase } from "../../utils"; import { nodeColors, nodeIcons, toNormalCase } from "../../utils";
import { typesContext } from "../../contexts/typesContext"; import { typesContext } from "../../contexts/typesContext";
import ModalField from "./components/ModalField"; 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].display_name ? data.node.template[t].display_name
: data.node.template[t].name : data.node.template[t].name
? snakeToNormalCase( ? toNormalCase(
data.node.template[t].name data.node.template[t].name
) )
: snakeToNormalCase(t) : toNormalCase(t)
} }
required={data.node.template[t].required} required={data.node.template[t].required}
id={ 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 { FlowType, NodeType } from "../../types/flow";
import { TabsContext } from "../../contexts/tabsContext"; import { TabsContext } from "../../contexts/tabsContext";
import { alertContext } from "../../contexts/alertContext"; import { alertContext } from "../../contexts/alertContext";
import { classNames, snakeToNormalCase } from "../../utils"; import { toNormalCase } from "../../utils";
import { typesContext } from "../../contexts/typesContext"; import { typesContext } from "../../contexts/typesContext";
import ChatMessage from "./chatMessage"; import ChatMessage from "./chatMessage";
import { FaEraser } from "react-icons/fa"; import { FaEraser } from "react-icons/fa";
@ -230,7 +230,7 @@ export default function ChatModal({
`${type} is missing ${ `${type} is missing ${
template.display_name template.display_name
? 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 { alertContext } from "../../contexts/alertContext";
import LoadingComponent from "../../components/loadingComponent"; import LoadingComponent from "../../components/loadingComponent";
import { FlowType } from "../../types/flow"; import { FlowType } from "../../types/flow";
import { classNames } from "../../utils"; import { classNames, toNormalCase } from "../../utils";
export default function ImportModal() { export default function ImportModal() {
const [open, setOpen] = useState(true); const [open, setOpen] = useState(true);
@ -215,7 +215,7 @@ export default function ImportModal() {
setModalOpen(false); setModalOpen(false);
}} }}
textColor="text-emerald-400" textColor="text-emerald-400"
title={example.name} title={toNormalCase(example.name)}
></ButtonBox> ></ButtonBox>
</div> </div>
); );

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

@ -315,8 +315,8 @@ export function toFirstUpperCase(str: string) {
.join(""); .join("");
} }
export function snakeToNormalCase(str: string) { export function toNormalCase(str: string) {
return str let result = str
.split("_") .split("_")
.map((word, index) => { .map((word, index) => {
if (index === 0) { if (index === 0) {
@ -325,6 +325,15 @@ export function snakeToNormalCase(str: string) {
return word.toLowerCase(); return word.toLowerCase();
}) })
.join(" "); .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) { export function normalCaseToSnakeCase(str: string) {