{"id":18377018,"url":"https://github.com/bbc/videocontext-devtools","last_synced_at":"2025-07-09T20:36:24.902Z","repository":{"id":52435104,"uuid":"89703310","full_name":"bbc/videocontext-devtools","owner":"bbc","description":"Chrome DevTools extension for easy VideoContext debugging.","archived":false,"fork":false,"pushed_at":"2024-11-27T15:15:09.000Z","size":4418,"stargazers_count":23,"open_issues_count":6,"forks_count":2,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-03-22T06:51:17.825Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://bbc.github.io/videocontext-devtools/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bbc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-28T12:17:51.000Z","updated_at":"2023-07-10T13:05:36.000Z","dependencies_parsed_at":"2022-08-23T16:31:03.213Z","dependency_job_id":null,"html_url":"https://github.com/bbc/videocontext-devtools","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bbc%2Fvideocontext-devtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bbc%2Fvideocontext-devtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bbc%2Fvideocontext-devtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bbc%2Fvideocontext-devtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bbc","download_url":"https://codeload.github.com/bbc/videocontext-devtools/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247547853,"owners_count":20956627,"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-11-06T00:25:54.451Z","updated_at":"2025-04-06T20:32:01.564Z","avatar_url":"https://github.com/bbc.png","language":"JavaScript","readme":"# VideoContext Dev Tools\n\nA handy addition to your Chrome Dev Tools for VideoContext. **Requires VideoContext v0.50+**.\n\n![demo](./demo.gif)\n\nTo install it, follow the instructions at \u003chttps://bbc.github.io/videocontext-devtools/\u003e. Once the extension is installed, open an app with a running instance of VideoContext (you can find a ready-made one [here](http://bbc.github.io/VideoContext/examples/transitions.html)), open your Chrome DevTools and navigate to the VideoContext DevTools tab.\n\n## Identifying running instances\n\nVideoContext automatically registers instances with the Dev Tools and identifies it with an amusing randomly generated name. If you want to manually specify the name that appears in the Dev Tools, then set the VideoContext ID:\n\n```js\nconst ctx = new VideoContext(canvas)\nctx.id = \"my chosen id\"\n```\n\n## Developing\nThis extension is formed of two parts - the frontend (the user-facing UI), and the backend (underlying machinery to allow the dev tools extension to pull data from the DOM about running VideoContext instances).\n\nTo develop the frontend, run `yarn start`. This starts a webpack dev server which lets you tweak the frontend (which is backed by a mock data source).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbbc%2Fvideocontext-devtools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbbc%2Fvideocontext-devtools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbbc%2Fvideocontext-devtools/lists"}