{"id":15495035,"url":"https://github.com/vip-git/context-api-dev-tools-extension","last_synced_at":"2025-04-22T20:28:01.153Z","repository":{"id":37026292,"uuid":"301185605","full_name":"vip-git/context-api-dev-tools-extension","owner":"vip-git","description":":pager: Port for Redux Dev Tools Extension now using Context API","archived":false,"fork":false,"pushed_at":"2024-10-10T16:32:12.000Z","size":3698,"stargazers_count":8,"open_issues_count":7,"forks_count":10,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-19T12:16:18.022Z","etag":null,"topics":["context-api","context-api-dev-tools","debug-context-api","dev-tools","redux-dev","redux-devtools-extension","time-travel-context-api"],"latest_commit_sha":null,"homepage":"https://vip-git.github.io/context-api-dev-tools-extension/","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/vip-git.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":"2020-10-04T17:24:13.000Z","updated_at":"2024-03-31T22:33:13.000Z","dependencies_parsed_at":"2023-01-20T11:34:36.943Z","dependency_job_id":"9b0c1397-2eac-459b-85a3-23caf26a9a55","html_url":"https://github.com/vip-git/context-api-dev-tools-extension","commit_stats":{"total_commits":64,"total_committers":2,"mean_commits":32.0,"dds":0.046875,"last_synced_commit":"d6366539e789e5f287d1a0b67d6c152bc9911d55"},"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fcontext-api-dev-tools-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fcontext-api-dev-tools-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fcontext-api-dev-tools-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fcontext-api-dev-tools-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vip-git","download_url":"https://codeload.github.com/vip-git/context-api-dev-tools-extension/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250318014,"owners_count":21410865,"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":["context-api","context-api-dev-tools","debug-context-api","dev-tools","redux-dev","redux-devtools-extension","time-travel-context-api"],"created_at":"2024-10-02T08:15:51.619Z","updated_at":"2025-04-22T20:28:01.125Z","avatar_url":"https://github.com/vip-git.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Remote Context API - DevTools Extension\n[![Build](https://img.shields.io/github/workflow/status/vip-git/context-api-dev-tools-extension/Build-Test-Deploy/main?style=flat)](https://github.com/vip-git/context-api-dev-tools-extension/actions) [![npm version](https://badge.fury.io/js/context-api-dev-tools-extension.svg)](https://badge.fury.io/js/context-api-dev-tools-extension) [![codecov](https://codecov.io/gh/vip-git/context-api-dev-tools-extension/branch/main/graph/badge.svg?token=YLEDGQOZTH)](https://codecov.io/gh/vip-git/context-api-dev-tools-extension) [![Known Vulnerabilities](https://snyk.io/test/github/vip-git/context-api-dev-tools-extension/badge.svg?targetFile=package.json)](https://snyk.io/test/github/vip-git/context-api-dev-tools-extension?targetFile=package.json)\n\nPort for [Redux Dev Tools Extension](https://github.com/zalmoxisus/redux-devtools-extension) now using [Context API](https://reactjs.org/docs/context.html)\n\n```\nnpm install --save-dev-exact context-api-dev-tools-extension\n```\n## [Example Demo](https://vip-git.github.io/context-api-dev-tools-extension/)\n![](./example/context-api-dev-tools-demo.gif)\n\n## Example using `useReducer`\n#### Detailed example can be [seen here](https://github.com/vip-git/context-api-dev-tools-extension/blob/main/example/contexts/TodosContext.tsx)\n\n```\n// Library\nimport useContextDevTools from 'context-api-dev-tools-extension';\n\nexport function TodosContextProvider({\n  children\n}: {\n  children: React.ReactNode;\n}) {\n  // Define reducer\n  const [todos, dispatch] = useReducer(todosReducer, initialState);\n  \n  // Initialize DevTools Extension\n  const devTools = useContextDevTools(dispatch);\n  \n  // Update devtools to send updated state\n  useEffect(() =\u003e {\n    devTools.sendUpdatedState(todos);\n  }, [todos, devTools]);\n  \n  // Mount provider with state context\n  return (\n    \u003cTodosDispatchContext.Provider value={devTools.sendDispatch}\u003e\n     \u003cTodosStateContext.Provider value={todos}\u003e\n      {children}\n     \u003c/TodosStateContext.Provider\u003e\n    \u003c/TodosDispatchContext.Provider\u003e\n  );\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvip-git%2Fcontext-api-dev-tools-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvip-git%2Fcontext-api-dev-tools-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvip-git%2Fcontext-api-dev-tools-extension/lists"}