{"id":13481833,"url":"https://github.com/MurhafSousli/ngx-disqus","last_synced_at":"2025-03-27T12:31:34.118Z","repository":{"id":57310773,"uuid":"66580634","full_name":"MurhafSousli/ngx-disqus","owner":"MurhafSousli","description":"Disqus for Angular 💬","archived":false,"fork":false,"pushed_at":"2023-07-12T23:36:37.000Z","size":2079,"stargazers_count":113,"open_issues_count":4,"forks_count":17,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-05-22T04:32:31.418Z","etag":null,"topics":["angular","disqus"],"latest_commit_sha":null,"homepage":"https://murhafsousli.github.io/ngx-disqus/","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/MurhafSousli.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-08-25T17:53:41.000Z","updated_at":"2024-04-04T14:31:27.000Z","dependencies_parsed_at":"2024-01-14T09:00:33.154Z","dependency_job_id":null,"html_url":"https://github.com/MurhafSousli/ngx-disqus","commit_stats":{"total_commits":103,"total_committers":2,"mean_commits":51.5,"dds":0.009708737864077666,"last_synced_commit":"35976fbc3c45b1e9efebfb886739d4dac1898abf"},"previous_names":["murhafsousli/ng2-disqus"],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MurhafSousli%2Fngx-disqus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MurhafSousli%2Fngx-disqus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MurhafSousli%2Fngx-disqus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MurhafSousli%2Fngx-disqus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MurhafSousli","download_url":"https://codeload.github.com/MurhafSousli/ngx-disqus/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245735852,"owners_count":20663804,"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":["angular","disqus"],"created_at":"2024-07-31T17:00:56.434Z","updated_at":"2025-03-27T12:31:34.097Z","avatar_url":"https://github.com/MurhafSousli.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg height=\"150px\" width=\"150px\" style=\"text-align: center;\" src=\"https://cdn.rawgit.com/MurhafSousli/ngx-disqus/55fb00f5/src/assets/logo.svg\"\u003e\n  \u003ch1 align=\"center\"\u003eAngular Disqus Component\u003c/h1\u003e\n\u003c/p\u003e\n\nAdd Disqus to your app instantly!\n\n[![npm](https://img.shields.io/badge/demo-online-ed1c46.svg)](https://murhafsousli.github.io/ngx-disqus/)\n[![Stackblitz](https://img.shields.io/badge/stackblitz-online-orange.svg)](https://stackblitz.com/edit/ngx-disqus)\n[![npm](https://img.shields.io/npm/v/ngx-disqus.svg)](https://www.npmjs.com/package/ngx-disqus)\n[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/ngx-disqus.svg)](https://bundlephobia.com/result?p=ngx-disqus)\n[![npm](https://img.shields.io/npm/l/express.svg?maxAge=2592000)](/LICENSE)\n\n## Installation\n\n```bash\nnpm i ngx-disqus\n```\n\n## Usage\n\nSet the Disqus shortname which is the unique identifier for your website as registered on Disqus\n\n```ts\nimport { DISQUS_SHORTNAME } from 'ngx-disqus';\n\nexport const appConfig: ApplicationConfig = {\n  providers: [\n    {\n      provide: DISQUS_SHORTNAME,\n      useValue: 'disqus_shortname'\n    },\n  ]\n}\n```\n\nNow you can use the Disqus component\n\n```ts\nimport { DisqusModule } from 'ngx-disqus';\n\n@Component({\n  standalone: true,\n  imports: [DisqusModule],\n  selector: 'single-post',\n  template: `\u003cdisqus [identifier]=\"pageId\"\u003e\u003c/disqus\u003e`\n})\nexport class SinglePostComponent {\n  pageId: string = '/post/123';\n}\n```\n\n- Disqus component requires the `identifier` input to work properly on your app\n- For example if the page URL is `localhost:4200/about` then the identifier should be `/about`.\n\nHere is a [stackblitz](https://stackblitz.com/edit/ngx-disqus)\n\n## More Options\n\nSee Disqus official documentation ([JavaScript configuration variables](https://help.disqus.com/customer/portal/articles/472098-javascript-configuration-variables)) before using these inputs.\n\n```ts\n\u003cdisqus [identifier]=\"pageId\" [url]=\"url\" [category]=\"catId\" [language]=\"'en'\"\n        (newComment)=\"onComment($event)\" (ready)=\"onReady($event)\" (paginate)=\"onPaginate($event)\"\u003e\u003c/disqus\u003e\n```\n\n___\n\n### NOTE\n\nThe HashLocationStrategy is not compatible with Disqus\n\nFor more info check [DISQUS on ajax sites](https://help.disqus.com/customer/portal/articles/472107-using-disqus-on-ajax-sites)\n\n___\n\n## Issues\n\nIf you identify any errors in this component, or have an idea for an improvement, please open an [issue](https://github.com/MurhafSousli/ngx-disqus/issues)!\n\n## Author\n\n**Murhaf Sousli**\n\n- [github/murhafsousli](https://github.com/MurhafSousli)\n- [twitter/murhafsousli](https://twitter.com/MurhafSousli)\n\n## More plugins\n\n- [ngx-sharebuttons](https://github.com/MurhafSousli/ngx-sharebuttons)\n- [ngx-gallery](https://github.com/MurhafSousli/ngx-gallery)\n- [ngx-progressbar](https://github.com/MurhafSousli/ngx-progressbar)\n- [ngx-scrollbar](https://github.com/MurhafSousli/ngx-scrollbar)\n- [ngx-bar-rating](https://github.com/MurhafSousli/ngx-bar-rating)\n- [ngx-disqus](https://github.com/MurhafSousli/ngx-disqus)\n- [ngx-highlightjs](https://github.com/MurhafSousli/ngx-highlightjs)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMurhafSousli%2Fngx-disqus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMurhafSousli%2Fngx-disqus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMurhafSousli%2Fngx-disqus/lists"}