@lightningtv/solid 3.0.0-2 → 3.0.0-20

package/dist/src/primitives/Marquee.jsx

@@ -0,0 +1,86 @@
+import * as s from 'solid-js';
+import { chainFunctions } from './utils/chainFunctions.js';
+const SAFETY_MARGIN = 10;
+/**
+ * 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 function MarqueeText(props) {
+    const speed = s.createMemo(() => props.speed || 200);
+    const delay = s.createMemo(() => props.delay ?? 1000);
+    const scrollGap = s.createMemo(() => props.scrollGap ?? (props.clipWidth * 0.5));
+    const [textWidth, setTextWidth] = s.createSignal(0);
+    const isTextOverflowing = s.createMemo(() => textWidth() > props.clipWidth - SAFETY_MARGIN);
+    const shouldScroll = s.createMemo(() => props.marquee && isTextOverflowing());
+    const wasFocusedBefore = s.createMemo(p => p || props.marquee, false);
+    s.createEffect(() => {
+        if (shouldScroll()) {
+            let options = {
+                duration: (textWidth() + scrollGap()) / speed() * 1000,
+                delay: delay(),
+                loop: true,
+                easing: props.easing,
+            };
+            text1.lng.x = 0;
+            text2.lng.x = textWidth() + scrollGap();
+            let a1 = text1.lng.animate({ x: -textWidth() - scrollGap() }, options).start();
+            let a2 = text2.lng.animate({ x: 0 }, options).start();
+            s.onCleanup(() => {
+                a1.stop();
+                a2.stop();
+            });
+        }
+    });
+    const events = { loaded(el) { setTextWidth(el.width); } };
+    let text1;
+    let text2;
+    return (<>
+      {wasFocusedBefore() && <>
+        <text {...props} ref={text1} hidden={!shouldScroll()} rtt maxLines={1} onEvent={events}/>
+        <text {...props} ref={text2} hidden={!shouldScroll()} rtt maxLines={1}/>
+      </>}
+      <text {...props} maxLines={1} hidden={shouldScroll()} contain='width'/>
+    </>);
+}
+/**
+ * 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 function Marquee(props) {
+    const [clipWidth, setClipWidth] = s.createSignal(props.width || 0);
+    const clipHeight = s.createMemo(() => props.height || props.textProps?.lineHeight || ((props.textProps?.fontSize || 16) * 1.5));
+    return (<view {...props} height={clipHeight()} onLayout={/* @once */chainFunctions(props.onLayout, (e) => setClipWidth(e.width))} clipping={props.marquee}>
+      <MarqueeText {...props.textProps} marquee={props.marquee} clipWidth={clipWidth()} speed={props.speed} delay={props.delay} scrollGap={props.scrollGap} easing={props.easing}>
+        {props.children}
+      </MarqueeText>
+    </view>);
+}
+//# sourceMappingURL=Marquee.jsx.map

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

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

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

@@ -0,0 +1,4 @@
+import * as s from 'solid-js';
+import * as lng from '@lightningtv/solid';
+declare function Preserve(props: lng.NodeProps): s.JSX.Element;
+export default Preserve;

package/dist/src/primitives/Preserve.jsx

@@ -0,0 +1,11 @@
+import * as s from 'solid-js';
+function Preserve(props) {
+    let view = <view {...props}/>;
+    view.preserve = true;
+    view.onRender ??= () => { view.hidden = false; };
+    view.onRemove ??= () => { view.hidden = true; };
+    s.onCleanup(() => { view.destroy(); });
+    return view;
+}
+export default Preserve;
+//# sourceMappingURL=Preserve.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Preserve.jsx","sourceRoot":"","sources":["../../../src/primitives/Preserve.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAG7B,SAAS,QAAQ,CAAC,KAAoB;IAEpC,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,EAA6B,CAAA;IAExD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAErB,IAAI,CAAC,QAAQ,KAAK,GAAG,EAAE,GAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA,CAAA,CAAC,CAAA;IAC7C,IAAI,CAAC,QAAQ,KAAK,GAAG,EAAE,GAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA,CAAA,CAAC,CAAA;IAE5C,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,GAAE,IAAI,CAAC,OAAO,EAAE,CAAA,CAAA,CAAC,CAAC,CAAA;IAEnC,OAAO,IAA4B,CAAA;AACrC,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/src/primitives/Row.jsx

@@ -1,7 +1,7 @@
 import { combineStyles } from '@lightningtv/solid';
 import { chainFunctions } from './utils/chainFunctions.js';
-import { handleNavigation, onGridFocus, } from './utils/handleNavigation.js';
-import { withScrolling } from './utils/withScrolling.js';
+import { handleNavigation, navigableForwardFocus } from './utils/handleNavigation.js';
+import { scrollRow } from './utils/withScrolling.js';
 const RowStyles = {
     display: 'flex',
     gap: 30,
@@ -12,18 +12,17 @@ const RowStyles = {
         },
     },
 };
-const onLeft = handleNavigation('left');
-const onRight = handleNavigation('right');
-const scroll = withScrolling(true);
 function scrollToIndex(index) {
     this.selected = index;
-    scroll(index, this);
-    this.setFocus();
+    scrollRow(index, this);
+    this.children[index]?.setFocus();
 }
+const onLeft = handleNavigation('left');
+const onRight = handleNavigation('right');
 export const Row = (props) => {
-    return (<view {...props} selected={props.selected || 0} onLeft={/* @once */chainFunctions(props.onLeft, onLeft)} onRight={/* @once */chainFunctions(props.onRight, onRight)} forwardFocus={/* once */onGridFocus(props.onSelectedChanged)} scrollToIndex={scrollToIndex} onLayout={
+    return (<view {...props} selected={props.selected || 0} onLeft={/* @once */chainFunctions(props.onLeft, onLeft)} onRight={/* @once */chainFunctions(props.onRight, onRight)} forwardFocus={navigableForwardFocus} scrollToIndex={scrollToIndex} 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, RowStyles)}/>);
+        props.selected ? chainFunctions(props.onLayout, scrollRow) : props.onLayout} onSelectedChanged={
+        /* @once */ chainFunctions(props.onSelectedChanged, props.scroll !== 'none' ? scrollRow : undefined)} style={/* @once */combineStyles(props.style, RowStyles)}/>);
 };
 //# sourceMappingURL=Row.jsx.map

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

