@lightningtv/solid 3.0.0-1 → 3.0.0-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/devtools/index.d.ts +6 -0
- package/dist/src/devtools/index.js +65 -0
- package/dist/src/devtools/index.js.map +1 -0
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/jsx-runtime.d.ts +1 -1
- package/dist/src/primitives/Column.jsx +2 -2
- package/dist/src/primitives/Column.jsx.map +1 -1
- package/dist/src/primitives/FPSCounter.jsx +60 -61
- package/dist/src/primitives/FPSCounter.jsx.map +1 -1
- package/dist/src/primitives/Grid.jsx +3 -3
- package/dist/src/primitives/Grid.jsx.map +1 -1
- package/dist/src/primitives/Lazy.jsx +11 -4
- package/dist/src/primitives/Lazy.jsx.map +1 -1
- package/dist/src/primitives/LazyUp.jsx +1 -0
- package/dist/src/primitives/LazyUp.jsx.map +1 -1
- package/dist/src/primitives/Row.jsx +2 -2
- package/dist/src/primitives/Row.jsx.map +1 -1
- package/dist/src/primitives/utils/createSpriteMap.d.ts +2 -2
- package/dist/src/primitives/utils/createSpriteMap.js.map +1 -1
- package/dist/src/render.d.ts +2 -2
- package/dist/src/render.js +8 -6
- package/dist/src/render.js.map +1 -1
- package/dist/src/solidOpts.d.ts +6 -0
- package/dist/src/solidOpts.js +23 -7
- package/dist/src/solidOpts.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/{src/jsx-runtime.ts → jsx-runtime.d.ts} +4 -2
- package/package.json +16 -4
- package/src/devtools/index.ts +77 -0
- package/src/index.ts +1 -1
- package/src/primitives/Column.tsx +2 -2
- package/src/primitives/FPSCounter.tsx +61 -61
- package/src/primitives/Grid.tsx +3 -3
- package/src/primitives/Lazy.tsx +14 -5
- package/src/primitives/Row.tsx +1 -1
- package/src/primitives/utils/createSpriteMap.ts +3 -5
- package/src/render.ts +10 -7
- package/src/solidOpts.ts +36 -7
- package/src/primitives/jsx-runtime.d.ts +0 -8
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as debug from '@solid-devtools/debugger/types';
|
|
2
|
+
import * as lng from '@lightningtv/core';
|
|
3
|
+
/**
|
|
4
|
+
* Implementation of the solid-devtools element interface for Lightning elements
|
|
5
|
+
*/
|
|
6
|
+
export declare const elementInterface: debug.ElementInterface<lng.ElementNode | lng.ElementText>;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import * as debug from '@solid-devtools/debugger/types';
|
|
2
|
+
import * as lng from '@lightningtv/core';
|
|
3
|
+
const EMPTY_CHILDREN = [];
|
|
4
|
+
/**
|
|
5
|
+
* Implementation of the solid-devtools element interface for Lightning elements
|
|
6
|
+
*/
|
|
7
|
+
export const elementInterface = {
|
|
8
|
+
isElement(node) {
|
|
9
|
+
return ('_type' in node &&
|
|
10
|
+
(node._type === lng.NodeType.Element ||
|
|
11
|
+
node._type === lng.NodeType.TextNode));
|
|
12
|
+
},
|
|
13
|
+
getChildren(node) {
|
|
14
|
+
return node instanceof lng.ElementNode ? node.children : EMPTY_CHILDREN;
|
|
15
|
+
},
|
|
16
|
+
getName(node) {
|
|
17
|
+
return node._type === lng.NodeType.Element ? 'view' : 'text';
|
|
18
|
+
},
|
|
19
|
+
getParent(node) {
|
|
20
|
+
return node.parent ?? null;
|
|
21
|
+
},
|
|
22
|
+
getRect(node) {
|
|
23
|
+
let { width, height } = node;
|
|
24
|
+
let x = 0, y = 0;
|
|
25
|
+
if (node.scaleX != null)
|
|
26
|
+
width *= node.scaleX;
|
|
27
|
+
if (node.scaleY != null)
|
|
28
|
+
height *= node.scaleY;
|
|
29
|
+
let curr = node;
|
|
30
|
+
while (curr != null) {
|
|
31
|
+
x += curr.x;
|
|
32
|
+
y += curr.y;
|
|
33
|
+
if (curr.scaleX != null) {
|
|
34
|
+
x += (curr.width / 2) * (1 - curr.scaleX);
|
|
35
|
+
}
|
|
36
|
+
if (curr.scaleY != null) {
|
|
37
|
+
y += (curr.height / 2) * (1 - curr.scaleY);
|
|
38
|
+
}
|
|
39
|
+
curr = curr.parent;
|
|
40
|
+
}
|
|
41
|
+
if (lng.Config.rendererOptions != null) {
|
|
42
|
+
let dpr = lng.Config.rendererOptions.deviceLogicalPixelRatio;
|
|
43
|
+
if (dpr != null) {
|
|
44
|
+
x *= dpr;
|
|
45
|
+
y *= dpr;
|
|
46
|
+
width *= dpr;
|
|
47
|
+
height *= dpr;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return { x, y, width, height };
|
|
51
|
+
},
|
|
52
|
+
getElementAt(e) {
|
|
53
|
+
let target = e.target;
|
|
54
|
+
return target != null && target.element instanceof lng.ElementNode
|
|
55
|
+
? target.element
|
|
56
|
+
: null;
|
|
57
|
+
},
|
|
58
|
+
getLocation(node) {
|
|
59
|
+
if (typeof node[debug.LOCATION_ATTRIBUTE_NAME] === 'string') {
|
|
60
|
+
return (debug.parseLocationString(node[debug.LOCATION_ATTRIBUTE_NAME]) ?? null);
|
|
61
|
+
}
|
|
62
|
+
return null;
|
|
63
|
+
},
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/devtools/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gCAAgC,CAAC;AACxD,OAAO,KAAK,GAAG,MAAM,mBAAmB,CAAC;AAEzC,MAAM,cAAc,GAA0C,EAAE,CAAC;AAEjE;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAEzB;IACF,SAAS,CAAC,IAAI;QACZ,OAAO,CACL,OAAO,IAAI,IAAI;YACf,CAAC,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,QAAQ,CAAC,OAAO;gBAClC,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CACxC,CAAC;IACJ,CAAC;IACD,WAAW,CAAC,IAAI;QACd,OAAO,IAAI,YAAY,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;IAC1E,CAAC;IACD,OAAO,CAAC,IAAI;QACV,OAAO,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/D,CAAC;IACD,SAAS,CAAC,IAAI;QACZ,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAI;QACV,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,EACP,CAAC,GAAG,CAAC,CAAC;QAER,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI;YAAE,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC;QAC9C,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI;YAAE,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;QAE/C,IAAI,IAAI,GAAG,IAA0C,CAAC;QACtD,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC;YACpB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;YACZ,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;YAEZ,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE,CAAC;gBACxB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5C,CAAC;YACD,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE,CAAC;gBACxB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;YAC7C,CAAC;YAED,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;QAED,IAAI,GAAG,CAAC,MAAM,CAAC,eAAe,IAAI,IAAI,EAAE,CAAC;YACvC,IAAI,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,uBAAuB,CAAC;YAC7D,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;gBAChB,CAAC,IAAI,GAAG,CAAC;gBACT,CAAC,IAAI,GAAG,CAAC;gBACT,KAAK,IAAI,GAAG,CAAC;gBACb,MAAM,IAAI,GAAG,CAAC;YAChB,CAAC;QACH,CAAC;QAED,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACjC,CAAC;IACD,YAAY,CAAC,CAAC;QACZ,IAAI,MAAM,GAAG,CAAC,CAAC,MAAa,CAAC;QAC7B,OAAO,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,OAAO,YAAY,GAAG,CAAC,WAAW;YAChE,CAAC,CAAC,MAAM,CAAC,OAAO;YAChB,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IACD,WAAW,CAAC,IAAI;QACd,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,KAAK,QAAQ,EAAE,CAAC;YAC5D,OAAO,CACL,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,IAAI,IAAI,CACvE,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAC"}
|
package/dist/src/index.d.ts
CHANGED
package/dist/src/index.js
CHANGED
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,OAAO,EACL,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,KAAK,EACL,KAAK,EACL,aAAa,GACd,MAAM,UAAU,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { combineStyles } from '@lightningtv/solid';
|
|
2
2
|
import { handleNavigation, onGridFocus, } from './utils/handleNavigation.js';
|
|
3
3
|
import { withScrolling } from './utils/withScrolling.js';
|
|
4
4
|
import { chainFunctions } from './utils/chainFunctions.js';
|
|
@@ -22,7 +22,7 @@ function scrollToIndex(index) {
|
|
|
22
22
|
this.setFocus();
|
|
23
23
|
}
|
|
24
24
|
export const Column = (props) => {
|
|
25
|
-
return (<
|
|
25
|
+
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={
|
|
26
26
|
/* @once */
|
|
27
27
|
props.selected ? chainFunctions(props.onLayout, scroll) : props.onLayout} onSelectedChanged={
|
|
28
28
|
/* @once */ chainFunctions(props.onSelectedChanged, props.scroll !== 'none' ? scroll : undefined)} style={/* @once */combineStyles(props.style, ColumnStyles)}/>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.jsx","sourceRoot":"","sources":["../../../src/primitives/Column.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,
|
|
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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { View, Text } from '@lightningtv/solid';
|
|
2
1
|
import { createSignal } from 'solid-js';
|
|
3
2
|
const fpsStyle = {
|
|
4
3
|
color: 0x000000ff,
|
|
@@ -76,90 +75,90 @@ export function setupFPS(root) {
|
|
|
76
75
|
});
|
|
77
76
|
}
|
|
78
77
|
export const FPSCounter = (props) => {
|
|
79
|
-
return (<
|
|
80
|
-
<
|
|
81
|
-
<
|
|
82
|
-
<
|
|
78
|
+
return (<view {...props} style={fpsStyle}>
|
|
79
|
+
<view y={6}>
|
|
80
|
+
<text style={fpsLabel}>FPS:</text>
|
|
81
|
+
<text style={fpsValue} x={90}>
|
|
83
82
|
{fps().toString()}
|
|
84
|
-
</
|
|
85
|
-
</
|
|
83
|
+
</text>
|
|
84
|
+
</view>
|
|
86
85
|
|
|
87
|
-
<
|
|
88
|
-
<
|
|
89
|
-
<
|
|
86
|
+
<view y={6} x={160}>
|
|
87
|
+
<text style={fpsLabel}>AVG:</text>
|
|
88
|
+
<text style={fpsValue} x={100}>
|
|
90
89
|
{avgFps().toString()}
|
|
91
|
-
</
|
|
92
|
-
</
|
|
90
|
+
</text>
|
|
91
|
+
</view>
|
|
93
92
|
|
|
94
|
-
<
|
|
95
|
-
<
|
|
96
|
-
<
|
|
93
|
+
<view x={0} y={26}>
|
|
94
|
+
<text style={fpsLabel}>MIN:</text>
|
|
95
|
+
<text style={fpsValue} x={90}>
|
|
97
96
|
{minFps().toString()}
|
|
98
|
-
</
|
|
99
|
-
</
|
|
97
|
+
</text>
|
|
98
|
+
</view>
|
|
100
99
|
|
|
101
|
-
<
|
|
102
|
-
<
|
|
103
|
-
<
|
|
100
|
+
<view x={160} y={26}>
|
|
101
|
+
<text style={fpsLabel}>MAX:</text>
|
|
102
|
+
<text style={fpsValue} x={100}>
|
|
104
103
|
{maxFps().toString()}
|
|
105
|
-
</
|
|
106
|
-
</
|
|
104
|
+
</text>
|
|
105
|
+
</view>
|
|
107
106
|
|
|
108
|
-
<
|
|
109
|
-
<
|
|
110
|
-
<
|
|
107
|
+
<view display="flex" flexDirection="column" y={58} gap={4}>
|
|
108
|
+
<view height={infoFontSize}>
|
|
109
|
+
<text fontSize={infoFontSize} style={fpsLabel}>
|
|
111
110
|
criticalThreshold:
|
|
112
|
-
</
|
|
113
|
-
<
|
|
111
|
+
</text>
|
|
112
|
+
<text fontSize={infoFontSize} style={fpsLabel} x={230}>
|
|
114
113
|
{criticalThresholdSignal()}
|
|
115
|
-
</
|
|
116
|
-
</
|
|
114
|
+
</text>
|
|
115
|
+
</view>
|
|
117
116
|
|
|
118
|
-
<
|
|
119
|
-
<
|
|
117
|
+
<view height={infoFontSize}>
|
|
118
|
+
<text fontSize={infoFontSize} style={fpsLabel}>
|
|
120
119
|
targetThreshold:
|
|
121
|
-
</
|
|
122
|
-
<
|
|
120
|
+
</text>
|
|
121
|
+
<text fontSize={infoFontSize} style={fpsLabel} x={230}>
|
|
123
122
|
{targetThresholdSignal()}
|
|
124
|
-
</
|
|
125
|
-
</
|
|
123
|
+
</text>
|
|
124
|
+
</view>
|
|
126
125
|
|
|
127
|
-
<
|
|
128
|
-
<
|
|
126
|
+
<view height={infoFontSize}>
|
|
127
|
+
<text fontSize={infoFontSize} style={fpsLabel}>
|
|
129
128
|
renderableMemUsed:
|
|
130
|
-
</
|
|
131
|
-
<
|
|
129
|
+
</text>
|
|
130
|
+
<text fontSize={infoFontSize} style={fpsLabel} x={230}>
|
|
132
131
|
{renderableMemUsedSignal()}
|
|
133
|
-
</
|
|
134
|
-
</
|
|
132
|
+
</text>
|
|
133
|
+
</view>
|
|
135
134
|
|
|
136
|
-
<
|
|
137
|
-
<
|
|
135
|
+
<view height={infoFontSize}>
|
|
136
|
+
<text fontSize={infoFontSize} style={fpsLabel}>
|
|
138
137
|
memUsed:
|
|
139
|
-
</
|
|
140
|
-
<
|
|
138
|
+
</text>
|
|
139
|
+
<text fontSize={infoFontSize} style={fpsLabel} x={230}>
|
|
141
140
|
{memUsedSignal()}
|
|
142
|
-
</
|
|
143
|
-
</
|
|
141
|
+
</text>
|
|
142
|
+
</view>
|
|
144
143
|
|
|
145
|
-
<
|
|
146
|
-
<
|
|
144
|
+
<view height={infoFontSize}>
|
|
145
|
+
<text fontSize={infoFontSize} style={fpsLabel}>
|
|
147
146
|
renderableTexturesLoaded:
|
|
148
|
-
</
|
|
149
|
-
<
|
|
147
|
+
</text>
|
|
148
|
+
<text fontSize={infoFontSize} style={fpsLabel} x={230}>
|
|
150
149
|
{renderableTexturesLoadedSignal().toString()}
|
|
151
|
-
</
|
|
152
|
-
</
|
|
150
|
+
</text>
|
|
151
|
+
</view>
|
|
153
152
|
|
|
154
|
-
<
|
|
155
|
-
<
|
|
153
|
+
<view height={infoFontSize}>
|
|
154
|
+
<text fontSize={infoFontSize} style={fpsLabel}>
|
|
156
155
|
loadedTextures:
|
|
157
|
-
</
|
|
158
|
-
<
|
|
156
|
+
</text>
|
|
157
|
+
<text fontSize={infoFontSize} style={fpsLabel} x={230}>
|
|
159
158
|
{loadedTexturesSignal().toString()}
|
|
160
|
-
</
|
|
161
|
-
</
|
|
162
|
-
</
|
|
163
|
-
</
|
|
159
|
+
</text>
|
|
160
|
+
</view>
|
|
161
|
+
</view>
|
|
162
|
+
</view>);
|
|
164
163
|
};
|
|
165
164
|
//# sourceMappingURL=FPSCounter.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FPSCounter.jsx","sourceRoot":"","sources":["../../../src/primitives/FPSCounter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FPSCounter.jsx","sourceRoot":"","sources":["../../../src/primitives/FPSCounter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { For, createSignal, createMemo } from "solid-js";
|
|
2
|
-
import {
|
|
2
|
+
import { Dynamic, isFunction } from "@lightningtv/solid";
|
|
3
3
|
export const Grid = (props) => {
|
|
4
4
|
const [focusedIndex, setFocusedIndex] = createSignal(0);
|
|
5
5
|
const baseColumns = 4;
|
|
@@ -57,10 +57,10 @@ export const Grid = (props) => {
|
|
|
57
57
|
handleHorizontalFocus(0, this);
|
|
58
58
|
}
|
|
59
59
|
const scrollY = createMemo(() => props.scroll === "none" ? props.y ?? 0 : -Math.floor(focusedIndex() / columns()) * totalHeight() + (props.y || 0));
|
|
60
|
-
return (<
|
|
60
|
+
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()}>
|
|
61
61
|
<For each={props.items}>
|
|
62
62
|
{(item, index) => (<Dynamic {...item} component={props.item} width={props.itemWidth} height={props.itemHeight} x={(index() % columns()) * totalWidth()} y={Math.floor(index() / columns()) * totalHeight()}/>)}
|
|
63
63
|
</For>
|
|
64
|
-
</
|
|
64
|
+
</view>);
|
|
65
65
|
};
|
|
66
66
|
//# sourceMappingURL=Grid.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.jsx","sourceRoot":"","sources":["../../../src/primitives/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Grid.jsx","sourceRoot":"","sources":["../../../src/primitives/Grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,15 +5,15 @@ function createLazy(component, props, keyHandler) {
|
|
|
5
5
|
// Need at least one item so it can be focused
|
|
6
6
|
const [offset, setOffset] = createSignal(1);
|
|
7
7
|
let timeoutId = null;
|
|
8
|
-
createEffect(() => setOffset(props.selected || 1));
|
|
8
|
+
createEffect(() => setOffset((props.selected || 0) + 1));
|
|
9
9
|
if (props.sync) {
|
|
10
10
|
setOffset(props.upCount);
|
|
11
11
|
}
|
|
12
12
|
else {
|
|
13
13
|
createEffect(() => {
|
|
14
14
|
if (props.each) {
|
|
15
|
-
let count = untrack(offset);
|
|
16
15
|
const loadItems = () => {
|
|
16
|
+
let count = untrack(offset);
|
|
17
17
|
if (count < props.upCount) {
|
|
18
18
|
setOffset(count + 1);
|
|
19
19
|
timeoutId = setTimeout(loadItems, 16); // ~60fps
|
|
@@ -21,7 +21,7 @@ function createLazy(component, props, keyHandler) {
|
|
|
21
21
|
}
|
|
22
22
|
else if (props.eagerLoad) {
|
|
23
23
|
const maxOffset = props.each ? props.each.length : 0;
|
|
24
|
-
if (offset()
|
|
24
|
+
if (offset() >= maxOffset)
|
|
25
25
|
return;
|
|
26
26
|
setOffset((prev) => Math.min(prev + 1, maxOffset));
|
|
27
27
|
scheduleTask(loadItems);
|
|
@@ -36,8 +36,15 @@ function createLazy(component, props, keyHandler) {
|
|
|
36
36
|
const maxOffset = props.each ? props.each.length : 0;
|
|
37
37
|
if (offset() >= maxOffset)
|
|
38
38
|
return;
|
|
39
|
-
if (
|
|
39
|
+
if (!props.delay) {
|
|
40
|
+
setOffset((prev) => Math.min(prev + 1, maxOffset));
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
if (timeoutId) {
|
|
40
44
|
clearTimeout(timeoutId);
|
|
45
|
+
//Moving faster than the delay so need to go sync
|
|
46
|
+
setOffset((prev) => Math.min(prev + 1, maxOffset));
|
|
47
|
+
}
|
|
41
48
|
timeoutId = setTimeout(() => {
|
|
42
49
|
setOffset((prev) => Math.min(prev + 1, maxOffset));
|
|
43
50
|
timeoutId = null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Lazy.jsx","sourceRoot":"","sources":["../../../src/primitives/Lazy.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,IAAI,EAGJ,OAAO,GAER,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,EAAgB,YAAY,EAAkB,MAAM,oBAAoB,CAAC;AACzF,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAY5D,SAAS,UAAU,CACjB,SAAyB,EACzB,KAA8B,EAC9B,UAAoE;IAEpE,8CAA8C;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;IAC5C,IAAI,SAAS,GAAyC,IAAI,CAAC;IAE3D,YAAY,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Lazy.jsx","sourceRoot":"","sources":["../../../src/primitives/Lazy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,6 +29,7 @@ export function LazyUp(props) {
|
|
|
29
29
|
return isRow() ? { onRight: updateOffset } : { onDown: updateOffset };
|
|
30
30
|
});
|
|
31
31
|
return (<Show when={items()}>
|
|
32
|
+
{/* @ts-ignore */}
|
|
32
33
|
<Dynamic component={p.component} {...others} {...keyHandlers()}>
|
|
33
34
|
<Index each={items()} fallback={p.fallback} children={p.children}/>
|
|
34
35
|
</Dynamic>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyUp.jsx","sourceRoot":"","sources":["../../../src/primitives/LazyUp.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,IAAI,GAGL,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,EAAoB,MAAM,oBAAoB,CAAC;AAE/D,MAAM,UAAU,MAAM,CACpB,KASG;IAEH,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE;QACpC,WAAW;QACX,MAAM;QACN,UAAU;QACV,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;IAE5C,YAAY,CAAC,GAAG,EAAE;QAChB,SAAS,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;YACX,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,EAAE,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,CAAC,iEAAiE,CAAC,CAAC;IAE/E,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;QAC5B,OAAO,CACL,MAAM,CAAC,SAAS,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,KAAK,KAAK;YAC5D,MAAM,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK;YACrC,MAAM,CAAC,aAAa,KAAK,KAAK,CAC/B,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;QAClC,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,SAAS,CACP,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CACtE,CAAC;QACJ,CAAC,CAAC;QAEF,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAClB;MAAA,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,IAAI,WAAW,EAAE,CAAC,CAC7D;QAAA,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EACnE;MAAA,EAAE,OAAO,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"LazyUp.jsx","sourceRoot":"","sources":["../../../src/primitives/LazyUp.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,IAAI,GAGL,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,EAAoB,MAAM,oBAAoB,CAAC;AAE/D,MAAM,UAAU,MAAM,CACpB,KASG;IAEH,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE;QACpC,WAAW;QACX,MAAM;QACN,UAAU;QACV,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;IAE5C,YAAY,CAAC,GAAG,EAAE;QAChB,SAAS,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;YACX,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,EAAE,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,CAAC,iEAAiE,CAAC,CAAC;IAE/E,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;QAC5B,OAAO,CACL,MAAM,CAAC,SAAS,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,KAAK,KAAK;YAC5D,MAAM,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK;YACrC,MAAM,CAAC,aAAa,KAAK,KAAK,CAC/B,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;QAClC,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,SAAS,CACP,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CACtE,CAAC;QACJ,CAAC,CAAC;QAEF,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAClB;MAAA,CAAC,gBAAgB,CACjB;MAAA,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,IAAI,WAAW,EAAE,CAAC,CAC7D;QAAA,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EACnE;MAAA,EAAE,OAAO,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { combineStyles
|
|
1
|
+
import { combineStyles } from '@lightningtv/solid';
|
|
2
2
|
import { chainFunctions } from './utils/chainFunctions.js';
|
|
3
3
|
import { handleNavigation, onGridFocus, } from './utils/handleNavigation.js';
|
|
4
4
|
import { withScrolling } from './utils/withScrolling.js';
|
|
@@ -21,7 +21,7 @@ function scrollToIndex(index) {
|
|
|
21
21
|
this.setFocus();
|
|
22
22
|
}
|
|
23
23
|
export const Row = (props) => {
|
|
24
|
-
return (<
|
|
24
|
+
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={
|
|
25
25
|
/* @once */
|
|
26
26
|
props.selected ? chainFunctions(props.onLayout, scroll) : props.onLayout} onSelectedChanged={
|
|
27
27
|
/* @once */ chainFunctions(props.onSelectedChanged, props.scroll !== 'none' ? scroll : undefined)} style={/* @once */combineStyles(props.style, RowStyles)}/>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.jsx","sourceRoot":"","sources":["../../../src/primitives/Row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,
|
|
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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type IRendererTexture } from '@lightningtv/core';
|
|
2
2
|
export interface SpriteDef {
|
|
3
3
|
name: string | number;
|
|
4
4
|
x: number;
|
|
@@ -6,4 +6,4 @@ export interface SpriteDef {
|
|
|
6
6
|
width: number;
|
|
7
7
|
height: number;
|
|
8
8
|
}
|
|
9
|
-
export declare function createSpriteMap(src: string, subTextures: SpriteDef[]): Record<string,
|
|
9
|
+
export declare function createSpriteMap(src: string, subTextures: SpriteDef[]): Record<string, IRendererTexture>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createSpriteMap.js","sourceRoot":"","sources":["../../../../src/primitives/utils/createSpriteMap.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"createSpriteMap.js","sourceRoot":"","sources":["../../../../src/primitives/utils/createSpriteMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAUpE,MAAM,UAAU,eAAe,CAC7B,GAAW,EACX,WAAwB;IAExB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,EAAE;QAC9D,GAAG;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,MAAM,CAAmC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACrE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;QAClC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,EAAE;YACjD,OAAO,EAAE,gBAAgB;YACzB,CAAC;YACD,CAAC;YACD,KAAK;YACL,MAAM;SACP,CAAC,CAAC;QACH,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
|
package/dist/src/render.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { type NodeProps, type TextProps, type
|
|
1
|
+
import { type NodeProps, type TextProps, type RendererMainSettings, type IRendererMain } from '@lightningtv/core';
|
|
2
2
|
import { type JSXElement, type ValidComponent } from 'solid-js';
|
|
3
3
|
import type { SolidNode } from './types.js';
|
|
4
4
|
export declare const rootNode: import("@lightningtv/core").ElementNode;
|
|
5
5
|
export declare function createRenderer(rendererOptions?: RendererMainSettings, node?: HTMLElement | string): {
|
|
6
|
-
renderer:
|
|
6
|
+
renderer: IRendererMain;
|
|
7
7
|
rootNode: import("@lightningtv/core").ElementNode;
|
|
8
8
|
render: (code: () => JSXElement) => () => void;
|
|
9
9
|
};
|
package/dist/src/render.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createRenderer as solidCreateRenderer } from 'solid-js/universal';
|
|
2
2
|
import { Config, startLightningRenderer, } from '@lightningtv/core';
|
|
3
3
|
import nodeOpts from './solidOpts.js';
|
|
4
|
-
import { splitProps, createMemo, createRenderEffect, untrack, } from 'solid-js';
|
|
4
|
+
import { splitProps, createMemo, createRenderEffect, untrack, createRoot, } from 'solid-js';
|
|
5
5
|
import { activeElement, setActiveElement } from './activeElement.js';
|
|
6
6
|
const solidRenderer = solidCreateRenderer(nodeOpts);
|
|
7
7
|
let renderer;
|
|
@@ -30,11 +30,13 @@ export function createRenderer(rendererOptions, node) {
|
|
|
30
30
|
export const { effect, memo, createComponent, createElement, createTextNode, insertNode, insert, spread, setProp, mergeProps, use, } = solidRenderer;
|
|
31
31
|
const taskQueue = [];
|
|
32
32
|
let tasksEnabled = false;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
createRoot(() => {
|
|
34
|
+
createRenderEffect(() => {
|
|
35
|
+
// should change whenever a keypress occurs, so we disable the task queue
|
|
36
|
+
// until the renderer is idle again.
|
|
37
|
+
activeElement();
|
|
38
|
+
tasksEnabled = false;
|
|
39
|
+
});
|
|
38
40
|
});
|
|
39
41
|
export function setTasksEnabled(enabled) {
|
|
40
42
|
tasksEnabled = enabled;
|
package/dist/src/render.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EACL,MAAM,EAGN,sBAAsB,GAGvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,EACL,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,OAAO,
|
|
1
|
+
{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/render.ts"],"names":[],"mappings":"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"}
|
package/dist/src/solidOpts.d.ts
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { ElementNode, type ElementText, type TextNode } from '@lightningtv/core';
|
|
2
2
|
import type { SolidNode } from './types.js';
|
|
3
|
+
declare module '@lightningtv/core' {
|
|
4
|
+
interface ElementNode {
|
|
5
|
+
_queueInsert?: true;
|
|
6
|
+
_queueRemove?: true;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
3
9
|
declare const _default: {
|
|
4
10
|
createElement(name: string): ElementNode;
|
|
5
11
|
createTextNode(text: string): TextNode;
|
package/dist/src/solidOpts.js
CHANGED
|
@@ -1,4 +1,22 @@
|
|
|
1
1
|
import { assertTruthy, isElementText, ElementNode, NodeType, log, } from '@lightningtv/core';
|
|
2
|
+
let elementQueue = [];
|
|
3
|
+
function flushQueue() {
|
|
4
|
+
for (let el of elementQueue) {
|
|
5
|
+
if (el._queueRemove && !el._queueInsert) {
|
|
6
|
+
el.destroy();
|
|
7
|
+
}
|
|
8
|
+
el._queueInsert = el._queueRemove = undefined;
|
|
9
|
+
}
|
|
10
|
+
elementQueue.length = 0;
|
|
11
|
+
}
|
|
12
|
+
function addToQueue(node) {
|
|
13
|
+
if (node._queueInsert && node._queueRemove) {
|
|
14
|
+
return; // Already in the queue
|
|
15
|
+
}
|
|
16
|
+
if (elementQueue.push(node) === 1) {
|
|
17
|
+
queueMicrotask(flushQueue);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
2
20
|
export default {
|
|
3
21
|
createElement(name) {
|
|
4
22
|
return new ElementNode(name);
|
|
@@ -20,9 +38,10 @@ export default {
|
|
|
20
38
|
insertNode(parent, node, anchor) {
|
|
21
39
|
log('INSERT: ', parent, node, anchor);
|
|
22
40
|
parent.insertChild(node, anchor);
|
|
23
|
-
node._queueDelete = false;
|
|
24
41
|
if (node instanceof ElementNode) {
|
|
25
|
-
|
|
42
|
+
node._queueInsert = true;
|
|
43
|
+
node.parent.rendered && node.render(true);
|
|
44
|
+
addToQueue(node);
|
|
26
45
|
}
|
|
27
46
|
else if (isElementText(parent)) {
|
|
28
47
|
// TextNodes can be placed outside of <text> nodes when <Show> is used as placeholder
|
|
@@ -35,12 +54,9 @@ export default {
|
|
|
35
54
|
removeNode(parent, node) {
|
|
36
55
|
log('REMOVE: ', parent, node);
|
|
37
56
|
parent.removeChild(node);
|
|
38
|
-
node._queueDelete = true;
|
|
39
57
|
if (node instanceof ElementNode) {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
// in the event it gets a new parent.
|
|
43
|
-
queueMicrotask(() => node.destroy());
|
|
58
|
+
node._queueRemove = true;
|
|
59
|
+
addToQueue(node);
|
|
44
60
|
}
|
|
45
61
|
},
|
|
46
62
|
getParentNode(node) {
|