Produce Hermes bytecode and use it on Android

RELEASE-NOTES.txt

@@ -13,6 +13,7 @@
 ------
 * New block: Latest Posts
 * Fix Quote block's left border not being visible in Dark Mode
+* [Android] Faster loading of editor
 * Added Starter Page Templates: when you create a new page, we now show you a few templates to get started more quickly.
 * Fix crash when pasting HTML content with embeded images on paragraphs
 

package.json

@@ -72,8 +72,9 @@
     "prebundle:android": "yarn patch-metro-no-file-watch",
     "prepare": "patch-package",
     "postbundle:android": "yarn un-patch-metro-no-file-watch",
-    "bundle": "yarn bundle:android && yarn bundle:ios && yarn clean:pot && yarn genstrings",
+    "bundle": "yarn bundle:android && yarn bundle:android:bytecode && yarn bundle:ios && yarn clean:pot && yarn genstrings",
     "bundle:android": "mkdir -p bundle/android && react-native bundle --platform android --dev false --entry-file index.js --assets-dest bundle/android --bundle-output bundle/android/App.js --sourcemap-output bundle/android/App.js.map",
+    "bundle:android:bytecode": "./node_modules/hermes-engine/`node -e \"const platform=require('os').platform();console.log(platform === 'darwin' ? 'osx-bin' : (platform === 'linux' ? 'linux64-bin' : (platform === 'win32' ? 'win64-bin' : 'unsupported-os')));\"`/hermes -emit-binary -out bundle/android/App.bytecode bundle/android/App.js -output-source-map",
     "bundle:ios": "mkdir -p bundle/ios && react-native bundle --platform ios --dev false --entry-file index.js --assets-dest bundle/ios --bundle-output bundle/ios/App.js --sourcemap-output bundle/ios/App.js.map",
     "i18n-cache": "node i18n-cache/index.js",
     "i18n-cache:force": "cross-env REFRESH_I18N_CACHE=1 node i18n-cache/index.js",

react-native-gutenberg-bridge/android/build.gradle

@@ -187,6 +187,18 @@ if (isJitPack) {
         }
     }
 
+    task copyJSBytecode(type: Copy) {
+        def origFileName = 'App.bytecode'
+        def origWithPath = "../../bundle/android/${origFileName}"
+        def target = 'index.android.bytecode'
+        from origWithPath
+        into assetsFolder
+        rename origFileName, target
+        doLast {
+            println "Done copying the Android JS bytecode to assets folder"
+        }
+    }
+
     task copyJSBundle(type: Copy) {
         def origFileName = 'App.js'
         def origWithPath = "../../bundle/android/${origFileName}"
@@ -207,7 +219,8 @@ if (isJitPack) {
         preBuild.dependsOn(cleanupNodeModulesFolder)
         cleanupNodeModulesFolder.dependsOn(backupHermesDebugAAR)
         backupHermesDebugAAR.dependsOn(backupHermesReleaseAAR)
-        backupHermesReleaseAAR.dependsOn(copyJSBundle)
+        backupHermesReleaseAAR.dependsOn(copyJSBytecode)
+        copyJSBytecode.dependsOn(copyJSBundle)
         copyJSBundle.dependsOn(buildJSBundle)
         buildJSBundle.dependsOn(yarn_install, ensureAssetsDirectory)
     }

react-native-gutenberg-bridge/android/src/main/java/org/wordpress/mobile/WPAndroidGlue/WPAndroidGlueCode.java

@@ -352,14 +352,14 @@ private ImagePipelineConfig getImagePipelineConfig(OkHttpClient client) {
     }
 
     @Deprecated
-    public void onCreateView(Context initContext, boolean htmlModeEnabled,
+    public void onCreateView(Context initContext, boolean useBytecode, boolean htmlModeEnabled,
                              Application application, boolean isDebug, boolean buildGutenbergFromSource,
                              boolean isNewPost, String localeString, Bundle translations, int colorBackground, boolean isDarkMode) {
-        onCreateView(initContext, htmlModeEnabled, application, isDebug, buildGutenbergFromSource, "post", isNewPost
-        , localeString, translations, colorBackground, isDarkMode);
+        onCreateView(initContext, useBytecode, htmlModeEnabled, application, isDebug, buildGutenbergFromSource, "post",
+                isNewPost, localeString, translations, colorBackground, isDarkMode);
     }
 
-    public void onCreateView(Context initContext, boolean htmlModeEnabled,
+    public void onCreateView(Context initContext, boolean useBytecode, boolean htmlModeEnabled,
                              Application application, boolean isDebug, boolean buildGutenbergFromSource,
                              String postType, boolean isNewPost, String localeString, Bundle translations,
                              int colorBackground, boolean isDarkMode) {
@@ -376,7 +376,7 @@ public void onCreateView(Context initContext, boolean htmlModeEnabled,
                                     .setJavaScriptExecutorFactory(new HermesExecutorFactory())
                                     .setInitialLifecycleState(LifecycleState.BEFORE_CREATE);
         if (!buildGutenbergFromSource) {
-            builder.setBundleAssetName("index.android.bundle");
+            builder.setBundleAssetName(useBytecode ? "index.android.bytecode" : "index.android.bundle");
         }
         mReactInstanceManager = builder.build();
         mReactInstanceManager.addReactInstanceEventListener(context -> {