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: 15 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 (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2025-03-12T00:07:40.000Z (8 months ago)
- Last Synced: 2025-04-04T03:24:42.771Z (7 months ago)
- Topics: chrome-extension, elyra, firefox, firefox-addon, pipeline
- Language: JavaScript
- Homepage:
- Size: 3.64 MB
- Stars: 4
- Watchers: 4
- Forks: 3
- Open Issues: 3
-
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.

## 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.

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