Gutenberg: Load Jetpack block translations in Calypso synchronously

Author: tyxla

Diff for: client/gutenberg/editor/controller.js

@@ -1,13 +1,19 @@
 /** @format */
+
 /**
  * External dependencies
  */
 import React from 'react';
+import debug from 'debug';
+import request from 'superagent';
+import { isEnabled } from 'config';
 import { has, uniqueId } from 'lodash';
+import { setLocaleData } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
  */
+import getCurrentLocaleSlug from 'state/selectors/get-current-locale-slug';
 import { getCurrentUserId } from 'state/current-user/selectors';
 import { getSelectedSiteId, getSelectedSiteSlug } from 'state/ui/selectors';
 import { EDITOR_START } from 'state/action-types';
@@ -34,6 +40,30 @@ function getPostID( context ) {
 	return parseInt( context.params.post, 10 );
 }
 
+export const jetpackBlocki18n = ( context, next ) => {
+	if ( ! isEnabled( 'gutenberg/block/jetpack-preset' ) ) {
+		return next();
+	}
+
+	const state = context.store.getState();
+	const localeSlug = getCurrentLocaleSlug( state );
+	const languageFileUrl =
+		'https://widgets.wp.com/languages/jetpack-gutenberg-blocks/' + localeSlug + '.json';
+
+	request.get( languageFileUrl ).end( ( error, response ) => {
+		if ( error ) {
+			debug(
+				'Encountered an error loading locale file for ' + localeSlug + '. Falling back to English.'
+			);
+			return next();
+		}
+
+		setLocaleData( response.body, 'jetpack' );
+
+		next();
+	} );
+};
+
 export const post = ( context, next ) => {
 	//see post-editor/controller.js for reference
 

Diff for: client/gutenberg/editor/index.js

@@ -8,7 +8,7 @@ import page from 'page';
  * Internal dependencies
  */
 import { siteSelection, sites } from 'my-sites/controller';
-import { post } from './controller';
+import { jetpackBlocki18n, post } from './controller';
 import config from 'config';
 import { makeLayout, render as clientRender } from 'controller';
 
@@ -17,18 +17,33 @@ export default function() {
 		page( '/gutenberg', '/gutenberg/post' );
 
 		page( '/gutenberg/post', siteSelection, sites, makeLayout, clientRender );
-		page( '/gutenberg/post/:site/:post?', siteSelection, post, makeLayout, clientRender );
+		page(
+			'/gutenberg/post/:site/:post?',
+			siteSelection,
+			jetpackBlocki18n,
+			post,
+			makeLayout,
+			clientRender
+		);
 		page( '/gutenberg/post/:site?', siteSelection, makeLayout, clientRender );
 
 		page( '/gutenberg/page', siteSelection, sites, makeLayout, clientRender );
-		page( '/gutenberg/page/:site/:post?', siteSelection, post, makeLayout, clientRender );
+		page(
+			'/gutenberg/page/:site/:post?',
+			siteSelection,
+			jetpackBlocki18n,
+			post,
+			makeLayout,
+			clientRender
+		);
 		page( '/gutenberg/page/:site?', siteSelection, makeLayout, clientRender );
 
 		if ( config.isEnabled( 'manage/custom-post-types' ) ) {
 			page( '/gutenberg/edit/:customPostType', siteSelection, sites, makeLayout, clientRender );
 			page(
 				'/gutenberg/edit/:customPostType/:site/:post?',
 				siteSelection,
+				jetpackBlocki18n,
 				post,
 				makeLayout,
 				clientRender