Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

DevTools: Improve browser extension iframe support (#19827)

Browse Source 
Co-authored-by: Joel DSouza <joel.dsouza@kapturecrm.com>
Co-authored-by: Damien Maillard <damien.maillard@dailymotion.com>
Co-authored-by: Brian Vaughn <brian.david.vaughn@gmail.com>
This commit is contained in:
6h057
2020-09-14 10:04:46 -04:00
committed by GitHub
co-authored by Joel DSouza Damien Maillard Brian Vaughn
parent 917cb01a58
commit ec39a5e901
30 changed files with 147 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react-devtools-shared/src/hook.js
Vendored
+43 -20
View File
@@ -21,6 +21,25 @@ export function installHook(target: any): DevToolsHook | null {
return null;
}
function getMainWindow(targetWindow: any): any {
if (!canAccessParentWindow(targetWindow) || isMainWindow(targetWindow)) {
return targetWindow;
}
return getMainWindow(targetWindow.parent);
}
function isMainWindow(targetWindow: any): boolean {
return targetWindow.self === targetWindow.top;
}
function canAccessParentWindow(targetWindow: any): boolean {
try {
return !!targetWindow.parent.origin;
} catch (error) {
return false;
}
}
function detectReactBuildType(renderer) {
try {
if (typeof renderer.version === 'string') {
@@ -282,30 +301,34 @@ export function installHook(target: any): DevToolsHook | null {
const listeners = {};
const renderers = new Map();
const hook: DevToolsHook = {
rendererInterfaces,
listeners,
let hook: DevToolsHook;
if (!canAccessParentWindow(target) || isMainWindow(target)) {
hook = {
rendererInterfaces,
listeners,
// Fast Refresh for web relies on this.
renderers,
// Fast Refresh for web relies on this.
renderers,
emit,
getFiberRoots,
inject,
on,
off,
sub,
emit,
getFiberRoots,
inject,
on,
off,
sub,
// This is a legacy flag.
// React v16 checks the hook for this to ensure DevTools is new enough.
supportsFiber: true,
// React calls these methods.
checkDCE,
onCommitFiberUnmount,
onCommitFiberRoot,
};
// This is a legacy flag.
// React v16 checks the hook for this to ensure DevTools is new enough.
supportsFiber: true,
// React calls these methods.
checkDCE,
onCommitFiberUnmount,
onCommitFiberRoot,
};
} else {
hook = getMainWindow(target).__REACT_DEVTOOLS_GLOBAL_HOOK__;
}
Object.defineProperty(
target,
'__REACT_DEVTOOLS_GLOBAL_HOOK__',