@lightningtv/solid 2.10.0 → 2.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/primitives/Virtual.d.ts +14 -0
- package/dist/src/primitives/Virtual.jsx +107 -0
- package/dist/src/primitives/Virtual.jsx.map +1 -0
- package/dist/src/primitives/VirtualGrid.d.ts +1 -0
- package/dist/src/primitives/VirtualGrid.jsx +6 -5
- package/dist/src/primitives/VirtualGrid.jsx.map +1 -1
- package/dist/src/primitives/VirtualRow.d.ts +13 -0
- package/dist/src/primitives/VirtualRow.jsx +97 -0
- package/dist/src/primitives/VirtualRow.jsx.map +1 -0
- package/dist/src/primitives/index.d.ts +1 -1
- package/dist/src/primitives/index.js +1 -1
- package/dist/src/primitives/index.js.map +1 -1
- package/dist/src/universal.d.ts +25 -0
- package/dist/src/universal.js +232 -0
- package/dist/src/universal.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/primitives/Virtual.tsx +159 -0
- package/src/primitives/VirtualGrid.tsx +10 -7
- package/src/primitives/index.ts +1 -1
- package/src/primitives/VirtualList.tsx +0 -140
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as s from 'solid-js';
|
|
2
|
+
import * as lng from '@lightningtv/solid';
|
|
3
|
+
import * as lngp from '@lightningtv/solid/primitives';
|
|
4
|
+
export type VirtualProps<T> = lng.NewOmit<lngp.RowProps, 'children'> & {
|
|
5
|
+
each: readonly T[] | undefined | null | false;
|
|
6
|
+
displaySize: number;
|
|
7
|
+
bufferSize?: number;
|
|
8
|
+
onEndReached?: () => void;
|
|
9
|
+
onEndReachedThreshold?: number;
|
|
10
|
+
fallback?: s.JSX.Element;
|
|
11
|
+
children: (item: s.Accessor<T>, index: s.Accessor<number>) => s.JSX.Element;
|
|
12
|
+
};
|
|
13
|
+
export declare function VirtualRow<T>(props: VirtualProps<T>): lng.JSX.Element;
|
|
14
|
+
export declare function VirtualColumn<T>(props: VirtualProps<T>): lng.JSX.Element;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import * as s from 'solid-js';
|
|
2
|
+
import * as lng from '@lightningtv/solid';
|
|
3
|
+
import * as lngp from '@lightningtv/solid/primitives';
|
|
4
|
+
import { List } from '@solid-primitives/list';
|
|
5
|
+
import * as utils from '../utils.js';
|
|
6
|
+
function createVirtual(component, props, scrollFn, keyHandlers) {
|
|
7
|
+
const [cursor, setCursor] = s.createSignal(props.selected ?? 0);
|
|
8
|
+
const bufferSize = s.createMemo(() => props.bufferSize || 2);
|
|
9
|
+
const items = s.createMemo(() => props.each || []);
|
|
10
|
+
const start = () => utils.clamp(cursor() - bufferSize(), 0, Math.max(0, items().length - props.displaySize - bufferSize()));
|
|
11
|
+
const end = () => Math.min(items().length, cursor() + props.displaySize + bufferSize());
|
|
12
|
+
const [slice, setSlice] = s.createSignal(items().slice(start(), end()));
|
|
13
|
+
let viewRef;
|
|
14
|
+
function scrollToIndex(index) {
|
|
15
|
+
this.selected = index;
|
|
16
|
+
scrollFn(index, this);
|
|
17
|
+
this.setFocus();
|
|
18
|
+
}
|
|
19
|
+
const onSelectedChanged = function (_idx, elm, active, _lastIdx) {
|
|
20
|
+
let idx = _idx;
|
|
21
|
+
let lastIdx = _lastIdx;
|
|
22
|
+
if (idx === lastIdx)
|
|
23
|
+
return;
|
|
24
|
+
const prevChildPos = component === lngp.Row
|
|
25
|
+
? this.x + active.x
|
|
26
|
+
: this.y + active.y;
|
|
27
|
+
const prevStart = start();
|
|
28
|
+
setCursor(prevStart + idx);
|
|
29
|
+
setSlice(items().slice(start(), end()));
|
|
30
|
+
const idxCorrection = prevStart - start();
|
|
31
|
+
if (lastIdx)
|
|
32
|
+
lastIdx += idxCorrection;
|
|
33
|
+
idx += idxCorrection;
|
|
34
|
+
this.selected += idxCorrection;
|
|
35
|
+
if (props.onEndReachedThreshold !== undefined && cursor() >= items().length - props.onEndReachedThreshold) {
|
|
36
|
+
props.onEndReached?.();
|
|
37
|
+
}
|
|
38
|
+
queueMicrotask(() => {
|
|
39
|
+
this.updateLayout();
|
|
40
|
+
if (component === lngp.Row) {
|
|
41
|
+
this.lng.x = prevChildPos - active.x;
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
this.lng.y = prevChildPos - active.y;
|
|
45
|
+
}
|
|
46
|
+
scrollFn(idx, elm, active, lastIdx);
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
const chainedOnSelectedChanged = lngp.chainFunctions(props.onSelectedChanged, onSelectedChanged);
|
|
50
|
+
s.createEffect(s.on([() => props.selected, items], ([selected]) => {
|
|
51
|
+
if (!viewRef || selected == null)
|
|
52
|
+
return;
|
|
53
|
+
const item = items()[selected];
|
|
54
|
+
let active = viewRef.children.find(x => x.item === item);
|
|
55
|
+
const lastSelected = viewRef.selected;
|
|
56
|
+
if (active instanceof lng.ElementNode) {
|
|
57
|
+
viewRef.selected = viewRef.children.indexOf(active);
|
|
58
|
+
chainedOnSelectedChanged.call(viewRef, viewRef.selected, viewRef, active, lastSelected);
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
setCursor(selected);
|
|
62
|
+
setSlice(items().slice(start(), end()));
|
|
63
|
+
queueMicrotask(() => {
|
|
64
|
+
viewRef.updateLayout();
|
|
65
|
+
active = viewRef.children.find(x => x.item === item);
|
|
66
|
+
if (active instanceof lng.ElementNode) {
|
|
67
|
+
viewRef.selected = viewRef.children.indexOf(active);
|
|
68
|
+
chainedOnSelectedChanged.call(viewRef, viewRef.selected, viewRef, active, lastSelected);
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
}));
|
|
73
|
+
s.createEffect(s.on(items, () => {
|
|
74
|
+
if (!viewRef)
|
|
75
|
+
return;
|
|
76
|
+
setSlice(items().slice(start(), end()));
|
|
77
|
+
}, { defer: true }));
|
|
78
|
+
return (<view {...props} scroll={props.scroll || 'always'} ref={lngp.chainRefs(el => { viewRef = el; }, props.ref)} selected={props.selected || 0} cursor={cursor()} {...keyHandlers} forwardFocus={/* @once */lngp.navigableForwardFocus} scrollToIndex={/* @once */scrollToIndex} onCreate={/* @once */props.selected
|
|
79
|
+
? lngp.chainFunctions(props.onCreate, scrollFn)
|
|
80
|
+
: props.onCreate} onSelectedChanged={/* @once */chainedOnSelectedChanged} style={/* @once */lng.combineStyles(props.style, component === lngp.Row
|
|
81
|
+
? {
|
|
82
|
+
display: 'flex',
|
|
83
|
+
gap: 30,
|
|
84
|
+
transition: { x: { duration: 250, easing: 'ease-out' } },
|
|
85
|
+
}
|
|
86
|
+
: {
|
|
87
|
+
display: 'flex',
|
|
88
|
+
flexDirection: 'column',
|
|
89
|
+
gap: 30,
|
|
90
|
+
transition: { y: { duration: 250, easing: 'ease-out' } },
|
|
91
|
+
})}>
|
|
92
|
+
<List each={slice()}>{props.children}</List>
|
|
93
|
+
</view>);
|
|
94
|
+
}
|
|
95
|
+
export function VirtualRow(props) {
|
|
96
|
+
return createVirtual(lngp.Row, props, lngp.withScrolling(true), {
|
|
97
|
+
onLeft: lngp.navigableHandleNavigation,
|
|
98
|
+
onRight: lngp.navigableHandleNavigation,
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
export function VirtualColumn(props) {
|
|
102
|
+
return createVirtual(lngp.Column, props, lngp.withScrolling(false), {
|
|
103
|
+
onUp: lngp.navigableHandleNavigation,
|
|
104
|
+
onDown: lngp.navigableHandleNavigation,
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
//# sourceMappingURL=Virtual.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Virtual.jsx","sourceRoot":"","sources":["../../../src/primitives/Virtual.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ export type VirtualGridProps<T> = lng.NewOmit<lngp.RowProps, 'children'> & {
|
|
|
7
7
|
rows?: number;
|
|
8
8
|
buffer?: number;
|
|
9
9
|
onEndReached?: () => void;
|
|
10
|
+
onEndReachedThreshold?: number;
|
|
10
11
|
children: (item: s.Accessor<T>, index: s.Accessor<number>) => s.JSX.Element;
|
|
11
12
|
};
|
|
12
13
|
export declare function VirtualGrid<T>(props: VirtualGridProps<T>): s.JSX.Element;
|
|
@@ -40,13 +40,14 @@ export function VirtualGrid(props) {
|
|
|
40
40
|
function onVerticalNav(dir) {
|
|
41
41
|
return function () {
|
|
42
42
|
const perRow = itemsPerRow();
|
|
43
|
+
const currentRowIndex = Math.floor(cursor() / perRow);
|
|
44
|
+
const maxRows = Math.floor(items().length / perRow);
|
|
45
|
+
if (currentRowIndex === 0 && dir === -1
|
|
46
|
+
|| currentRowIndex === maxRows && dir === 1)
|
|
47
|
+
return;
|
|
43
48
|
const selected = this.selected || 0;
|
|
44
49
|
const offset = dir * perRow;
|
|
45
50
|
const newIndex = utils.clamp(selected + offset, 0, items().length - 1);
|
|
46
|
-
// Early exit if no movement (either blocked at top or already at end)
|
|
47
|
-
if (newIndex === selected) {
|
|
48
|
-
return dir === -1 ? false : undefined;
|
|
49
|
-
}
|
|
50
51
|
const lastIdx = selected;
|
|
51
52
|
this.selected = newIndex;
|
|
52
53
|
const active = this.children[this.selected];
|
|
@@ -77,7 +78,7 @@ export function VirtualGrid(props) {
|
|
|
77
78
|
lastIdx += idxCorrection;
|
|
78
79
|
idx += idxCorrection;
|
|
79
80
|
this.selected += idxCorrection;
|
|
80
|
-
if (cursor() >= items().length -
|
|
81
|
+
if (props.onEndReachedThreshold !== undefined && cursor() >= items().length - props.onEndReachedThreshold) {
|
|
81
82
|
props.onEndReached?.();
|
|
82
83
|
}
|
|
83
84
|
queueMicrotask(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualGrid.jsx","sourceRoot":"","sources":["../../../src/primitives/VirtualGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,GAAG,MAAM,oBAAoB,CAAC;AAC1C,OAAO,KAAK,IAAI,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,aAAa,CAAC;AAErC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAE/C,MAAM,SAAS,GAAmB;IAChC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE;QACV,CAAC,EAAE,IAAI;KACR;CACF,CAAC;AAEF,SAAS,aAAa,CAAwB,KAAa;IACzD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACtB,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1B,IAAI,CAAC,QAAQ,EAAE,CAAC;AAClB,CAAC;
|
|
1
|
+
{"version":3,"file":"VirtualGrid.jsx","sourceRoot":"","sources":["../../../src/primitives/VirtualGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as s from 'solid-js';
|
|
2
|
+
import * as lng from '@lightningtv/solid';
|
|
3
|
+
import * as lngp from '@lightningtv/solid/primitives';
|
|
4
|
+
export type VirtualRowProps<T> = lng.NewOmit<lngp.RowProps, 'children'> & {
|
|
5
|
+
each: readonly T[] | undefined | null | false;
|
|
6
|
+
displaySize: number;
|
|
7
|
+
bufferSize?: number;
|
|
8
|
+
onEndReached?: () => void;
|
|
9
|
+
onEndReachedThreshold?: number;
|
|
10
|
+
fallback?: s.JSX.Element;
|
|
11
|
+
children: (item: s.Accessor<T>, index: s.Accessor<number>) => s.JSX.Element;
|
|
12
|
+
};
|
|
13
|
+
export declare function VirtualRow<T>(props: VirtualRowProps<T>): s.JSX.Element;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import * as s from 'solid-js';
|
|
2
|
+
import * as lng from '@lightningtv/solid';
|
|
3
|
+
import * as lngp from '@lightningtv/solid/primitives';
|
|
4
|
+
import { List } from '@solid-primitives/list';
|
|
5
|
+
import * as utils from '../utils.js';
|
|
6
|
+
const rowOnLeft = lngp.handleNavigation('left');
|
|
7
|
+
const rowOnRight = lngp.handleNavigation('right');
|
|
8
|
+
const rowScroll = lngp.withScrolling(true);
|
|
9
|
+
const rowStyles = {
|
|
10
|
+
display: 'flex',
|
|
11
|
+
gap: 30,
|
|
12
|
+
transition: {
|
|
13
|
+
x: {
|
|
14
|
+
duration: 250,
|
|
15
|
+
easing: 'ease-out',
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
function scrollToIndex(index) {
|
|
20
|
+
this.selected = index;
|
|
21
|
+
rowScroll(index, this);
|
|
22
|
+
this.setFocus();
|
|
23
|
+
}
|
|
24
|
+
export function VirtualRow(props) {
|
|
25
|
+
const [cursor, setCursor] = s.createSignal(props.selected ?? 0);
|
|
26
|
+
const bufferSize = () => props.bufferSize ?? 2;
|
|
27
|
+
const items = s.createMemo(() => props.each || []);
|
|
28
|
+
const start = () => utils.clamp(cursor() - bufferSize(), 0, Math.max(0, items().length - props.displaySize - bufferSize()));
|
|
29
|
+
const end = () => Math.min(items().length, cursor() + props.displaySize + bufferSize());
|
|
30
|
+
const [slice, setSlice] = s.createSignal(items().slice(start(), end()));
|
|
31
|
+
s.createEffect(s.on([() => props.selected, items], ([selected]) => {
|
|
32
|
+
if (!viewRef || !selected)
|
|
33
|
+
return;
|
|
34
|
+
const item = items()[selected];
|
|
35
|
+
let active = viewRef.children.find(x => x.item === item);
|
|
36
|
+
const lastSelected = viewRef.selected;
|
|
37
|
+
if (active instanceof lng.ElementNode) {
|
|
38
|
+
viewRef.selected = viewRef.children.indexOf(active);
|
|
39
|
+
chainedOnSelectedChanged.call(viewRef, viewRef.selected, viewRef, active, lastSelected);
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
setCursor(selected);
|
|
43
|
+
setSlice(items().slice(start(), end()));
|
|
44
|
+
queueMicrotask(() => {
|
|
45
|
+
viewRef.updateLayout();
|
|
46
|
+
active = viewRef.children.find(x => x.item === item);
|
|
47
|
+
if (active instanceof lng.ElementNode) {
|
|
48
|
+
viewRef.selected = viewRef.children.indexOf(active);
|
|
49
|
+
chainedOnSelectedChanged.call(viewRef, viewRef.selected, viewRef, active, lastSelected);
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
}));
|
|
54
|
+
s.createEffect(s.on(items, () => {
|
|
55
|
+
if (!viewRef)
|
|
56
|
+
return;
|
|
57
|
+
setSlice(items().slice(start(), end()));
|
|
58
|
+
}, { defer: true }));
|
|
59
|
+
const onSelectedChanged = function (_idx, elm, active, _lastIdx) {
|
|
60
|
+
let idx = _idx;
|
|
61
|
+
let lastIdx = _lastIdx;
|
|
62
|
+
if (idx === lastIdx)
|
|
63
|
+
return;
|
|
64
|
+
const prevChildX = this.x + active.x;
|
|
65
|
+
const prevStart = start();
|
|
66
|
+
// Update the displayed slice of items
|
|
67
|
+
setCursor(prevStart + idx);
|
|
68
|
+
setSlice(items().slice(start(), end()));
|
|
69
|
+
// this.selected is relative to the slice
|
|
70
|
+
// and it doesn't get corrected automatically after children change
|
|
71
|
+
const idxCorrection = prevStart - start();
|
|
72
|
+
if (lastIdx)
|
|
73
|
+
lastIdx += idxCorrection;
|
|
74
|
+
idx += idxCorrection;
|
|
75
|
+
this.selected += idxCorrection;
|
|
76
|
+
if (props.onEndReachedThreshold !== undefined && cursor() >= items().length - props.onEndReachedThreshold) {
|
|
77
|
+
props.onEndReached?.();
|
|
78
|
+
}
|
|
79
|
+
// Microtask & this.updateLayout() to make sure the child position is recalculated
|
|
80
|
+
queueMicrotask(() => {
|
|
81
|
+
this.updateLayout();
|
|
82
|
+
// Correct this.x for changes to children, bypass animation
|
|
83
|
+
this.lng.x = prevChildX - active.x;
|
|
84
|
+
// smoothly scroll to new selected element
|
|
85
|
+
rowScroll(idx, elm, active, lastIdx);
|
|
86
|
+
});
|
|
87
|
+
};
|
|
88
|
+
const chainedOnSelectedChanged = lngp.chainFunctions(props.onSelectedChanged, onSelectedChanged);
|
|
89
|
+
let viewRef;
|
|
90
|
+
return <view {...props} scroll='always' // only supporting always scroll at the moment
|
|
91
|
+
ref={lngp.chainRefs(el => { viewRef = el; }, props.ref)} selected={props.selected || 0} cursor={cursor()} onLeft={/* @once */lngp.chainFunctions(props.onLeft, rowOnLeft)} onRight={/* @once */lngp.chainFunctions(props.onRight, rowOnRight)} forwardFocus={/* @once */lngp.navigableForwardFocus} scrollToIndex={scrollToIndex} onCreate={/* @once */props.selected ? lngp.chainFunctions(props.onCreate, rowScroll) : props.onCreate}
|
|
92
|
+
/* lngp.NavigableElement.onSelectedChanged is used by lngp.handleNavigation */
|
|
93
|
+
onSelectedChanged={chainedOnSelectedChanged} style={/* @once */lng.combineStyles(props.style, rowStyles)}>
|
|
94
|
+
<List each={slice()}>{props.children}</List>
|
|
95
|
+
</view>;
|
|
96
|
+
}
|
|
97
|
+
//# sourceMappingURL=VirtualRow.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VirtualRow.jsx","sourceRoot":"","sources":["../../../src/primitives/VirtualRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ export * from './Marquee.jsx';
|
|
|
17
17
|
export * from './createFocusStack.jsx';
|
|
18
18
|
export * from './useHold.js';
|
|
19
19
|
export * from './VirtualGrid.jsx';
|
|
20
|
-
export * from './
|
|
20
|
+
export * from './Virtual.jsx';
|
|
21
21
|
export { withScrolling } from './utils/withScrolling.js';
|
|
22
22
|
export { type AnyFunction, chainFunctions, chainRefs, } from './utils/chainFunctions.js';
|
|
23
23
|
export * from './utils/handleNavigation.js';
|
|
@@ -17,7 +17,7 @@ export * from './Marquee.jsx';
|
|
|
17
17
|
export * from './createFocusStack.jsx';
|
|
18
18
|
export * from './useHold.js';
|
|
19
19
|
export * from './VirtualGrid.jsx';
|
|
20
|
-
export * from './
|
|
20
|
+
export * from './Virtual.jsx';
|
|
21
21
|
export { withScrolling } from './utils/withScrolling.js';
|
|
22
22
|
export { chainFunctions, chainRefs, } from './utils/chainFunctions.js';
|
|
23
23
|
export * from './utils/handleNavigation.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAEL,cAAc,EACd,SAAS,GACV,MAAM,2BAA2B,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAkB,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type * as su from 'solid-js/universal/types/universal.js';
|
|
2
|
+
import * as lng from '@lightningtv/core';
|
|
3
|
+
import { SolidNode } from './types.js';
|
|
4
|
+
declare module '@lightningtv/core' {
|
|
5
|
+
interface ElementNode {
|
|
6
|
+
/** @internal for managing series of insertions and deletions */
|
|
7
|
+
_queueDelete?: number;
|
|
8
|
+
preserve?: boolean;
|
|
9
|
+
_childrenChunks?: NodeChildren[] | string[][];
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
type NodeChildren = (lng.ElementNode | lng.ElementText)[];
|
|
13
|
+
export declare const insert: su.Renderer<SolidNode>['insert'];
|
|
14
|
+
export declare const insertNode: su.Renderer<SolidNode>['insertNode'];
|
|
15
|
+
export declare const spread: su.Renderer<SolidNode>['spread'];
|
|
16
|
+
export declare const setProp: su.Renderer<SolidNode>['setProp'];
|
|
17
|
+
export declare const createElement: su.Renderer<SolidNode>['createElement'];
|
|
18
|
+
export declare const createTextNode: su.Renderer<SolidNode>['createTextNode'];
|
|
19
|
+
export declare const render: su.Renderer<SolidNode>['render'];
|
|
20
|
+
export declare const mergeProps: su.Renderer<SolidNode>['mergeProps'];
|
|
21
|
+
export declare const effect: su.Renderer<SolidNode>['effect'];
|
|
22
|
+
export declare const memo: su.Renderer<SolidNode>['memo'];
|
|
23
|
+
export declare const createComponent: su.Renderer<SolidNode>['createComponent'];
|
|
24
|
+
export declare const use: su.Renderer<SolidNode>['use'];
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
import * as s from 'solid-js';
|
|
2
|
+
import * as lng from '@lightningtv/core';
|
|
3
|
+
Object.defineProperty(lng.ElementNode.prototype, 'preserve', {
|
|
4
|
+
get() {
|
|
5
|
+
return this._queueDelete === 0;
|
|
6
|
+
},
|
|
7
|
+
set(v) {
|
|
8
|
+
this._queueDelete = v ? 0 : undefined;
|
|
9
|
+
},
|
|
10
|
+
});
|
|
11
|
+
let elementDeleteQueue = [];
|
|
12
|
+
function flushDeleteQueue() {
|
|
13
|
+
for (let el of elementDeleteQueue) {
|
|
14
|
+
if (Number(el._queueDelete) < 0) {
|
|
15
|
+
el.destroy();
|
|
16
|
+
}
|
|
17
|
+
el._queueDelete = undefined;
|
|
18
|
+
}
|
|
19
|
+
elementDeleteQueue.length = 0;
|
|
20
|
+
}
|
|
21
|
+
function pushDeleteQueue(node, n) {
|
|
22
|
+
if (node._queueDelete === undefined) {
|
|
23
|
+
node._queueDelete = n;
|
|
24
|
+
if (elementDeleteQueue.push(node) === 1) {
|
|
25
|
+
queueMicrotask(flushDeleteQueue);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
node._queueDelete += n;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
function resolveNodeJSXChildren(jsx, out = []) {
|
|
33
|
+
while (typeof jsx === 'function')
|
|
34
|
+
jsx = jsx();
|
|
35
|
+
if (Array.isArray(jsx)) {
|
|
36
|
+
for (let i = 0; i < jsx.length; i++) {
|
|
37
|
+
resolveNodeJSXChildren(jsx[i], out);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
else if (jsx instanceof lng.ElementNode) {
|
|
41
|
+
out.push(jsx);
|
|
42
|
+
}
|
|
43
|
+
return out;
|
|
44
|
+
}
|
|
45
|
+
function resolveTextJSXChildren(jsx, out = []) {
|
|
46
|
+
while (typeof jsx === 'function')
|
|
47
|
+
jsx = jsx();
|
|
48
|
+
if (Array.isArray(jsx)) {
|
|
49
|
+
for (let i = 0; i < jsx.length; i++) {
|
|
50
|
+
resolveTextJSXChildren(jsx[i], out);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
else if (typeof jsx === 'string' || typeof jsx === 'number') {
|
|
54
|
+
out.push(jsx.toString());
|
|
55
|
+
}
|
|
56
|
+
return out;
|
|
57
|
+
}
|
|
58
|
+
function commitChunks(el) {
|
|
59
|
+
if (lng.isElementText(el)) {
|
|
60
|
+
let text = '';
|
|
61
|
+
for (let chunk of el._childrenChunks) {
|
|
62
|
+
text += chunk.join('');
|
|
63
|
+
}
|
|
64
|
+
el.text = text;
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
el.children = el._childrenChunks.flat();
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
function commitChild(parent, child) {
|
|
71
|
+
let prevParent = child.parent;
|
|
72
|
+
child.parent = parent;
|
|
73
|
+
if (parent.rendered)
|
|
74
|
+
child.render(true);
|
|
75
|
+
if (prevParent)
|
|
76
|
+
pushDeleteQueue(child, 1);
|
|
77
|
+
}
|
|
78
|
+
function insertChunk(el, before) {
|
|
79
|
+
let chunks = (el._childrenChunks ??= []);
|
|
80
|
+
let chunk = [];
|
|
81
|
+
if (before != null) {
|
|
82
|
+
for (let i = 0; i < chunks.length; i++) {
|
|
83
|
+
if (before === chunks[i][0]) {
|
|
84
|
+
chunks.splice(i, 0, chunk);
|
|
85
|
+
return chunk;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
chunks.push(chunk);
|
|
90
|
+
return chunk;
|
|
91
|
+
}
|
|
92
|
+
// Core renderer functions - adapted from solid-js/universal
|
|
93
|
+
export const insert = (parent, accessor, before) => {
|
|
94
|
+
/* <text> */
|
|
95
|
+
if (lng.isElementText(parent)) {
|
|
96
|
+
let chunk = insertChunk(parent, before);
|
|
97
|
+
/* dynamic chunk */
|
|
98
|
+
if (typeof accessor === 'function') {
|
|
99
|
+
s.createRenderEffect(() => {
|
|
100
|
+
chunk.length = 0;
|
|
101
|
+
resolveTextJSXChildren(accessor(), chunk);
|
|
102
|
+
commitChunks(parent);
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
else {
|
|
106
|
+
/* constant chunk */
|
|
107
|
+
resolveTextJSXChildren(accessor, chunk);
|
|
108
|
+
commitChunks(parent);
|
|
109
|
+
}
|
|
110
|
+
return chunk[0] || '';
|
|
111
|
+
}
|
|
112
|
+
// <view>
|
|
113
|
+
else {
|
|
114
|
+
let el = parent;
|
|
115
|
+
let chunk = insertChunk(el, before);
|
|
116
|
+
/* dynamic chunk */
|
|
117
|
+
if (typeof accessor === 'function') {
|
|
118
|
+
s.createRenderEffect(() => {
|
|
119
|
+
let prev = chunk.slice();
|
|
120
|
+
for (let i = 0; i < prev.length; i++) {
|
|
121
|
+
prev[i].parent = undefined; // commitChild will set the parent again
|
|
122
|
+
}
|
|
123
|
+
chunk.length = 0;
|
|
124
|
+
resolveNodeJSXChildren(accessor(), chunk);
|
|
125
|
+
commitChunks(el);
|
|
126
|
+
for (let i = 0; i < chunk.length; i++) {
|
|
127
|
+
commitChild(el, chunk[i]);
|
|
128
|
+
}
|
|
129
|
+
/* Handle removed children */
|
|
130
|
+
for (let i = 0; i < prev.length; i++) {
|
|
131
|
+
let c = prev[i];
|
|
132
|
+
if (c.parent !== el) {
|
|
133
|
+
c.onRemove?.(c);
|
|
134
|
+
if (el.requiresLayout()) {
|
|
135
|
+
lng.addToLayoutQueue(el);
|
|
136
|
+
}
|
|
137
|
+
pushDeleteQueue(c, -1);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
else {
|
|
143
|
+
/* constant chunk */
|
|
144
|
+
resolveNodeJSXChildren(accessor, chunk);
|
|
145
|
+
commitChunks(el);
|
|
146
|
+
for (let i = 0; i < chunk.length; i++) {
|
|
147
|
+
commitChild(el, chunk[i]);
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
return chunk[0];
|
|
151
|
+
}
|
|
152
|
+
};
|
|
153
|
+
export const insertNode = (parent, node, before) => {
|
|
154
|
+
// <text>
|
|
155
|
+
if (lng.isElementText(parent)) {
|
|
156
|
+
let chunk = insertChunk(parent, before);
|
|
157
|
+
resolveTextJSXChildren(node, chunk);
|
|
158
|
+
commitChunks(parent);
|
|
159
|
+
}
|
|
160
|
+
// <view>
|
|
161
|
+
else {
|
|
162
|
+
let el = parent;
|
|
163
|
+
let chunk = insertChunk(el, before);
|
|
164
|
+
chunk.push(node);
|
|
165
|
+
commitChunks(el);
|
|
166
|
+
commitChild(el, node);
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
|
+
export const spread = (node, accessor, skipChildren) => {
|
|
170
|
+
/* Ref */
|
|
171
|
+
if (typeof accessor === 'function') {
|
|
172
|
+
s.createRenderEffect(() => {
|
|
173
|
+
let { ref } = accessor();
|
|
174
|
+
if (ref)
|
|
175
|
+
ref(node);
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
else if (typeof accessor.ref === 'function') {
|
|
179
|
+
accessor.ref(node);
|
|
180
|
+
}
|
|
181
|
+
/* Children */
|
|
182
|
+
if (!skipChildren) {
|
|
183
|
+
if (typeof accessor === 'function') {
|
|
184
|
+
insert(node, () => accessor().children);
|
|
185
|
+
}
|
|
186
|
+
else if ('children' in accessor) {
|
|
187
|
+
insert(node, () => accessor.children);
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
/* Rest */
|
|
191
|
+
let prevProps = {};
|
|
192
|
+
s.createRenderEffect(() => {
|
|
193
|
+
let props = typeof accessor === 'function' ? accessor() : accessor;
|
|
194
|
+
for (let prop in props) {
|
|
195
|
+
if (prop === 'children' || prop === 'ref')
|
|
196
|
+
continue;
|
|
197
|
+
let value = props[prop];
|
|
198
|
+
if (value === prevProps[prop])
|
|
199
|
+
continue;
|
|
200
|
+
node[prop] = value;
|
|
201
|
+
prevProps[prop] = value;
|
|
202
|
+
}
|
|
203
|
+
});
|
|
204
|
+
};
|
|
205
|
+
export const setProp = (node, name, value) => {
|
|
206
|
+
return (node[name] = value);
|
|
207
|
+
};
|
|
208
|
+
// Lightning TV specific renderer functions
|
|
209
|
+
export const createElement = (name) => {
|
|
210
|
+
return new lng.ElementNode(name);
|
|
211
|
+
};
|
|
212
|
+
export const createTextNode = (text) => {
|
|
213
|
+
// A text node is just a string - not the <text> node
|
|
214
|
+
// return { _type: lng.NodeType.Text, text };
|
|
215
|
+
return text;
|
|
216
|
+
};
|
|
217
|
+
export const render = (code, element) => {
|
|
218
|
+
let disposer;
|
|
219
|
+
s.createRoot((dispose) => {
|
|
220
|
+
disposer = dispose;
|
|
221
|
+
insert(element, code());
|
|
222
|
+
});
|
|
223
|
+
return disposer;
|
|
224
|
+
};
|
|
225
|
+
export const mergeProps = s.mergeProps;
|
|
226
|
+
export const effect = s.createRenderEffect;
|
|
227
|
+
export const memo = s.createMemo;
|
|
228
|
+
export const createComponent = s.createComponent;
|
|
229
|
+
export const use = (fn, element, arg) => {
|
|
230
|
+
return s.untrack(() => fn(element, arg));
|
|
231
|
+
};
|
|
232
|
+
//# sourceMappingURL=universal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"universal.js","sourceRoot":"","sources":["../../src/universal.ts"],"names":[],"mappings":"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"}
|