@tivio/sdk-react 2.3.4 → 2.4.2-alpha
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 +160 -45
- package/dist/components/PlayerProvider.d.ts +8 -2
- package/dist/components/TivioProvider.d.ts +1 -1
- package/dist/components/hooks/index.d.ts +6 -0
- package/dist/components/hooks/useCancelSubscription.d.ts +2 -0
- package/dist/components/hooks/useLastVideoByWidgetId.d.ts +2 -0
- package/dist/components/hooks/useOverlay.d.ts +13 -0
- package/dist/components/hooks/usePurchaseSubscription.d.ts +2 -1
- package/dist/components/hooks/useSearch.d.ts +8 -0
- package/dist/components/hooks/useTransactionPayment.d.ts +8 -1
- package/dist/components/hooks/useVoucher.d.ts +12 -0
- package/dist/components/hooks/useWatchWithoutAds.d.ts +5 -0
- package/dist/config.d.ts +2 -2
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -1
- package/dist/services/bundleLoader.d.ts +3 -0
- package/dist/services/bundlePromise.d.ts +2 -0
- package/dist/services/localFetch/coreReactDomDist.d.ts +1 -0
- package/dist/services/localFetch/none.d.ts +1 -0
- package/dist/types/bundle.types.d.ts +46 -31
- package/dist/types/customPlayer.types.d.ts +156 -23
- package/dist/types/types.d.ts +5 -5
- package/doc/changelog.md +0 -0
- package/package.json +14 -14
@@ -3,6 +3,9 @@
|
|
3
3
|
* nangu.TV, a.s PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.
|
4
4
|
*/
|
5
5
|
import { InternalConfig, RemoteBundleState, TivioBundle } from 'src/types/bundle.types';
|
6
|
+
/**
|
7
|
+
* @throws if fetch fails
|
8
|
+
*/
|
6
9
|
declare const fetchBundle: (secret: string, conf: InternalConfig) => Promise<string>;
|
7
10
|
/**
|
8
11
|
* Fetch & load CommonJS remote module.
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const loadBundleFromDist: () => import("../../types/bundle.types").TivioBundle;
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const loadBundleFromDist: () => void;
|
@@ -1,33 +1,46 @@
|
|
1
|
-
import { SubscribeToTaggedVideos } from '@tivio/common';
|
1
|
+
import { Currency, SubscribeToTaggedVideos, UseCancelSubscription } from '@tivio/common';
|
2
2
|
import { ComponentType } from 'react';
|
3
3
|
import { Logger } from '../services/logger';
|
4
4
|
import { FetchPackage } from '../services/packageLoader';
|
5
5
|
import { Disposer, Empty, Nullable } from './common';
|
6
6
|
import { Channel, Language, RemoteProviderProps, Section, TivioSources, TivioWidgetProps, UserData, WebPlayerProps, Widget } from './types';
|
7
7
|
import type { AdSource, PlayerWrapper } from './customPlayer.types';
|
8
|
-
import type { Monetization, QerkoPaymentInfo, Screen, SubscribeToItemsInRow, SubscribeToRowsInScreen, SubscribeToScreen, TvAppProps,
|
8
|
+
import type { Monetization, Purchase, QerkoPaymentInfo, Screen, SubscribeToItemsInRow, SubscribeToRowsInScreen, SubscribeToScreen, TvAppProps, User, UseSearch, Video } from '@tivio/common';
|
9
9
|
import type React from 'react';
|
10
10
|
declare type Settings = {
|
11
11
|
onSetUser: (handler: (userId: string, userPayload: unknown) => void) => void;
|
12
12
|
setUser: (userId: string, userPayload: unknown) => void;
|
13
13
|
};
|
14
|
+
interface PlayerCapability {
|
15
|
+
codec: 'h264' | 'h265';
|
16
|
+
encryption: 'fairplay' | 'none' | 'playready' | 'widevine';
|
17
|
+
protocol: 'dash' | 'hls';
|
18
|
+
}
|
14
19
|
declare type InternalConfig = {
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
resolverUrl: string;
|
20
|
+
/**
|
21
|
+
* @private URL of remote code bundle to be fetched directly (without using resolver)
|
22
|
+
*/
|
19
23
|
bundleUrlOverride?: string;
|
24
|
+
currency: Currency;
|
25
|
+
deviceCapabilities: PlayerCapability[];
|
20
26
|
disableUnmounting?: boolean;
|
21
|
-
|
22
|
-
|
23
|
-
pubSub: PubSub;
|
24
|
-
LoaderComponent?: ComponentType;
|
27
|
+
enable?: boolean;
|
28
|
+
enableSentry?: boolean;
|
25
29
|
ErrorComponent?: ComponentType<{
|
26
30
|
error: string | null;
|
27
31
|
}>;
|
32
|
+
fetchPackage: FetchPackage;
|
28
33
|
language?: string;
|
34
|
+
LoaderComponent?: ComponentType;
|
35
|
+
logger?: Logger | null;
|
36
|
+
pubSub: PubSub;
|
37
|
+
/**
|
38
|
+
* @private URL of resolver. Resolver is a script used to fetch remove code bundle
|
39
|
+
*/
|
40
|
+
resolverUrl: string;
|
29
41
|
sdkVersion: string;
|
30
|
-
|
42
|
+
secret: string | null;
|
43
|
+
verbose?: boolean;
|
31
44
|
};
|
32
45
|
declare type Events = {
|
33
46
|
'on-ready': RemoteBundleState;
|
@@ -37,7 +50,9 @@ interface PubSub {
|
|
37
50
|
publish: <K extends keyof Events>(triggerName: K, payload: Events[K]) => Empty;
|
38
51
|
subscribe: <K extends keyof Events>(triggerName: K, onMessage: (data: Events[K]) => Empty) => Disposer;
|
39
52
|
}
|
40
|
-
declare type Config = Pick<InternalConfig, '
|
53
|
+
declare type Config = Pick<InternalConfig, 'bundleUrlOverride' | 'currency' | 'disableUnmounting' | 'enable' | 'enableSentry' | 'ErrorComponent' | 'language' | 'LoaderComponent' | 'logger' | 'secret' | 'verbose'> & {
|
54
|
+
deviceCapabilities: PlayerCapability[] | 'auto';
|
55
|
+
};
|
41
56
|
declare type TivioSubscriptions = {
|
42
57
|
subscribeToUser: (cb: (error: string | null, user: User | null) => void) => void;
|
43
58
|
/**
|
@@ -98,6 +113,10 @@ declare type TivioSubscriptions = {
|
|
98
113
|
subscribeToItemsInRow: SubscribeToItemsInRow;
|
99
114
|
subscribeToRowsInScreen: SubscribeToRowsInScreen;
|
100
115
|
subscribeToTaggedVideos: SubscribeToTaggedVideos;
|
116
|
+
registerOverlayCallbacks: (callbacks: {
|
117
|
+
onShow: () => void;
|
118
|
+
onHide: () => void;
|
119
|
+
}) => void;
|
101
120
|
};
|
102
121
|
declare type TivioGetters = {
|
103
122
|
isTivioLoaded: (cb: (isLoaded: boolean) => void) => boolean;
|
@@ -136,22 +155,6 @@ declare type TivioGetters = {
|
|
136
155
|
* @returns {Promise<Widget | null>} widget or null if widget does not exists
|
137
156
|
*/
|
138
157
|
getWidgetById: (widgetId: string) => Promise<Widget | null>;
|
139
|
-
/**
|
140
|
-
* Search channels by its name.
|
141
|
-
* Returns array of channels.
|
142
|
-
* @param query - channel name query
|
143
|
-
* @param limit - max count of returned channels
|
144
|
-
* @returns {Promise<Channel[] | null>} channels array
|
145
|
-
*/
|
146
|
-
searchChannels: (query: string, limit?: number) => Promise<Channel[]>;
|
147
|
-
/**
|
148
|
-
* Search videos by its name.
|
149
|
-
* Returns array of videos. Video section will be always null
|
150
|
-
* @param query - video name query
|
151
|
-
* @param limit - max count of returned videos
|
152
|
-
* @returns {Promise<Video[] | null>} videos array
|
153
|
-
*/
|
154
|
-
searchVideos: (query: string, limit?: number) => Promise<Video[]>;
|
155
158
|
};
|
156
159
|
interface TivioAuth {
|
157
160
|
changePassword: (newPassword: string) => Promise<void>;
|
@@ -178,6 +181,7 @@ declare type TivioComponents = {
|
|
178
181
|
Markers: React.ReactNode;
|
179
182
|
PlayerDataContext: React.ReactNode;
|
180
183
|
Provider: React.ComponentType<RemoteProviderProps>;
|
184
|
+
Recommendation: React.ReactNode;
|
181
185
|
SkipButtonWeb: React.ReactNode;
|
182
186
|
VideoAdBanner: React.ReactNode;
|
183
187
|
WebPlayer: React.ComponentType<WebPlayerProps>;
|
@@ -197,6 +201,10 @@ declare type TivioComponents = {
|
|
197
201
|
};
|
198
202
|
declare type TivioHooks = {
|
199
203
|
useAd: () => [(AdSource | null)];
|
204
|
+
useCancelSubscription: UseCancelSubscription;
|
205
|
+
useSearch: UseSearch;
|
206
|
+
useVoucher: (voucherId: string) => any;
|
207
|
+
useLastVideoByWidgetId: (widgetId: string) => Video | null;
|
200
208
|
};
|
201
209
|
declare type TivioBundle = {
|
202
210
|
components: TivioComponents;
|
@@ -204,17 +212,24 @@ declare type TivioBundle = {
|
|
204
212
|
auth: TivioAuth;
|
205
213
|
hooks: TivioHooks;
|
206
214
|
init: (config: Config) => void | Promise<void>;
|
207
|
-
purchaseVideoWithQerko: (videoId: string, monetizationId: string
|
208
|
-
|
215
|
+
purchaseVideoWithQerko: (videoId: string, monetizationId: string, voucher?: {
|
216
|
+
expirationDate: Date;
|
217
|
+
}) => Promise<QerkoPaymentInfo>;
|
218
|
+
purchaseSubscriptionWithQerko: (monetizationId: string, voucher?: {
|
219
|
+
expirationDate: Date;
|
220
|
+
}) => Promise<QerkoPaymentInfo>;
|
209
221
|
setLanguage: (language: Language) => void;
|
210
222
|
setUser: (userId: string, userPayload?: unknown) => void;
|
211
223
|
sources: TivioSources;
|
212
224
|
subscriptions: TivioSubscriptions;
|
213
225
|
};
|
226
|
+
declare type TivioBundleFile = {
|
227
|
+
Tivio: TivioBundle;
|
228
|
+
};
|
214
229
|
declare type RemoteBundleState = {
|
215
230
|
config: InternalConfig;
|
216
231
|
error: string | null;
|
217
232
|
settings: Settings;
|
218
233
|
state: 'loading' | 'error' | 'ready';
|
219
234
|
} & Nullable<TivioBundle>;
|
220
|
-
export type { RemoteBundleState, Config, Settings, InternalConfig, TivioBundle, TivioHooks, TivioComponents, TivioAuth, TivioGetters, TivioSubscriptions, Events, PubSub, };
|
235
|
+
export type { RemoteBundleState, Config, Settings, InternalConfig, TivioBundle, TivioBundleFile, TivioHooks, TivioComponents, TivioAuth, TivioGetters, TivioSubscriptions, Events, PubSub, PlayerCapability, Currency, };
|
@@ -1,38 +1,171 @@
|
|
1
1
|
import { Empty } from './common';
|
2
|
-
export
|
2
|
+
export declare type ChannelSource = {
|
3
|
+
new (uri: string, originalOptions: Record<string, any>, channelName: string, programName: string, programDescription: string, from: Date, to: Date): ChannelSource;
|
3
4
|
description: string;
|
4
5
|
name: string;
|
5
6
|
uri: string;
|
6
|
-
type: 'AD' | 'VOD' | 'CHANNEL';
|
7
|
-
}
|
8
|
-
export interface ChannelSource extends BasicSource {
|
9
7
|
from: Date;
|
10
8
|
channelName: string;
|
11
9
|
to: Date;
|
12
|
-
type: '
|
13
|
-
|
14
|
-
|
10
|
+
type: 'channel';
|
11
|
+
watchWithoutAdsRecommendation: {
|
12
|
+
purchase: () => void;
|
13
|
+
} | null;
|
14
|
+
};
|
15
|
+
export declare type AdSource = {
|
16
|
+
new (uri: string, name: string, description: string, skipDelayMs: number | null, adDurationMs: number, trackingContext?: any, // internal Tivio types
|
17
|
+
adMarker?: any, // internal Tivio types
|
18
|
+
packInfo?: any, // internal Tivio types
|
19
|
+
provider?: any): AdSource;
|
20
|
+
description: string;
|
21
|
+
name: string;
|
22
|
+
uri: string;
|
15
23
|
durationMs: number;
|
16
24
|
skipDelayMs: number | null;
|
17
|
-
type: '
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
25
|
+
type: 'ad';
|
26
|
+
/**
|
27
|
+
* true if is skippable and skip countdown has passed
|
28
|
+
*/
|
29
|
+
canSkip: boolean;
|
30
|
+
/**
|
31
|
+
* true ad if is skippable after some skipDelayMs (if it is skippable, skipDelayMs is defined)
|
32
|
+
*/
|
33
|
+
isSkippable: boolean;
|
34
|
+
/**
|
35
|
+
* Skip ad. Only works when canSkip is true
|
36
|
+
*/
|
37
|
+
skip: () => void;
|
38
|
+
/**
|
39
|
+
* Order in ad break (ad break is a group of ads played right after each other)
|
40
|
+
*/
|
41
|
+
order: number;
|
42
|
+
/**
|
43
|
+
* Total number of ads in ad break (ad break is a group of ads played right after each other)
|
44
|
+
*/
|
45
|
+
totalCount: number;
|
46
|
+
secondsToEnd: number;
|
47
|
+
secondsToSkippable: number | null;
|
31
48
|
};
|
49
|
+
export declare type VodTivioSource = {
|
50
|
+
new (uri: string, videoId: string, name: string, description: string, adMonetizationId?: string): VodTivioSource;
|
51
|
+
type: 'vod_tivio';
|
52
|
+
description: string;
|
53
|
+
name: string;
|
54
|
+
uri: string;
|
55
|
+
};
|
56
|
+
export declare type VodExternalSource = {
|
57
|
+
new (uri: string, monetizationId: string, name: string, description: string, originalOptions: Record<string, any>): VodTivioSource;
|
58
|
+
type: 'vod_external';
|
59
|
+
description: string;
|
60
|
+
name: string;
|
61
|
+
uri: string;
|
62
|
+
};
|
63
|
+
export declare type InputSource = AdSource | ChannelSource | VodTivioSource | VodExternalSource;
|
64
|
+
declare type PlayerState = 'playing' | 'paused' | 'idle';
|
65
|
+
export interface PlayerInterface {
|
66
|
+
pause: () => void;
|
67
|
+
/**
|
68
|
+
* unpause
|
69
|
+
*/
|
70
|
+
play: () => void;
|
71
|
+
/**
|
72
|
+
* @param {number} ms - milliseconds relative to start of video (relative to 0 ms)
|
73
|
+
* or in case of TV programs relative to start of the program (relative to source.from ms)
|
74
|
+
*/
|
75
|
+
seekTo: (ms: number) => void;
|
76
|
+
/**
|
77
|
+
* Source to be passed to player.
|
78
|
+
*
|
79
|
+
* Depending on autoplay settings it should either start playing
|
80
|
+
* immediately or just be loaded by player and stay paused.
|
81
|
+
*/
|
82
|
+
setSource: (source: InputSource | null) => void;
|
83
|
+
/**
|
84
|
+
* volume in [0,1]
|
85
|
+
*/
|
86
|
+
setVolume?: (volume: number) => void;
|
87
|
+
mute?: () => void;
|
88
|
+
/**
|
89
|
+
* restore volume to previous value
|
90
|
+
*/
|
91
|
+
unmute?: () => void;
|
92
|
+
}
|
32
93
|
export declare type PlayerWrapper = {
|
94
|
+
/**
|
95
|
+
* Report that playback of video has finished
|
96
|
+
*/
|
97
|
+
onPlaybackEnded: () => void;
|
98
|
+
/**
|
99
|
+
* Report video progress in milliseconds
|
100
|
+
*/
|
101
|
+
onTimeChanged: (ms: number) => void;
|
102
|
+
/**
|
103
|
+
* Report that video state changed
|
104
|
+
*/
|
105
|
+
onStateChanged: (state: PlayerState) => void;
|
106
|
+
/**
|
107
|
+
* Send source to Tivio
|
108
|
+
*/
|
109
|
+
onSourceChanged: (source: InputSource | null) => void;
|
110
|
+
/**
|
111
|
+
* Report that video failed to load (never started playing)
|
112
|
+
*/
|
113
|
+
onLoadError: (error: Error) => void;
|
114
|
+
/**
|
115
|
+
* Report that video failed during playback (successfully loaded and then failed, e.g. part of stream is invalid)
|
116
|
+
*/
|
117
|
+
onError: (error: Error) => void;
|
118
|
+
/**
|
119
|
+
* Unpause video
|
120
|
+
*/
|
121
|
+
play: () => void;
|
122
|
+
/**
|
123
|
+
* Pause video
|
124
|
+
*/
|
125
|
+
pause: () => void;
|
126
|
+
/**
|
127
|
+
* Currently playing source
|
128
|
+
*/
|
129
|
+
source: InputSource | null;
|
33
130
|
events: {
|
34
|
-
|
35
|
-
|
131
|
+
isSupported: (even: string) => boolean;
|
132
|
+
addListener: <T = any>(event: string, cb: (value: T) => Empty) => void;
|
133
|
+
removeListener: <T = any>(event: string, cb: (value: T) => Empty) => void;
|
134
|
+
removeAllListeners: () => void;
|
36
135
|
};
|
136
|
+
/**
|
137
|
+
* Register a low level player that implements player methods, like play video, change volume, etc.
|
138
|
+
*/
|
139
|
+
register: (playerInterface: PlayerInterface) => void;
|
140
|
+
/**
|
141
|
+
* duration of current source in ms (both setter and getter)
|
142
|
+
*/
|
143
|
+
durationMs: number | null;
|
144
|
+
isPlaybackStarted: boolean;
|
145
|
+
isPaused: boolean;
|
146
|
+
isPlaying: boolean;
|
147
|
+
isIdle: boolean;
|
148
|
+
error: Error | null;
|
149
|
+
/**
|
150
|
+
* Replay the video that finished playback
|
151
|
+
*/
|
152
|
+
replay: () => void;
|
153
|
+
/**
|
154
|
+
* Retry to play a video that failed to start playing (e.g. due to a network error)
|
155
|
+
*/
|
156
|
+
retry: () => void;
|
157
|
+
togglePlayPause: () => void;
|
158
|
+
seekTo: (ms: number) => void;
|
159
|
+
/**
|
160
|
+
* set volume to value between 0,1
|
161
|
+
*/
|
162
|
+
setVolume: (volume: number) => void;
|
163
|
+
/**
|
164
|
+
* change volume by value between -1,1
|
165
|
+
*/
|
166
|
+
changeVolumeBy: (volume: number) => void;
|
167
|
+
setMuted: (muted: boolean) => void;
|
168
|
+
toggleMuted: () => void;
|
37
169
|
};
|
38
170
|
export declare type UsePlayerEvent = <T = any>(eventName: string) => T | null;
|
171
|
+
export {};
|
package/dist/types/types.d.ts
CHANGED
@@ -51,7 +51,7 @@ declare type Section = {
|
|
51
51
|
channel: Channel;
|
52
52
|
videos: Video[];
|
53
53
|
};
|
54
|
-
declare type Chapter =
|
54
|
+
declare type Chapter = any;
|
55
55
|
declare type Purchase = {
|
56
56
|
isPurchased: boolean;
|
57
57
|
monetizationId: string;
|
@@ -102,7 +102,7 @@ export interface TivioWidgetRef {
|
|
102
102
|
x: number;
|
103
103
|
});
|
104
104
|
}
|
105
|
-
interface
|
105
|
+
interface VodTivioSourcePojo {
|
106
106
|
type: 'VodTivioSource';
|
107
107
|
description: string;
|
108
108
|
path: string;
|
@@ -111,7 +111,7 @@ interface VodTivioSource {
|
|
111
111
|
poster?: string;
|
112
112
|
adMonetizationId?: string;
|
113
113
|
}
|
114
|
-
interface
|
114
|
+
interface ChannelSourcePojo {
|
115
115
|
type: 'ChannelSource';
|
116
116
|
uri: string;
|
117
117
|
originalOptions: any;
|
@@ -125,7 +125,7 @@ interface ChannelSource {
|
|
125
125
|
declare type VideoPath = string;
|
126
126
|
interface WebPlayerProps {
|
127
127
|
id: string;
|
128
|
-
source?:
|
128
|
+
source?: VodTivioSourcePojo | ChannelSourcePojo | VideoPath | null;
|
129
129
|
onEnded?: () => any;
|
130
130
|
className?: string;
|
131
131
|
/**
|
@@ -173,4 +173,4 @@ declare type TivioSources = {
|
|
173
173
|
VodExternalSource: any;
|
174
174
|
VodTivioSource: any;
|
175
175
|
};
|
176
|
-
export type { RemoteProviderProps, WebPlayerProps, Marker, BetOffer, Purchase, Chapter, Language, Widget, Channel, Section, Video, TivioSources, UserData, User, Monetization,
|
176
|
+
export type { RemoteProviderProps, WebPlayerProps, Marker, BetOffer, Purchase, Chapter, Language, Widget, Channel, Section, Video, TivioSources, UserData, User, Monetization, VodTivioSourcePojo, ChannelSourcePojo, };
|
package/doc/changelog.md
ADDED
File without changes
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@tivio/sdk-react",
|
3
|
-
"version": "2.
|
3
|
+
"version": "2.4.2-alpha",
|
4
4
|
"main": "dist/index.js",
|
5
5
|
"typings": "dist/index.d.ts",
|
6
6
|
"source": "src/index.ts",
|
@@ -11,52 +11,47 @@
|
|
11
11
|
"scripts": {
|
12
12
|
"build": "bash ./scripts/build_prod.sh",
|
13
13
|
"build:dev": "bash ./scripts/build_dev.sh",
|
14
|
-
"start": "
|
14
|
+
"start": "yarn ts-node ./scripts/start.ts",
|
15
15
|
"test": "jest --config=./jest.config.js --coverage",
|
16
16
|
"clean": "rm -rf dist",
|
17
|
-
"prepublishOnly": "yarn && yarn ts-node ./scripts/prepublish.ts
|
17
|
+
"prepublishOnly": "yarn && yarn run build && yarn ts-node ./scripts/prepublish.ts",
|
18
18
|
"postpublish": "yarn ts-node ./scripts/postpublish.ts",
|
19
19
|
"publish:alpha": "npm publish --tag alpha",
|
20
20
|
"check:cycles ": "npx madge --circular src/**/*"
|
21
21
|
},
|
22
22
|
"peerDependencies": {
|
23
|
-
"react": "^17.0.
|
24
|
-
"react-dom": "^17.0.
|
23
|
+
"react": "^17.0.0",
|
24
|
+
"react-dom": "^17.0.0"
|
25
25
|
},
|
26
26
|
"dependencies": {
|
27
27
|
"@material-ui/core": "^4.11.2",
|
28
28
|
"@material-ui/icons": "^4.11.2",
|
29
29
|
"@sentry/browser": "^6.1.0",
|
30
|
-
"@tivio/common": "1.1.
|
30
|
+
"@tivio/common": "1.1.68",
|
31
31
|
"firebase": "^8.2.3",
|
32
32
|
"formik": "^2.2.7",
|
33
33
|
"i18next": "^19.8.4",
|
34
34
|
"mobx-react": "^7.1.0",
|
35
35
|
"mobx": "^6.0.4",
|
36
|
-
"react-dom": "^17.0.2",
|
37
36
|
"react-i18next": "^9.0.10",
|
38
37
|
"react-router-dom": "^5.2.0",
|
39
|
-
"react-scripts": "4.0.3",
|
40
38
|
"react-spring": "^9.2.4",
|
41
39
|
"react-virtualized": "^9.22.3",
|
42
|
-
"react": "^17.0.2",
|
43
40
|
"styled-components": "^5.2.1",
|
44
41
|
"yup": "^0.32.9"
|
45
42
|
},
|
46
43
|
"devDependencies": {
|
47
|
-
"web-vitals": "^1.0.1",
|
48
|
-
"madge": "^5.0.1",
|
49
|
-
"@testing-library/user-event": "^12.1.10",
|
50
44
|
"@testing-library/jest-dom": "^5.11.9",
|
51
45
|
"@testing-library/react": "^11.2.3",
|
52
46
|
"@testing-library/react-hooks": "^5.0.3",
|
47
|
+
"@testing-library/user-event": "^12.1.10",
|
53
48
|
"@types/jest": "^26.0.15",
|
54
49
|
"@types/node": "^12.0.0",
|
50
|
+
"@types/node-fetch": "^2.5.8",
|
55
51
|
"@types/react": "^17.0.0",
|
56
52
|
"@types/react-dom": "^17.0.0",
|
57
53
|
"@types/react-router-dom": "^5.1.6",
|
58
54
|
"@types/react-virtualized": "^9.21.13",
|
59
|
-
"@types/node-fetch": "^2.5.8",
|
60
55
|
"@types/styled-components": "^5.1.7",
|
61
56
|
"@typescript-eslint/eslint-plugin": "^4.14.0",
|
62
57
|
"@typescript-eslint/parser": "^4.14.2",
|
@@ -65,13 +60,18 @@
|
|
65
60
|
"jest": "^27.0.1",
|
66
61
|
"jest-cli": "^26.6.3",
|
67
62
|
"jest-fetch-mock": "^3.0.3",
|
63
|
+
"madge": "^5.0.1",
|
68
64
|
"node-fetch": "^2.6.1",
|
65
|
+
"react": "^17.0.2",
|
66
|
+
"react-dom": "^17.0.2",
|
69
67
|
"stream-browserify": "^3.0.0",
|
70
68
|
"timers-browserify": "^2.0.12",
|
71
69
|
"ts-jest": "^26.4.4",
|
72
70
|
"typescript": "^4.1.3",
|
71
|
+
"web-vitals": "^1.0.1",
|
73
72
|
"webpack": "^5.15.0",
|
74
73
|
"webpack-cli": "^4.4.0",
|
75
|
-
"webpack-merge": "^5.7.3"
|
74
|
+
"webpack-merge": "^5.7.3",
|
75
|
+
"yargs": "17"
|
76
76
|
}
|
77
77
|
}
|