{"id":15046898,"url":"https://github.com/saitolume/react-contentful-embedly","last_synced_at":"2026-04-02T13:24:33.072Z","repository":{"id":57333078,"uuid":"231029769","full_name":"saitolume/react-contentful-embedly","owner":"saitolume","description":"📰 Display Embedly in contentful rich document with React Hooks","archived":false,"fork":false,"pushed_at":"2019-12-31T05:50:02.000Z","size":230,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-06T12:17:37.577Z","etag":null,"topics":["contentful","embedly","embedly-cards","react","react-hooks"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-contentful-embedly","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/saitolume.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":"2019-12-31T05:13:11.000Z","updated_at":"2024-05-31T11:29:53.000Z","dependencies_parsed_at":"2022-08-26T03:10:56.179Z","dependency_job_id":null,"html_url":"https://github.com/saitolume/react-contentful-embedly","commit_stats":null,"previous_names":["saitoeku3/react-contentful-embedly"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saitolume%2Freact-contentful-embedly","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saitolume%2Freact-contentful-embedly/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saitolume%2Freact-contentful-embedly/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saitolume%2Freact-contentful-embedly/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saitolume","download_url":"https://codeload.github.com/saitolume/react-contentful-embedly/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238710215,"owners_count":19517667,"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":["contentful","embedly","embedly-cards","react","react-hooks"],"created_at":"2024-09-24T20:53:43.195Z","updated_at":"2025-10-28T19:31:44.440Z","avatar_url":"https://github.com/saitolume.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-contentful-embedly\n\n[![npm version](https://badge.fury.io/js/react-contentful-embedly.svg)](https://badge.fury.io/js/react-contentful-embedly) ![CI Status](https://github.com/saitoeku3/react-contentful-embedly/workflows/ci/badge.svg)\n\n\u003e Display Embedly in contentful rich document with React Hooks\n\n## Motivation\n\n\u003e Developer's perspective\n\u003e We use Embedly to display external content. To show Embedly cards in your sites and apps, you should use the relevant libraries provided by Embedly. [See the documentation](https://docs.embed.ly/docs/embedly-api) for more information.\n\u003e\n\u003e [Markdown editor documentation | Contentful](https://www.contentful.com/r/knowledgebase/markdown/)\n\n## Install\n\n```\n$ npm install react-contentful-embedly\n$ yarn add react-contentful-embedly\n```\n\n## Usage\n\n```tsx\nimport React from 'react'\nimport { useEmbedly, EmbedlyAttributes } from 'react-contentful-embedly'\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer'\nimport { Document } from '@contentful/rich-text-types'\n\nconst Component = () =\u003e {\n  const attributes: EmbedlyAttributes = { align: 'left' }\n  const option = useEmbedly(attributes)\n  // Or `const option = useEmbedly({ align: 'left' })`\n\n  const documentIncludesEmbedly: Document = {\n    nodeType: 'document',\n    data: {},\n    content: [\n      {\n        nodeType: 'paragraph',\n        data: {},\n        content: [\n          {\n            nodeType: 'text',\n            value:\n              'Embedded content: https://www.youtube.com/watch?v=Sa4DYkIEzz8',\n            marks: [],\n            data: {}\n          }\n        ]\n      }\n    ]\n  }\n\n  return \u003cdiv\u003e{documentToReactComponents(documentIncludesEmbedly, option)}\u003c/div\u003e\n}\n```\n\nResult (Screenshot):\n\n![result](./result.png)\n\n## API Docs\n\n### useEmbedly\n\n`(attributes: EmbedlyAttributes) =\u003e Options`\n\nYou can get `Options` for `@contentful/rich-text-react-renderer` and install package to render embedly.\n\n### EmbedlyAttributes\n\nType of Embedly card attributes.\n\n```ts\n{\n  via?: string\n  chrome?: '0' | '1'\n  theme?: 'light' | 'black'\n  image?: string\n  embed?: string\n  controls?: '0' | '1'\n  width?: string\n  align?: 'left' | 'center' | 'right'\n  recommend?: '0' | '1'\n  key?: string\n}\n```\n\nRef: [Cards · Embedly Documentation](https://docs.embed.ly/docs/cards#customize)\n\n## License\n\nMIT © saitoeku3\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaitolume%2Freact-contentful-embedly","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaitolume%2Freact-contentful-embedly","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaitolume%2Freact-contentful-embedly/lists"}