https://github.com/noflo/noflo-polymer

Polymer components for NoFlo
https://github.com/noflo/noflo-polymer

noflo polymer-components polymer-element

Last synced: 5 days ago
JSON representation

Polymer components for NoFlo

• Host: GitHub
• URL: https://github.com/noflo/noflo-polymer
• Owner: noflo
• Created: 2013-11-05T16:57:13.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T21:02:09.000Z (almost 2 years ago)
• Last Synced: 2024-08-18T19:41:39.042Z (3 months ago)
• Topics: noflo, polymer-components, polymer-element
• Language: JavaScript
• Size: 131 KB
• Stars: 15
• Watchers: 5
• Forks: 6
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# noflo-polymer

This project provides a binding between [Polymer](http://www.polymer-project.org/) web components and [NoFlo](http://noflojs.org/), allowing Polymer components to be used as components in a NoFlo graph. The attributes of a Polymer element become the input ports of the NoFlo component, and the events emitted by the Polymer element become the output ports.

## Status

In production with [noflo-ui](https://github.com/noflo/noflo-ui)

## Installation

Add this component to your dependencies:

```bash

$ npm install noflo-polymer --save

```

In addit you need a working setup of Polymer and NoFlo.

## Usage

Since Polymer elements [don't support introspection yet](https://github.com/Polymer/polymer/issues/336), you need to utilize the `noflo-polymer` custom element for informing NoFlo of the attributes and events of your custom elements.

For example:

```html

```

After this you'll have a `polymer/the-graph` component available with the following ports:

* Input

  - element (for providing an element instance either queried from DOM or as a result of `document.createElement`

  - graph (modifies the graph attribute)

  - width (modifies the width attribute)

  - height (modifies the height attribute)

* Output

  - element (the same element instance, passed through

  - changed (sends output when the element fires a `changed` event)

## Changes

* 3.0.0 (November 04 2020)

  - Ported to Polymer 3.x

* 2.0.1 (November 10 2017)

  - Made noflo-polymer not import `polymer.html` since paths may be different in production use. Consumers must import it themselves

  - Added a `true` payload to the `noflo:ready` event emitted when a Polymer element is bound to a NoFlo component instance

* 2.0.0 (November 10 2017)

  - Ported components from CoffeeScript to ES6

  - Upgraded Polymer from 1.x to 2.x