1
1
import createPilingJs , {
2
2
createImageRenderer ,
3
3
createRepresentativeAggregator ,
4
- createRepresentativeRenderer
4
+ createRepresentativeRenderer ,
5
5
} from '../src' ;
6
6
7
7
const createBookPiles = async ( element , darkMode ) => {
@@ -12,19 +12,19 @@ const createBookPiles = async (element, darkMode) => {
12
12
const renderer = imageRenderer ;
13
13
14
14
// For previews
15
- const coverAggregator = _items =>
15
+ const coverAggregator = ( _items ) =>
16
16
Promise . resolve ( _items [ _items . length - 1 ] . src ) ;
17
- const previewAggregator = _items =>
18
- Promise . resolve ( _items . map ( item => item . edge ) ) ;
17
+ const previewAggregator = ( _items ) =>
18
+ Promise . resolve ( _items . map ( ( item ) => item . edge ) ) ;
19
19
20
20
// For gallery preview
21
21
const representativeRenderer = createRepresentativeRenderer ( renderer , {
22
22
backgroundColor : darkMode ? 0xffffff : 0x000000 ,
23
- outerPadding : 0
23
+ outerPadding : 0 ,
24
24
} ) ;
25
25
26
26
const representativeAggregator = createRepresentativeAggregator ( 9 , {
27
- valueGetter : item => item . src
27
+ valueGetter : ( item ) => item . src ,
28
28
} ) ;
29
29
30
30
const piling = createPilingJs ( element , {
@@ -36,7 +36,7 @@ const createBookPiles = async (element, darkMode) => {
36
36
pileCellAlignment : 'center' ,
37
37
pileBorderSize : 1 ,
38
38
cellPadding : 16 ,
39
- navigationMode : 'panZoom'
39
+ navigationMode : 'panZoom' ,
40
40
} ) ;
41
41
42
42
const defaultProps = {
@@ -50,7 +50,7 @@ const createBookPiles = async (element, darkMode) => {
50
50
previewAggregator : piling . get ( 'previewAggregator' ) ,
51
51
previewItemOffset : piling . get ( 'previewItemOffset' ) ,
52
52
previewRenderer : piling . get ( 'previewRenderer' ) ,
53
- previewScaleToCover : piling . get ( 'previewScaleToCover' )
53
+ previewScaleToCover : piling . get ( 'previewScaleToCover' ) ,
54
54
} ;
55
55
56
56
const additionalSidebarOptions = [
@@ -61,23 +61,23 @@ const createBookPiles = async (element, darkMode) => {
61
61
name : 'Default' ,
62
62
action : ( ) => {
63
63
piling . set ( { ...defaultProps } ) ;
64
- }
64
+ } ,
65
65
} ,
66
66
{
67
67
name : 'Random Item Arrangement' ,
68
68
action : ( ) => {
69
69
piling . set ( {
70
70
...defaultProps ,
71
- pileScale : pile =>
71
+ pileScale : ( pile ) =>
72
72
pile . items . reduce ( ( sum , index ) => sum + items [ index ] . scale , 0 ) /
73
73
pile . items . length ,
74
74
pileItemOffset : ( item , i ) => [
75
75
i * 2 + ( Math . random ( ) * 20 - 10 ) ,
76
- i * - 10 + ( Math . random ( ) * 8 - 4 )
76
+ i * - 10 + ( Math . random ( ) * 8 - 4 ) ,
77
77
] ,
78
- pileItemRotation : ( ) => Math . random ( ) * 16 - 8
78
+ pileItemRotation : ( ) => Math . random ( ) * 16 - 8 ,
79
79
} ) ;
80
- }
80
+ } ,
81
81
} ,
82
82
{
83
83
name : 'Left-Aligned Foreshortened Previews' ,
@@ -90,10 +90,10 @@ const createBookPiles = async (element, darkMode) => {
90
90
previewRenderer : renderer ,
91
91
previewAlignment : 'left' ,
92
92
previewScaleToCover : [ 'auto' , true ] ,
93
- pileOrderItems : pile => [ ...pile . items ] . reverse ( ) ,
94
- pileVisibilityItems : true
93
+ pileOrderItems : ( pile ) => [ ...pile . items ] . reverse ( ) ,
94
+ pileVisibilityItems : true ,
95
95
} ) ;
96
- }
96
+ } ,
97
97
} ,
98
98
{
99
99
name : 'Gallery Previews' ,
@@ -102,12 +102,12 @@ const createBookPiles = async (element, darkMode) => {
102
102
...defaultProps ,
103
103
coverAggregator : representativeAggregator ,
104
104
coverRenderer : representativeRenderer ,
105
- pileVisibilityItems : pile => pile . items . length === 1
105
+ pileVisibilityItems : ( pile ) => pile . items . length === 1 ,
106
106
} ) ;
107
- }
108
- }
109
- ]
110
- }
107
+ } ,
108
+ } ,
109
+ ] ,
110
+ } ,
111
111
] ;
112
112
113
113
return [ piling , additionalSidebarOptions ] ;
0 commit comments