@lightningtv/solid 3.0.0-2 → 3.0.0-20

package/LICENSE

@@ -187,7 +187,7 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright [yyyy] [name of copyright owner]
+   Copyright 2024 Chris Lorenzo
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

package/README.md

@@ -6,6 +6,12 @@
 
 Is a UI framework for [LightningJS 3 Renderer](https://lightningjs.io/) built with [SolidJS](https://www.solidjs.com/) Universal Renderer. It allows you to declaratively construct lightning nodes with reactive primitives, with incredible performance.
 
+## Used by companies worldwide
+
+<div style="display: flex; align-items: center; gap: 20px;">
+  <img src="docs/companylogos/Angel.png" alt="Angel Studios" width="200" /> &nbsp; <img src="docs/companylogos/bell-fibe-tv.png" alt="Bell Fibe TV" width="80" />
+</div>
+
 ## Need Support?
 
 [ConnectedTV Dev](https://lightningtv.dev/)

package/dist/src/jsx-runtime.d.ts

@@ -1,4 +1,4 @@
-import type { NewOmit, NodeProps, TextProps } from '@lightningtv/core';
+import type { NodeProps, TextProps } from '@lightningtv/core';
 declare module 'solid-js' {
     namespace JSX {
         interface IntrinsicElements {
@@ -6,7 +6,5 @@ declare module 'solid-js' {
             view: NodeProps;
             text: TextProps;
         }
-        interface IntrinsicAttributes extends NewOmit<NodeProps, 'children' | 'style'> {
-        }
     }
 }

package/dist/src/primitives/Column.jsx

@@ -1,6 +1,6 @@
 import { combineStyles } from '@lightningtv/solid';
-import { handleNavigation, onGridFocus, } from './utils/handleNavigation.js';
-import { withScrolling } from './utils/withScrolling.js';
+import { navigableForwardFocus, handleNavigation } from './utils/handleNavigation.js';
+import { scrollColumn } from './utils/withScrolling.js';
 import { chainFunctions } from './utils/chainFunctions.js';
 const ColumnStyles = {
     display: 'flex',
@@ -13,18 +13,17 @@ const ColumnStyles = {
         },
     },
 };
-const onUp = handleNavigation('up');
-const onDown = handleNavigation('down');
-const scroll = withScrolling(false);
 function scrollToIndex(index) {
     this.selected = index;
-    scroll(index, this);
-    this.setFocus();
+    scrollColumn(index, this);
+    this.children[index]?.setFocus();
 }
+const onUp = handleNavigation('up');
+const onDown = handleNavigation('down');
 export const Column = (props) => {
-    return (<view {...props} onUp={/* @once */chainFunctions(props.onUp, onUp)} onDown={/* @once */chainFunctions(props.onDown, onDown)} selected={props.selected || 0} scrollToIndex={scrollToIndex} forwardFocus={/* once */onGridFocus(props.onSelectedChanged)} onLayout={
+    return (<view {...props} onUp={/* @once */chainFunctions(props.onUp, onUp)} onDown={/* @once */chainFunctions(props.onDown, onDown)} selected={props.selected || 0} scrollToIndex={scrollToIndex} forwardFocus={navigableForwardFocus} onLayout={
         /* @once */
-        props.selected ? chainFunctions(props.onLayout, scroll) : props.onLayout} onSelectedChanged={
-        /* @once */ chainFunctions(props.onSelectedChanged, props.scroll !== 'none' ? scroll : undefined)} style={/* @once */combineStyles(props.style, ColumnStyles)}/>);
+        props.selected ? chainFunctions(props.onLayout, scrollColumn) : props.onLayout} onSelectedChanged={
+        /* @once */ chainFunctions(props.onSelectedChanged, props.scroll !== 'none' ? scrollColumn : undefined)} style={/* @once */combineStyles(props.style, ColumnStyles)}/>);
 };
 //# sourceMappingURL=Column.jsx.map

package/dist/src/primitives/Column.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Column.jsx","sourceRoot":"","sources":["../../../src/primitives/Column.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,aAAa,EAAmB,MAAM,oBAAoB,CAAC;AACjF,OAAO,EACL,gBAAgB,EAChB,WAAW,GACZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,YAAY,GAAe;IAC/B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,EAAE;IACP,UAAU,EAAE;QACV,CAAC,EAAE;YACD,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,aAAa;SACtB;KACF;CACF,CAAC;AAEF,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACpC,MAAM,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AACxC,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AAEpC,SAAS,aAAa,CAAoB,KAAa;IACrD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACtB,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAA2B,CAAC,KAAK,EAAE,EAAE;IACtD,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,IAAI,CAAC,CAAC,WAAY,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CACnD,MAAM,CAAC,CAAC,WAAY,cAAc,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CACzD,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAC9B,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,YAAY,CAAC,CAAC,UAAW,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAC9D,QAAQ,CAAC,CAAC;QACR,WAAW;QACX,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAClE,CAAC,CACD,iBAAiB,CAAC,CAAC;QACjB,WAAW,CAAC,cAAc,CACxB,KAAK,CAAC,iBAAiB,EACvB,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAEhD,CAAC,CACD,KAAK,CAAC,CAAC,WAAY,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAC5D,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Column.jsx","sourceRoot":"","sources":["../../../src/primitives/Column.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,aAAa,EAAmB,MAAM,oBAAoB,CAAC;AACjF,OAAO,EACL,qBAAqB,EAAE,gBAAgB,EACxC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,YAAY,GAAe;IAC/B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,EAAE;IACP,UAAU,EAAE;QACV,CAAC,EAAE;YACD,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,aAAa;SACtB;KACF;CACF,CAAC;AAEF,SAAS,aAAa,CAAoB,KAAa;IACrD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACtB,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1B,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;AACnC,CAAC;AAED,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACpC,MAAM,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAExC,MAAM,CAAC,MAAM,MAAM,GAA2B,CAAC,KAAK,EAAE,EAAE;IACtD,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,IAAI,CAAC,CAAC,WAAY,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CACnD,MAAM,CAAC,CAAC,WAAY,cAAc,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CACzD,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAC9B,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,YAAY,CAAC,CAAC,qBAAqB,CAAC,CACpC,QAAQ,CAAC,CAAC;QACR,WAAW;QACX,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QACxE,CAAC,CACD,iBAAiB,CAAC,CAAC;QACjB,WAAW,CAAC,cAAc,CACxB,KAAK,CAAC,iBAAiB,EACvB,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAEtD,CAAC,CACD,KAAK,CAAC,CAAC,WAAY,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAC5D,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/primitives/Grid.d.ts

@@ -1,13 +1,22 @@
-import { ValidComponent } from "solid-js";
-import { type NodeProps, type ElementNode } from "@lightningtv/solid";
-export declare const Grid: <T>(props: {
-    item: ValidComponent;
+import { JSX } from "solid-js";
+import { type NodeProps, ElementNode, NewOmit } from "@lightningtv/solid";
+export interface GridItemProps<T> {
+    item: T;
+    index: number;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+}
+export interface GridProps<T> extends NewOmit<NodeProps, 'children'> {
+    items: readonly T[];
+    children: (props: GridItemProps<T>) => JSX.Element;
     itemHeight?: number;
     itemWidth?: number;
     itemOffset?: number;
-    items: T[];
     columns?: number;
     looping?: boolean;
     scroll?: "auto" | "none";
     onSelectedChanged?: (index: number, grid: ElementNode, elm?: ElementNode) => void;
-} & NodeProps) => import("solid-js").JSX.Element;
+}
+export declare function Grid<T>(props: GridProps<T>): JSX.Element;

package/dist/src/primitives/Grid.jsx

@@ -1,12 +1,24 @@
-import { For, createSignal, createMemo } from "solid-js";
-import { Dynamic, isFunction } from "@lightningtv/solid";
-export const Grid = (props) => {
+import { For, createSignal, createMemo, createEffect } from "solid-js";
+import { ElementNode } from "@lightningtv/solid";
+import { chainRefs } from "./utils/chainFunctions.js";
+export function Grid(props) {
     const [focusedIndex, setFocusedIndex] = createSignal(0);
     const baseColumns = 4;
+    const itemWidth = () => props.itemWidth ?? 300;
+    const itemHeight = () => props.itemHeight ?? 300;
     const columns = createMemo(() => props.columns || baseColumns);
-    const totalWidth = createMemo(() => (props.itemWidth ?? 300) + (props.itemOffset ?? 0));
-    const totalHeight = createMemo(() => (props.itemHeight ?? 300) + (props.itemOffset ?? 0));
-    const moveFocus = (delta, elm) => {
+    const totalWidth = createMemo(() => itemWidth() + (props.itemOffset ?? 0));
+    const totalHeight = createMemo(() => itemHeight() + (props.itemOffset ?? 0));
+    function focus() {
+        const focusedElm = gridRef.children[focusedIndex()];
+        if (focusedElm instanceof ElementNode && !focusedElm.states.has('$focus')) {
+            focusedElm.setFocus();
+            props.onSelectedChanged?.call(gridRef, focusedIndex(), gridRef, focusedElm);
+            return true;
+        }
+        return false;
+    }
+    function moveFocus(delta) {
         if (!props.items || props.items.length === 0)
             return false;
         const newIndex = focusedIndex() + delta;
@@ -27,12 +39,10 @@ export const Grid = (props) => {
         else {
             return false;
         }
-        const focusedElm = elm.children[focusedIndex()];
-        focusedElm.setFocus();
-        isFunction(props.onSelectedChanged) && props.onSelectedChanged.call(elm, focusedIndex(), elm, focusedElm);
-        return true;
-    };
-    const handleHorizontalFocus = (delta, elm) => {
+        return focus();
+    }
+    ;
+    function handleHorizontalFocus(delta) {
         if (!props.items || props.items.length === 0)
             return false;
         const newIndex = focusedIndex() + delta;
@@ -48,19 +58,22 @@ export const Grid = (props) => {
         else {
             return false;
         }
-        const focusedElm = elm.children[focusedIndex()];
-        focusedElm.setFocus();
-        isFunction(props.onSelectedChanged) && props.onSelectedChanged.call(elm, focusedIndex(), elm, focusedElm);
-        return true;
-    };
-    function onFocus() {
-        handleHorizontalFocus(0, this);
+        return focus();
     }
+    ;
+    // Handle focus when items change - important for autofocus
+    createEffect(() => {
+        if (props.items && props.items.length > 0 && gridRef && gridRef.states.has('$focus')) {
+            queueMicrotask(focus);
+        }
+    });
     const scrollY = createMemo(() => props.scroll === "none" ? props.y ?? 0 : -Math.floor(focusedIndex() / columns()) * totalHeight() + (props.y || 0));
-    return (<view transition={{ y: true }} {...props} onUp={(_e, elm) => moveFocus(-columns(), elm)} onDown={(_e, elm) => moveFocus(columns(), elm)} onLeft={(_e, elm) => handleHorizontalFocus(-1, elm)} onRight={(_e, elm) => handleHorizontalFocus(1, elm)} onFocus={onFocus} strictBounds={false} y={scrollY()}>
+    let gridRef;
+    return (<view {...props} ref={chainRefs(el => gridRef = el, props.ref)} transition={{ y: true }} onUp={() => moveFocus(-columns())} onDown={() => moveFocus(columns())} onLeft={() => handleHorizontalFocus(-1)} onRight={() => handleHorizontalFocus(1)} onFocus={() => handleHorizontalFocus(0)} strictBounds={false} y={scrollY()}>
       <For each={props.items}>
-        {(item, index) => (<Dynamic {...item} component={props.item} width={props.itemWidth} height={props.itemHeight} x={(index() % columns()) * totalWidth()} y={Math.floor(index() / columns()) * totalHeight()}/>)}
+        {(item, index) => (<props.children item={item} index={index()} width={itemWidth()} height={itemHeight()} x={(index() % columns()) * totalWidth()} y={Math.floor(index() / columns()) * totalHeight()}/>)}
       </For>
     </view>);
-};
+}
+;
 //# sourceMappingURL=Grid.jsx.map

package/dist/src/primitives/Grid.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.jsx","sourceRoot":"","sources":["../../../src/primitives/Grid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Grid.jsx","sourceRoot":"","sources":["../../../src/primitives/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAO,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAkB,WAAW,EAAW,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAuBtD,MAAM,UAAU,IAAI,CAAI,KAAmB;IAEzC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,CAAC,CAAC;IAEtB,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,IAAI,GAAG,CAAA;IAC9C,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAA;IAEhD,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,CAAC;IAE7E,SAAS,KAAK;QACZ,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;QACpD,IAAI,UAAU,YAAY,WAAW,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1E,UAAU,CAAC,QAAQ,EAAE,CAAC;YACtB,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;YAC5E,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,SAAS,SAAS,CAAC,KAAa;QAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC3D,MAAM,QAAQ,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC;QAExC,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACnD,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC5B,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACzB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;YACtC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;gBACd,MAAM,YAAY,GAAG,UAAU,GAAG,CAAC,UAAU,GAAG,OAAO,EAAE,CAAC,IAAI,UAAU,GAAG,OAAO,EAAE,CAAC;gBACrF,MAAM,MAAM,GAAG,YAAY,GAAG,CAAC,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;gBAC3D,eAAe,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,OAAO,EAAE,CAAC,CAAC;YACrE,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,KAAK,EAAE,CAAC;IACjB,CAAC;IAAA,CAAC;IAEF,SAAS,qBAAqB,CAAC,KAAa;QAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC3D,MAAM,QAAQ,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC;QACxC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAEhG,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,WAAW,EAAE,CAAC;YAClE,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC5B,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC;YACpE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,OAAO,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC1E,eAAe,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACnH,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,KAAK,EAAE,CAAC;IACjB,CAAC;IAAA,CAAC;IAEF,2DAA2D;IAC3D,YAAY,CAAC,GAAG,EAAE;QAChB,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACrF,cAAc,CAAC,KAAK,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAC9B,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAClH,CAAC;IAEF,IAAI,OAAqB,CAAC;IAC1B,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,GAAG,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,GAAG,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAC9C,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CACxB,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAClC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,CACnC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CACxC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CACxC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CACxC,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAEb;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACrB;QAAA,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChB,CAAC,KAAK,CAAC,QAAQ,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CACf,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,MAAM,CAAC,CAAC,UAAU,EAAE,CAAC,CACrB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,CACxC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EACnD,CACH,CACH;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAAA,CAAC"}

package/dist/src/primitives/Image.d.ts

@@ -0,0 +1,8 @@
+import { type Component } from 'solid-js';
+import { type NodeProps } from '@lightningtv/solid';
+export interface ImageProps extends NodeProps {
+    src: string;
+    placeholder?: string;
+    fallback?: string;
+}
+export declare const Image: Component<ImageProps>;

package/dist/src/primitives/Image.jsx

@@ -0,0 +1,24 @@
+import { createRenderEffect, createSignal } from 'solid-js';
+import { renderer } from '@lightningtv/solid';
+export const Image = (props) => {
+    const [texture, setTexture] = createSignal(null);
+    const [src, setSrc] = createSignal(props.placeholder || null);
+    createRenderEffect(() => {
+        const srcTexture = renderer.createTexture('ImageTexture', props);
+        if (props.fallback) {
+            srcTexture.once('failed', () => {
+                if (props.fallback === props.placeholder) {
+                    return;
+                }
+                setSrc(props.fallback);
+            });
+        }
+        srcTexture.getTextureData().then(resp => {
+            // if texture fails to load, this is still called after the failed handler
+            if (resp.data)
+                setTexture(srcTexture);
+        });
+    });
+    return (<view {...props} src={src()} color={props.color || 0xffffffff} texture={texture()}/>);
+};
+//# sourceMappingURL=Image.jsx.map

package/dist/src/primitives/Image.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.jsx","sourceRoot":"","sources":["../../../src/primitives/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,kBAAkB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAoC,MAAM,oBAAoB,CAAC;AAQhF,MAAM,CAAC,MAAM,KAAK,GAA0B,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAM,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,YAAY,CAAgB,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC;IAE7E,kBAAkB,CAAC,GAAG,EAAE;QACtB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,EAAE,KAAK,CAAiB,CAAC;QAEjF,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC7B,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,WAAW,EAAE,CAAC;oBACzC,OAAO;gBACT,CAAC;gBACD,MAAM,CAAC,KAAK,CAAC,QAAS,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAC;QACL,CAAC;QAED,UAAU,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACtC,0EAA0E;YAC1E,IAAI,IAAI,CAAC,IAAI;gBACX,UAAU,CAAC,UAAU,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,EAAG,CACtF,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/primitives/KeepAlive.d.ts

@@ -0,0 +1,30 @@
+import { RouteProps } from "@solidjs/router";
+import * as s from 'solid-js';
+import { ElementNode } from "@lightningtv/solid";
+export interface KeepAliveElement {
+    id: string;
+    owner: s.Owner | null;
+    children: s.JSX.Element;
+    routeSignal?: s.Signal<unknown>;
+    dispose: () => void;
+}
+export declare const storeKeepAlive: (element: KeepAliveElement) => KeepAliveElement | undefined;
+export declare const removeKeepAlive: (id: string) => void;
+interface KeepAliveProps {
+    id: string;
+    shouldDispose?: (key: string) => boolean;
+    onRemove?: ElementNode['onRemove'];
+    onRender?: ElementNode['onRender'];
+    transition?: ElementNode['transition'];
+}
+export declare const KeepAlive: (props: s.ParentProps<KeepAliveProps>) => s.JSX.Element;
+export declare const KeepAliveRoute: <S extends string>(props: RouteProps<S> & {
+    id?: string;
+    path: string;
+    component: s.Component<RouteProps<S>>;
+    shouldDispose?: (key: string) => boolean;
+    onRemove?: ElementNode["onRemove"];
+    onRender?: ElementNode["onRender"];
+    transition?: ElementNode["transition"];
+}) => s.JSX.Element;
+export {};

package/dist/src/primitives/KeepAlive.jsx

@@ -0,0 +1,77 @@
+import { Route } from "@solidjs/router";
+import * as s from 'solid-js';
+const keepAliveElements = new Map();
+export const storeKeepAlive = (element) => {
+    if (keepAliveElements.has(element.id)) {
+        console.warn(`[KeepAlive] Element with id "${element.id}" already in cache. Recreating.`);
+        return element;
+    }
+    keepAliveElements.set(element.id, element);
+    return element;
+};
+export const removeKeepAlive = (id) => {
+    const element = keepAliveElements.get(id);
+    if (element) {
+        element.dispose();
+        keepAliveElements.delete(id);
+    }
+};
+function wrapChildren(props) {
+    const onRemove = props.onRemove || ((elm) => { elm.alpha = 0; });
+    const onRender = props.onRender || ((elm) => { elm.alpha = 1; });
+    const transition = props.transition || { alpha: true };
+    return (<view preserve onRemove={onRemove} onRender={onRender} forwardFocus={0} transition={transition} {...props}/>);
+}
+export const KeepAlive = (props) => {
+    let existing = keepAliveElements.get(props.id);
+    if (existing && props.shouldDispose?.(props.id)) {
+        existing.dispose();
+        keepAliveElements.delete(props.id);
+        existing = undefined;
+    }
+    if (!existing) {
+        return s.createRoot((dispose) => {
+            const children = wrapChildren(props);
+            storeKeepAlive({
+                id: props.id,
+                owner: s.getOwner(),
+                children,
+                dispose,
+            });
+            return children;
+        });
+    }
+    else if (existing && !existing.children) {
+        existing.children = s.runWithOwner(existing.owner, () => wrapChildren(props));
+    }
+    return existing.children;
+};
+export const KeepAliveRoute = (props) => {
+    const key = props.id || props.path;
+    const preload = props.preload ? (preloadProps) => {
+        let existing = keepAliveElements.get(key);
+        if (existing && props.shouldDispose?.(key)) {
+            existing.dispose();
+            keepAliveElements.delete(key);
+            existing = undefined;
+        }
+        if (!existing) {
+            return s.createRoot((dispose) => {
+                storeKeepAlive({
+                    id: key,
+                    owner: s.getOwner(),
+                    dispose,
+                    children: null,
+                });
+                return props.preload(preloadProps);
+            });
+        }
+        else if (existing.children) {
+            existing.children?.setFocus();
+        }
+    } : undefined;
+    return (<Route {...props} preload={preload} component={(childProps) => <KeepAlive id={key} onRemove={props.onRemove} onRender={props.onRender} transition={props.transition}>
+              {props.component(childProps)}
+            </KeepAlive>}/>);
+};
+//# sourceMappingURL=KeepAlive.jsx.map

package/dist/src/primitives/KeepAlive.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeepAlive.jsx","sourceRoot":"","sources":["../../../src/primitives/KeepAlive.tsx"],"names":[],"mappings":"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"}

package/dist/src/primitives/Lazy.d.ts

@@ -1,14 +1,15 @@
-import { type JSX, type Accessor } from 'solid-js';
-import { type NewOmit, type NodeProps } from '@lightningtv/solid';
-type LazyProps<T extends readonly any[]> = NewOmit<NodeProps, 'children'> & {
+import * as s from 'solid-js';
+import * as lng from '@lightningtv/solid';
+type LazyProps<T extends readonly any[]> = lng.NewOmit<lng.NodeProps, 'children'> & {
     each: T | undefined | null | false;
-    fallback?: JSX.Element;
     upCount: number;
+    buffer?: number;
     delay?: number;
     sync?: boolean;
     eagerLoad?: boolean;
-    children: (item: Accessor<T[number]>, index: number) => JSX.Element;
+    noRefocus?: boolean;
+    children: (item: s.Accessor<T[number]>, index: number) => s.JSX.Element;
 };
-export declare function LazyRow<T extends readonly any[]>(props: LazyProps<T>): JSX.Element;
-export declare function LazyColumn<T extends readonly any[]>(props: LazyProps<T>): JSX.Element;
+export declare function LazyRow<T extends readonly any[]>(props: LazyProps<T>): lng.JSX.Element;
+export declare function LazyColumn<T extends readonly any[]>(props: LazyProps<T>): lng.JSX.Element;
 export {};

package/dist/src/primitives/Lazy.jsx

@@ -1,19 +1,29 @@
-import { Index, createEffect, createMemo, createSignal, Show, untrack, } from 'solid-js';
-import { Dynamic, scheduleTask } from '@lightningtv/solid';
-import { Row, Column } from '@lightningtv/solid/primitives';
+import * as s from 'solid-js';
+import * as lng from '@lightningtv/solid';
+import * as lngp from '@lightningtv/solid/primitives';
 function createLazy(component, props, keyHandler) {
     // Need at least one item so it can be focused
-    const [offset, setOffset] = createSignal(1);
+    const [offset, setOffset] = s.createSignal(props.sync ? props.upCount : 0);
     let timeoutId = null;
-    createEffect(() => setOffset((props.selected || 0) + 1));
-    if (props.sync) {
-        setOffset(props.upCount);
-    }
-    else {
-        createEffect(() => {
+    let viewRef;
+    let itemLength = 0;
+    const buffer = s.createMemo(() => {
+        if (typeof props.buffer === 'number') {
+            return props.buffer;
+        }
+        const scroll = props.scroll || props.style?.scroll;
+        if (!scroll || scroll === 'auto' || scroll === 'always')
+            return props.upCount + 1;
+        if (scroll === 'center')
+            return Math.ceil(props.upCount / 2) + 1;
+        return 2;
+    });
+    s.createRenderEffect(() => setOffset(offset => Math.max(offset, (props.selected || 0) + buffer())));
+    if (!props.sync || props.eagerLoad) {
+        s.createEffect(() => {
             if (props.each) {
                 const loadItems = () => {
-                    let count = untrack(offset);
+                    let count = s.untrack(offset);
                     if (count < props.upCount) {
                         setOffset(count + 1);
                         timeoutId = setTimeout(loadItems, 16); // ~60fps
@@ -21,20 +31,38 @@ function createLazy(component, props, keyHandler) {
                     }
                     else if (props.eagerLoad) {
                         const maxOffset = props.each ? props.each.length : 0;
-                        if (offset() >= maxOffset)
+                        if (count >= maxOffset)
                             return;
                         setOffset((prev) => Math.min(prev + 1, maxOffset));
-                        scheduleTask(loadItems);
+                        lng.scheduleTask(loadItems);
                     }
                 };
                 loadItems();
             }
         });
     }
-    const items = createMemo(() => (Array.isArray(props.each) ? props.each.slice(0, offset()) : []));
-    const updateOffset = () => {
+    const items = s.createMemo(() => {
+        if (Array.isArray(props.each)) {
+            if (itemLength != props.each.length) {
+                itemLength = props.each.length;
+                if (viewRef && !viewRef.noRefocus && lng.hasFocus(viewRef)) {
+                    queueMicrotask(viewRef.setFocus);
+                }
+            }
+            return props.each.slice(0, offset());
+        }
+        itemLength = 0;
+        return [];
+    });
+    function lazyScrollToIndex(index) {
+        setOffset(Math.max(index, 0) + buffer());
+        queueMicrotask(() => viewRef.scrollToIndex(index));
+    }
+    const updateOffset = (_event, container) => {
         const maxOffset = props.each ? props.each.length : 0;
-        if (offset() >= maxOffset)
+        const selected = container.selected || 0;
+        const numChildren = container.children.length;
+        if (offset() >= maxOffset || selected < numChildren - buffer())
             return;
         if (!props.delay) {
             setOffset((prev) => Math.min(prev + 1, maxOffset));
@@ -51,16 +79,14 @@ function createLazy(component, props, keyHandler) {
         }, props.delay ?? 0);
     };
     const handler = keyHandler(updateOffset);
-    return (<Show when={items()} fallback={props.fallback}>
-      <Dynamic component={component} {...props} {...handler}>
-        <Index each={items()} children={props.children}/>
-      </Dynamic>
-    </Show>);
+    return (<lng.Dynamic {...props} component={component} {...handler} lazyScrollToIndex={lazyScrollToIndex} ref={lngp.chainRefs(el => { viewRef = el; }, props.ref)}>
+      <s.Index each={items()} children={props.children}/>
+    </lng.Dynamic>);
 }
 export function LazyRow(props) {
-    return createLazy(Row, props, (updateOffset) => ({ onRight: updateOffset }));
+    return createLazy(lngp.Row, props, (updateOffset) => ({ onRight: updateOffset }));
 }
 export function LazyColumn(props) {
-    return createLazy(Column, props, (updateOffset) => ({ onDown: updateOffset }));
+    return createLazy(lngp.Column, props, (updateOffset) => ({ onDown: updateOffset }));
 }
 //# sourceMappingURL=Lazy.jsx.map

package/dist/src/primitives/Lazy.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Lazy.jsx","sourceRoot":"","sources":["../../../src/primitives/Lazy.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Lazy.jsx","sourceRoot":"","sources":["../../../src/primitives/Lazy.tsx"],"names":[],"mappings":"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"}

package/dist/src/primitives/Marquee.d.ts

@@ -0,0 +1,64 @@
+import * as lng from '@lightningtv/solid';
+export interface MarqueeAnimationProps {
+    /** delay in ms between animations, @default 1000 */
+    delay?: number;
+    /** pixels per second, @default 200 */
+    speed?: number;
+    /**
+     * distance between the end of the text and the start of the next animation
+     * @default `0.5 * clipWidth`
+     */
+    scrollGap?: number;
+    /** easing function, @default 'linear' */
+    easing?: string;
+}
+export interface MarqueeControlProps {
+    /** whether to scroll the text or show it contained */
+    marquee: boolean;
+}
+export interface MarqueeTextProps extends lng.TextProps, MarqueeControlProps, MarqueeAnimationProps {
+    /** width of the container */
+    clipWidth: number;
+}
+export interface MarqueeProps extends lng.NewOmit<lng.NodeProps, 'children'>, MarqueeControlProps, MarqueeAnimationProps {
+    textProps?: lng.TextProps;
+    children: lng.TextProps['children'];
+}
+/**
+ * MarqueeText is a component that scrolls text when it overflows the container.
+ *
+ * @example
+ * ```tsx
+ * <view width={400} height={28} clipping>
+ *   <MarqueeText
+ *     clipWidth={400}
+ *     marquee={inFocus()}
+ *     speed={200}
+ *     delay={1000}
+ *     scrollGap={24}
+ *     easing='ease-in-out'
+ *   >
+ *     This is a long text that will scroll when it overflows the container.
+ *   </MarqueeText>
+ * </view>
+ */
+export declare function MarqueeText(props: MarqueeTextProps): lng.JSX.Element;
+/**
+ * Marquee is a component that scrolls text when it overflows the container.
+ * It uses the {@link MarqueeText} component to do the actual scrolling.
+ *
+ * @example
+ * ```tsx
+ * <Marquee
+ *   width={400}
+ *   marquee={inFocus()}
+ *   easing='ease-in-out'
+ *   textProps={{
+ *     fontSize: 28,
+ *   }}
+ * >
+ *   This is a long text that will scroll when it overflows the container.
+ * </Marquee>
+ * ```
+ */
+export declare function Marquee(props: MarqueeProps): lng.JSX.Element;