Skip to content

Commit 8197586

Browse files
Terry-SuTerry-Su
committed
support debugging react-16.6.6
1 parent 943ef6b commit 8197586

File tree

186 files changed

+21932
-3
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

186 files changed

+21932
-3
lines changed

‎.vscode/launch.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
"type": "chrome",
99
"request": "launch",
1010
"name": "Launch Chrome against localhost",
11-
"url": "http://localhost:6000",
12-
"webRoot": "${workspaceFolder}"
11+
"url": "http://localhost:6002",
12+
"webRoot": "${workspaceFolder}/react-16.6.0"
1313
}
1414
]
1515
}

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"description": "",
55
"main": "index.js",
66
"scripts": {
7-
"start": "http-server -p 6000"
7+
"start": "cd react-16.6.0 & http-server -p 6002"
88
},
99
"repository": {
1010
"type": "git",

‎react-16.6.0/babel.js‎

Lines changed: 25 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎react-16.6.0/dependency-main.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
<script src="./babel.js"></script>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script>
12+
const data = window.parent.data
13+
var React = data.React
14+
var ReactDOM = data.ReactDOM
15+
</script>
16+
<script type="text/babel" src="./index.js"></script>
17+
</body>
18+
</html>

‎react-16.6.0/dependency-react-dom.html‎

Lines changed: 158 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Dependency ReactDOM</title>
7+
<script>var React = window.parent.React;</script>
8+
<script>var ReactDOM = {};</script>
9+
<script src="./react-dom.development/packages/shared/invariant.js"></script>
10+
<script src="./react-dom.development/packages/shared/reactProdInvariant.js"></script>
11+
<script src="./react-dom.development/packages/react-dom/src/shared/checkReact.js"></script>
12+
<script src="./react-dom.development/packages/shared/invokeGuardedCallbackImpl.js"></script>
13+
<script src="./react-dom.development/packages/shared/ReactErrorUtils.js"></script>
14+
<script src="./react-dom.development/packages/events/EventPluginRegistry.js"></script>
15+
<script src="./react-dom.development/packages/shared/warningWithoutStack.js"></script>
16+
<script src="./react-dom.development/packages/events/EventPluginUtils.js"></script>
17+
<script src="./react-dom.development/packages/events/accumulateInto.js"></script>
18+
<script src="./react-dom.development/packages/events/forEachAccumulated.js"></script>
19+
<script src="./react-dom.development/packages/events/EventPluginHub.js"></script>
20+
<script src="./react-dom.development/packages/shared/ReactWorkTags.js"></script>
21+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOMComponentTree.js"></script>
22+
<script src="./react-dom.development/packages/shared/ReactTreeTraversal.js"></script>
23+
<script src="./react-dom.development/packages/events/EventPropagators.js"></script>
24+
<script src="./react-dom.development/packages/shared/ExecutionEnvironment.js"></script>
25+
<script src="./react-dom.development/packages/events/TopLevelEventTypes.js"></script>
26+
<script src="./react-dom.development/packages/react-dom/src/events/getVendorPrefixedEventName.js"></script>
27+
<script src="./react-dom.development/packages/react-dom/src/events/DOMTopLevelEventTypes.js"></script>
28+
<script src="./react-dom.development/packages/react-dom/src/events/FallbackCompositionState.js"></script>
29+
<script src="./react-dom.development/packages/shared/forks/object-assign.umd.js"></script>
30+
<script src="./react-dom.development/packages/events/SyntheticEvent.js"></script>
31+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticCompositionEvent.js"></script>
32+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticInputEvent.js"></script>
33+
<script src="./react-dom.development/packages/react-dom/src/events/BeforeInputEventPlugin.js"></script>
34+
<script src="./react-dom.development/packages/events/ReactControlledComponent.js"></script>
35+
<script src="./react-dom.development/packages/events/ReactGenericBatching.js"></script>
36+
<script src="./react-dom.development/packages/shared/isTextInputElement.js"></script>
37+
<script src="./react-dom.development/packages/react-dom/src/shared/HTMLNodeType.js"></script>
38+
<script src="./react-dom.development/packages/react-dom/src/events/getEventTarget.js"></script>
39+
<script src="./react-dom.development/packages/react-dom/src/events/isEventSupported.js"></script>
40+
<script src="./react-dom.development/packages/react-dom/src/client/inputValueTracking.js"></script>
41+
<script src="./react-dom.development/packages/shared/ReactSharedInternals.js"></script>
42+
<script src="./react-dom.development/packages/shared/describeComponentFrame.js"></script>
43+
<script src="./react-dom.development/packages/shared/ReactSymbols.js"></script>
44+
<script src="./react-dom.development/packages/shared/ReactLazyComponent.js"></script>
45+
<script src="./react-dom.development/packages/shared/getComponentName.js"></script>
46+
<script src="./react-dom.development/packages/react-reconciler/src/ReactCurrentFiber.js"></script>
47+
<script src="./react-dom.development/packages/shared/warning.js"></script>
48+
<script src="./react-dom.development/packages/react-dom/src/shared/DOMProperty.js"></script>
49+
<script src="./react-dom.development/packages/react-dom/src/client/DOMPropertyOperations.js"></script>
50+
<script src="./react-dom.development/packages/react-dom/src/client/ToStringValue.js"></script>
51+
<script src="./react-dom.development/node_modules/prop-types/lib/ReactPropTypesSecret.js"></script>
52+
<script src="./react-dom.development/node_modules/prop-types/checkPropTypes.js"></script>
53+
<script src="./react-dom.development/packages/react-dom/src/shared/ReactControlledValuePropTypes.js"></script>
54+
<script src="./react-dom.development/packages/shared/ReactFeatureFlags.js"></script>
55+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOMInput.js"></script>
56+
<script src="./react-dom.development/packages/react-dom/src/events/ChangeEventPlugin.js"></script>
57+
<script src="./react-dom.development/packages/react-dom/src/events/DOMEventPluginOrder.js"></script>
58+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticUIEvent.js"></script>
59+
<script src="./react-dom.development/packages/react-dom/src/events/getEventModifierState.js"></script>
60+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticMouseEvent.js"></script>
61+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticPointerEvent.js"></script>
62+
<script src="./react-dom.development/packages/react-dom/src/events/EnterLeaveEventPlugin.js"></script>
63+
<script src="./react-dom.development/packages/shared/shallowEqual.js"></script>
64+
<script src="./react-dom.development/packages/shared/ReactInstanceMap.js"></script>
65+
<script src="./react-dom.development/packages/shared/ReactSideEffectTags.js"></script>
66+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberTreeReflection.js"></script>
67+
<script src="./react-dom.development/packages/react-reconciler/reflection.js"></script>
68+
<script src="./react-dom.development/packages/react-dom/src/events/EventListener.js"></script>
69+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticAnimationEvent.js"></script>
70+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticClipboardEvent.js"></script>
71+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticFocusEvent.js"></script>
72+
<script src="./react-dom.development/packages/react-dom/src/events/getEventCharCode.js"></script>
73+
<script src="./react-dom.development/packages/react-dom/src/events/getEventKey.js"></script>
74+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticKeyboardEvent.js"></script>
75+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticDragEvent.js"></script>
76+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticTouchEvent.js"></script>
77+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticTransitionEvent.js"></script>
78+
<script src="./react-dom.development/packages/react-dom/src/events/SyntheticWheelEvent.js"></script>
79+
<script src="./react-dom.development/packages/react-dom/src/events/SimpleEventPlugin.js"></script>
80+
<script src="./react-dom.development/packages/react-dom/src/events/ReactDOMEventListener.js"></script>
81+
<script src="./react-dom.development/packages/react-dom/src/events/ReactBrowserEventEmitter.js"></script>
82+
<script src="./react-dom.development/packages/react-dom/src/client/getActiveElement.js"></script>
83+
<script src="./react-dom.development/packages/react-dom/src/client/getNodeForCharacterOffset.js"></script>
84+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOMSelection.js"></script>
85+
<script src="./react-dom.development/packages/react-dom/src/client/ReactInputSelection.js"></script>
86+
<script src="./react-dom.development/packages/react-dom/src/events/SelectEventPlugin.js"></script>
87+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOMClientInjection.js"></script>
88+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOMOption.js"></script>
89+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOMSelect.js"></script>
90+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOMTextarea.js"></script>
91+
<script src="./react-dom.development/packages/react-dom/src/shared/DOMNamespaces.js"></script>
92+
<script src="./react-dom.development/packages/react-dom/src/shared/createMicrosoftUnsafeLocalFunction.js"></script>
93+
<script src="./react-dom.development/packages/react-dom/src/client/setInnerHTML.js"></script>
94+
<script src="./react-dom.development/packages/react-dom/src/client/setTextContent.js"></script>
95+
<script src="./react-dom.development/packages/react-dom/src/shared/CSSProperty.js"></script>
96+
<script src="./react-dom.development/packages/react-dom/src/shared/dangerousStyleValue.js"></script>
97+
<script src="./react-dom.development/packages/react-dom/src/shared/hyphenateStyleName.js"></script>
98+
<script src="./react-dom.development/packages/react-dom/src/shared/warnValidStyle.js"></script>
99+
<script src="./react-dom.development/packages/react-dom/src/shared/CSSPropertyOperations.js"></script>
100+
<script src="./react-dom.development/packages/react-dom/src/shared/omittedCloseTags.js"></script>
101+
<script src="./react-dom.development/packages/react-dom/src/shared/voidElementTags.js"></script>
102+
<script src="./react-dom.development/packages/react-dom/src/shared/assertValidProps.js"></script>
103+
<script src="./react-dom.development/packages/react-dom/src/shared/isCustomComponent.js"></script>
104+
<script src="./react-dom.development/packages/react-dom/src/shared/possibleStandardNames.js"></script>
105+
<script src="./react-dom.development/packages/react-dom/src/shared/validAriaProperties.js"></script>
106+
<script src="./react-dom.development/packages/react-dom/src/shared/ReactDOMInvalidARIAHook.js"></script>
107+
<script src="./react-dom.development/packages/react-dom/src/shared/ReactDOMNullInputValuePropHook.js"></script>
108+
<script src="./react-dom.development/packages/react-dom/src/shared/ReactDOMUnknownPropertyHook.js"></script>
109+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOMComponent.js"></script>
110+
<script src="./react-dom.development/packages/react-dom/src/client/validateDOMNesting.js"></script>
111+
<script src="./react-dom.development/packages/shared/forks/Scheduler.umd.js"></script>
112+
<script src="./react-dom.development/packages/shared/HostConfigWithNoPersistence.js"></script>
113+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOMHostConfig.js"></script>
114+
<script src="./react-dom.development/packages/react-reconciler/src/forks/ReactFiberHostConfig.dom.js"></script>
115+
<script src="./react-dom.development/packages/react-reconciler/src/ReactDebugFiberPerf.js"></script>
116+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberStack.js"></script>
117+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberContext.js"></script>
118+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberDevToolsHook.js"></script>
119+
<script src="./react-dom.development/packages/react-reconciler/src/maxSigned31BitInt.js"></script>
120+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberExpirationTime.js"></script>
121+
<script src="./react-dom.development/packages/react-reconciler/src/ReactTypeOfMode.js"></script>
122+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiber.js"></script>
123+
<script src="./react-dom.development/packages/shared/forks/SchedulerTracing.umd.js"></script>
124+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberRoot.js"></script>
125+
<script src="./react-dom.development/packages/shared/lowPriorityWarning.js"></script>
126+
<script src="./react-dom.development/packages/react-reconciler/src/ReactStrictModeWarnings.js"></script>
127+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberInstrumentation.js"></script>
128+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberPendingPriority.js"></script>
129+
<script src="./react-dom.development/packages/react-reconciler/src/ReactUpdateQueue.js"></script>
130+
<script src="./react-dom.development/packages/react-reconciler/src/ReactCapturedValue.js"></script>
131+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberNewContext.js"></script>
132+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberHostContext.js"></script>
133+
<script src="./react-dom.development/packages/react-reconciler/src/ReactProfilerTimer.js"></script>
134+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberClassComponent.js"></script>
135+
<script src="./react-dom.development/packages/react-reconciler/src/ReactChildFiber.js"></script>
136+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberHydrationContext.js"></script>
137+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberLazyComponent.js"></script>
138+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberBeginWork.js"></script>
139+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberCompleteWork.js"></script>
140+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberSuspenseComponent.js"></script>
141+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberErrorDialog.js"></script>
142+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberErrorLogger.js"></script>
143+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberCommitWork.js"></script>
144+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberUnwindWork.js"></script>
145+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberDispatcher.js"></script>
146+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberScheduler.js"></script>
147+
<script src="./react-dom.development/packages/react-reconciler/src/ReactFiberReconciler.js"></script>
148+
<script src="./react-dom.development/packages/react-reconciler/inline.dom.js"></script>
149+
<script src="./react-dom.development/packages/shared/ReactPortal.js"></script>
150+
<script src="./react-dom.development/packages/shared/ReactVersion.js"></script>
151+
<script src="./react-dom.development/packages/react-dom/src/client/ReactDOM.js"></script>
152+
<script src="./react-dom.development/$$umd/line-number-19486.js"></script>
153+
<script src="./react-dom.development/packages/react-dom/index.js"></script>
154+
<script src="./react-dom.development/$$umd/line-number-19500.js"></script>
155+
</head>
156+
<body>
157+
</body>
158+
</html>

‎react-16.6.0/dependency-react.html‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Dependency React</title>
7+
<script>var React = {};</script>
8+
<script src="./react.development/packages/shared/ReactVersion.js"></script>
9+
<script src="./react.development/packages/shared/ReactSymbols.js"></script>
10+
<script src="./react.development/node_modules/object-assign/index.js"></script>
11+
<script src="./react.development/packages/shared/invariant.js"></script>
12+
<script src="./react.development/packages/shared/reactProdInvariant.js"></script>
13+
<script src="./react.development/packages/shared/lowPriorityWarning.js"></script>
14+
<script src="./react.development/packages/shared/warningWithoutStack.js"></script>
15+
<script src="./react.development/packages/react/src/ReactNoopUpdateQueue.js"></script>
16+
<script src="./react.development/packages/react/src/ReactBaseClasses.js"></script>
17+
<script src="./react.development/packages/react/src/ReactCreateRef.js"></script>
18+
<script src="./react.development/packages/scheduler/src/Scheduler.js"></script>
19+
<script src="./react.development/packages/scheduler/index.js"></script>
20+
<script src="./react.development/packages/shared/ReactFeatureFlags.js"></script>
21+
<script src="./react.development/packages/scheduler/src/Tracing.js"></script>
22+
<script src="./react.development/packages/scheduler/src/TracingSubscriptions.js"></script>
23+
<script src="./react.development/packages/scheduler/tracing.js"></script>
24+
<script src="./react.development/packages/react/src/ReactCurrentOwner.js"></script>
25+
<script src="./react.development/packages/shared/describeComponentFrame.js"></script>
26+
<script src="./react.development/packages/shared/ReactLazyComponent.js"></script>
27+
<script src="./react.development/packages/shared/getComponentName.js"></script>
28+
<script src="./react.development/packages/react/src/ReactDebugCurrentFrame.js"></script>
29+
<script src="./react.development/packages/react/src/ReactSharedInternals.js"></script>
30+
<script src="./react.development/packages/shared/warning.js"></script>
31+
<script src="./react.development/packages/react/src/ReactElement.js"></script>
32+
<script src="./react.development/packages/react/src/ReactChildren.js"></script>
33+
<script src="./react.development/packages/react/src/ReactContext.js"></script>
34+
<script src="./react.development/packages/react/src/ReactLazy.js"></script>
35+
<script src="./react.development/packages/react/src/forwardRef.js"></script>
36+
<script src="./react.development/packages/shared/isValidElementType.js"></script>
37+
<script src="./react.development/packages/react/src/memo.js"></script>
38+
<script src="./react.development/node_modules/prop-types/lib/ReactPropTypesSecret.js"></script>
39+
<script src="./react.development/node_modules/prop-types/checkPropTypes.js"></script>
40+
<script src="./react.development/packages/react/src/ReactElementValidator.js"></script>
41+
<script src="./react.development/packages/react/src/React.js"></script>
42+
<script src="./react.development/$$umd/line-number-3090.js"></script>
43+
<script src="./react.development/packages/react/index.js"></script>
44+
<script src="./react.development/$$umd/line-number-3104.js"></script>
45+
</head>
46+
<body>
47+
<iframe id="react-dom" src="./dependency-react-dom.html" frameborder="0"></iframe>
48+
<script>
49+
const domReactDOM = document.querySelector('#react-dom')
50+
domReactDOM.contentWindow.onload = () => {
51+
window.parent.run(React, domReactDOM.contentWindow.ReactDOM)
52+
}
53+
</script>
54+
</body>
55+
</html>

‎react-16.6.0/index.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Debug React Source Code</title>
8+
<script>
9+
var data = {}
10+
function getData() {return data}
11+
function run(React, ReactDOM) {
12+
data.React = React
13+
data.ReactDOM = ReactDOM
14+
const iframeMain = document.createElement('iframe')
15+
iframeMain.src="dependency-main.html"
16+
iframeMain.style.cssText="width:100%; height:100%; border: none;"
17+
document.body.appendChild(iframeMain)
18+
}
19+
</script>
20+
</head>
21+
<style>html,body{width:100%;height:100%;padding:0;margin:0;}</style>
22+
<body>
23+
<iframe id="react" src="./dependency-react.html" frameborder="0" style="display: none;"></iframe>
24+
</body>
25+
26+
</html>

0 commit comments

Comments
 (0)