react-magazine 1.0.2 → 1.0.3
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/README.md +47 -41
- package/dist/cjs/_virtual/page-flip.browser.js +4 -2
- package/dist/cjs/_virtual/page-flip.browser.js.map +1 -1
- package/dist/cjs/_virtual/page-flip.browser2.js +6 -0
- package/dist/cjs/_virtual/page-flip.browser2.js.map +1 -0
- package/dist/cjs/components/MagazineBook.js +72 -23
- package/dist/cjs/components/MagazineBook.js.map +1 -1
- package/dist/cjs/components/Page.js +16 -4
- package/dist/cjs/components/Page.js.map +1 -1
- package/dist/cjs/components/PageCover.js +19 -4
- package/dist/cjs/components/PageCover.js.map +1 -1
- package/dist/cjs/node_modules/page-flip/dist/js/page-flip.browser.js +13 -7
- package/dist/cjs/node_modules/page-flip/dist/js/page-flip.browser.js.map +1 -1
- package/dist/esm/_virtual/page-flip.browser.js +4 -2
- package/dist/esm/_virtual/page-flip.browser.js.map +1 -1
- package/dist/esm/_virtual/page-flip.browser2.js +4 -0
- package/dist/esm/_virtual/page-flip.browser2.js.map +1 -0
- package/dist/esm/components/MagazineBook.js +72 -23
- package/dist/esm/components/MagazineBook.js.map +1 -1
- package/dist/esm/components/Page.js +16 -4
- package/dist/esm/components/Page.js.map +1 -1
- package/dist/esm/components/PageCover.js +19 -4
- package/dist/esm/components/PageCover.js.map +1 -1
- package/dist/esm/node_modules/page-flip/dist/js/page-flip.browser.js +13 -7
- package/dist/esm/node_modules/page-flip/dist/js/page-flip.browser.js.map +1 -1
- package/dist/types/components/MagazineBook.d.ts +0 -1
- package/dist/types/components/Page.d.ts +0 -1
- package/dist/types/components/PageCover.d.ts +0 -1
- package/dist/types/components/index.d.ts +0 -1
- package/dist/types/hooks/index.d.ts +0 -1
- package/dist/types/hooks/useFlipBook.d.ts +0 -1
- package/dist/types/index.d.ts +0 -1
- package/dist/types/types/index.d.ts +0 -1
- package/package.json +35 -16
- package/dist/cjs/_virtual/_commonjsHelpers.js +0 -6
- package/dist/cjs/_virtual/_commonjsHelpers.js.map +0 -1
- package/dist/esm/_virtual/_commonjsHelpers.js +0 -4
- package/dist/esm/_virtual/_commonjsHelpers.js.map +0 -1
- package/dist/styles.css +0 -164
- package/dist/types/components/MagazineBook.d.ts.map +0 -1
- package/dist/types/components/Page.d.ts.map +0 -1
- package/dist/types/components/PageCover.d.ts.map +0 -1
- package/dist/types/components/index.d.ts.map +0 -1
- package/dist/types/hooks/index.d.ts.map +0 -1
- package/dist/types/hooks/useFlipBook.d.ts.map +0 -1
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/types/index.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -16,40 +16,33 @@ npm install react-magazine
|
|
|
16
16
|
|
|
17
17
|
```tsx
|
|
18
18
|
import { MagazineBook, Page } from 'react-magazine';
|
|
19
|
-
import 'react-magazine/styles.css';
|
|
20
19
|
|
|
21
|
-
|
|
20
|
+
const images = [
|
|
22
21
|
"https://picsum.photos/id/1/400/500",
|
|
23
22
|
"https://picsum.photos/id/2/400/500",
|
|
24
23
|
"https://picsum.photos/id/3/400/500",
|
|
25
24
|
"https://picsum.photos/id/4/400/500",
|
|
26
25
|
"https://picsum.photos/id/5/400/500",
|
|
27
26
|
"https://picsum.photos/id/6/400/500",
|
|
28
|
-
"https://picsum.photos/id/7/400/500",
|
|
29
|
-
"https://picsum.photos/id/8/400/500",
|
|
30
|
-
"https://picsum.photos/id/9/400/500",
|
|
31
|
-
"https://picsum.photos/id/10/400/500",
|
|
32
27
|
];
|
|
33
28
|
|
|
34
29
|
function App() {
|
|
35
30
|
return (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
/>
|
|
48
|
-
</Page>
|
|
49
|
-
))}
|
|
50
|
-
</MagazineBook>
|
|
31
|
+
<MagazineBook width={400} height={500} showCover={true} showControls={true}>
|
|
32
|
+
{images.map((img, index) => (
|
|
33
|
+
<Page key={index} number={index + 1}>
|
|
34
|
+
<img
|
|
35
|
+
src={img}
|
|
36
|
+
alt={`Page ${index + 1}`}
|
|
37
|
+
style={{ width: "100%", height: "100%", objectFit: "cover" }}
|
|
38
|
+
/>
|
|
39
|
+
</Page>
|
|
40
|
+
))}
|
|
41
|
+
</MagazineBook>
|
|
51
42
|
);
|
|
52
43
|
}
|
|
44
|
+
|
|
45
|
+
export default App;
|
|
53
46
|
```
|
|
54
47
|
|
|
55
48
|
## Features
|
|
@@ -62,24 +55,18 @@ function App() {
|
|
|
62
55
|
- Touch and mouse support
|
|
63
56
|
- TypeScript support
|
|
64
57
|
- SSR compatible (with dynamic import)
|
|
58
|
+
- Zero configuration - styles are built-in
|
|
65
59
|
|
|
66
60
|
## Using the useFlipBook Hook
|
|
67
61
|
|
|
68
62
|
```tsx
|
|
69
63
|
import { MagazineBook, Page, useFlipBook } from 'react-magazine';
|
|
70
|
-
import 'react-magazine/styles.css';
|
|
71
64
|
|
|
72
65
|
const images = [
|
|
73
66
|
"https://picsum.photos/id/1/400/500",
|
|
74
67
|
"https://picsum.photos/id/2/400/500",
|
|
75
68
|
"https://picsum.photos/id/3/400/500",
|
|
76
69
|
"https://picsum.photos/id/4/400/500",
|
|
77
|
-
"https://picsum.photos/id/5/400/500",
|
|
78
|
-
"https://picsum.photos/id/6/400/500",
|
|
79
|
-
"https://picsum.photos/id/7/400/500",
|
|
80
|
-
"https://picsum.photos/id/8/400/500",
|
|
81
|
-
"https://picsum.photos/id/9/400/500",
|
|
82
|
-
"https://picsum.photos/id/10/400/500",
|
|
83
70
|
];
|
|
84
71
|
|
|
85
72
|
function App() {
|
|
@@ -93,21 +80,21 @@ function App() {
|
|
|
93
80
|
<img
|
|
94
81
|
src={img}
|
|
95
82
|
alt={`Page ${index + 1}`}
|
|
96
|
-
style={{
|
|
97
|
-
width: "100%",
|
|
98
|
-
height: "100%",
|
|
99
|
-
objectFit: "cover",
|
|
100
|
-
}}
|
|
83
|
+
style={{ width: "100%", height: "100%", objectFit: "cover" }}
|
|
101
84
|
/>
|
|
102
85
|
</Page>
|
|
103
86
|
))}
|
|
104
87
|
</MagazineBook>
|
|
105
|
-
<
|
|
88
|
+
<div>
|
|
89
|
+
<button onClick={() => flipPrev()}>Previous</button>
|
|
106
90
|
<span>Page {state.currentPage + 1} of {state.pageCount}</span>
|
|
107
|
-
|
|
91
|
+
<button onClick={() => flipNext()}>Next</button>
|
|
92
|
+
</div>
|
|
108
93
|
</div>
|
|
109
94
|
);
|
|
110
95
|
}
|
|
96
|
+
|
|
97
|
+
export default App;
|
|
111
98
|
```
|
|
112
99
|
|
|
113
100
|
## Props
|
|
@@ -165,12 +152,20 @@ When `showCover={true}`:
|
|
|
165
152
|
- All inner pages remain **soft** (paper flip effect)
|
|
166
153
|
|
|
167
154
|
```tsx
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
</
|
|
155
|
+
import { MagazineBook, Page } from 'react-magazine';
|
|
156
|
+
|
|
157
|
+
function App() {
|
|
158
|
+
return (
|
|
159
|
+
<MagazineBook showCover={true}>
|
|
160
|
+
<Page>Front Cover (auto hard)</Page>
|
|
161
|
+
<Page>Page 2 (soft - bends)</Page>
|
|
162
|
+
<Page>Page 3 (soft - bends)</Page>
|
|
163
|
+
<Page>Back Cover (auto hard)</Page>
|
|
164
|
+
</MagazineBook>
|
|
165
|
+
);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
export default App;
|
|
174
169
|
```
|
|
175
170
|
|
|
176
171
|
## Ref API Methods
|
|
@@ -219,6 +214,17 @@ const Page = dynamic(
|
|
|
219
214
|
() => import('react-magazine').then((mod) => mod.Page),
|
|
220
215
|
{ ssr: false }
|
|
221
216
|
);
|
|
217
|
+
|
|
218
|
+
function App() {
|
|
219
|
+
return (
|
|
220
|
+
<MagazineBook width={400} height={500} showControls>
|
|
221
|
+
<Page number={1}>Page 1</Page>
|
|
222
|
+
<Page number={2}>Page 2</Page>
|
|
223
|
+
</MagazineBook>
|
|
224
|
+
);
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
export default App;
|
|
222
228
|
```
|
|
223
229
|
|
|
224
230
|
## TypeScript
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var pageFlip_browser =
|
|
3
|
+
var pageFlip_browser = require('../node_modules/page-flip/dist/js/page-flip.browser.js');
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
var pageFlip_browserExports = pageFlip_browser.__require();
|
|
6
|
+
|
|
7
|
+
exports.pageFlip_browserExports = pageFlip_browserExports;
|
|
6
8
|
//# sourceMappingURL=page-flip.browser.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-flip.browser.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"page-flip.browser.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page-flip.browser2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -2,8 +2,57 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var pageFlip_browser = require('../
|
|
5
|
+
var pageFlip_browser = require('../_virtual/page-flip.browser.js');
|
|
6
6
|
|
|
7
|
+
// Inline styles
|
|
8
|
+
const inlineStyles = {
|
|
9
|
+
wrapper: {
|
|
10
|
+
display: 'flex',
|
|
11
|
+
flexDirection: 'column',
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
},
|
|
14
|
+
magazine: {
|
|
15
|
+
display: 'block',
|
|
16
|
+
position: 'relative',
|
|
17
|
+
userSelect: 'none',
|
|
18
|
+
WebkitUserSelect: 'none',
|
|
19
|
+
touchAction: 'pan-y',
|
|
20
|
+
boxSizing: 'border-box',
|
|
21
|
+
},
|
|
22
|
+
controls: {
|
|
23
|
+
display: 'flex',
|
|
24
|
+
justifyContent: 'center',
|
|
25
|
+
alignItems: 'center',
|
|
26
|
+
gap: '15px',
|
|
27
|
+
marginTop: '8px',
|
|
28
|
+
},
|
|
29
|
+
button: {
|
|
30
|
+
display: 'flex',
|
|
31
|
+
alignItems: 'center',
|
|
32
|
+
gap: '6px',
|
|
33
|
+
padding: '8px 16px',
|
|
34
|
+
fontSize: '13px',
|
|
35
|
+
fontWeight: 500,
|
|
36
|
+
border: 'none',
|
|
37
|
+
borderRadius: '6px',
|
|
38
|
+
background: '#2196F3',
|
|
39
|
+
color: 'white',
|
|
40
|
+
cursor: 'pointer',
|
|
41
|
+
transition: 'all 0.2s ease',
|
|
42
|
+
},
|
|
43
|
+
buttonDisabled: {
|
|
44
|
+
opacity: 0.5,
|
|
45
|
+
cursor: 'not-allowed',
|
|
46
|
+
background: '#90CAF9',
|
|
47
|
+
},
|
|
48
|
+
pageInfo: {
|
|
49
|
+
fontSize: '13px',
|
|
50
|
+
color: '#666',
|
|
51
|
+
padding: '6px 12px',
|
|
52
|
+
background: '#f5f5f5',
|
|
53
|
+
borderRadius: '4px',
|
|
54
|
+
},
|
|
55
|
+
};
|
|
7
56
|
// SVG Arrow Icons
|
|
8
57
|
const ChevronLeft = () => (jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntime.jsx("polyline", { points: "15 18 9 12 15 6" }) }));
|
|
9
58
|
const ChevronRight = () => (jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }));
|
|
@@ -13,7 +62,7 @@ const MagazineBookForward = React.forwardRef((props, ref) => {
|
|
|
13
62
|
const childRef = React.useRef([]);
|
|
14
63
|
const pageFlip = React.useRef(null);
|
|
15
64
|
const [pages, setPages] = React.useState([]);
|
|
16
|
-
const [
|
|
65
|
+
const [, setOrientation] = React.useState('landscape');
|
|
17
66
|
const [currentPage, setCurrentPage] = React.useState(0);
|
|
18
67
|
const [pageCount, setPageCount] = React.useState(0);
|
|
19
68
|
// Expose pageFlip instance and helper methods via ref
|
|
@@ -112,7 +161,7 @@ const MagazineBookForward = React.forwardRef((props, ref) => {
|
|
|
112
161
|
onFlip(e);
|
|
113
162
|
}
|
|
114
163
|
});
|
|
115
|
-
// Always track orientation
|
|
164
|
+
// Always track orientation
|
|
116
165
|
flip.on('changeOrientation', (e) => {
|
|
117
166
|
const event = e;
|
|
118
167
|
setOrientation(event.data);
|
|
@@ -235,27 +284,27 @@ const MagazineBookForward = React.forwardRef((props, ref) => {
|
|
|
235
284
|
const handleNextPage = React.useCallback(() => {
|
|
236
285
|
pageFlip.current?.flipNext();
|
|
237
286
|
}, []);
|
|
238
|
-
//
|
|
239
|
-
const
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
isLoading ?
|
|
243
|
-
disabled ? '
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
287
|
+
// Merge styles
|
|
288
|
+
const magazineStyle = {
|
|
289
|
+
...inlineStyles.magazine,
|
|
290
|
+
...style,
|
|
291
|
+
opacity: isLoading ? 0.5 : undefined,
|
|
292
|
+
pointerEvents: disabled || isLoading ? 'none' : undefined,
|
|
293
|
+
};
|
|
294
|
+
const isPrevDisabled = currentPage === 0;
|
|
295
|
+
const isNextDisabled = currentPage >= pageCount - 1;
|
|
296
|
+
const prevButtonStyle = {
|
|
297
|
+
...inlineStyles.button,
|
|
298
|
+
...(isPrevDisabled ? inlineStyles.buttonDisabled : {}),
|
|
299
|
+
};
|
|
300
|
+
const nextButtonStyle = {
|
|
301
|
+
...inlineStyles.button,
|
|
302
|
+
...(isNextDisabled ? inlineStyles.buttonDisabled : {}),
|
|
303
|
+
};
|
|
304
|
+
return (jsxRuntime.jsxs("div", { style: inlineStyles.wrapper, children: [jsxRuntime.jsx("div", { ref: htmlElementRef, className: className || undefined, style: magazineStyle, children: pages }), showControls && (jsxRuntime.jsxs("div", { className: controlsClassName || undefined, style: {
|
|
305
|
+
...inlineStyles.controls,
|
|
257
306
|
...controlsStyle,
|
|
258
|
-
}, children: [jsxRuntime.jsxs("button", {
|
|
307
|
+
}, children: [jsxRuntime.jsxs("button", { onClick: handlePrevPage, disabled: isPrevDisabled, type: "button", style: prevButtonStyle, children: [jsxRuntime.jsx(ChevronLeft, {}), jsxRuntime.jsx("span", { children: "Previous" })] }), jsxRuntime.jsxs("span", { style: inlineStyles.pageInfo, children: [currentPage + 1, " / ", pageCount || '...'] }), jsxRuntime.jsxs("button", { onClick: handleNextPage, disabled: isNextDisabled, type: "button", style: nextButtonStyle, children: [jsxRuntime.jsx("span", { children: "Next" }), jsxRuntime.jsx(ChevronRight, {})] })] }))] }));
|
|
259
308
|
});
|
|
260
309
|
MagazineBookForward.displayName = 'MagazineBook';
|
|
261
310
|
const MagazineBook = React.memo(MagazineBookForward);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MagazineBook.js","sources":["../../../../src/components/MagazineBook.tsx"],"sourcesContent":[null],"names":["_jsx","forwardRef","useRef","useState","useImperativeHandle","useCallback","useEffect","PageFlip","_jsxs"],"mappings":";;;;;;AAoCA;AACA,MAAM,WAAW,GAAG,OAClBA,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,YAC5IA,cAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,iBAAiB,EAAA,CAAY,EAAA,CAC1C,CACP;AAED,MAAM,YAAY,GAAG,OACnBA,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,YAC5IA,cAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,gBAAgB,EAAA,CAAY,EAAA,CACzC,CACP;AAED,MAAM,mBAAmB,GAAGC,gBAAU,CACpC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,0BAA0B,GAAG,KAAK,EAClC,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,KAAK,EACpB,iBAAiB,GAAG,EAAE,EACtB,aAAa,GAAG,EAAE,EAClB,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,GAAG,EACd,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,KAAK,EACnB,WAAW,GAAG,CAAC,EACf,QAAQ,GAAG,IAAI,EACf,gBAAgB,GAAG,CAAC,EACpB,SAAS,GAAG,KAAK,EACjB,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,IAAI,EACxB,cAAc,GAAG,IAAI,EACrB,aAAa,GAAG,EAAE,EAClB,eAAe,GAAG,IAAI,EACtB,kBAAkB,GAAG,KAAK,EAC1B,SAAS,GAAG,CAAC,EACb,MAAM,EACN,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,QAAQ,GACT,GAAG,KAAK;AAET,IAAA,MAAM,cAAc,GAAGC,YAAM,CAAiB,IAAI,CAAC;AACnD,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAgB,EAAE,CAAC;AAC1C,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAkB,IAAI,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAiB,EAAE,CAAC;IACtD,MAAM,
|
|
1
|
+
{"version":3,"file":"MagazineBook.js","sources":["../../../../src/components/MagazineBook.tsx"],"sourcesContent":[null],"names":["_jsx","forwardRef","useRef","useState","useImperativeHandle","useCallback","useEffect","PageFlip","_jsxs"],"mappings":"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"}
|
|
@@ -3,15 +3,27 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
|
|
6
|
+
const pageStyles = {
|
|
7
|
+
position: 'relative',
|
|
8
|
+
width: '100%',
|
|
9
|
+
height: '100%',
|
|
10
|
+
boxSizing: 'border-box',
|
|
11
|
+
overflow: 'hidden',
|
|
12
|
+
backgroundColor: '#fff',
|
|
13
|
+
};
|
|
14
|
+
const hardPageStyles = {
|
|
15
|
+
...pageStyles,
|
|
16
|
+
background: 'linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%)',
|
|
17
|
+
boxShadow: 'inset 0 0 10px rgba(0, 0, 0, 0.1)',
|
|
18
|
+
};
|
|
6
19
|
/**
|
|
7
20
|
* Page component for use inside MagazineBook
|
|
8
21
|
* Each page should be wrapped in this component to properly integrate with the flip book
|
|
9
22
|
*/
|
|
10
23
|
const Page = React.forwardRef(({ children, number, density = 'soft', className = '', style = {} }, ref) => {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
boxSizing: 'border-box',
|
|
24
|
+
const baseStyles = density === 'hard' ? hardPageStyles : pageStyles;
|
|
25
|
+
return (jsxRuntime.jsx("div", { ref: ref, className: className || undefined, "data-density": density, "data-page-number": number, style: {
|
|
26
|
+
...baseStyles,
|
|
15
27
|
...style,
|
|
16
28
|
}, children: children }));
|
|
17
29
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sources":["../../../../src/components/Page.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx"],"mappings":";;;;;AAGA;;;AAGG;AACI,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,KAAI;AAC1E,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Page.js","sources":["../../../../src/components/Page.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx"],"mappings":";;;;;AAGA,MAAM,UAAU,GAAwB;AACtC,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,eAAe,EAAE,MAAM;CACxB;AAED,MAAM,cAAc,GAAwB;AAC1C,IAAA,GAAG,UAAU;AACb,IAAA,UAAU,EAAE,mDAAmD;AAC/D,IAAA,SAAS,EAAE,mCAAmC;CAC/C;AAED;;;AAGG;AACI,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,KAAI;AAC1E,IAAA,MAAM,UAAU,GAAG,OAAO,KAAK,MAAM,GAAG,cAAc,GAAG,UAAU;AAEnE,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,IAAI,SAAS,EAAA,cAAA,EACnB,OAAO,sBACH,MAAM,EACxB,KAAK,EAAE;AACL,YAAA,GAAG,UAAU;AACb,YAAA,GAAG,KAAK;SACT,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -3,15 +3,30 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
|
|
6
|
+
const baseCoverStyles = {
|
|
7
|
+
position: 'relative',
|
|
8
|
+
width: '100%',
|
|
9
|
+
height: '100%',
|
|
10
|
+
boxSizing: 'border-box',
|
|
11
|
+
overflow: 'hidden',
|
|
12
|
+
color: 'white',
|
|
13
|
+
};
|
|
14
|
+
const frontCoverStyles = {
|
|
15
|
+
...baseCoverStyles,
|
|
16
|
+
background: 'linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%)',
|
|
17
|
+
};
|
|
18
|
+
const backCoverStyles = {
|
|
19
|
+
...baseCoverStyles,
|
|
20
|
+
background: 'linear-gradient(135deg, #0f3460 0%, #16213e 50%, #1a1a2e 100%)',
|
|
21
|
+
};
|
|
6
22
|
/**
|
|
7
23
|
* PageCover component for hard cover pages (front/back)
|
|
8
24
|
* This is a specialized Page component with density="hard" preset
|
|
9
25
|
*/
|
|
10
26
|
const PageCover = React.forwardRef(({ children, number, position = 'front', className = '', style = {} }, ref) => {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
boxSizing: 'border-box',
|
|
27
|
+
const coverStyles = position === 'front' ? frontCoverStyles : backCoverStyles;
|
|
28
|
+
return (jsxRuntime.jsx("div", { ref: ref, className: className || undefined, "data-density": "hard", "data-page-number": number, "data-cover-position": position, style: {
|
|
29
|
+
...coverStyles,
|
|
15
30
|
...style,
|
|
16
31
|
}, children: children }));
|
|
17
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageCover.js","sources":["../../../../src/components/PageCover.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx"],"mappings":";;;;;AAGA;;;AAGG;AACI,MAAM,SAAS,GAAGA,gBAAU,CACjC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAG,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,KAAI;
|
|
1
|
+
{"version":3,"file":"PageCover.js","sources":["../../../../src/components/PageCover.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx"],"mappings":";;;;;AAGA,MAAM,eAAe,GAAwB;AAC3C,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,KAAK,EAAE,OAAO;CACf;AAED,MAAM,gBAAgB,GAAwB;AAC5C,IAAA,GAAG,eAAe;AAClB,IAAA,UAAU,EAAE,gEAAgE;CAC7E;AAED,MAAM,eAAe,GAAwB;AAC3C,IAAA,GAAG,eAAe;AAClB,IAAA,UAAU,EAAE,gEAAgE;CAC7E;AAED;;;AAGG;AACI,MAAM,SAAS,GAAGA,gBAAU,CACjC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAG,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,KAAI;AAC5E,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,OAAO,GAAG,gBAAgB,GAAG,eAAe;AAE7E,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,IAAI,SAAS,EAAA,cAAA,EACpB,MAAM,EAAA,kBAAA,EACD,MAAM,yBACH,QAAQ,EAC7B,KAAK,EAAE;AACL,YAAA,GAAG,WAAW;AACd,YAAA,GAAG,KAAK;SACT,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
|