{"_id":"@bentoproject/facebook","_rev":"217-489fb0437d4f2a2a67b2546ad5cb21d7","name":"@bentoproject/facebook","dist-tags":{"nightly":"1.2302271541.0","latest":"1.2302271541.0"},"versions":{"1.2110261518.0":{"name":"@bentoproject/facebook","version":"1.2110261518.0","description":"AMP HTML amp-facebook Component","author":{"name":"The AMP HTML Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":"./web-component","./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"}},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-facebook/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-facebook/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"gitHead":"e4bbe5c706c18a2c817265b40388ca4d4771613a","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/facebook@1.2110261518.0","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-lKSuleJ2EaoYh2MV/jTQlxIQtYvBk4RcYnvlr0rlwJZBJksREMq6o/kj4WDF+MaDedSD2UuihCgOdrC8l3lZqA==","shasum":"d4533c955a6980595d9c986f81a486871e413a6d","tarball":"https://registry.npmjs.org/@bentoproject/facebook/-/facebook-1.2110261518.0.tgz","fileCount":27,"unpackedSize":2593667,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4pCZPFX+eo9/F54QhLoTK0zxUhp4vtU6QzoGTeNw+fwIhAKv+k7GFDOfz7MV+nu16p4438gEDd0lg73A5JWPezvKW"}]},"_npmUser":{"name":"ampprojectbot","email":"bot@amp.dev"},"directories":{},"maintainers":[{"name":"ampprojectbot","email":"bot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/facebook_1.2110261518.0_1635445031963_0.8019469178982606"},"_hasShrinkwrap":false},"1.2110252343.0":{"name":"@bentoproject/facebook","version":"1.2110252343.0","description":"Bento facebook Component","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":"./web-component","./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"}},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-facebook/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-facebook/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Facebook\n\nThe Bento Facebook component allows you to embed a Facebook post, a Facebook video, or a comment on a Facebook post.\n\n## Usage\n\n### Web Component\n\nYou must include each Bento component's required CSS library before adding custom styles in order to guarantee proper loading. Or use the lightweight pre-uprgrade styles available inline. See [Layout and Style](#layout-and-style).\n\n#### Example: Import via npm\n\nInstall via npm:\n\n```sh\nnpm install @bentoproject/facebook\n```\n\n```javascript\nimport {defineElement as defineBentoFacebook} from '@bentoproject/facebook';\ndefineBentoFacebook();\n```\n\n#### Example: Include via `\n \n \n \n \n\n\n\n\n\n
\n \n
\n\n\n\n\n\n\n
\n \n
\n\n\n\n\n\n\n
\n \n
\n\n\n\n\n\n\n\n\n\n\n```\n\n#### Layout and Style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n\n```\n\n#### Attributes\n\n##### `data-href`\n\nThe URL of the Facebook post/video/comment. For example, a post or video will\nlook like `https://www.facebook.com/zuck/posts/10102593740125791`. A comment or\ncomment reply will look like\n`https://www.facebook.com/zuck/posts/10102735452532991?comment_id=1070233703036185`.\n\n##### `data-embed-as`\n\nThe value can be either `post`, `video`, `comments`, `like`, or `page`.\nThe default value is `post`.\n\nBoth posts and videos can be embedded as a post. Setting `data-embed-as=\"video\"`\nfor Facebook videos embeds the player of the video, and adds the accompanying\npost card with it. Setting `data-embed-as=\"post\"` ignores the caption card. This\nis done to make sure we are zooming in on videos correctly.\n\nThe `comments` value embeds a comment section which allows people to comment on\ncontent using their Facebook account.\n\nThe `like` value embeds a like button which, when clicked, triggers the like to be logged on Facebook.\nThe `page` value embeds any public facebook page.\n\nCheck out the documentation for differences between\n[post embeds](https://developers.facebook.com/docs/plugins/embedded-posts),\n[video embeds](https://developers.facebook.com/docs/plugins/embedded-video-player),\n[like embeds](https://developers.facebook.com/docs/plugins/like-button),\nand [page embeds](https://developers.facebook.com/docs/plugins/page-plugin).\n\nThe `comment` value is deprecated but previously was used to embed a single comment (or reply to a comment) on a post.\nThis is not to be confused with\n[`amp-facebook-comments`](https://amp.dev/documentation/examples/components/amp-facebook-comments/).\n\n##### `data-align-center`\n\nThe value is either `true` or `false`. The default is `false`.\n\nFor posts and videos, having this attribute set to true would align the\npost/video container to center.\n\n##### `data-allowfullscreen`\n\nThe value is either set or omitted. The default is omitted (no fullscreen).\n\nWhen embedding a video, set this value to allow for a fullscreen experience.\n\n##### `data-include-comment-parent`\n\nThe value is either `true` or `false`. The default is `false`.\n\nWhen you are embedding a comment reply, you can optionally also include the\nparent comment of the reply.\n\n##### `data-action` (optional)\n\nThe verb to display on the button. Can be either `like` or `recommend`. The\ndefault is `like`.\n\n##### `data-hide-cover` (optional)\n\nHides the cover photo in the header. Default value is `false`.\n\n##### `data-hide-cta` (optional)\n\nHides the custom call to action button (if available). Default value is `false`.\n\n##### `data-kd_site` (optional)\n\nThis attribute is also known as `data-kid_directed_site` in the Facebook SDK.\nIf your web site or online service, or a portion of your service, is directed to\nchildren under 13 you must enable this attribute. The default is `false`.\n\n##### `data-layout` (optional)\n\nSelects one of the different layouts that are available for the plugin. Can be\none of `standard`, `button_count`, `button` or `box_count`. The default is\n`standard`.\n\n##### `data-locale` (optional)\n\nBy default, the locale is set to user's system language; however, you can\nspecify a locale as well.\n\nFor details on strings accepted here please visit the\n[Facebook API Localization page](https://developers.facebook.com/docs/internationalization).\n\n##### `data-numposts` (optional)\n\nThe number of comments to show. Currently Facebook SDK limits this to max 100.\nFor details, see the\n[Facebook comments documentation](https://developers.facebook.com/docs/plugins/comments).\n\n##### `data-order-by` (optional)\n\nThe order to use when displaying comments. For details, see the\n[Facebook comments documentation](https://developers.facebook.com/docs/plugins/comments).\n\n##### `data-ref` (optional)\n\nA label for tracking referrals which must be less than 50 characters and can\ncontain alphanumeric characters and some punctuation.\n\n##### `data-share` (optional)\n\nSpecifies whether to include a share button beside the Like button. This only\nworks with the XFBML version. The default is `false`.\n\n##### `data-show-facepile` (optional)\n\nShows profile photos of friends who like the page. Default value is `true`.\n\n##### `data-size` (optional)\n\nThe size of the button, which can be one of two sizes, `large` or `small`. The\ndefault is `small`.\n\nFor details, see the\n[Facebook comments documentation](https://developers.facebook.com/docs/plugins/like-button#settings).\n\n##### `data-small-header` (optional)\n\nUses the small header instead. Default value is `false`.\n\n##### `data-tabs` (optional)\n\nSpecifies the tabs to render (i.e., `timeline`, `events`, `messages`). Use a\ncomma-separated list to add multiple tabs (e.g., `timeline, events`). By\ndefault, the Facebook page plugin shows the timeline activity.\n\n##### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `