bendtherules/react-fiber-traverse
1
0
Fork 0
mirror of https://github.com/bendtherules/react-fiber-traverse.git synced 2026-08-18 22:01:49 +00:00
Code Issues 25 Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/bendtherules/react-fiber-traverse

Browse Source
This commit is contained in:
bendtherules
2019-07-25 01:10:19 +05:30
parent adbb9527c9 7b51c96a57
commit 7e1d813811
2 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/findNode.ts
+4 -7
View File
@@ -1,5 +1,5 @@
import { FiberNode } from "./mocked-types"; import { FiberNode } from "./mocked-types";
import { isNotHtmlLike } from "./utils"; import { isNodeNotHtmlLike } from "./utils";
function findNodeByComponentName( function findNodeByComponentName(
node: FiberNode | null, node: FiberNode | null,
@@ -9,8 +9,7 @@ function findNodeByComponentName(
return null; return null;
} }
if (isNotHtmlLike(node) && node.type.name === expectedName) { if (isNodeNotHtmlLike(node) && node.type.name === expectedName) {
// console.debug("Found node " + node);
return node; return node;
} }
@@ -38,8 +37,7 @@ function findNodeByComponent(
return null; return null;
} }
if (isNotHtmlLike(node) && node.type === expectedClassOrFunction) { if (isNodeNotHtmlLike(node) && node.type === expectedClassOrFunction) {
// console.debug("Found node " + node);
return node; return node;
} }
@@ -67,8 +65,7 @@ function findNodeByComponentInstance(
return null; return null;
} }
if (isNotHtmlLike(node) && node.stateNode === expectedClassInstance) { if (isNodeNotHtmlLike(node) && node.stateNode === expectedClassInstance) {
// console.debug("Found node " + node);
return node; return node;
} }
src/utils.ts
+14 -5
View File
@@ -1,11 +1,20 @@
import { FiberNode, FiberNodeisHTMLLike } from './mocked-types'; import * as React from 'react';
import { FiberNode, FiberNodeisHTMLLike, FiberNodeForFunctionComponent, FiberNodeForComponentClass } from './mocked-types';
function isHtmlLike(node: FiberNode): node is FiberNodeisHTMLLike { function isNodeHtmlLike(node: FiberNode): node is FiberNodeisHTMLLike {
return (typeof node.type === "string") || node.type === null; return (typeof node.type === "string") || node.type === null;
} }
function isNotHtmlLike(node: FiberNode): node is Exclude<FiberNode, FiberNodeisHTMLLike> { function isNodeNotHtmlLike(node: FiberNode): node is Exclude<FiberNode, FiberNodeisHTMLLike> {
return !isHtmlLike(node); return !isNodeHtmlLike(node);
} }
export { isHtmlLike, isNotHtmlLike }; function isNodeFunctionComponent(node: FiberNode): node is FiberNodeForFunctionComponent {
return isNodeNotHtmlLike(node) && node.stateNode === null;
}
function isNodeComponentClass(node: FiberNode): node is FiberNodeForComponentClass {
return isNodeNotHtmlLike(node) && (node.stateNode instanceof React.Component);
}
export { isNodeHtmlLike, isNodeNotHtmlLike, isNodeFunctionComponent, isNodeComponentClass };