@toneflix/flipbook-native 0.2.0 → 0.2.1

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.
Files changed (4) hide show
  1. package/README.md +2 -2
  2. package/lib/look.js +5 -5
  3. package/package.json +7 -3
  4. package/src/look.tsx +5 -5
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @toneflix/flipbook-native
2
2
 
3
- Turn any set of photos into an album that bends, settles and feels like paper, in React Native and Expo, with page turns drawn by native views. A page folds exactly where a finger bends it, photos sink into the paper's grain, and phones open the book sideways across two pages.
3
+ An expressive flipbook for creating personalised and interactive reading and photo viewing experiences, for React Native and Expo.
4
4
 
5
5
  ```bash
6
6
  npx expo install @toneflix/flipbook-native react-native-svg expo-screen-orientation
@@ -21,4 +21,4 @@ export function Book({ book }) {
21
21
  }
22
22
  ```
23
23
 
24
- See the [documentation](https://toneflix.github.io/flipbook/guide/react-native).
24
+ See the [documentation](https://toneflix.github.io/flipbook/frameworks/react-native).
package/lib/look.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { createContext, useContext } from 'react';
3
3
  import { Platform } from 'react-native';
4
- const fine = { texture: require('../assets/textures/paper-fine@2x.webp'), grain: require('../assets/textures/grain-fine@2x.webp') };
4
+ const fine = { texture: require('../assets/textures/paper-fine.webp'), grain: require('../assets/textures/grain-fine.webp') };
5
5
  const ivory = {
6
6
  background: '#fdf9f0',
7
7
  ink: [61, 55, 47],
@@ -25,9 +25,9 @@ export const PAPERS = {
25
25
  plateTint: 'rgba(90,70,40,0.03)',
26
26
  plateLow: 'rgba(80,50,20,0.16)',
27
27
  plateHigh: 'rgba(255,245,225,0.35)',
28
- texture: require('../assets/textures/paper-kraft@2x.webp'),
28
+ texture: require('../assets/textures/paper-kraft.webp'),
29
29
  textureOpacity: 0.45,
30
- grain: require('../assets/textures/grain-kraft@2x.webp'),
30
+ grain: require('../assets/textures/grain-kraft.webp'),
31
31
  grainOpacity: 0.35,
32
32
  light: 'rgba(255,255,255,0.18)',
33
33
  vignette: 'rgba(80,50,20,0.12)',
@@ -39,9 +39,9 @@ export const PAPERS = {
39
39
  plateTint: 'rgba(0,0,0,0.08)',
40
40
  plateLow: 'rgba(0,0,0,0.35)',
41
41
  plateHigh: 'rgba(255,255,255,0.07)',
42
- texture: require('../assets/textures/paper-charcoal@2x.webp'),
42
+ texture: require('../assets/textures/paper-charcoal.webp'),
43
43
  textureOpacity: 0.25,
44
- grain: require('../assets/textures/grain-charcoal@2x.webp'),
44
+ grain: require('../assets/textures/grain-charcoal.webp'),
45
45
  grainOpacity: 0.22,
46
46
  light: 'rgba(255,255,255,0.05)',
47
47
  vignette: 'rgba(0,0,0,0.25)',
package/package.json CHANGED
@@ -1,8 +1,12 @@
1
1
  {
2
2
  "name": "@toneflix/flipbook-native",
3
- "version": "0.2.0",
4
- "description": "Bind photos into a page-turning album in React Native and Expo: fingertip page turns, prints set into paper, frames and layouts.",
3
+ "version": "0.2.1",
4
+ "description": "An expressive flipbook for creating personalised and interactive reading and photo viewing experiences, for React Native and Expo.",
5
5
  "license": "MIT",
6
+ "homepage": "https://toneflix.github.io/flipbook/frameworks/react-native",
7
+ "bugs": {
8
+ "url": "https://github.com/toneflix/flipbook/issues"
9
+ },
6
10
  "repository": {
7
11
  "type": "git",
8
12
  "url": "https://github.com/toneflix/flipbook",
@@ -25,7 +29,7 @@
25
29
  "assets"
26
30
  ],
27
31
  "dependencies": {
28
- "@toneflix/flipbook-core": "^0.2.0"
32
+ "@toneflix/flipbook-core": "^0.2.1"
29
33
  },
30
34
  "peerDependencies": {
31
35
  "expo-screen-orientation": "*",
package/src/look.tsx CHANGED
@@ -20,7 +20,7 @@ export interface PaperLook {
20
20
  vignette: string
21
21
  }
22
22
 
23
- const fine = { texture: require('../assets/textures/paper-fine@2x.webp'), grain: require('../assets/textures/grain-fine@2x.webp') }
23
+ const fine = { texture: require('../assets/textures/paper-fine.webp'), grain: require('../assets/textures/grain-fine.webp') }
24
24
 
25
25
  const ivory: PaperLook = {
26
26
  background: '#fdf9f0',
@@ -46,9 +46,9 @@ export const PAPERS: Record<PaperColor, PaperLook> = {
46
46
  plateTint: 'rgba(90,70,40,0.03)',
47
47
  plateLow: 'rgba(80,50,20,0.16)',
48
48
  plateHigh: 'rgba(255,245,225,0.35)',
49
- texture: require('../assets/textures/paper-kraft@2x.webp'),
49
+ texture: require('../assets/textures/paper-kraft.webp'),
50
50
  textureOpacity: 0.45,
51
- grain: require('../assets/textures/grain-kraft@2x.webp'),
51
+ grain: require('../assets/textures/grain-kraft.webp'),
52
52
  grainOpacity: 0.35,
53
53
  light: 'rgba(255,255,255,0.18)',
54
54
  vignette: 'rgba(80,50,20,0.12)',
@@ -60,9 +60,9 @@ export const PAPERS: Record<PaperColor, PaperLook> = {
60
60
  plateTint: 'rgba(0,0,0,0.08)',
61
61
  plateLow: 'rgba(0,0,0,0.35)',
62
62
  plateHigh: 'rgba(255,255,255,0.07)',
63
- texture: require('../assets/textures/paper-charcoal@2x.webp'),
63
+ texture: require('../assets/textures/paper-charcoal.webp'),
64
64
  textureOpacity: 0.25,
65
- grain: require('../assets/textures/grain-charcoal@2x.webp'),
65
+ grain: require('../assets/textures/grain-charcoal.webp'),
66
66
  grainOpacity: 0.22,
67
67
  light: 'rgba(255,255,255,0.05)',
68
68
  vignette: 'rgba(0,0,0,0.25)',