feat(use-nodes-initialized): add options, exclude hidden nodes

packages/core/src/hooks/useNodesInitialized.ts

@@ -2,16 +2,27 @@ import { internalsSymbol } from '../utils';
 import { useStore } from './useStore';
 import type { ReactFlowState } from '../types';
 
-const selector = (s: ReactFlowState) => {
+export type UseNodesInitializedOptions = {
+  includeHiddenNodes?: boolean;
+};
+
+const selector = (options: UseNodesInitializedOptions) => (s: ReactFlowState) => {
   if (s.nodeInternals.size === 0) {
     return false;
   }
 
-  return s.getNodes().every((n) => n[internalsSymbol]?.handleBounds !== undefined);
+  return s
+    .getNodes()
+    .filter((n) => (options.includeHiddenNodes ? true : !n.hidden))
+    .every((n) => n[internalsSymbol]?.handleBounds !== undefined);
 };
 
-function useNodesInitialized(): boolean {
-  const initialized = useStore(selector);
+const defaultOptions = {
+  includeHiddenNodes: false,
+};
+
+function useNodesInitialized(options: UseNodesInitializedOptions = defaultOptions): boolean {
+  const initialized = useStore(selector(options));
 
   return initialized;
 }

packages/core/src/index.ts

@@ -35,9 +35,9 @@ export { default as useViewport } from './hooks/useViewport';
 export { default as useKeyPress } from './hooks/useKeyPress';
 export * from './hooks/useNodesEdgesState';
 export { useStore, useStoreApi } from './hooks/useStore';
-export { default as useOnViewportChange } from './hooks/useOnViewportChange';
-export { default as useOnSelectionChange } from './hooks/useOnSelectionChange';
-export { default as useNodesInitialized } from './hooks/useNodesInitialized';
+export { default as useOnViewportChange, type UseOnViewportChangeOptions } from './hooks/useOnViewportChange';
+export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
+export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
 export { default as useGetPointerPosition } from './hooks/useGetPointerPosition';
 export { useNodeId } from './contexts/NodeIdContext';