-
Notifications
You must be signed in to change notification settings - Fork 25
/
index.js
201 lines (188 loc) · 7.49 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
import { Component } from 'react';
import { Image, NativeModules, Platform } from 'react-native';
import { Configuration } from './configuration';
const { RNPhotoEditorSDK } = NativeModules;
function resolveStaticAsset(assetSource, extractURI = true) {
const resolvedSource = Image.resolveAssetSource(assetSource);
const source = (resolvedSource != null) ? resolvedSource : assetSource;
if (extractURI) {
return (source == null) ? null : ((source.uri != null) ? source.uri : source);
}
return source
}
function getNestedObject(nestedObject, pathArray) {
return pathArray.reduce((obj, key) =>
(obj && obj[key] !== 'undefined') ? obj[key] : undefined, nestedObject);
}
function resolveNestedAsset(nestedObject, pathArray) {
let asset = getNestedObject(nestedObject, pathArray);
// Resolve `asset` if it is a number (opaque type returned by require('./foo.png'))
if (asset && typeof asset === 'number') {
let key = pathArray.pop();
let obj = getNestedObject(nestedObject, pathArray);
obj[key] = resolveStaticAsset(asset);
}
}
function resolveStaticAssets(configuration) {
let videoClipCategories = getNestedObject(configuration, ["composition", "categories"]);
if (videoClipCategories) {
for (let category of videoClipCategories) {
resolveNestedAsset(category, ["thumbnailURI"]);
let videoClips = getNestedObject(category, ["items"]);
if (videoClips) {
for (let videoClip of videoClips) {
resolveNestedAsset(videoClip, ["thumbnailURI"]);
resolveNestedAsset(videoClip, ["videoURI"]);
}
}
}
}
let audioClipCategories = getNestedObject(configuration, ["audio", "categories"]);
if (audioClipCategories) {
for (let category of audioClipCategories) {
resolveNestedAsset(category, ["thumbnailURI"]);
let audioClips = getNestedObject(category, ["items"]);
if (audioClips) {
for (let audioClip of audioClips) {
resolveNestedAsset(audioClip, ["thumbnailURI"]);
resolveNestedAsset(audioClip, ["audioURI"]);
}
}
}
}
let filterCategories = getNestedObject(configuration, ["filter", "categories"]);
if (filterCategories) {
for (let category of filterCategories) {
resolveNestedAsset(category, ["thumbnailURI"]);
let filters = getNestedObject(category, ["items"]);
if (filters) {
for (let filter of filters) {
resolveNestedAsset(filter, ["lutURI"]);
}
}
}
}
let stickerCategories = getNestedObject(configuration, ["sticker", "categories"]);
if (stickerCategories) {
for (let category of stickerCategories) {
resolveNestedAsset(category, ["thumbnailURI"]);
let stickers = getNestedObject(category, ["items"]);
if (stickers) {
for (let sticker of stickers) {
resolveNestedAsset(sticker, ["thumbnailURI"]);
resolveNestedAsset(sticker, ["stickerURI"]);
}
}
}
}
let fonts = getNestedObject(configuration, ["text", "fonts"]);
if (fonts) {
for (let font of fonts) {
resolveNestedAsset(font, ["fontURI"]);
}
}
let overlays = getNestedObject(configuration, ["overlay", "items"]);
if (overlays) {
for (let overlay of overlays) {
resolveNestedAsset(overlay, ["thumbnailURI"]);
resolveNestedAsset(overlay, ["overlayURI"]);
}
}
let frames = getNestedObject(configuration, ["frame", "items"]);
if (frames) {
for (let frame of frames) {
resolveNestedAsset(frame, ["thumbnailURI"]);
resolveNestedAsset(frame, ["imageGroups", "top", "startURI"]);
resolveNestedAsset(frame, ["imageGroups", "top", "midURI"]);
resolveNestedAsset(frame, ["imageGroups", "top", "endURI"]);
resolveNestedAsset(frame, ["imageGroups", "left", "startURI"]);
resolveNestedAsset(frame, ["imageGroups", "left", "midURI"]);
resolveNestedAsset(frame, ["imageGroups", "left", "endURI"]);
resolveNestedAsset(frame, ["imageGroups", "right", "startURI"]);
resolveNestedAsset(frame, ["imageGroups", "right", "midURI"]);
resolveNestedAsset(frame, ["imageGroups", "right", "endURI"]);
resolveNestedAsset(frame, ["imageGroups", "bottom", "startURI"]);
resolveNestedAsset(frame, ["imageGroups", "bottom", "midURI"]);
resolveNestedAsset(frame, ["imageGroups", "bottom", "endURI"]);
}
}
let watermark = getNestedObject(configuration, ["watermark"]);
if (watermark) {
resolveNestedAsset(watermark, ["watermarkURI"]);
}
}
class PESDK {
/**
* Modally present a photo editor.
* @note EXIF meta data is only preserved in the edited image if and only if the source
* image is loaded from a local `file://` resource.
*
* @param {string | {uri: string} | number} image The source of the image to be edited.
* Can be either an URI (local, remote, data resource, or any other registered scheme for the
* React Native image loader), an object with a member `uri`, or an asset reference which can
* be optained by, e.g., `require('./image.png')` as `number`. If this parameter is `null`,
* the `serialization` parameter must not be `null` and it must contain an embedded source image.
* @param {Configuration} configuration The configuration used to initialize the editor.
* @param {object} serialization The serialization used to initialize the editor. This
* restores a previous state of the editor by re-applying all modifications to the loaded
* image.
*
* @return {Promise<PhotoEditorResult | null>} Returns a `PhotoEditorResult` or `null` if the editor
* is dismissed without exporting the edited image.
*/
static openEditor(image = null, configuration = null, serialization = null) {
resolveStaticAssets(configuration)
const source = resolveStaticAsset(image, Platform.OS == 'android');
if (Platform.OS == 'android') {
return RNPhotoEditorSDK.present(source, configuration, serialization != null ? JSON.stringify(serialization) : null);
} else {
return RNPhotoEditorSDK.present(source, configuration, serialization);
}
}
/**
* Unlock PhotoEditor SDK with a license.
*
* @param {string | object} license The license used to unlock the SDK. Can be either an URI
* pointing to a local `file://` resource that contains the license, the license as a string,
* or the license as an object which can be optained by, e.g., `require('./pesdk_license')`
* where the required license files must be named `./pesdk_license.ios.json` for the iOS license
* and `./pesdk_license.android.json` for the Android license file in order to get automatically
* resolved by the packager.
*/
static unlockWithLicense(license) {
if (Platform.OS == 'android') {
return RNPhotoEditorSDK.unlockWithLicense(JSON.stringify(license));
} else {
return RNPhotoEditorSDK.unlockWithLicense(license);
}
}
}
class PhotoEditorModal extends Component {
state = {
visible: false
}
static getDerivedStateFromProps = (props, state) => {
const { image, configuration, serialization, onExport, onCancel, onError } = props;
if (props.visible && !state.visible) {
PESDK.openEditor(image, configuration, serialization).then(result => {
if (result !== null) {
onExport(result);
} else {
if (onCancel) {
onCancel();
}
}
}).catch((error) => {
if (onError) {
onError(error);
}
});
}
return ({ visible: props.visible })
}
render() {
return null;
}
}
export * from './configuration';
export { PESDK, PhotoEditorModal };