alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(warnings): only show for node_env=development

Browse Source
This commit is contained in:
moklick
2022-05-02 14:31:44 +02:00
parent 9331ccc544
commit 2ad60c19a2
6 changed files with 52 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/container/EdgeRenderer/MarkerSymbols.tsx
+7 -3
View File
@@ -38,9 +38,13 @@ export function useMarkerSymbol(type: MarkerType) {
const symbol = useMemo(() => {
const symbolExists = MarkerSymbols.hasOwnProperty(type);
if (!symbolExists) {
console.warn(`[React Flow]: Marker type "${type}" doesn't exist. Help: https://reactflow.dev/error-decoder#900`);
return () => null;
if (process.env.NODE_ENV === 'development') {
if (!symbolExists) {
console.warn(
`[React Flow]: Marker type "${type}" doesn't exist. Help: https://reactflow.dev/error-decoder#900`
);
return () => null;
}
}
return MarkerSymbols[type];
src/container/EdgeRenderer/index.tsx
+13 -11
View File
@@ -105,18 +105,20 @@ const EdgeRenderer = (props: EdgeRendererProps) => {
const sourcePosition = sourceHandle?.position || Position.Bottom;
const targetPosition = targetHandle?.position || Position.Top;
if (!sourceHandle) {
console.warn(
`[React Flow]: Couldn't create edge for source handle id: ${edge.sourceHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800`
);
return null;
}
if (process.env.NODE_ENV === 'development') {
if (!sourceHandle) {
console.warn(
`[React Flow]: Couldn't create edge for source handle id: ${edge.sourceHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800`
);
return null;
}
if (!targetHandle) {
console.warn(
`[React Flow]: Couldn't create edge for target handle id: ${edge.targetHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800`
);
return null;
if (!targetHandle) {
console.warn(
`[React Flow]: Couldn't create edge for target handle id: ${edge.targetHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800`
);
return null;
}
}
const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
src/container/NodeRenderer/index.tsx
+6 -4
View File
@@ -70,10 +70,12 @@ const NodeRenderer = (props: NodeRendererProps) => {
{nodes.map((node) => {
const nodeType = node.type || 'default';
if (!props.nodeTypes[nodeType]) {
console.warn(
`[React Flow]: Node type "${nodeType}" not found. Using fallback type "default". Help: https://reactflow.dev/error-decoder#300`
);
if (process.env.NODE_ENV === 'development') {
if (!props.nodeTypes[nodeType]) {
console.warn(
`[React Flow]: Node type "${nodeType}" not found. Using fallback type "default". Help: https://reactflow.dev/error-decoder#300`
);
}
}
const NodeComponent = (props.nodeTypes[nodeType] || props.nodeTypes.default) as ComponentType<WrapNodeProps>;