@lightningtv/solid - npm Package Compare versions

Comparing version 2.7.6-0 to 2.7.6-1

dist/src/primitives/Lazy.jsx

@@ -1,32 +0,32 @@
-import { Index, createEffect, createMemo, createSignal, Show, onCleanup, } from 'solid-js';
+import { Index, createEffect, createMemo, createSignal, Show, onCleanup, untrack, } from 'solid-js';
 import { Dynamic } from '@lightningtv/solid';
 import { Row, Column } from '@lightningtv/solid/primitives';
-function createLazy(props, keyHandler) {
-    const [offset, setOffset] = createSignal(props.selected ?? 0);
-    const [asyncCount, setAsyncCount] = createSignal(0);
+function createLazy(component, props, keyHandler) {
+    const [offset, setOffset] = createSignal(0);
     let timeoutId = null;
-    createEffect(() => setOffset(props.selected ?? 0));
-    createEffect(() => {
-        if (props.async && props.each) {
-            setAsyncCount(0);
-            let count = 0;
-            const loadItems = () => {
-                if (count < props.upCount + offset()) {
-                    setAsyncCount(count + 1);
-                    timeoutId = setTimeout(loadItems, 1);
-                    count++;
-                }
-            };
-            loadItems();
-        }
-        else {
-            setAsyncCount(props.upCount + offset());
-        }
-    });
-    const items = createMemo(() => (Array.isArray(props.each) ? props.each.slice(0, asyncCount() + offset()) : []));
+    createEffect(() => setOffset(props.selected || 0));
+    if (props.async) {
+        createEffect(() => {
+            if (props.each) {
+                let count = untrack(offset);
+                const loadItems = () => {
+                    if (count < props.upCount) {
+                        setOffset(count + 1);
+                        timeoutId = setTimeout(loadItems, 1);
+                        count++;
+                    }
+                };
+                loadItems();
+            }
+        });
+    }
+    const items = createMemo(() => (Array.isArray(props.each) ? props.each.slice(0, offset()) : []));
     const updateOffset = () => {
+        const maxOffset = props.each ? props.each.length - 1 : 0;
+        if (offset() >= maxOffset)
+            return;
         if (timeoutId)
             clearTimeout(timeoutId);
         timeoutId = setTimeout(() => {
-            setOffset((prev) => Math.min(prev + 1, (Array.isArray(props.each) ? props.each.length : 0) - props.upCount));
+            setOffset((prev) => Math.min(prev + 1, maxOffset));
         }, props.delay ?? 0);
@@ -39,4 +39,4 @@ };
     return (<Show when={items().length > 0} fallback={props.fallback}>
-      <Dynamic component={props.component} {...props} {...keyHandler(updateOffset)}>
-        <Index each={items()}>{props.children}</Index>
+      <Dynamic component={component} {...props} {...keyHandler(updateOffset)}>
+        <Index each={items()} children={props.children}/>
       </Dynamic>
@@ -46,9 +46,7 @@ </Show>);
 export function LazyRow(props) {
-    props.component = Row;
-    return createLazy(props, (updateOffset) => ({ onRight: updateOffset }));
+    return createLazy(Row, props, (updateOffset) => ({ onRight: updateOffset }));
 }
 export function LazyColumn(props) {
-    props.component = Column;
-    return createLazy(props, (updateOffset) => ({ onDown: updateOffset }));
+    return createLazy(Column, props, (updateOffset) => ({ onDown: updateOffset }));
 }
 //# sourceMappingURL=Lazy.jsx.map

package.json

 {
   "name": "@lightningtv/solid",
-  "version": "2.7.6-0",
+  "version": "2.7.6-1",
   "description": "Lightning Renderer for Solid Universal",
@@ -5,0 +5,0 @@ "type": "module",

No alert changes

Worsened metrics

Total package byte prevSize

264210

-0.15%

Lines of code

3785

-0.05%

No dependency changes