{"id":18824009,"url":"https://github.com/eddyerburgh/react-dev-tools-iframe-webpack-plugin","last_synced_at":"2025-04-14T01:31:07.146Z","repository":{"id":44074788,"uuid":"134884987","full_name":"eddyerburgh/react-dev-tools-iframe-webpack-plugin","owner":"eddyerburgh","description":"Inject code to set up React dev tools for code running in an iframe","archived":false,"fork":false,"pushed_at":"2022-12-08T19:29:14.000Z","size":1201,"stargazers_count":6,"open_issues_count":24,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-27T15:47:41.076Z","etag":null,"topics":[],"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/eddyerburgh.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}},"created_at":"2018-05-25T17:17:37.000Z","updated_at":"2021-07-23T08:26:43.000Z","dependencies_parsed_at":"2023-01-25T07:46:18.987Z","dependency_job_id":null,"html_url":"https://github.com/eddyerburgh/react-dev-tools-iframe-webpack-plugin","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eddyerburgh%2Freact-dev-tools-iframe-webpack-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eddyerburgh%2Freact-dev-tools-iframe-webpack-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eddyerburgh%2Freact-dev-tools-iframe-webpack-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eddyerburgh%2Freact-dev-tools-iframe-webpack-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eddyerburgh","download_url":"https://codeload.github.com/eddyerburgh/react-dev-tools-iframe-webpack-plugin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248807463,"owners_count":21164689,"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-08T00:55:23.001Z","updated_at":"2025-04-14T01:31:07.103Z","avatar_url":"https://github.com/eddyerburgh.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-dev-tools-iframe-webpack-plugin\n\nBy default, React apps running in iframes are not picked up by the React dev tools extension.\n\nFor dev tools to pick up React apps in iframes, you need to add code that sets the dev tools hook to the parent window, but the code must run before the React code runs. The must be added outside your bundle if you use ES imports (which are hoisted).\n\nThis plugin adds the code to set the dev tools hook before the React code runs.\n\n## Usage\n\nInstall:\n\n```\nyarn add --dev react-dev-tools-iframe-webpack-plugin\n```\n\nor with npm:\n\n```\nnpm install --save-dev react-dev-tools-iframe-webpack-plugin\n```\n\nAnd add it to your plugins array in the webpack config:\n\n```js\nconst ReactDevToolsIFramePlugin = require('react-dev-tools-iframe-webpack-plugin');\n\nmodule.exports = {\n  // ..\n  plugins: [new ReactDevToolsIFramePlugin()]\n};\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feddyerburgh%2Freact-dev-tools-iframe-webpack-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feddyerburgh%2Freact-dev-tools-iframe-webpack-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feddyerburgh%2Freact-dev-tools-iframe-webpack-plugin/lists"}