Elyra Pipeline Editor

A react component for editing pipeline files. Used across all Elyra applications and browser extensions.

Installation

@elyra/pipeline-editor is available as an npm package:

// npm
npm install @elyra/pipeline-editor

// yarn
yarn add @elyra/pipeline-editor

Or can be built and linked locally:

git clone git@github.com:elyra-ai/pipeline-editor.git
cd pipeline-editor

make clean install dev-link

Then in the project you're using the local build run the following:

yarn link @elyra/pipeline-editor @elyra/pipeline-services

or if you're running with Elyra you can use make:

make clean dev-link install

Usage

import { PipelineEditor } from "@elyra/pipeline-editor";

function App() {
  const [pipeline, setPipeline] = useState();
  return (
    <PipelineEditor pipeline={pipeline} palette={{}} onChange={setPipeline} />
  );
}