refactor(core): log warnings for non-prod node envs

packages/core/src/utils/graph.ts

@@ -1,3 +1,4 @@
+import { warn } from './log'
 import type {
   Box,
   Connection,
@@ -140,7 +141,7 @@ export const connectionExists = (edge: Edge | Connection, elements: Elements) =>
  */
 export const addEdge = (edgeParams: Edge | Connection, elements: Elements, defaults?: DefaultEdgeOptions) => {
   if (!edgeParams.source || !edgeParams.target) {
-    console.warn("[vueflow]: Can't create edge. An edge needs a source and a target.")
+    warn("Can't create edge. An edge needs a source and a target.")
     return elements
   }
 
@@ -165,14 +166,14 @@ export const addEdge = (edgeParams: Edge | Connection, elements: Elements, defau
  */
 export const updateEdge = (oldEdge: Edge, newConnection: Connection, elements: Elements) => {
   if (!newConnection.source || !newConnection.target) {
-    console.warn("[vueflow]: Can't create new edge. An edge needs a source and a target.")
+    warn("Can't create new edge. An edge needs a source and a target.")
     return elements
   }
 
   const foundEdge = elements.find((e) => isEdge(e) && e.id === oldEdge.id)
 
   if (!foundEdge) {
-    console.warn(`[vueflow]: The old edge with id=${oldEdge.id} does not exist.`)
+    warn(`The old edge with id=${oldEdge.id} does not exist.`)
     return elements
   }
 

packages/core/src/utils/index.ts

@@ -3,3 +3,4 @@ export * from './graph'
 export * from './node'
 export * from './changes'
 export * from './store'
+export * from './log'

packages/core/src/utils/log.ts

@@ -0,0 +1,7 @@
+const productionEnvs = ['production', 'prod']
+
+export const warn = (message: string, ...args: any[]) => {
+  if (!productionEnvs.includes(__ENV__ || '')) {
+    console.warn(`[Vue Flow]: ${message}`, ...args)
+  }
+}

packages/core/src/utils/store.ts

@@ -1,11 +1,12 @@
+import { connectionExists, getEdgeId, isEdge, isGraphEdge, parseEdge, parseNode } from './graph'
+import { warn } from './log'
 import type { Connection, CoordinateExtent, Edge, Getters, GraphEdge, GraphNode, Node } from '~/types'
-import { connectionExists, getEdgeId, isEdge, isGraphEdge, parseEdge, parseNode } from '~/utils/graph'
 
 export const isDef = <T>(val: T): val is NonNullable<T> => typeof val !== 'undefined'
 
 export const addEdgeToStore = (edgeParams: Edge | Connection, edges: Edge[]) => {
   if (!edgeParams.source || !edgeParams.target) {
-    console.warn("[vueflow]: Can't create edge. An edge needs a source and a target.")
+    warn("Can't create edge. An edge needs a source and a target.")
     return false
   }
 
@@ -25,14 +26,14 @@ export const addEdgeToStore = (edgeParams: Edge | Connection, edges: Edge[]) =>
 
 export const updateEdgeAction = (edge: GraphEdge, newConnection: Connection, edges: GraphEdge[]) => {
   if (!newConnection.source || !newConnection.target) {
-    console.warn("[vueflow]: Can't create new edge. An edge needs a source and a target.")
+    warn("Can't create new edge. An edge needs a source and a target.")
     return false
   }
 
   const foundEdge = edges.find((e) => isGraphEdge(e) && e.id === edge.id)
 
   if (!foundEdge) {
-    console.warn(`[vueflow]: The old edge with id=${edge.id} does not exist.`)
+    warn(`The old edge with id=${edge.id} does not exist.`)
     return false
   }
 
@@ -75,7 +76,7 @@ export const createGraphNodes = (
   graphNodes.forEach((node) => {
     const nextNodes = [...graphNodes, ...currGraphNodes]
     if (node.parentNode && !nextNodes.find((n) => n.id === node.parentNode)) {
-      console.warn(`[vueflow]: Parent node ${node.parentNode} not found`)
+      warn(`Parent node ${node.parentNode} not found`)
     }
 
     if (node.parentNode || parentNodes[node.id]) {