Mobile: Include commit information in version information screen (#10829)

.eslintignore

@@ -51,6 +51,7 @@ packages/app-desktop/node_modules
 packages/app-desktop/packageInfo.js
 packages/app-desktop/services/electron-context-menu.js
 packages/app-desktop/vendor/lib/
+packages/app-mobile/packageInfo.js
 packages/app-mobile/android
 packages/app-mobile/**/*.bundle.js
 packages/app-mobile/web/public/pluginAssets/**/*

packages/app-mobile/.gitignore

@@ -74,3 +74,5 @@ web/public/pluginAssets/*
 
 utils/fs-driver-android.js
 android/app/build-*
+
+packageInfo.js

packages/app-mobile/gulpfile.ts

@@ -1,5 +1,6 @@
 const gulp = require('gulp');
 const utils = require('@joplin/tools/gulp/utils');
+const compilePackageInfo = require('@joplin/tools/compilePackageInfo');
 
 import injectedJsGulpTasks from './tools/buildInjectedJs/gulpTasks';
 
@@ -10,6 +11,12 @@ const tasks = {
 	copyWebAssets: {
 		fn: require('./tools/copyAssets').default,
 	},
+	compilePackageInfo: {
+		fn: async () => {
+			await compilePackageInfo(`${__dirname}/package.json`, `${__dirname}/packageInfo.js`);
+		},
+	},
+
 	...injectedJsGulpTasks,
 	podInstall: {
 		fn: require('./tools/podInstall'),
@@ -39,6 +46,7 @@ gulp.task('watchInjectedJs', gulp.series(
 ));
 
 gulp.task('build', gulp.series(
+	'compilePackageInfo',
 	'buildInjectedJs',
 	'copyWebAssets',
 	'encodeAssets',

packages/app-mobile/utils/getPackageInfo.ts

@@ -1,12 +1,16 @@
 import shim from '@joplin/lib/shim';
 import { PackageInfo } from '@joplin/lib/versionInfo';
 import ReactNativeVersionInfo from 'react-native-version-info';
+const basePackageInfo = require('../packageInfo.js');
 
 const getPackageInfo = (): PackageInfo => {
 	const version = shim.appVersion();
 	return {
-		description: 'Joplin for Mobile',
-		name: 'Joplin',
+		...basePackageInfo,
+
+		// Android, iOS, and Web have independent versions -- fetch this
+		// information at runtime:
+		name: 'Joplin Mobile',
 		version,
 		build: {
 			appId: ReactNativeVersionInfo.bundleIdentifier,