ビルド時のコミットIDなどを公開するように

src/client/app/common/views/components/nav.vue

@@ -5,6 +5,7 @@
 	<router-link to="/about">{{ $t('@.aboutInstance') }}</router-link>
 	<i>・</i>
 	<a :href="repositoryUrl" rel="noopener" target="_blank">{{ $t('repository') }}</a>
+	<span v-if="commitLabal != null"> (<a v-if="commitUrl != null" :href="commitUrl" rel="noopener" target="_blank">{{ commitLabal }}</a><span v-else >{{ commitLabal }}</span>) </span>
 	<i>・</i>
 	<a :href="feedbackUrl" rel="noopener" target="_blank">{{ $t('feedback') }}</a>
 	<i>・</i>
@@ -13,19 +14,49 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
+import { defineComponent } from 'vue';
 import i18n from '../../../i18n';
-import { constants } from '../../../config';
+import { constants, commit } from '../../../config';
 
-export default Vue.extend({
+export default defineComponent({
 	i18n: i18n('common/views/components/nav.vue'),
 	data() {
 		return {
 			aboutUrl: `/docs/ja-JP/about`,
 			repositoryUrl: constants.repositoryUrl,
 			feedbackUrl: constants.feedbackUrl,
+			commitLabal: null as string | null,
+			commitUrl: null as string | null,
 		}
-	}
+	},
+
+	mounted() {
+		this.commitLabal = commit.tag || commit.id?.substring(0, 7) || null;
+
+		// find commitUrlBase
+		let commitUrlBase: string | null = null;
+
+		if (typeof this.repositoryUrl === 'string') {
+			try {
+				const u = new URL(this.repositoryUrl);
+				if (u.hostname === 'github.com') {
+					const m = u.pathname.match(/([/][^/]+[/][^/]+)/)	// eg: /user/repo
+					if (m) {
+						commitUrlBase = `https://github.com/${m[1]}`;	// eg: https://github.com/user/repo
+					}
+				}
+			} catch { }
+		}
+
+		// build commitUrl
+		if (commitUrlBase != null) {
+			this.commitUrl =
+				commit.tag ? `${commitUrlBase}/tree/${commit.tag}` :
+				commit.id ? `${commitUrlBase}/tree/${commit.id}` :
+				null;
+		}
+	},
+
 });
 </script>
 

src/client/app/config.ts

@@ -4,6 +4,10 @@ declare const _CONSTANTS_: {
 	feedbackUrl: string;
 };
 declare const _VERSION_: string;
+declare const _COMMIT_: {
+	id?: string;
+	tag?: string;
+};
 declare const _CODENAME_: string;
 declare const _ENV_: string;
 declare const _MODS_: {
@@ -23,5 +27,6 @@ export const locale = JSON.parse(localStorage.getItem('locale'));
 export const constants = _CONSTANTS_;
 export const version = _VERSION_;
 export const codename = _CODENAME_;
+export const commit = _COMMIT_;
 export const env = _ENV_;
 export const mods = _MODS_;

src/const.json

@@ -1,4 +1,4 @@
 {
-	"repositoryUrl": "https://github.com/mei23/misskey/tree/mei-m544",
+	"repositoryUrl": "https://github.com/mei23/misskey",
 	"feedbackUrl": "https://github.com/mei23/misskey/issues/new"
 }

webpack.config.js

@@ -4,6 +4,7 @@
  */
 
 const fs = require('fs');
+const child_process = require('child_process');
 const webpack = require('webpack');
 const rndstr_1 = require('rndstr');
 const chalk = require('chalk');
@@ -32,6 +33,18 @@ const codename = meta.codename;
 
 const version = isProduction ? meta.version : meta.version + '-' + (0, rndstr_1.default)({ length: 8, chars: '0-9a-z' });
 
+const commit = {
+	id: undefined,
+	tag: undefined,
+};
+
+try {
+	commit.id = child_process.execSync('git rev-parse HEAD').toString().trim();
+	commit.tag = child_process.execSync('git tag --points-at HEAD').toString().trim().split('\n')[0];
+} catch(e) {
+	console.warn(e);
+}
+
 const postcss = {
 	loader: 'postcss-loader',
 	options: {
@@ -141,6 +154,7 @@ module.exports = {
 			_CONSTANTS_: JSON.stringify(constants),
 			_VERSION_: JSON.stringify(version),
 			_CODENAME_: JSON.stringify(codename),
+			_COMMIT_: JSON.stringify(commit),
 			_LANGS_: JSON.stringify(Object.entries(locales).map(([k, v]) => [k, v && v.meta && v.meta.lang])),
 			_ENV_: JSON.stringify(process.env.NODE_ENV),
 			_MODS_: JSON.stringify(mods)