{"id":18191416,"url":"https://github.com/yociduo/ngx-pendo","last_synced_at":"2025-08-15T19:25:11.191Z","repository":{"id":35054264,"uuid":"200965567","full_name":"yociduo/ngx-pendo","owner":"yociduo","description":"A simple wrapper to load Pendo by angular way","archived":false,"fork":false,"pushed_at":"2025-07-03T03:43:36.000Z","size":4028,"stargazers_count":15,"open_issues_count":1,"forks_count":7,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-08-01T04:55:39.570Z","etag":null,"topics":["angular","pendo","typescript"],"latest_commit_sha":null,"homepage":"","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/yociduo.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-08-07T03:32:09.000Z","updated_at":"2025-07-24T14:36:02.000Z","dependencies_parsed_at":"2024-05-17T07:36:24.348Z","dependency_job_id":"191e8e5d-01eb-4fdd-bc2b-b47b217b89a6","html_url":"https://github.com/yociduo/ngx-pendo","commit_stats":{"total_commits":101,"total_committers":7,"mean_commits":"14.428571428571429","dds":0.4356435643564357,"last_synced_commit":"0e09887a5de6c07615a247d8055399dc4296811f"},"previous_names":[],"tags_count":37,"template":false,"template_full_name":null,"purl":"pkg:github/yociduo/ngx-pendo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yociduo%2Fngx-pendo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yociduo%2Fngx-pendo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yociduo%2Fngx-pendo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yociduo%2Fngx-pendo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yociduo","download_url":"https://codeload.github.com/yociduo/ngx-pendo/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yociduo%2Fngx-pendo/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269457772,"owners_count":24420289,"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-08-08T02:00:09.200Z","response_time":72,"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":["angular","pendo","typescript"],"created_at":"2024-11-03T06:00:49.593Z","updated_at":"2025-08-15T19:25:11.183Z","avatar_url":"https://github.com/yociduo.png","language":"TypeScript","funding_links":[],"categories":["Framework Interoperability"],"sub_categories":["Wrappers"],"readme":"# Ngx Pendo\n\nAn easy implementation pendo on angular6+ apps.\n\n[![NPM version](https://img.shields.io/npm/v/ngx-pendo.svg)](https://www.npmjs.com/package/ngx-pendo)\n[![NPM downloads](https://img.shields.io/npm/dm/ngx-pendo.svg?style=flat-square)](https://www.npmjs.com/package/ngx-pendo)\n[![Build Status](https://github.com/yociduo/ngx-pendo/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/yociduo/ngx-pendo/actions/workflows/ci.yml)\n[![License MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/yociduo/ngx-pendo/blob/main/LICENSE)\n\n## Install\n\n### compatibility\n\n| Angular    | ngx-pendo |\n| ---------- | --------- |\n| 17+        | 2.0.x     |\n| 16         | 1.14.x    |\n| 15         | 1.11.x    |\n| 14         | 1.10.x    |\n| 13         | 1.9.x     |\n| 9/10/11/12 | 1.8.x     |\n| 6/7/8      | 1.2.x     |\n\n### npm\n\nIf you use npm:\n\n```\nnpm install ngx-pendo\n```\n\n### yarn\n\nIf you use yarn:\n\n```\nyarn add ngx-pendo\n```\n\n### schematics\n\nUse the Angular CLI's install [schematics](https://angular.io/guide/schematics) to set up [ngx-pendo](https://www.npmjs.com/package/ngx-pendo) by running the following command:\n\n```\nng add ngx-pendo\n```\n\nThe `ng add` command will install [ngx-pendo](https://www.npmjs.com/package/ngx-pendo) and ask you the following question:\n\n1. Please enter Pendo Api Key: \u003cbr/\u003e You must enter Pendo Api Key\n\nThe `ng add` command will additionally perform the following configurations:\n\n- Add `ngx-pendo` to _package.json_\n- Auto import `NgxPendoModule` with _pendoApiKey_ into `AppModule`\n\n\u003e This feature need angular 9+.\n\n## Feedbacks\n\nhttps://github.com/yociduo/ngx-pendo/issues\n\n## Simple Configuration\n\n#### Module-based apps\n\n```ts\nimport { NgxPendoModule } from 'ngx-pendo';\n\n@NgModule({\n  declarations: [AppComponent],\n  imports: [\n    BrowserModule,\n    NgxPendoModule.forRoot({\n      pendoApiKey: 'pendo-api-key',\n      pendoIdFormatter: (pendoId: string) =\u003e pendoId.toLowerCase()\n    })\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule {}\n```\n\n#### Using the Standalone API\n\n```ts\nimport { bootstrapApplication } from '@angular/platform-browser';\nimport { provideNgxPendo } from 'ngx-pendo';\nimport { AppComponent } from './app/app.component';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    provideNgxPendo({\n      pendoApiKey: 'pendo-api-key',\n      pendoIdFormatter: (pendoId: string) =\u003e pendoId.toLowerCase()\n    })\n  ]\n});\n```\n\n## Call Initialization\n\n#### Using Service\n\n```ts\nimport { Component, OnInit } from '@angular/core';\nimport { NgxPendoService } from 'ngx-pendo';\n\n@Component( ... )\nexport class AppComponent implements OnInit {\n\n  private ngxPendoService = inject(NgxPendoService);\n\n  ngOnInit() {\n    this.ngxPendoService.initialize({\n      id: 'PUT_VISITOR_ID_HERE',\n      name: 'Neo',\n      email: 'neo@thematrix.io',\n      role: 'godlike'\n    }, {\n      id: 'PUT_ACCOUNT_ID_HERE',\n      name: 'CorpSchmorp'\n    });\n  }\n\n}\n```\n\n#### Using Context\n\n```ts\nimport { Component, OnInit } from '@angular/core';\nimport { NGX_PENDO_CONTEXT } from 'ngx-pendo';\n\n@Component( ... )\nexport class AppComponent implements OnInit {\n\n  private pendo = inject(NGX_PENDO_CONTEXT);\n\n  ngOnInit() {\n    this.pendo.initialize({\n      visitor: {\n        id: \"PUT_VISITOR_ID_HERE\",\n        name: \"John Doe\",\n        email: \"user@acme.com\",\n        role: \"Viewer\"\n      },\n      account: {\n        id: \"PUT_ACCOUNT_ID_HERE\",\n        name: \"Acme Co\"\n      },\n      apiKey: 'PUT_API_KEY_HERE'\n    });\n  }\n\n}\n```\n\n#### Using Pendo\n\n```ts\nimport { Component, OnInit } from '@angular/core';\nimport { IPendo } from 'ngx-pendo';\n\ndeclare var pendo: IPendo;\n\n@Component( ... )\nexport class AppComponent implements OnInit {\n\n  ngOnInit() {\n    pendo.initialize({\n      visitor: {\n        id: \"PUT_VISITOR_ID_HERE\",\n        name: \"John Doe\",\n        email: \"user@acme.com\",\n        role: \"Viewer\"\n      },\n      account: {\n        id: \"PUT_ACCOUNT_ID_HERE\",\n        name: \"Acme Co\"\n      },\n      apiKey: 'PUT_API_KEY_HERE'\n    });\n  }\n\n}\n```\n\n## Pendo Directives\n\nYou can use angular directives to add pendo id.\n\n### Simple directive use\n\n```html\n\u003cdiv ngx-pendo-section=\"section\"\u003e\n  \u003cbutton ngx-pendo-id=\"click_test\"\u003eClick Test\u003c/button\u003e\n\u003c/div\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyociduo%2Fngx-pendo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyociduo%2Fngx-pendo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyociduo%2Fngx-pendo/lists"}