{"id":22281313,"url":"https://github.com/plaidweb/webmention.js","last_synced_at":"2025-07-28T20:30:42.222Z","repository":{"id":53011195,"uuid":"196093744","full_name":"PlaidWeb/webmention.js","owner":"PlaidWeb","description":"Client-side library for rendering webmentions from webmention.io","archived":false,"fork":false,"pushed_at":"2024-01-27T20:32:05.000Z","size":110,"stargazers_count":122,"open_issues_count":8,"forks_count":17,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-07-24T23:33:51.503Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/PlaidWeb.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":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-09T22:42:47.000Z","updated_at":"2025-05-29T03:16:26.000Z","dependencies_parsed_at":"2024-01-27T21:36:45.649Z","dependency_job_id":null,"html_url":"https://github.com/PlaidWeb/webmention.js","commit_stats":{"total_commits":68,"total_committers":6,"mean_commits":"11.333333333333334","dds":"0.32352941176470584","last_synced_commit":"c3eb14d78d184db6111093600c15b16375caef49"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/PlaidWeb/webmention.js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PlaidWeb%2Fwebmention.js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PlaidWeb%2Fwebmention.js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PlaidWeb%2Fwebmention.js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PlaidWeb%2Fwebmention.js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PlaidWeb","download_url":"https://codeload.github.com/PlaidWeb/webmention.js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PlaidWeb%2Fwebmention.js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267580457,"owners_count":24110844,"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","status":"online","status_checked_at":"2025-07-28T02:00:09.689Z","response_time":68,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-12-03T16:17:07.651Z","updated_at":"2025-07-28T20:30:41.976Z","avatar_url":"https://github.com/PlaidWeb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# webmention.js\nClient-side library for rendering webmentions from [webmention.io](https://webmention.io/)\n\n## Usage\n\n1. Copy the JavaScript file (`webmention.min.js`) from the `static/` directory to\n    somewhere on your website\n2. Put a `\u003cdiv id=\"webmentions\"\u003e\u003c/div\u003e` where you want your webmentions to be\n    embedded\n3. Put a `\u003cscript src=\"/path/to/webmention.min.js\" async\u003e\u003c/script\u003e`\n    somewhere on your page (typically inside `\u003chead\u003e` but it doesn't really\n    matter), replacing `/path/to/` with whatever directory the JavaScript\n    file is in\n4. You'll probably want to add some CSS rules to your stylesheet, in particular:\n\n    `#webmentions img { max-height: 1.2em; margin-right: -1ex; }`\n\n    See the included `webmention.css` file for an example.\n\nYou can also pass in some arguments, for example:\n\n```html\n\u003cscript src=\"/path/to/webmention.min.js\" data-id=\"webmention-container\" async\u003e\u003c/script\u003e\n```\n\nNote that the `async` isn't strictly necessary but it can speed up apparent page\nloads.\n\nAccepted arguments (see the source in `static/webmention.js` for more details):\n\n* `page-url` -- use this reference URL instead of the current browser location\n* `add-urls` -- additional URLs to include, separated by a `|`\n* `id` -- use this container ID instead of \"webmentions\"\n* `wordcount` -- truncate the reply to this many words (adding an ellipsis to\n    the end of the last word)\n* `max-webmentions` -- the maximum webmentions to retrieve and render (defaults\n    to 30)\n* `prevent-spoofing` -- set this to use the incoming mention source URL instead\n    of the declared URL; setting this will disable one form of identity spoofing\n    but will make mentions from webmention bridges (such as\n    [brid.gy](https://brid.gy) or [Telegraph](https://telegraph.p3k.io/))\n    significantly uglier\n* `sort-by` -- what to sort the responses by; defaults to published time (see the [webmention API](https://github.com/aaronpk/webmention.io#api) for possible values)\n* `sort-dir` -- what order to sort the responses by; defaults to `'up'` (ascending).\n* `comments-are-reactions` -- if set to `'true'`, displays comment-type responses\n    (replies/mentions/etc.) as being part of the reactions (favorites/bookmarks/etc.)\n    instead of in a separate comment list. Defaults to \"false\".\n\nLook at the source code itself for more detailed information.\n\n## Localization/Internationalization\n\nThis library supports [i18next](https://www.i18next.com/) to provide\ntranslations into other languages. The following strings are supported:\n\n| key        | usage                   |\n|------------|-------------------------|\n| replied    | react image hover title |\n| liked      | react image hover title |\n| reposted   | react image hover title |\n| reacted    | react image hover title |\n| bookmarked | react image hover title |\n| mentioned  | react image hover title |\n| RSVPed     | react image hover title |\n| followed   | react image hover title |\n| Responses  | Headline for comments   |\n| mention    | formatted comment       |\n| Reactions  | Headline for reactions  |\n\n## Development\n\nTo produce a minified JS, first install Node dependencies (via `npm install`) and\nthen run `npm run minify`.\n\n## Contributors\n\nListed in order of first contribution:\n\n* [fluffy](https://github.com/fluffy-critter)\n* [Jamie Tanna](https://github.com/jamietanna)\n* [André Jaenisch](https://github.com/Ryuno-Ki)\n* [Christian Oliff](https://github.com/coliff)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplaidweb%2Fwebmention.js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fplaidweb%2Fwebmention.js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplaidweb%2Fwebmention.js/lists"}