Refactor: Change more variables names on codeTabsComponent
This commit is contained in:
Igor Carvalho
parent
ac0ff01d61
commit
cc917311a6
1 changed files with 109 additions and 109 deletions
|
|
@ -228,75 +228,75 @@ export default function CodeTabsComponent({
|
||||||
<TableBody className="p-0">
|
<TableBody className="p-0">
|
||||||
{Object.keys(node["data"]["node"]["template"])
|
{Object.keys(node["data"]["node"]["template"])
|
||||||
.filter(
|
.filter(
|
||||||
(n) =>
|
(templateName) =>
|
||||||
n.charAt(0) !== "_" &&
|
templateName.charAt(0) !== "_" &&
|
||||||
node.data.node.template[n].show &&
|
node.data.node.template[templateName].show &&
|
||||||
(node.data.node.template[n].type === "str" ||
|
(node.data.node.template[templateName].type === "str" ||
|
||||||
node.data.node.template[n].type ===
|
node.data.node.template[templateName].type ===
|
||||||
"bool" ||
|
"bool" ||
|
||||||
node.data.node.template[n].type ===
|
node.data.node.template[templateName].type ===
|
||||||
"float" ||
|
"float" ||
|
||||||
node.data.node.template[n].type ===
|
node.data.node.template[templateName].type ===
|
||||||
"code" ||
|
"code" ||
|
||||||
node.data.node.template[n].type ===
|
node.data.node.template[templateName].type ===
|
||||||
"prompt" ||
|
"prompt" ||
|
||||||
node.data.node.template[n].type ===
|
node.data.node.template[templateName].type ===
|
||||||
"file" ||
|
"file" ||
|
||||||
node.data.node.template[n].type === "int")
|
node.data.node.template[templateName].type === "int")
|
||||||
)
|
)
|
||||||
.map((n, i) => {
|
.map((templateName, index) => {
|
||||||
return (
|
return (
|
||||||
<TableRow
|
<TableRow
|
||||||
key={i}
|
key={index}
|
||||||
className="h-10 dark:border-b-muted"
|
className="h-10 dark:border-b-muted"
|
||||||
>
|
>
|
||||||
<TableCell className="p-0 text-center text-sm text-foreground">
|
<TableCell className="p-0 text-center text-sm text-foreground">
|
||||||
{n}
|
{templateName}
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell className="p-0 text-xs text-foreground">
|
<TableCell className="p-0 text-xs text-foreground">
|
||||||
<div className="m-auto w-[250px]">
|
<div className="m-auto w-[250px]">
|
||||||
{node.data.node.template[n].type ===
|
{node.data.node.template[templateName].type ===
|
||||||
"str" &&
|
"str" &&
|
||||||
!node.data.node.template[n].options ? (
|
!node.data.node.template[templateName].options ? (
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
{node.data.node.template[n]
|
{node.data.node.template[templateName]
|
||||||
.list ? (
|
.list ? (
|
||||||
<InputListComponent
|
<InputListComponent
|
||||||
editNode={true}
|
editNode={true}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
value={
|
value={
|
||||||
!node.data.node.template[n]
|
!node.data.node.template[templateName]
|
||||||
.value ||
|
.value ||
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value === ""
|
.value === ""
|
||||||
? [""]
|
? [""]
|
||||||
: node.data.node.template[
|
: node.data.node.template[
|
||||||
n
|
templateName
|
||||||
].value
|
].value
|
||||||
}
|
}
|
||||||
onChange={(k) => {
|
onChange={(target) => {
|
||||||
setData((old) => {
|
setData((old) => {
|
||||||
let newInputList =
|
let newInputList =
|
||||||
cloneDeep(old);
|
cloneDeep(old);
|
||||||
newInputList[
|
newInputList[
|
||||||
index
|
index
|
||||||
].data.node.template[
|
].data.node.template[
|
||||||
n
|
templateName
|
||||||
].value = k;
|
].value = target;
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
node["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
target,
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
) : node.data.node.template[n]
|
) : node.data.node.template[templateName]
|
||||||
.multiline ? (
|
.multiline ? (
|
||||||
<ShadTooltip
|
<ShadTooltip
|
||||||
content={tweaks.buildContent(
|
content={tweaks.buildContent(
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value
|
.value
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -306,32 +306,32 @@ export default function CodeTabsComponent({
|
||||||
editNode={true}
|
editNode={true}
|
||||||
value={
|
value={
|
||||||
!node.data.node.template[
|
!node.data.node.template[
|
||||||
n
|
templateName
|
||||||
].value ||
|
].value ||
|
||||||
node.data.node.template[
|
node.data.node.template[
|
||||||
n
|
templateName
|
||||||
].value === ""
|
].value === ""
|
||||||
? ""
|
? ""
|
||||||
: node.data.node
|
: node.data.node
|
||||||
.template[n]
|
.template[templateName]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
onChange={(k) => {
|
onChange={(target) => {
|
||||||
setData((old) => {
|
setData((old) => {
|
||||||
let newInputList =
|
let newInputList =
|
||||||
cloneDeep(old);
|
cloneDeep(old);
|
||||||
newInputList[
|
newInputList[
|
||||||
index
|
index
|
||||||
].data.node.template[
|
].data.node.template[
|
||||||
n
|
templateName
|
||||||
].value = k;
|
].value = target;
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
node["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
target,
|
||||||
node.data.node
|
node.data.node
|
||||||
.template[n]
|
.template[templateName]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|
@ -342,46 +342,46 @@ export default function CodeTabsComponent({
|
||||||
editNode={true}
|
editNode={true}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
password={
|
password={
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.password ?? false
|
.password ?? false
|
||||||
}
|
}
|
||||||
value={
|
value={
|
||||||
!node.data.node.template[n]
|
!node.data.node.template[templateName]
|
||||||
.value ||
|
.value ||
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: node.data.node.template[
|
: node.data.node.template[
|
||||||
n
|
templateName
|
||||||
].value
|
].value
|
||||||
}
|
}
|
||||||
onChange={(k) => {
|
onChange={(target) => {
|
||||||
setData((old) => {
|
setData((old) => {
|
||||||
let newInputList =
|
let newInputList =
|
||||||
cloneDeep(old);
|
cloneDeep(old);
|
||||||
newInputList[
|
newInputList[
|
||||||
index
|
index
|
||||||
].data.node.template[
|
].data.node.template[
|
||||||
n
|
templateName
|
||||||
].value = k;
|
].value = target;
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
node["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
target,
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
) : node.data.node.template[n].type ===
|
) : node.data.node.template[templateName].type ===
|
||||||
"bool" ? (
|
"bool" ? (
|
||||||
<div className="ml-auto">
|
<div className="ml-auto">
|
||||||
{" "}
|
{" "}
|
||||||
<ToggleShadComponent
|
<ToggleShadComponent
|
||||||
enabled={
|
enabled={
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
setEnabled={(e) => {
|
setEnabled={(e) => {
|
||||||
|
|
@ -391,30 +391,30 @@ export default function CodeTabsComponent({
|
||||||
newInputList[
|
newInputList[
|
||||||
index
|
index
|
||||||
].data.node.template[
|
].data.node.template[
|
||||||
n
|
templateName
|
||||||
].value = e;
|
].value = e;
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
node["data"]["id"],
|
node["data"]["id"],
|
||||||
e,
|
e,
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
size="small"
|
size="small"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
) : node.data.node.template[n].type ===
|
) : node.data.node.template[templateName].type ===
|
||||||
"file" ? (
|
"file" ? (
|
||||||
<ShadTooltip
|
<ShadTooltip
|
||||||
content={tweaks.buildContent(
|
content={tweaks.buildContent(
|
||||||
!node.data.node.template[n]
|
!node.data.node.template[templateName]
|
||||||
.value ||
|
.value ||
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: node.data.node.template[n]
|
: node.data.node.template[templateName]
|
||||||
.value
|
.value
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -423,146 +423,146 @@ export default function CodeTabsComponent({
|
||||||
editNode={true}
|
editNode={true}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
value={
|
value={
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value ?? ""
|
.value ?? ""
|
||||||
}
|
}
|
||||||
onChange={(k: any) => {}}
|
onChange={(target: any) => {}}
|
||||||
fileTypes={
|
fileTypes={
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.fileTypes
|
.fileTypes
|
||||||
}
|
}
|
||||||
suffixes={
|
suffixes={
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.suffixes
|
.suffixes
|
||||||
}
|
}
|
||||||
onFileChange={(
|
onFileChange={(
|
||||||
value: any
|
value: any
|
||||||
) => {
|
) => {
|
||||||
node.data.node.template[
|
node.data.node.template[
|
||||||
n
|
templateName
|
||||||
].file_path = value;
|
].file_path = value;
|
||||||
}}
|
}}
|
||||||
></InputFileComponent>
|
></InputFileComponent>
|
||||||
</div>
|
</div>
|
||||||
</ShadTooltip>
|
</ShadTooltip>
|
||||||
) : node.data.node.template[n].type ===
|
) : node.data.node.template[templateName].type ===
|
||||||
"float" ? (
|
"float" ? (
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
<FloatComponent
|
<FloatComponent
|
||||||
disabled={false}
|
disabled={false}
|
||||||
editNode={true}
|
editNode={true}
|
||||||
value={
|
value={
|
||||||
!node.data.node.template[n]
|
!node.data.node.template[templateName]
|
||||||
.value ||
|
.value ||
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: node.data.node.template[n]
|
: node.data.node.template[templateName]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
onChange={(k) => {
|
onChange={(target) => {
|
||||||
setData((old) => {
|
setData((old) => {
|
||||||
let newInputList =
|
let newInputList =
|
||||||
cloneDeep(old);
|
cloneDeep(old);
|
||||||
newInputList[
|
newInputList[
|
||||||
index
|
index
|
||||||
].data.node.template[
|
].data.node.template[
|
||||||
n
|
templateName
|
||||||
].value = k;
|
].value = target;
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
node["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
target,
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
) : node.data.node.template[n].type ===
|
) : node.data.node.template[templateName].type ===
|
||||||
"str" &&
|
"str" &&
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.options ? (
|
.options ? (
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
<Dropdown
|
<Dropdown
|
||||||
editNode={true}
|
editNode={true}
|
||||||
apiModal={true}
|
apiModal={true}
|
||||||
options={
|
options={
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.options
|
.options
|
||||||
}
|
}
|
||||||
onSelect={(k) => {
|
onSelect={(target) => {
|
||||||
setData((old) => {
|
setData((old) => {
|
||||||
let newInputList =
|
let newInputList =
|
||||||
cloneDeep(old);
|
cloneDeep(old);
|
||||||
newInputList[
|
newInputList[
|
||||||
index
|
index
|
||||||
].data.node.template[
|
].data.node.template[
|
||||||
n
|
templateName
|
||||||
].value = k;
|
].value = target;
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
node["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
target,
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
value={
|
value={
|
||||||
!node.data.node.template[n]
|
!node.data.node.template[templateName]
|
||||||
.value ||
|
.value ||
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: node.data.node.template[n]
|
: node.data.node.template[templateName]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
></Dropdown>
|
></Dropdown>
|
||||||
</div>
|
</div>
|
||||||
) : node.data.node.template[n].type ===
|
) : node.data.node.template[templateName].type ===
|
||||||
"int" ? (
|
"int" ? (
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
<IntComponent
|
<IntComponent
|
||||||
disabled={false}
|
disabled={false}
|
||||||
editNode={true}
|
editNode={true}
|
||||||
value={
|
value={
|
||||||
!node.data.node.template[n]
|
!node.data.node.template[templateName]
|
||||||
.value ||
|
.value ||
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: node.data.node.template[n]
|
: node.data.node.template[templateName]
|
||||||
.value
|
.value
|
||||||
}
|
}
|
||||||
onChange={(k) => {
|
onChange={(target) => {
|
||||||
setData((old) => {
|
setData((old) => {
|
||||||
let newInputList =
|
let newInputList =
|
||||||
cloneDeep(old);
|
cloneDeep(old);
|
||||||
newInputList[
|
newInputList[
|
||||||
index
|
index
|
||||||
].data.node.template[
|
].data.node.template[
|
||||||
n
|
templateName
|
||||||
].value = k;
|
].value = target;
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
node["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
target,
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
) : node.data.node.template[n].type ===
|
) : node.data.node.template[templateName].type ===
|
||||||
"prompt" ? (
|
"prompt" ? (
|
||||||
<ShadTooltip
|
<ShadTooltip
|
||||||
content={tweaks.buildContent(
|
content={tweaks.buildContent(
|
||||||
!node.data.node.template[n]
|
!node.data.node.template[templateName]
|
||||||
.value ||
|
.value ||
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: node.data.node.template[n]
|
: node.data.node.template[templateName]
|
||||||
.value
|
.value
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -571,44 +571,44 @@ export default function CodeTabsComponent({
|
||||||
editNode={true}
|
editNode={true}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
value={
|
value={
|
||||||
!node.data.node.template[n]
|
!node.data.node.template[templateName]
|
||||||
.value ||
|
.value ||
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: node.data.node.template[
|
: node.data.node.template[
|
||||||
n
|
templateName
|
||||||
].value
|
].value
|
||||||
}
|
}
|
||||||
onChange={(k) => {
|
onChange={(target) => {
|
||||||
setData((old) => {
|
setData((old) => {
|
||||||
let newInputList =
|
let newInputList =
|
||||||
cloneDeep(old);
|
cloneDeep(old);
|
||||||
newInputList[
|
newInputList[
|
||||||
index
|
index
|
||||||
].data.node.template[
|
].data.node.template[
|
||||||
n
|
templateName
|
||||||
].value = k;
|
].value = target;
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
node["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
target,
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ShadTooltip>
|
</ShadTooltip>
|
||||||
) : node.data.node.template[n].type ===
|
) : node.data.node.template[templateName].type ===
|
||||||
"code" ? (
|
"code" ? (
|
||||||
<ShadTooltip
|
<ShadTooltip
|
||||||
content={tweaks.buildContent(
|
content={tweaks.buildContent(
|
||||||
tweaks.getValue(
|
tweaks.getValue(
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value,
|
.value,
|
||||||
node.data,
|
node.data,
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
)
|
)
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -617,36 +617,36 @@ export default function CodeTabsComponent({
|
||||||
disabled={false}
|
disabled={false}
|
||||||
editNode={true}
|
editNode={true}
|
||||||
value={
|
value={
|
||||||
!node.data.node.template[n]
|
!node.data.node.template[templateName]
|
||||||
.value ||
|
.value ||
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
.value === ""
|
.value === ""
|
||||||
? ""
|
? ""
|
||||||
: node.data.node.template[
|
: node.data.node.template[
|
||||||
n
|
templateName
|
||||||
].value
|
].value
|
||||||
}
|
}
|
||||||
onChange={(k) => {
|
onChange={(target) => {
|
||||||
setData((old) => {
|
setData((old) => {
|
||||||
let newInputList =
|
let newInputList =
|
||||||
cloneDeep(old);
|
cloneDeep(old);
|
||||||
newInputList[
|
newInputList[
|
||||||
index
|
index
|
||||||
].data.node.template[
|
].data.node.template[
|
||||||
n
|
templateName
|
||||||
].value = k;
|
].value = target;
|
||||||
return newInputList;
|
return newInputList;
|
||||||
});
|
});
|
||||||
tweaks.buildTweakObject(
|
tweaks.buildTweakObject(
|
||||||
node["data"]["id"],
|
node["data"]["id"],
|
||||||
k,
|
target,
|
||||||
node.data.node.template[n]
|
node.data.node.template[templateName]
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ShadTooltip>
|
</ShadTooltip>
|
||||||
) : node.data.node.template[n].type ===
|
) : node.data.node.template[templateName].type ===
|
||||||
"Any" ? (
|
"Any" ? (
|
||||||
"-"
|
"-"
|
||||||
) : (
|
) : (
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue