{"id":13535487,"url":"https://github.com/frnd/angular2-embedly","last_synced_at":"2025-04-02T01:30:56.880Z","repository":{"id":57179544,"uuid":"60708442","full_name":"frnd/angular2-embedly","owner":"frnd","description":"embed.ly directive and service for Angular2","archived":false,"fork":false,"pushed_at":"2017-02-27T22:07:28.000Z","size":1618,"stargazers_count":3,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-23T08:33:46.068Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/frnd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-06-08T15:27:12.000Z","updated_at":"2018-08-02T18:18:30.000Z","dependencies_parsed_at":"2022-09-14T02:32:04.907Z","dependency_job_id":null,"html_url":"https://github.com/frnd/angular2-embedly","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frnd%2Fangular2-embedly","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frnd%2Fangular2-embedly/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frnd%2Fangular2-embedly/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frnd%2Fangular2-embedly/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/frnd","download_url":"https://codeload.github.com/frnd/angular2-embedly/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246738475,"owners_count":20825786,"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":[],"created_at":"2024-08-01T08:00:57.204Z","updated_at":"2025-04-02T01:30:56.527Z","avatar_url":"https://github.com/frnd.png","language":"TypeScript","readme":"# angular2 embedly\n[![Build Status](https://travis-ci.org/frnd/angular2-embedly.svg?branch=master)](https://travis-ci.org/frnd/angular2-embedly)\n[![npm version](https://badge.fury.io/js/angular2-embedly.svg)](http://badge.fury.io/js/angular2-embedly)\n[![devDependency Status](https://david-dm.org/frnd/angular2-embedly/dev-status.svg)](https://david-dm.org/frnd/angular2-embedly#info=devDependencies)\n[![GitHub issues](https://img.shields.io/github/issues/frnd/angular2-embedly.svg)](https://github.com/frnd/angular2-embedly/issues)\n[![GitHub stars](https://img.shields.io/github/stars/frnd/angular2-embedly.svg)](https://github.com/frnd/angular2-embedly/stargazers)\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/frnd/angular2-embedly/master/LICENSE)\n\n## Demo\nhttps://frnd.github.io/angular2-embedly/demo/\n\n## Table of contents\n\n- [About](#about)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Documentation](#documentation)\n- [Development](#development)\n- [License](#licence)\n\n## About\n\n[Embedly](http://embed.ly/) makes it easy display third party content in your website. THis project contains\nan Angular2 directive and a service to ease the useage of embedly in your angularjs application. \n\n## Installation\n\nInstall through npm:\n```\nnpm install --save angular2-embedly\n```\n\n## Usage\n\nIn order to use this module you will need a Embedly API key. To configure the api key \nwe use a value provider. See this example:\n\n```javascript\n    import { Component } from '@angular/core';\n    import { provide }    from '@angular/core';\n    import { EmbedlyDirective, EmbedlyService } from './../angular2-embedly';\n\n    @Component({\n    selector: 'my-app',\n    template: `\n        \u003cform\u003e\n        \u003cdiv class=\"form-group\"\u003e\n            \u003clabel for=\"urlToEmbed\"\u003eUrl to embed\u003c/label\u003e\n            \u003cinput type=\"text\" class=\"form-control\" id=\"urlToEmbed\" [(ngModel)]=\"url\" placeholder=\"Paste an URL to embed...\"\u003e\n        \u003c/div\u003e\n        \u003c/form\u003e\n        \u003cem-embed [url]=\"url\" [width]=\"600\"\u003e\u003c/em-embed\u003e\n        `,\n    directives: [EmbedlyDirective],\n    providers: [provide('EMBEDLY_KEY', { useValue: 'YOUR_EMBEDLY_KEY' })]\n    })\n    export class AppComponent {\n    url: string = \"https://www.youtube.com/watch?v=jofNR_WkoCE\"\n    }\n```\n\nThe important part of the code is:\n\n```\n    providers: [provide('EMBEDLY_KEY', { useValue: 'YOUR_EMBEDLY_KEY' })]\n```\n\nWith this line you creates a new value provider named EMBEDLY_KEY that will be injected in the EmbedlyService.\n\nYou may also find it useful to view the [demo source](https://github.com/frnd/angular2-embedly/blob/master/demo/demo.ts).\n\n## Security considerations\n\nThis module changes native element innerHtml with the html code that embedly provides.\n\n### Usage without a module bundler\n```\n\u003cscript src=\"node_modules/angular2-embedly/angular2-embedly.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n    // everything is exported angular2Embedly namespace\n\u003c/script\u003e\n```\n\n## Documentation\nAll documentation is auto-generated from the source via typedoc and can be viewed here:\nhttps://frnd.github.io/angular2-embedly/docs/\n\n## Development\n\n### Prepare your environment\n* Install [Node.js](http://nodejs.org/) and NPM (should come with)\n* Install local dev dependencies: `npm install` while current directory is this repo\n\n### Development server\nRun `npm start` to start a development server on port 8000 with auto reload + tests. \n\n### Testing\nRun `npm test` to run tests once or `npm run test:watch` to continually run tests.\n\n### Release\n* Bump the version in package.json (once the module hits 1.0 this will become automatic)\n```bash\nnpm run release\n```\n \n## License\n\nMIT\n","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrnd%2Fangular2-embedly","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrnd%2Fangular2-embedly","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrnd%2Fangular2-embedly/lists"}