{"id":19438136,"url":"https://github.com/noflo/noflo-polymer","last_synced_at":"2025-04-24T22:30:41.010Z","repository":{"id":11643098,"uuid":"14147815","full_name":"noflo/noflo-polymer","owner":"noflo","description":"Polymer components for NoFlo","archived":false,"fork":false,"pushed_at":"2023-01-26T21:02:09.000Z","size":134,"stargazers_count":15,"open_issues_count":7,"forks_count":6,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-08-18T19:41:39.042Z","etag":null,"topics":["noflo","polymer-components","polymer-element"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/noflo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-11-05T16:57:13.000Z","updated_at":"2022-03-10T15:16:11.000Z","dependencies_parsed_at":"2023-02-15T00:15:57.873Z","dependency_job_id":null,"html_url":"https://github.com/noflo/noflo-polymer","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noflo%2Fnoflo-polymer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noflo%2Fnoflo-polymer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noflo%2Fnoflo-polymer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noflo%2Fnoflo-polymer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/noflo","download_url":"https://codeload.github.com/noflo/noflo-polymer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223842084,"owners_count":17212323,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["noflo","polymer-components","polymer-element"],"created_at":"2024-11-10T15:17:03.713Z","updated_at":"2024-11-10T15:17:04.709Z","avatar_url":"https://github.com/noflo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# noflo-polymer\n\nThis 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.\n\n## Status\n\nIn production with [noflo-ui](https://github.com/noflo/noflo-ui)\n\n## Installation\n\nAdd this component to your dependencies:\n\n```bash\n$ npm install noflo-polymer --save\n```\n\nIn addit you need a working setup of Polymer and NoFlo.\n\n## Usage\n\nSince 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.\n\nFor example:\n\n```html\n\u003cnoflo-polymer name=\"the-graph\" inports=\"graph width height\" outports=\"changed\"\u003e\u003c/noflo-polymer\u003e\n```\n\nAfter this you'll have a `polymer/the-graph` component available with the following ports:\n\n* Input\n  - element (for providing an element instance either queried from DOM or as a result of `document.createElement`\n  - graph (modifies the graph attribute)\n  - width (modifies the width attribute)\n  - height (modifies the height attribute)\n* Output\n  - element (the same element instance, passed through\n  - changed (sends output when the element fires a `changed` event)\n\n## Changes\n\n* 3.0.0 (November 04 2020)\n  - Ported to Polymer 3.x\n* 2.0.1 (November 10 2017)\n  - Made noflo-polymer not import `polymer.html` since paths may be different in production use. Consumers must import it themselves\n  - Added a `true` payload to the `noflo:ready` event emitted when a Polymer element is bound to a NoFlo component instance\n* 2.0.0 (November 10 2017)\n  - Ported components from CoffeeScript to ES6\n  - Upgraded Polymer from 1.x to 2.x\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnoflo%2Fnoflo-polymer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnoflo%2Fnoflo-polymer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnoflo%2Fnoflo-polymer/lists"}