+
+ Name
+ {
+ const name = e.target.value;
+ console.log("CHANGED FROM2: ", baselabel);
+ console.log("CHANGED TO: ", name);
+ for (var key in workflow.actions) {
+ for (var subkey in workflow.actions[key].parameters) {
+ const param = workflow.actions[key].parameters[subkey];
+ if (param.value.includes(baselabel)) {
+ //if (param.value.toLowerCase().includes(baselabel)) {
+ console.log("FOUND: ", param);
+ workflow.actions[key].parameters[subkey].value.replaceAll(
+ baselabel,
+ e.target.value
+ );
+ }
+ }
+ }
- console.log("DID REPLACE ACTUALLY WORK?? - Something is buggy.");
- setWorkflow(workflow);
- }}
- />
+ console.log("DID REPLACE ACTUALLY WORK?? - Something is buggy.");
+ setWorkflow(workflow);
+ }}
+ />
+
+ {!isCloud ? null :
+
+
+
+ Delay
+ {
+ if (actionDelayChange !== undefined) {
+ actionDelayChange(event)
+ }
+ }}
+ />
+
+
+
+ }
+
{
const [localcodedata, setlocalcodedata] = React.useState(codedata === undefined || codedata === null || codedata.length === 0 ? "" : codedata);
// const {codelang, setcodelang} = props
const theme = useTheme();
- const [validation, setvalidation] = React.useState(" ");
- const [expOutput, setexpOutput] = React.useState(" ");
+ const [validation, setValidation] = React.useState(false);
+ const [expOutput, setExpOutput] = React.useState(" ");
- function IsJsonString(str) {
- try {
- var o = JSON.parse(str);
- if (o && typeof o === "object") {
- setvalidation("Correct!")
- }
- } catch (e) {setvalidation("Incorrect!");}
- }
-
function expectedOutput(input) {
const found = input.match(/[$]{1}([a-zA-Z0-9_-]+\.?){1}([a-zA-Z0-9#_-]+\.?){0,}/g)
@@ -56,21 +49,15 @@ const CodeEditor = (props) => {
}
} catch (e) {}
- try {
- // var x = document.getElementById("expOutput");
- // x.innerHTML = JSON.stringify(JSON.parse(input), null, 4)
- setexpOutput(JSON.stringify(JSON.parse(input), null, 4))
- } catch (e) {
- setexpOutput(input)
+ const tmpValidation = validateJson(input.valueOf())
+ //setValidation(true)
+ if (tmpValidation.valid === true) {
+ setValidation(true)
+ setExpOutput(tmpValidation.result)
+ } else {
+ setExpOutput(input.valueOf())
+ setValidation(false)
}
-
- // const obj = JSON.parse(input);
- // setexpOutput(JSON.stringify(JSON.parse(input), null, 4))
- // x.innerHTML = "
" + JSON.stringify(input, null, 4) + ""
- // x.appendChild(document.createTextNode(JSON.stringify(JSON.parse(input), null, 4)));
- // setexpOutput(JSON.stringify(input, undefined, 4).replace('\ ', '\n'))
- // setexpOutput("Hi there \n Hey there")
- // Variables + Syntax highlighting + Validation
}
return (
@@ -108,14 +95,12 @@ const CodeEditor = (props) => {
}}>
{
setlocalcodedata(value.getValue())
expectedOutput(value.getValue())
- IsJsonString(value.getValue())
- // console.log(actionlist.slice(-1))
}}
options={{
theme: 'gruvbox-dark',
@@ -141,22 +126,47 @@ const CodeEditor = (props) => {
Output
-
- {expOutput}
-
+ {validation === true ?
+ {
+ //handleReactJsonClipboard(copy);
+ }}
+ displayDataTypes={false}
+ onSelect={(select) => {
+ //HandleJsonCopy(validate.result, select, "exec");
+ }}
+ name={"JSON autocompletion"}
+ />
+ :
+
+ {expOutput}
+
+ }
{
marginTop: -15,
}}
>
- JSON Validation: {validation}
+ JSON Validation: {validation ? "Correct" : "Incorrect"}