feat(code/run-javascript): run async code and introduce monaco editor

packages/web/src/components/InputCreator/index.jsx

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import useDynamicFields from 'hooks/useDynamicFields';
 import useDynamicData from 'hooks/useDynamicData';
 import PowerInput from 'components/PowerInput';
+import CodeEditor from 'components/CodeEditor';
 import TextField from 'components/TextField';
 import ControlledAutocomplete from 'components/ControlledAutocomplete';
 import ControlledCustomAutocomplete from 'components/ControlledCustomAutocomplete';
@@ -126,6 +127,26 @@ function InputCreator(props) {
     );
   }
 
+  if (type === 'code') {
+    return (
+      <React.Fragment>
+        <CodeEditor
+          key={computedName}
+          defaultValue={value}
+          required={required}
+          readOnly={readOnly || disabled}
+          name={computedName}
+          data-test={`${computedName}-text`}
+          label={label}
+          fullWidth
+          helperText={description}
+          shouldUnregister={shouldUnregister}
+          disabled={disabled}
+        />
+      </React.Fragment>
+    );
+  }
+
   if (type === 'string') {
     if (schema.variables) {
       return (