https://github.com/elyra-ai/pipeline-browser-extension

Elyra pipeline visualization for Google Chrome and Mozilla Firefox
https://github.com/elyra-ai/pipeline-browser-extension

chrome-extension elyra firefox firefox-addon pipeline

Last synced: 2 days ago
JSON representation

Elyra pipeline visualization for Google Chrome and Mozilla Firefox

• Host: GitHub
• URL: https://github.com/elyra-ai/pipeline-browser-extension
• Owner: elyra-ai
• License: apache-2.0
• Created: 2021-01-14T22:55:27.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-12-29T00:53:53.000Z (about 1 month ago)
• Last Synced: 2024-12-29T01:25:28.296Z (about 1 month ago)
• Topics: chrome-extension, elyra, firefox, firefox-addon, pipeline
• Language: JavaScript
• Homepage:
• Size: 2.99 MB
• Stars: 4
• Watchers: 6
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# Elyra Pipeline Viewer

This is the source code for the Elyra Pipeline Viewer extension.

![](screenshots/demo.png)

## Installation

The easiest way to install this extension is through your browser's web store:

* [Chrome Web Store](https://chrome.google.com/webstore/detail/elyra-pipeline-viewer/blomglkicbbfkbmppeljdnnakajnpnop/)

* [Firefox Add-ons](https://addons.mozilla.org/en-US/firefox/addon/elyra-pipeline-viewer)

## Local development

You can also build and install this extension from source.

### Setup

Install the required npm dependencies:

```

yarn install

```

### Dev mode

In dev mode a sample pipeline and styles will be used to be rendered on a blank page. To start dev mode run:

```

yarn start

```

Then visit http://localhost:3000/

### Building and using extension

To use the project as an actual extension it must first be built and loaded into chrome. The project can be built by running:

```

yarn build

```

Once built, the contents of the extension will be bundled in the `build` directory.

Instructions for loading chrome extensions can be found [here](https://developer.chrome.com/docs/extensions/mv2/getstarted/). The relevant information has been copied below:

1. Open the Extension Management page by navigating to chrome://extensions.

   - The Extension Management page can also be opened by clicking on the Chrome menu, hovering over **More Tools** then selecting **Extensions**.

2. Enable Developer Mode by clicking the toggle switch next to **Developer mode**.

3. Click the **LOAD UNPACKED** button and select the extension directory.

![Load Extension](https://developer-chrome-com.imgix.net/image/BrQidfK9jaQyIHwdw91aVpkPiib2/iYdLKFsJ1KSVGLhbLRvS.png?auto=format&w=1600)

After changes have been made to the extension, you must re-run `yarn build` to see the changes reflected in chrome.