{"id":15386653,"url":"https://github.com/pixelscommander/styleobserver","last_synced_at":"2025-08-14T18:36:22.860Z","repository":{"id":146587610,"uuid":"173622991","full_name":"PixelsCommander/StyleObserver","owner":"PixelsCommander","description":"The StylesObserver library provides the ability to watch for changes being made to the styles of the element","archived":false,"fork":false,"pushed_at":"2019-03-23T22:45:48.000Z","size":8,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-15T20:08:56.803Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/PixelsCommander.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-03-03T19:56:52.000Z","updated_at":"2024-09-06T09:26:12.000Z","dependencies_parsed_at":"2023-04-23T10:47:13.629Z","dependency_job_id":null,"html_url":"https://github.com/PixelsCommander/StyleObserver","commit_stats":{"total_commits":6,"total_committers":1,"mean_commits":6.0,"dds":0.0,"last_synced_commit":"9fa1e3024286cb697f7ad1361f9eec409c50a928"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PixelsCommander%2FStyleObserver","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PixelsCommander%2FStyleObserver/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PixelsCommander%2FStyleObserver/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PixelsCommander%2FStyleObserver/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PixelsCommander","download_url":"https://codeload.github.com/PixelsCommander/StyleObserver/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249145302,"owners_count":21219966,"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":[],"created_at":"2024-10-01T14:50:04.244Z","updated_at":"2025-04-15T20:09:03.852Z","avatar_url":"https://github.com/PixelsCommander.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# StyleObserver.js\nThe missing observer of DOM API\n\nHave you ever wished to track if any styles off HTMLElement were changed? Now you can!\n\n## Usage\nAs any other of DOM observers StyleObserver consumes callback, target HTMLElement and settings. Observer is being initiated after `observe` method is called. \n```\nconst observer = new StyleObserver(callback);\nobserver.observe(someDomNode, settingsObject);\n\nfunction callback(changes) {\n    //Changes is an object containing all CSS properties changed\n}\n```\n\nWhere `callback` is a function which accepts JS object as an argument describing all properties changed.\n\nFor more details look inside of `demo` folder in the repo.\n\n## Settings\n`useComputedStyle: boolean` if true styles diff is made on getComputedStyle which is slower then just compare element.style. By default is `true`.\n\n`skipFrames: number` number of frames to skip after each check is done. By default is `0` which means no frames are going to be skipped and check happens on every frame. Skipping frames might be useful if you are looking to reduce amount of resources consumed. \n \n## License\n\nMIT: http://mit-license.org/\n\nCopyright 2017 Denis Radin aka [PixelsCommander](http://pixelscommander.com)\n\nProject is a part of HTML-GL v2","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixelscommander%2Fstyleobserver","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpixelscommander%2Fstyleobserver","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixelscommander%2Fstyleobserver/lists"}