← All changes | modules/videopress/js/gutenberg-video-upload.js +219 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,219 @@
	1	+window.videoPressUploadPoster = function ( guid, data ) {
	2	+ return new Promise( function ( resolve, reject ) {
	3	+ wp.media.ajax( 'videopress-get-upload-token', { async: true } ).done( function ( response ) {
	4	+ // Set auth header with upload token.
	5	+ var headers = {},
	6	+ options = {};
	7	+ var body = new FormData();
	8	+ headers.Authorization =
	9	+ 'X_UPLOAD_TOKEN token="' +
	10	+ response.upload_token +
	11	+ '" blog_id="' +
	12	+ response.upload_blog_id +
	13	+ '"';
	14	+ options.headers = headers;
	15	+ options.method = 'POST';
	16	+ options.url = 'https://public-api.wordpress.com/rest/v1.1/videos/' + guid + '/poster';
	17	+
	18	+ // Handle CORS.
	19	+ options.credentials = 'omit';
	20	+
	21	+ Object.keys( data ).forEach( key => {
	22	+ body.append( key, data[ key ] );
	23	+ } );
	24	+
	25	+ options.body = body;
	26	+
	27	+ wp.apiFetch( options )
	28	+ .then( function ( res ) {
	29	+ resolve( res );
	30	+ } )
	31	+ .catch( function ( error ) {
	32	+ reject( error );
	33	+ } );
	34	+ } );
	35	+ } );
	36	+};
	37	+
	38	+window.videoPressGetPoster = function ( guid ) {
	39	+ const getPosterRequest = ( resolve, reject, jwt = null ) => {
	40	+ let url = 'https://public-api.wordpress.com/rest/v1.1/videos/' + guid + '/poster';
	41	+ if ( jwt && jwt.length ) {
	42	+ url += '?metadata_token=' + jwt;
	43	+ }
	44	+
	45	+ wp.apiFetch( {
	46	+ url: url,
	47	+ method: 'GET',
	48	+ credentials: 'omit',
	49	+ } )
	50	+ .then( function ( res ) {
	51	+ resolve( res );
	52	+ } )
	53	+ .catch( function ( error ) {
	54	+ reject( error );
	55	+ } );
	56	+ };
	57	+
	58	+ return new Promise( function ( resolve, reject ) {
	59	+ wp.ajax
	60	+ .post( 'videopress-get-playback-jwt', {
	61	+ async: true,
	62	+ guid: guid,
	63	+ } )
	64	+ .done( function ( response ) {
	65	+ getPosterRequest( resolve, reject, response.jwt );
	66	+ } )
	67	+ .fail( () => {
	68	+ // Also try on ajax failure if the video doesn't need a jwt anyway
	69	+ getPosterRequest( resolve, reject );
	70	+ } );
	71	+ } );
	72	+};
	73	+
	74	+window.videoPressUploadTrack = function ( guid, kind, srcLang, label, tmpFile ) {
	75	+ return new Promise( function ( resolve, reject ) {
	76	+ wp.media
	77	+ .ajax( 'videopress-get-upload-token', { async: true, data: { filename: tmpFile.name } } ) // todo: maybe remove filename from here (not needed)
	78	+ .done( function ( response ) {
	79	+ // Set auth header with upload token.
	80	+ var headers = {},
	81	+ options = {};
	82	+ var body = new FormData();
	83	+ headers.Authorization =
	84	+ 'X_UPLOAD_TOKEN token="' +
	85	+ response.upload_token +
	86	+ '" blog_id="' +
	87	+ response.upload_blog_id +
	88	+ '"';
	89	+ options.headers = headers;
	90	+ options.method = 'POST';
	91	+ options.url = 'https://public-api.wordpress.com/rest/v1.1/videos/' + guid + '/tracks';
	92	+
	93	+ // Handle CORS.
	94	+ options.credentials = 'omit';
	95	+
	96	+ body.append( 'kind', kind );
	97	+ body.append( 'srclang', srcLang );
	98	+ body.append( 'label', label );
	99	+ body.append( 'vtt', tmpFile );
	100	+
	101	+ options.body = body;
	102	+
	103	+ wp.apiFetch( options )
	104	+ .then( function ( res ) {
	105	+ resolve( res );
	106	+ } )
	107	+ .catch( function ( error ) {
	108	+ reject( error );
	109	+ } );
	110	+ } );
	111	+ } );
	112	+};
	113	+
	114	+window.videoPressDeleteTrack = function ( guid, kind, srcLang ) {
	115	+ return new Promise( function ( resolve, reject ) {
	116	+ wp.media.ajax( 'videopress-get-upload-token', { async: true } ).done( function ( response ) {
	117	+ // Set auth header with upload token.
	118	+ var headers = {},
	119	+ options = {};
	120	+ var body = new FormData();
	121	+ headers.Authorization =
	122	+ 'X_UPLOAD_TOKEN token="' +
	123	+ response.upload_token +
	124	+ '" blog_id="' +
	125	+ response.upload_blog_id +
	126	+ '"';
	127	+ options.headers = headers;
	128	+ options.method = 'POST';
	129	+ options.url = 'https://public-api.wordpress.com/rest/v1.1/videos/' + guid + '/tracks/delete';
	130	+
	131	+ // Handle CORS.
	132	+ options.credentials = 'omit';
	133	+
	134	+ body.append( 'kind', kind );
	135	+ body.append( 'srclang', srcLang );
	136	+ options.body = body;
	137	+
	138	+ wp.apiFetch( options )
	139	+ .then( function ( res ) {
	140	+ resolve( res );
	141	+ } )
	142	+ .catch( function ( error ) {
	143	+ reject( error );
	144	+ } );
	145	+ } );
	146	+ } );
	147	+};
	148	+
	149	+wp.apiFetch.use( function ( options, next ) {
	150	+ var path = options.path;
	151	+ var method = options.method;
	152	+ var body = options.body;
	153	+
	154	+ // Override only requests to the WP REST API media endpoint uploading new videos.
	155	+ if ( ! path || path.indexOf( '/wp/v2/media' ) === -1 ) {
	156	+ return next( options );
	157	+ }
	158	+ if ( ! method || 'post' !== method.toLowerCase() ) {
	159	+ return next( options );
	160	+ }
	161	+ var file = body ? body.get( 'file' ) : null;
	162	+ if ( ! file || file.type.indexOf( 'video/' ) !== 0 ) {
	163	+ return next( options );
	164	+ }
	165	+
	166	+ // Get upload token.
	167	+ wp.media
	168	+ .ajax( 'videopress-get-upload-token', { async: false, data: { filename: file.name } } )
	169	+ .done( function ( response ) {
	170	+ // Set auth header with upload token.
	171	+ var headers = options.headers || {};
	172	+ headers.Authorization =
	173	+ 'X_UPLOAD_TOKEN token="' +
	174	+ response.upload_token +
	175	+ '" blog_id="' +
	176	+ response.upload_blog_id +
	177	+ '"';
	178	+ options.headers = headers;
	179	+
	180	+ // Replace upload URL.
	181	+ delete options.path;
	182	+ options.url = response.upload_action_url;
	183	+
	184	+ // Handle CORS.
	185	+ options.credentials = 'omit';
	186	+
	187	+ // Set data in expected param by WP.com media endpoint.
	188	+ body.set( 'media[]', file );
	189	+ body.delete( 'file' );
	190	+ options.body = body;
	191	+ } );
	192	+
	193	+ var result = next( options );
	194	+
	195	+ return new Promise( function ( resolve, reject ) {
	196	+ result
	197	+ .then( function ( response ) {
	198	+ if ( response instanceof Response && response.ok ) {
	199	+ return response.json();
	200	+ }
	201	+
	202	+ return response; // if not a response object, then its our parsed body so return that
	203	+ } )
	204	+ .then( function ( data ) {
	205	+ var wpcomMediaObject = data?.media?.[ 0 ];
	206	+ var id = wpcomMediaObject?.ID;
	207	+ var gutenbergMediaObject = wp.apiFetch( {
	208	+ path: '/wp/v2/media/' + id,
	209	+ } );
	210	+ resolve( gutenbergMediaObject );
	211	+ } )
	212	+ .catch( function ( error ) {
	213	+ if ( 'errors' in error && 'object' === typeof error.errors && error.errors.length > 0 ) {
	214	+ error = error.errors.shift();
	215	+ }
	216	+ reject( error );
	217	+ } );
	218	+ } );
	219	+} );