{"id":15503662,"url":"https://github.com/pomber/intersection-observer-debugger","last_synced_at":"2025-05-11T06:11:20.868Z","repository":{"id":43725648,"uuid":"292130810","full_name":"pomber/intersection-observer-debugger","owner":"pomber","description":"A script you include during development that shows the root, target, and intersection every time an IntersectionObserver is triggered.","archived":false,"fork":false,"pushed_at":"2022-10-06T06:04:32.000Z","size":87,"stargazers_count":139,"open_issues_count":4,"forks_count":2,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-11T06:11:16.804Z","etag":null,"topics":["debugger","intersection-observer","visualizer"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pomber.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-09-01T23:36:19.000Z","updated_at":"2025-04-28T15:19:58.000Z","dependencies_parsed_at":"2022-09-16T11:52:14.398Z","dependency_job_id":null,"html_url":"https://github.com/pomber/intersection-observer-debugger","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pomber%2Fintersection-observer-debugger","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pomber%2Fintersection-observer-debugger/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pomber%2Fintersection-observer-debugger/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pomber%2Fintersection-observer-debugger/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pomber","download_url":"https://codeload.github.com/pomber/intersection-observer-debugger/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253523779,"owners_count":21921824,"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":["debugger","intersection-observer","visualizer"],"created_at":"2024-10-02T09:14:24.797Z","updated_at":"2025-05-11T06:11:20.790Z","avatar_url":"https://github.com/pomber.png","language":"JavaScript","readme":"# IntersectionObserver Debugger\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg alt=\"demo\" src=\"https://user-images.githubusercontent.com/1911623/91918354-0b2ef680-ec99-11ea-9250-e040d0f3be76.gif\" width=\"600\" /\u003e\n\u003cbr/\u003e\n\u003c/div\u003e\n\nA script you include during development that shows the root, target and intersection every time an IntersectionObserver is triggered.\n\n## Usage\n\nImport the script from your html:\n\n```html\n\u003cscript src=\"https://unpkg.com/intersection-observer-debugger\"\u003e\u003c/script\u003e\n```\n\nOr, install the dependency and import it from JS:\n\n```bash\n$ npm install intersection-observer-debugger --save-dev\n```\n\n```js\n// index.js\nimport \"intersection-observer-debugger\"\n```\n\nMake sure to import it before any code that may use the IntersectionObserver constructor.\n\n## License\n\nMIT\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpomber%2Fintersection-observer-debugger","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpomber%2Fintersection-observer-debugger","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpomber%2Fintersection-observer-debugger/lists"}