Add stack.index and stack.size to call properties

desko27 · Sep 11, 2024 · 48f26ae · 48f26ae
1 parent 8b2aaee
commit 48f26ae
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/bundlesize.config.json b/bundlesize.config.json
@@ -2,7 +2,7 @@
   "files": [
     {
       "path": "./dist/*.js",
-      "maxSize": "550 B"
+      "maxSize": "555 B"
     }
   ]
 }
diff --git a/lib/createCallable/index.tsx b/lib/createCallable/index.tsx
@@ -55,11 +55,15 @@ export function createCallable<Props = void, Response = void, RootProps = {}>(
         }
       }, [])
 
-      return stack.map(({ props, ...call }) => (
+      return stack.map(({ props, ...call }, index) => (
         <UserComponent
           {...props}
           key={call.key}
-          call={{ ...call, root: rootProps, stackSize: stack.length }}
+          call={{
+            ...call,
+            root: rootProps,
+            stack: { index, size: stack.length },
+          }}
         />
       ))
     },

diff --git a/lib/createCallable/types.ts b/lib/createCallable/types.ts
@@ -23,7 +23,7 @@ export type CallFunction<Props, Response> = (props: Props) => Promise<Response>
 export type CallContext<Props, Response, RootProps> = Omit<
   PrivateCallContext<Props, Response>,
   'props'
-> & { root: RootProps; stackSize: number }
+> & { root: RootProps; stack: { index: number; size: number } }
 
 /**
  * User props + the call prop

diff --git a/src/CallableScenes/YourNested.tsx b/src/CallableScenes/YourNested.tsx
@@ -23,7 +23,7 @@ export const YourNested = createCallable<
     if (!isMounted) onCallNested(i)
   }, [])
 
-  if (i < call.stackSize - DOM_LIMIT_TO_VIRTUALIZE) return null
+  if (call.stack.index < call.stack.size - DOM_LIMIT_TO_VIRTUALIZE) return null
 
   return (
     <Dialog color="pink" ended={call.ended}>