136 intuitive frontend interface for pipeline definition

[Gaetan-cogliati]

Interactive pipeline creation feature

[andrptrc]

Some more comments:

• How do we see the JSON result? Maybe a non-editable text-box like the one for the description on showcase page
• Try putting Service Cards in the sidebar
• When you link input to end -> error
• Unique key on each element (check error logs in browser
• Adapt the spacinf of fields for editing descriptions and other pipeline info to be the same as other parts of the website

[Gaetan-cogliati]

Elements to improve, add or fix:

• Find a way to let child nodes change the state of the 'nodes' and 'edges' state variables from the CreatePipeline page without having to use Refs (that need to be updated in a useEffect or useMemo).
• Put the service list in the sidebar
• Maybe restrict the selection of input types to compatible ones only, once the input handle is connected.
• Make sure the order of the pipeline inputs is correct in the generated JSON (pipeline description).
• Find a way to conveniently show the generated JSON to the user.

[rmarquis]

Looks okay to me.

I see some warning in the frontend section though. I don't know if these are related to this PR or if that's an older issue:

WARNING in [eslint]
frontend  | src/components/FilterDrawer/FilterDrawer.tsx
frontend  |   Line 63:11:  'MaterialUISwitch' is assigned a value but never used  @typescript-eslint/no-unused-vars
frontend  |   Line 99:11:  'CustomSwitch' is assigned a value but never used      @typescript-eslint/no-unused-vars
frontend  |
frontend  | src/pages/PipelineEditor/index.tsx
frontend  |   Line 614:8:  React Hook React.useEffect has a missing dependency: 'onEdgeDelete'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

Also some deprecation warnings:

(node:37) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
frontend  | (Use `node --trace-deprecation ...` to show where the warning was created)
frontend  | (node:37) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.