{"id":18267496,"url":"https://github.com/freaktechnik/css-objectnet","last_synced_at":"2026-04-28T11:01:58.788Z","repository":{"id":66170935,"uuid":"42041282","full_name":"freaktechnik/css-objectnet","owner":"freaktechnik","description":"Analyze the ID-Class relations of HTML nodes","archived":false,"fork":false,"pushed_at":"2020-02-09T02:15:41.000Z","size":338,"stargazers_count":1,"open_issues_count":23,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-03-29T01:25:57.343Z","etag":null,"topics":["devtools-extension","firefox-addon","firefox-extension","webextension","webpack"],"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/freaktechnik.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}},"created_at":"2015-09-07T08:38:01.000Z","updated_at":"2018-07-16T19:14:05.000Z","dependencies_parsed_at":"2023-04-21T08:36:38.479Z","dependency_job_id":null,"html_url":"https://github.com/freaktechnik/css-objectnet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/freaktechnik/css-objectnet","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freaktechnik%2Fcss-objectnet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freaktechnik%2Fcss-objectnet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freaktechnik%2Fcss-objectnet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freaktechnik%2Fcss-objectnet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/freaktechnik","download_url":"https://codeload.github.com/freaktechnik/css-objectnet/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/freaktechnik%2Fcss-objectnet/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32377599,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T09:24:15.638Z","status":"ssl_error","status_checked_at":"2026-04-28T09:24:15.071Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["devtools-extension","firefox-addon","firefox-extension","webextension","webpack"],"created_at":"2024-11-05T11:27:39.686Z","updated_at":"2026-04-28T11:01:58.772Z","avatar_url":"https://github.com/freaktechnik.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ![](data/icon-48b.png) CSS Objectnet\n\n[![Greenkeeper badge](https://badges.greenkeeper.io/freaktechnik/css-objectnet.svg)](https://greenkeeper.io/)\n[![Travis CI Builds](https://travis-ci.org/freaktechnik/css-objectnet.svg)](https://travis-ci.org/freaktechnik/css-objectnet) [![Dependency CI](https://dependencyci.com/github/freaktechnik/css-objectnet/badge)](https://dependencyci.com/freaktechnik/css-objectnet)\n\nThis is an experimental dev tool to analyze the ID-Class relations of HTML nodes.\n\nThe CSS Objectnet panel in the devtools with a graph connecting HTML element IDs with their associated classes. This lets you analyze how you share your code and check classes for only having one responsibility and so on.\n\nCurrently there is no interaction on click to the elements in the graph other than a force simulation on the graph.\n\n## Translations\nThe extension is translated via [Transifex](https://www.transifex.com/freaktechnik/css-objectnet/).\n\n## Development\n### Set up environment\nRun `npm i` to install all required dependencies.\n\n### Test extension in browser\nBy running `npm start` the extension will be build and web-ext will launch Firefox with the extension temporarily loaded in a throwaway profile.\n\n### Build extension\nTo build the extension, run `npm run build`.\n\n### Run tests\nThe extension both follows eslint rules and linting rules for WebExtensions by Mozilla. To run the linters, run `npm test`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffreaktechnik%2Fcss-objectnet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffreaktechnik%2Fcss-objectnet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffreaktechnik%2Fcss-objectnet/lists"}