@@ -1 +1 @@
-{"version":3,"file":"Row.jsx","sourceRoot":"","sources":["../../../src/primitives/Row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA2C,MAAM,oBAAoB,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EACL,gBAAgB,EAChB,WAAW,GACZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGzD,MAAM,SAAS,GAAe;IAC5B,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,EAAE;IACP,UAAU,EAAE;QACV,CAAC,EAAE;YACD,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,aAAa;SACtB;KACF;CACF,CAAC;AAEF,MAAM,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AACxC,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAC1C,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;AAEnC,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,GAAG,GAAwB,CAAC,KAAK,EAAE,EAAE;IAChD,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAC9B,MAAM,CAAC,CAAC,WAAY,cAAc,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CACzD,OAAO,CAAC,CAAC,WAAY,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAC5D,YAAY,CAAC,CAAC,UAAW,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAC9D,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,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,SAAS,CAAC,CAAC,EACzD,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Row.jsx","sourceRoot":"","sources":["../../../src/primitives/Row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAqC,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,SAAS,GAAe;IAC5B,OAAO,EAAE,MAAM;IACf,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,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACvB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;AACnC,CAAC;AAED,MAAM,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AACxC,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAE1C,MAAM,CAAC,MAAM,GAAG,GAAwB,CAAC,KAAK,EAAE,EAAE;IAChD,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAC9B,MAAM,CAAC,CAAC,WAAY,cAAc,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CACzD,OAAO,CAAC,CAAC,WAAY,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAC5D,YAAY,CAAC,CAAC,qBAAqB,CAAC,CACpC,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,QAAQ,CAAC,CAAC;QACR,WAAW;QACX,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QACrE,CAAC,CACD,iBAAiB,CAAC,CAAC;QACjB,WAAW,CAAC,cAAc,CACxB,KAAK,CAAC,iBAAiB,EACvB,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAEnD,CAAC,CACD,KAAK,CAAC,CAAC,WAAY,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACzD,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+import * as s from 'solid-js';
+/**
+ * Tracks all resources inside a component and renders a fallback until they are all resolved.
+ *
+ * ```tsx
+ * const [data] = createResource(async () => ...);
+ *
+ * <Suspense fallback={<LoadingIndicator />}>
+ *   <view>
+ *     <text>{data()}</text>
+ *   </view>
+ * </Suspense>
+ * ```
+ *
+ * This is a modified version of the SolidJS Suspense component that works with Lightning.
+ *
+ * @see https://docs.solidjs.com/reference/components/suspense
+ */
+export declare function Suspense(props: {
+    fallback?: s.JSX.Element;
+    children: s.JSX.Element;
+}): s.JSX.Element;

package/dist/src/primitives/Suspense.jsx

@@ -0,0 +1,33 @@
+import * as s from 'solid-js';
+/**
+ * Tracks all resources inside a component and renders a fallback until they are all resolved.
+ *
+ * ```tsx
+ * const [data] = createResource(async () => ...);
+ *
+ * <Suspense fallback={<LoadingIndicator />}>
+ *   <view>
+ *     <text>{data()}</text>
+ *   </view>
+ * </Suspense>
+ * ```
+ *
+ * This is a modified version of the SolidJS Suspense component that works with Lightning.
+ *
+ * @see https://docs.solidjs.com/reference/components/suspense
+ */
+export function Suspense(props) {
+    let children;
+    let suspense = s.Suspense({
+        get children() {
+            return [children = s.children(() => props.children)];
+        },
+    });
+    return <>
+    {suspense() ?? props.fallback}
+    <view hidden forwardFocus={0}>
+      {suspense() ? null : children}
+    </view>
+  </>;
+}
+//# sourceMappingURL=Suspense.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Suspense.jsx","sourceRoot":"","sources":["../../../src/primitives/Suspense.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,QAAQ,CAAC,KAGxB;IAEC,IAAI,QAAuB,CAAC;IAE5B,IAAI,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;QACxB,IAAI,QAAQ;YACV,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAAC,CAAC;QAC9D,CAAC;KACF,CAA+B,CAAC;IAEjC,OAAO,EACL;IAAA,CAAC,QAAQ,EAAE,IAAI,KAAK,CAAC,QAAQ,CAC7B;IAAA,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAC3B;MAAA,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAC/B;IAAA,EAAE,IAAI,CACR;EAAA,GAAG,CAAA;AACL,CAAC"}

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

@@ -0,0 +1,18 @@
+import * as s from 'solid-js';
+import * as lng from '@lightningtv/solid';
+import * as lngp from '@lightningtv/solid/primitives';
+export type VirtualProps<T> = lng.NewOmit<lngp.RowProps, 'children'> & {
+    each: readonly T[] | undefined | null | false;
+    displaySize: number;
+    bufferSize?: number;
+    wrap?: boolean;
+    scrollIndex?: number;
+    onEndReached?: () => void;
+    onEndReachedThreshold?: number;
+    debugInfo?: boolean;
+    factorScale?: boolean;
+    uniformSize?: boolean;
+    children: (item: s.Accessor<T>, index: s.Accessor<number>) => s.JSX.Element;
+};
+export declare function VirtualRow<T>(props: VirtualProps<T>): lng.JSX.Element;
+export declare function VirtualColumn<T>(props: VirtualProps<T>): lng.JSX.Element;