@lightningjs/blits 0.9.7 → 0.9.9
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/CHANGELOG.md +21 -0
- package/docs/_sidebar.md +1 -0
- package/docs/built-in/directives.md +11 -3
- package/docs/built-in/for-loop.md +172 -0
- package/docs/components/component_state.md +1 -2
- package/docs/components/computed_properties.md +3 -4
- package/docs/components/methods.md +3 -3
- package/docs/components/props.md +1 -1
- package/docs/components/user_input.md +2 -2
- package/docs/components/watchers.md +1 -1
- package/docs/essentials/application_root.md +1 -1
- package/docs/essentials/components.md +3 -3
- package/docs/essentials/displaying_images.md +2 -2
- package/docs/essentials/displaying_text.md +12 -12
- package/docs/essentials/element_attributes.md +19 -13
- package/docs/essentials/template_syntax.md +8 -8
- package/docs/getting_started/file_structure.md +10 -11
- package/docs/getting_started/intro.md +3 -3
- package/docs/plugins/text-to-speech-announcer.md +2 -2
- package/docs/sidebar.json +4 -0
- package/docs/transitions_animations/transitions.md +12 -12
- package/package.json +2 -2
- package/src/application.d.ts +10 -10
- package/src/component/base/announcer.js +27 -0
- package/src/component/base/events.js +37 -0
- package/src/component/base/index.js +29 -0
- package/src/component/base/log.js +27 -0
- package/src/component/base/methods.js +136 -0
- package/src/component/base/router.js +40 -0
- package/src/component/base/timeouts_intervals.js +92 -0
- package/src/component/base/utils.js +29 -0
- package/src/{lib → component}/setup/computed.js +3 -3
- package/src/component/setup/index.js +61 -0
- package/src/{lib → component}/setup/input.js +4 -4
- package/src/{lib → component}/setup/methods.js +3 -3
- package/src/{lib → component}/setup/props.js +3 -3
- package/src/{lib → component}/setup/routes.js +3 -3
- package/src/{lib → component}/setup/state.js +13 -6
- package/src/{lib → component}/setup/watch.js +5 -5
- package/src/component.d.ts +157 -38
- package/src/component.js +145 -154
- package/src/components/Circle.js +5 -5
- package/src/components/FPScounter.js +57 -89
- package/src/components/Image.js +2 -2
- package/src/components/RouterView.js +1 -1
- package/src/components/Sprite.js +5 -5
- package/src/components/Sprite.orig.js +2 -2
- package/src/components/Text.js +11 -11
- package/src/components/index.js +32 -0
- package/src/components/index.orig.js +32 -0
- package/src/engines/L3/element.js +44 -35
- package/src/engines/L3/launch.js +2 -1
- package/src/launch.d.ts +11 -1
- package/src/lib/codegenerator/generator.js +7 -6
- package/src/router/router.js +0 -7
- package/src/lib/setup/base.js +0 -284
- /package/src/{lib → component}/setup/props.test.js +0 -0
|
@@ -23,7 +23,7 @@ export default () =>
|
|
|
23
23
|
Component('FPScounter', {
|
|
24
24
|
/* eslint-disable no-unused-vars */
|
|
25
25
|
code: {
|
|
26
|
-
render: function anonymous(parent, component, context) {
|
|
26
|
+
render: function anonymous(parent, component, context, components) {
|
|
27
27
|
const elms = []
|
|
28
28
|
|
|
29
29
|
if (!elms[0]) {
|
|
@@ -60,9 +60,7 @@ export default () =>
|
|
|
60
60
|
elms[2].populate(elementConfig2)
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
const cmp3 =
|
|
64
|
-
(context.components && context.components['Sprite']) ||
|
|
65
|
-
component[Symbol.for('components')]['Sprite']
|
|
63
|
+
const cmp3 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
66
64
|
|
|
67
65
|
parent = elms[2]
|
|
68
66
|
|
|
@@ -100,7 +98,7 @@ export default () =>
|
|
|
100
98
|
|
|
101
99
|
elms[4] = (
|
|
102
100
|
(context.components && context.components[componentType]) ||
|
|
103
|
-
|
|
101
|
+
components[componentType] ||
|
|
104
102
|
(() => {
|
|
105
103
|
console.error('component Sprite not found')
|
|
106
104
|
})
|
|
@@ -127,9 +125,7 @@ export default () =>
|
|
|
127
125
|
elms[5].populate(elementConfig5)
|
|
128
126
|
}
|
|
129
127
|
|
|
130
|
-
const cmp6 =
|
|
131
|
-
(context.components && context.components['Sprite']) ||
|
|
132
|
-
component[Symbol.for('components')]['Sprite']
|
|
128
|
+
const cmp6 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
133
129
|
|
|
134
130
|
parent = elms[5]
|
|
135
131
|
|
|
@@ -168,7 +164,7 @@ export default () =>
|
|
|
168
164
|
|
|
169
165
|
elms[7] = (
|
|
170
166
|
(context.components && context.components[componentType]) ||
|
|
171
|
-
|
|
167
|
+
components[componentType] ||
|
|
172
168
|
(() => {
|
|
173
169
|
console.error('component Sprite not found')
|
|
174
170
|
})
|
|
@@ -181,9 +177,7 @@ export default () =>
|
|
|
181
177
|
}
|
|
182
178
|
}
|
|
183
179
|
|
|
184
|
-
const cmp8 =
|
|
185
|
-
(context.components && context.components['Sprite']) ||
|
|
186
|
-
component[Symbol.for('components')]['Sprite']
|
|
180
|
+
const cmp8 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
187
181
|
|
|
188
182
|
parent = elms[5]
|
|
189
183
|
|
|
@@ -222,7 +216,7 @@ export default () =>
|
|
|
222
216
|
|
|
223
217
|
elms[9] = (
|
|
224
218
|
(context.components && context.components[componentType]) ||
|
|
225
|
-
|
|
219
|
+
components[componentType] ||
|
|
226
220
|
(() => {
|
|
227
221
|
console.error('component Sprite not found')
|
|
228
222
|
})
|
|
@@ -235,9 +229,7 @@ export default () =>
|
|
|
235
229
|
}
|
|
236
230
|
}
|
|
237
231
|
|
|
238
|
-
const cmp10 =
|
|
239
|
-
(context.components && context.components['Sprite']) ||
|
|
240
|
-
component[Symbol.for('components')]['Sprite']
|
|
232
|
+
const cmp10 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
241
233
|
|
|
242
234
|
parent = elms[5]
|
|
243
235
|
|
|
@@ -276,7 +268,7 @@ export default () =>
|
|
|
276
268
|
|
|
277
269
|
elms[11] = (
|
|
278
270
|
(context.components && context.components[componentType]) ||
|
|
279
|
-
|
|
271
|
+
components[componentType] ||
|
|
280
272
|
(() => {
|
|
281
273
|
console.error('component Sprite not found')
|
|
282
274
|
})
|
|
@@ -302,9 +294,7 @@ export default () =>
|
|
|
302
294
|
elms[12].populate(elementConfig12)
|
|
303
295
|
}
|
|
304
296
|
|
|
305
|
-
const cmp13 =
|
|
306
|
-
(context.components && context.components['Sprite']) ||
|
|
307
|
-
component[Symbol.for('components')]['Sprite']
|
|
297
|
+
const cmp13 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
308
298
|
|
|
309
299
|
parent = elms[12]
|
|
310
300
|
|
|
@@ -344,7 +334,7 @@ export default () =>
|
|
|
344
334
|
|
|
345
335
|
elms[14] = (
|
|
346
336
|
(context.components && context.components[componentType]) ||
|
|
347
|
-
|
|
337
|
+
components[componentType] ||
|
|
348
338
|
(() => {
|
|
349
339
|
console.error('component Sprite not found')
|
|
350
340
|
})
|
|
@@ -371,9 +361,7 @@ export default () =>
|
|
|
371
361
|
elms[15].populate(elementConfig15)
|
|
372
362
|
}
|
|
373
363
|
|
|
374
|
-
const cmp16 =
|
|
375
|
-
(context.components && context.components['Sprite']) ||
|
|
376
|
-
component[Symbol.for('components')]['Sprite']
|
|
364
|
+
const cmp16 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
377
365
|
|
|
378
366
|
parent = elms[15]
|
|
379
367
|
|
|
@@ -412,7 +400,7 @@ export default () =>
|
|
|
412
400
|
|
|
413
401
|
elms[17] = (
|
|
414
402
|
(context.components && context.components[componentType]) ||
|
|
415
|
-
|
|
403
|
+
components[componentType] ||
|
|
416
404
|
(() => {
|
|
417
405
|
console.error('component Sprite not found')
|
|
418
406
|
})
|
|
@@ -425,9 +413,7 @@ export default () =>
|
|
|
425
413
|
}
|
|
426
414
|
}
|
|
427
415
|
|
|
428
|
-
const cmp18 =
|
|
429
|
-
(context.components && context.components['Sprite']) ||
|
|
430
|
-
component[Symbol.for('components')]['Sprite']
|
|
416
|
+
const cmp18 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
431
417
|
|
|
432
418
|
parent = elms[15]
|
|
433
419
|
|
|
@@ -466,7 +452,7 @@ export default () =>
|
|
|
466
452
|
|
|
467
453
|
elms[19] = (
|
|
468
454
|
(context.components && context.components[componentType]) ||
|
|
469
|
-
|
|
455
|
+
components[componentType] ||
|
|
470
456
|
(() => {
|
|
471
457
|
console.error('component Sprite not found')
|
|
472
458
|
})
|
|
@@ -479,9 +465,7 @@ export default () =>
|
|
|
479
465
|
}
|
|
480
466
|
}
|
|
481
467
|
|
|
482
|
-
const cmp20 =
|
|
483
|
-
(context.components && context.components['Sprite']) ||
|
|
484
|
-
component[Symbol.for('components')]['Sprite']
|
|
468
|
+
const cmp20 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
485
469
|
|
|
486
470
|
parent = elms[15]
|
|
487
471
|
|
|
@@ -520,7 +504,7 @@ export default () =>
|
|
|
520
504
|
|
|
521
505
|
elms[21] = (
|
|
522
506
|
(context.components && context.components[componentType]) ||
|
|
523
|
-
|
|
507
|
+
components[componentType] ||
|
|
524
508
|
(() => {
|
|
525
509
|
console.error('component Sprite not found')
|
|
526
510
|
})
|
|
@@ -547,9 +531,7 @@ export default () =>
|
|
|
547
531
|
elms[22].populate(elementConfig22)
|
|
548
532
|
}
|
|
549
533
|
|
|
550
|
-
const cmp23 =
|
|
551
|
-
(context.components && context.components['Sprite']) ||
|
|
552
|
-
component[Symbol.for('components')]['Sprite']
|
|
534
|
+
const cmp23 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
553
535
|
|
|
554
536
|
parent = elms[22]
|
|
555
537
|
|
|
@@ -589,7 +571,7 @@ export default () =>
|
|
|
589
571
|
|
|
590
572
|
elms[24] = (
|
|
591
573
|
(context.components && context.components[componentType]) ||
|
|
592
|
-
|
|
574
|
+
components[componentType] ||
|
|
593
575
|
(() => {
|
|
594
576
|
console.error('component Sprite not found')
|
|
595
577
|
})
|
|
@@ -616,9 +598,7 @@ export default () =>
|
|
|
616
598
|
elms[25].populate(elementConfig25)
|
|
617
599
|
}
|
|
618
600
|
|
|
619
|
-
const cmp26 =
|
|
620
|
-
(context.components && context.components['Sprite']) ||
|
|
621
|
-
component[Symbol.for('components')]['Sprite']
|
|
601
|
+
const cmp26 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
622
602
|
|
|
623
603
|
parent = elms[25]
|
|
624
604
|
|
|
@@ -657,7 +637,7 @@ export default () =>
|
|
|
657
637
|
|
|
658
638
|
elms[27] = (
|
|
659
639
|
(context.components && context.components[componentType]) ||
|
|
660
|
-
|
|
640
|
+
components[componentType] ||
|
|
661
641
|
(() => {
|
|
662
642
|
console.error('component Sprite not found')
|
|
663
643
|
})
|
|
@@ -670,9 +650,7 @@ export default () =>
|
|
|
670
650
|
}
|
|
671
651
|
}
|
|
672
652
|
|
|
673
|
-
const cmp28 =
|
|
674
|
-
(context.components && context.components['Sprite']) ||
|
|
675
|
-
component[Symbol.for('components')]['Sprite']
|
|
653
|
+
const cmp28 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
676
654
|
|
|
677
655
|
parent = elms[25]
|
|
678
656
|
|
|
@@ -711,7 +689,7 @@ export default () =>
|
|
|
711
689
|
|
|
712
690
|
elms[29] = (
|
|
713
691
|
(context.components && context.components[componentType]) ||
|
|
714
|
-
|
|
692
|
+
components[componentType] ||
|
|
715
693
|
(() => {
|
|
716
694
|
console.error('component Sprite not found')
|
|
717
695
|
})
|
|
@@ -724,9 +702,7 @@ export default () =>
|
|
|
724
702
|
}
|
|
725
703
|
}
|
|
726
704
|
|
|
727
|
-
const cmp30 =
|
|
728
|
-
(context.components && context.components['Sprite']) ||
|
|
729
|
-
component[Symbol.for('components')]['Sprite']
|
|
705
|
+
const cmp30 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
730
706
|
|
|
731
707
|
parent = elms[25]
|
|
732
708
|
|
|
@@ -765,7 +741,7 @@ export default () =>
|
|
|
765
741
|
|
|
766
742
|
elms[31] = (
|
|
767
743
|
(context.components && context.components[componentType]) ||
|
|
768
|
-
|
|
744
|
+
components[componentType] ||
|
|
769
745
|
(() => {
|
|
770
746
|
console.error('component Sprite not found')
|
|
771
747
|
})
|
|
@@ -792,9 +768,7 @@ export default () =>
|
|
|
792
768
|
elms[32].populate(elementConfig32)
|
|
793
769
|
}
|
|
794
770
|
|
|
795
|
-
const cmp33 =
|
|
796
|
-
(context.components && context.components['Sprite']) ||
|
|
797
|
-
component[Symbol.for('components')]['Sprite']
|
|
771
|
+
const cmp33 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
798
772
|
|
|
799
773
|
parent = elms[32]
|
|
800
774
|
|
|
@@ -832,7 +806,7 @@ export default () =>
|
|
|
832
806
|
|
|
833
807
|
elms[34] = (
|
|
834
808
|
(context.components && context.components[componentType]) ||
|
|
835
|
-
|
|
809
|
+
components[componentType] ||
|
|
836
810
|
(() => {
|
|
837
811
|
console.error('component Sprite not found')
|
|
838
812
|
})
|
|
@@ -859,9 +833,7 @@ export default () =>
|
|
|
859
833
|
elms[35].populate(elementConfig35)
|
|
860
834
|
}
|
|
861
835
|
|
|
862
|
-
const cmp36 =
|
|
863
|
-
(context.components && context.components['Sprite']) ||
|
|
864
|
-
component[Symbol.for('components')]['Sprite']
|
|
836
|
+
const cmp36 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
865
837
|
|
|
866
838
|
parent = elms[35]
|
|
867
839
|
|
|
@@ -900,7 +872,7 @@ export default () =>
|
|
|
900
872
|
|
|
901
873
|
elms[37] = (
|
|
902
874
|
(context.components && context.components[componentType]) ||
|
|
903
|
-
|
|
875
|
+
components[componentType] ||
|
|
904
876
|
(() => {
|
|
905
877
|
console.error('component Sprite not found')
|
|
906
878
|
})
|
|
@@ -913,9 +885,7 @@ export default () =>
|
|
|
913
885
|
}
|
|
914
886
|
}
|
|
915
887
|
|
|
916
|
-
const cmp38 =
|
|
917
|
-
(context.components && context.components['Sprite']) ||
|
|
918
|
-
component[Symbol.for('components')]['Sprite']
|
|
888
|
+
const cmp38 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
919
889
|
|
|
920
890
|
parent = elms[35]
|
|
921
891
|
|
|
@@ -954,7 +924,7 @@ export default () =>
|
|
|
954
924
|
|
|
955
925
|
elms[39] = (
|
|
956
926
|
(context.components && context.components[componentType]) ||
|
|
957
|
-
|
|
927
|
+
components[componentType] ||
|
|
958
928
|
(() => {
|
|
959
929
|
console.error('component Sprite not found')
|
|
960
930
|
})
|
|
@@ -967,9 +937,7 @@ export default () =>
|
|
|
967
937
|
}
|
|
968
938
|
}
|
|
969
939
|
|
|
970
|
-
const cmp40 =
|
|
971
|
-
(context.components && context.components['Sprite']) ||
|
|
972
|
-
component[Symbol.for('components')]['Sprite']
|
|
940
|
+
const cmp40 = (context.components && context.components['Sprite']) || components['Sprite']
|
|
973
941
|
|
|
974
942
|
parent = elms[35]
|
|
975
943
|
|
|
@@ -1008,7 +976,7 @@ export default () =>
|
|
|
1008
976
|
|
|
1009
977
|
elms[41] = (
|
|
1010
978
|
(context.components && context.components[componentType]) ||
|
|
1011
|
-
|
|
979
|
+
components[componentType] ||
|
|
1012
980
|
(() => {
|
|
1013
981
|
console.error('component Sprite not found')
|
|
1014
982
|
})
|
|
@@ -1024,76 +992,76 @@ export default () =>
|
|
|
1024
992
|
return elms
|
|
1025
993
|
},
|
|
1026
994
|
effects: [
|
|
1027
|
-
function anonymous(component, elms, context) {
|
|
995
|
+
function anonymous(component, elms, context, components) {
|
|
1028
996
|
elms[6].set('frame', component.fps[0])
|
|
1029
997
|
},
|
|
1030
|
-
function anonymous(component, elms, context) {
|
|
998
|
+
function anonymous(component, elms, context, components) {
|
|
1031
999
|
elms[7][Symbol.for('props')]['frame'] = component.fps[0]
|
|
1032
1000
|
},
|
|
1033
|
-
function anonymous(component, elms, context) {
|
|
1001
|
+
function anonymous(component, elms, context, components) {
|
|
1034
1002
|
elms[8].set('frame', component.fps[1])
|
|
1035
1003
|
},
|
|
1036
|
-
function anonymous(component, elms, context) {
|
|
1004
|
+
function anonymous(component, elms, context, components) {
|
|
1037
1005
|
elms[9][Symbol.for('props')]['frame'] = component.fps[1]
|
|
1038
1006
|
},
|
|
1039
|
-
function anonymous(component, elms, context) {
|
|
1007
|
+
function anonymous(component, elms, context, components) {
|
|
1040
1008
|
elms[10].set('frame', component.fps[2])
|
|
1041
1009
|
},
|
|
1042
|
-
function anonymous(component, elms, context) {
|
|
1010
|
+
function anonymous(component, elms, context, components) {
|
|
1043
1011
|
elms[11][Symbol.for('props')]['frame'] = component.fps[2]
|
|
1044
1012
|
},
|
|
1045
|
-
function anonymous(component, elms, context) {
|
|
1013
|
+
function anonymous(component, elms, context, components) {
|
|
1046
1014
|
elms[16].set('frame', component.avgFps[0])
|
|
1047
1015
|
},
|
|
1048
|
-
function anonymous(component, elms, context) {
|
|
1016
|
+
function anonymous(component, elms, context, components) {
|
|
1049
1017
|
elms[17][Symbol.for('props')]['frame'] = component.avgFps[0]
|
|
1050
1018
|
},
|
|
1051
|
-
function anonymous(component, elms, context) {
|
|
1019
|
+
function anonymous(component, elms, context, components) {
|
|
1052
1020
|
elms[18].set('frame', component.avgFps[1])
|
|
1053
1021
|
},
|
|
1054
|
-
function anonymous(component, elms, context) {
|
|
1022
|
+
function anonymous(component, elms, context, components) {
|
|
1055
1023
|
elms[19][Symbol.for('props')]['frame'] = component.avgFps[1]
|
|
1056
1024
|
},
|
|
1057
|
-
function anonymous(component, elms, context) {
|
|
1025
|
+
function anonymous(component, elms, context, components) {
|
|
1058
1026
|
elms[20].set('frame', component.avgFps[2])
|
|
1059
1027
|
},
|
|
1060
|
-
function anonymous(component, elms, context) {
|
|
1028
|
+
function anonymous(component, elms, context, components) {
|
|
1061
1029
|
elms[21][Symbol.for('props')]['frame'] = component.avgFps[2]
|
|
1062
1030
|
},
|
|
1063
|
-
function anonymous(component, elms, context) {
|
|
1031
|
+
function anonymous(component, elms, context, components) {
|
|
1064
1032
|
elms[26].set('frame', component.minFps[0])
|
|
1065
1033
|
},
|
|
1066
|
-
function anonymous(component, elms, context) {
|
|
1034
|
+
function anonymous(component, elms, context, components) {
|
|
1067
1035
|
elms[27][Symbol.for('props')]['frame'] = component.minFps[0]
|
|
1068
1036
|
},
|
|
1069
|
-
function anonymous(component, elms, context) {
|
|
1037
|
+
function anonymous(component, elms, context, components) {
|
|
1070
1038
|
elms[28].set('frame', component.minFps[1])
|
|
1071
1039
|
},
|
|
1072
|
-
function anonymous(component, elms, context) {
|
|
1040
|
+
function anonymous(component, elms, context, components) {
|
|
1073
1041
|
elms[29][Symbol.for('props')]['frame'] = component.minFps[1]
|
|
1074
1042
|
},
|
|
1075
|
-
function anonymous(component, elms, context) {
|
|
1043
|
+
function anonymous(component, elms, context, components) {
|
|
1076
1044
|
elms[30].set('frame', component.minFps[2])
|
|
1077
1045
|
},
|
|
1078
|
-
function anonymous(component, elms, context) {
|
|
1046
|
+
function anonymous(component, elms, context, components) {
|
|
1079
1047
|
elms[31][Symbol.for('props')]['frame'] = component.minFps[2]
|
|
1080
1048
|
},
|
|
1081
|
-
function anonymous(component, elms, context) {
|
|
1049
|
+
function anonymous(component, elms, context, components) {
|
|
1082
1050
|
elms[36].set('frame', component.maxFps[0])
|
|
1083
1051
|
},
|
|
1084
|
-
function anonymous(component, elms, context) {
|
|
1052
|
+
function anonymous(component, elms, context, components) {
|
|
1085
1053
|
elms[37][Symbol.for('props')]['frame'] = component.maxFps[0]
|
|
1086
1054
|
},
|
|
1087
|
-
function anonymous(component, elms, context) {
|
|
1055
|
+
function anonymous(component, elms, context, components) {
|
|
1088
1056
|
elms[38].set('frame', component.maxFps[1])
|
|
1089
1057
|
},
|
|
1090
|
-
function anonymous(component, elms, context) {
|
|
1058
|
+
function anonymous(component, elms, context, components) {
|
|
1091
1059
|
elms[39][Symbol.for('props')]['frame'] = component.maxFps[1]
|
|
1092
1060
|
},
|
|
1093
|
-
function anonymous(component, elms, context) {
|
|
1061
|
+
function anonymous(component, elms, context, components) {
|
|
1094
1062
|
elms[40].set('frame', component.maxFps[2])
|
|
1095
1063
|
},
|
|
1096
|
-
function anonymous(component, elms, context) {
|
|
1064
|
+
function anonymous(component, elms, context, components) {
|
|
1097
1065
|
elms[41][Symbol.for('props')]['frame'] = component.maxFps[2]
|
|
1098
1066
|
},
|
|
1099
1067
|
],
|
package/src/components/Image.js
CHANGED
|
@@ -21,7 +21,7 @@ export default () =>
|
|
|
21
21
|
Component('Image', {
|
|
22
22
|
/* eslint-disable no-unused-vars */
|
|
23
23
|
code: {
|
|
24
|
-
render: function anonymous(parent, component, context) {
|
|
24
|
+
render: function anonymous(parent, component, context, components) {
|
|
25
25
|
const elms = []
|
|
26
26
|
|
|
27
27
|
if (!elms[0]) {
|
|
@@ -36,7 +36,7 @@ export default () =>
|
|
|
36
36
|
return elms
|
|
37
37
|
},
|
|
38
38
|
effects: [
|
|
39
|
-
function anonymous(component, elms, context) {
|
|
39
|
+
function anonymous(component, elms, context, components) {
|
|
40
40
|
elms[0].set('imageSource', component.imageSource)
|
|
41
41
|
},
|
|
42
42
|
],
|
|
@@ -24,7 +24,7 @@ export default () =>
|
|
|
24
24
|
Component('RouterView', {
|
|
25
25
|
/* eslint-disable no-unused-vars */
|
|
26
26
|
code: {
|
|
27
|
-
render: function anonymous(parent, component, context) {
|
|
27
|
+
render: function anonymous(parent, component, context, components) {
|
|
28
28
|
const elms = []
|
|
29
29
|
|
|
30
30
|
if (!elms[0]) {
|
package/src/components/Sprite.js
CHANGED
|
@@ -23,7 +23,7 @@ export default () =>
|
|
|
23
23
|
Component('Sprite', {
|
|
24
24
|
/* eslint-disable no-unused-vars */
|
|
25
25
|
code: {
|
|
26
|
-
render: function anonymous(parent, component, context) {
|
|
26
|
+
render: function anonymous(parent, component, context, components) {
|
|
27
27
|
const elms = []
|
|
28
28
|
|
|
29
29
|
if (!elms[0]) {
|
|
@@ -41,10 +41,10 @@ export default () =>
|
|
|
41
41
|
return elms
|
|
42
42
|
},
|
|
43
43
|
effects: [
|
|
44
|
-
function anonymous(component, elms, context) {
|
|
44
|
+
function anonymous(component, elms, context, components) {
|
|
45
45
|
elms[0].set('texture', component.texture)
|
|
46
46
|
},
|
|
47
|
-
function anonymous(component, elms, context) {
|
|
47
|
+
function anonymous(component, elms, context, components) {
|
|
48
48
|
elms[0].set('color', component.color)
|
|
49
49
|
},
|
|
50
50
|
],
|
|
@@ -64,7 +64,7 @@ export default () =>
|
|
|
64
64
|
: this.map[this.frame]
|
|
65
65
|
|
|
66
66
|
if (this.spriteTexture && options) {
|
|
67
|
-
return this[symbols.renderer].createTexture('SubTexture', {
|
|
67
|
+
return this[symbols.renderer]().createTexture('SubTexture', {
|
|
68
68
|
texture: this.spriteTexture,
|
|
69
69
|
x: options.x,
|
|
70
70
|
y: options.y,
|
|
@@ -76,7 +76,7 @@ export default () =>
|
|
|
76
76
|
},
|
|
77
77
|
hooks: {
|
|
78
78
|
ready() {
|
|
79
|
-
this.spriteTexture = this[symbols.renderer].createTexture('ImageTexture', {
|
|
79
|
+
this.spriteTexture = this[symbols.renderer]().createTexture('ImageTexture', {
|
|
80
80
|
src: this.image,
|
|
81
81
|
})
|
|
82
82
|
},
|
|
@@ -38,7 +38,7 @@ export default () =>
|
|
|
38
38
|
: this.map[this.frame]
|
|
39
39
|
|
|
40
40
|
if (this.spriteTexture && options) {
|
|
41
|
-
return this[symbols.renderer].createTexture('SubTexture', {
|
|
41
|
+
return this[symbols.renderer]().createTexture('SubTexture', {
|
|
42
42
|
texture: this.spriteTexture,
|
|
43
43
|
x: options.x,
|
|
44
44
|
y: options.y,
|
|
@@ -50,7 +50,7 @@ export default () =>
|
|
|
50
50
|
},
|
|
51
51
|
hooks: {
|
|
52
52
|
ready() {
|
|
53
|
-
this.spriteTexture = this[symbols.renderer].createTexture('ImageTexture', {
|
|
53
|
+
this.spriteTexture = this[symbols.renderer]().createTexture('ImageTexture', {
|
|
54
54
|
src: this.image,
|
|
55
55
|
})
|
|
56
56
|
},
|
package/src/components/Text.js
CHANGED
|
@@ -22,7 +22,7 @@ export default () =>
|
|
|
22
22
|
Component('Text', {
|
|
23
23
|
/* eslint-disable no-unused-vars */
|
|
24
24
|
code: {
|
|
25
|
-
render: function anonymous(parent, component, context) {
|
|
25
|
+
render: function anonymous(parent, component, context, components) {
|
|
26
26
|
const elms = []
|
|
27
27
|
|
|
28
28
|
if (!elms[0]) {
|
|
@@ -46,34 +46,34 @@ export default () =>
|
|
|
46
46
|
return elms
|
|
47
47
|
},
|
|
48
48
|
effects: [
|
|
49
|
-
function anonymous(component, elms, context) {
|
|
49
|
+
function anonymous(component, elms, context, components) {
|
|
50
50
|
elms[0].set('text', component.content)
|
|
51
51
|
},
|
|
52
|
-
function anonymous(component, elms, context) {
|
|
52
|
+
function anonymous(component, elms, context, components) {
|
|
53
53
|
elms[0].set('fontSize', component.size)
|
|
54
54
|
},
|
|
55
|
-
function anonymous(component, elms, context) {
|
|
55
|
+
function anonymous(component, elms, context, components) {
|
|
56
56
|
elms[0].set('color', component.color)
|
|
57
57
|
},
|
|
58
|
-
function anonymous(component, elms, context) {
|
|
58
|
+
function anonymous(component, elms, context, components) {
|
|
59
59
|
elms[0].set('style', component.style)
|
|
60
60
|
},
|
|
61
|
-
function anonymous(component, elms, context) {
|
|
61
|
+
function anonymous(component, elms, context, components) {
|
|
62
62
|
elms[0].set('weight', component.weight)
|
|
63
63
|
},
|
|
64
|
-
function anonymous(component, elms, context) {
|
|
64
|
+
function anonymous(component, elms, context, components) {
|
|
65
65
|
elms[0].set('wordWrap', component.wordwrap)
|
|
66
66
|
},
|
|
67
|
-
function anonymous(component, elms, context) {
|
|
67
|
+
function anonymous(component, elms, context, components) {
|
|
68
68
|
elms[0].set('maxLines', component.maxlines)
|
|
69
69
|
},
|
|
70
|
-
function anonymous(component, elms, context) {
|
|
70
|
+
function anonymous(component, elms, context, components) {
|
|
71
71
|
elms[0].set('h', component.maxheight)
|
|
72
72
|
},
|
|
73
|
-
function anonymous(component, elms, context) {
|
|
73
|
+
function anonymous(component, elms, context, components) {
|
|
74
74
|
elms[0].set('textAlign', component.align)
|
|
75
75
|
},
|
|
76
|
-
function anonymous(component, elms, context) {
|
|
76
|
+
function anonymous(component, elms, context, components) {
|
|
77
77
|
elms[0].set('overflowSuffix', component.textoverflow)
|
|
78
78
|
},
|
|
79
79
|
],
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2024 Comcast Cable Communications Management, LLC
|
|
3
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
* you may not use this file except in compliance with the License.
|
|
5
|
+
* You may obtain a copy of the License at
|
|
6
|
+
*
|
|
7
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
*
|
|
9
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
11
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
* See the License for the specific language governing permissions and
|
|
13
|
+
* limitations under the License.
|
|
14
|
+
*
|
|
15
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
import Image from './Image.js'
|
|
19
|
+
import Circle from './Circle.js'
|
|
20
|
+
import RouterView from './RouterView.js'
|
|
21
|
+
import Sprite from './Sprite.js'
|
|
22
|
+
import Text from './Text.js'
|
|
23
|
+
import FPScounter from './FPScounter.js'
|
|
24
|
+
|
|
25
|
+
export default () => ({
|
|
26
|
+
Image: Image(),
|
|
27
|
+
Circle: Circle(),
|
|
28
|
+
RouterView: RouterView(),
|
|
29
|
+
Sprite: Sprite(),
|
|
30
|
+
Text: Text(),
|
|
31
|
+
FPScounter: FPScounter(),
|
|
32
|
+
})
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2024 Comcast Cable Communications Management, LLC
|
|
3
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
* you may not use this file except in compliance with the License.
|
|
5
|
+
* You may obtain a copy of the License at
|
|
6
|
+
*
|
|
7
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
*
|
|
9
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
11
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
* See the License for the specific language governing permissions and
|
|
13
|
+
* limitations under the License.
|
|
14
|
+
*
|
|
15
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
import Image from './Image.js'
|
|
19
|
+
import Circle from './Circle.js'
|
|
20
|
+
import RouterView from './RouterView.js'
|
|
21
|
+
import Sprite from './Sprite.js'
|
|
22
|
+
import Text from './Text.js'
|
|
23
|
+
import FPScounter from './FPScounter.js'
|
|
24
|
+
|
|
25
|
+
export default () => ({
|
|
26
|
+
Image: Image(),
|
|
27
|
+
Circle: Circle(),
|
|
28
|
+
RouterView: RouterView(),
|
|
29
|
+
Sprite: Sprite(),
|
|
30
|
+
Text: Text(),
|
|
31
|
+
FPScounter: FPScounter(),
|
|
32
|
+
})
|