flushがうごかないのを修正

Author: mei23

gulpfile.js

@@ -62,7 +62,7 @@ gulp.task('cleanall', gulp.parallel('clean', cb =>
 gulp.task('build:client:script', () => {
 	// eslint-disable-next-line node/no-unpublished-require
 	const client = require('./built/meta.json');
-	return gulp.src(['./src/client/app/boot.js'])
+	return gulp.src(['./src/client/app/boot.js', './src/client/app/flush.js'])
 		.pipe(replace('VERSION', JSON.stringify(client.version)))
 		.pipe(replace('ENV', JSON.stringify(env)))
 		.pipe(replace('LANGS', JSON.stringify(Object.keys(locales))))

src/client/app/flush.js

@@ -0,0 +1,35 @@
+const msg = document.getElementById('msg');
+const successText = `\nSuccess Flush! <a href="/">Back to Misskey</a>\n成功しました。<a href="/">Misskeyを開き直してください。</a>`;
+
+message('Start flushing.');
+
+(async function() {
+	try {
+		localStorage.clear();
+
+		if (navigator.serviceWorker && navigator.serviceWorker.controller) {
+			navigator.serviceWorker.controller.postMessage('clear');
+			await navigator.serviceWorker.getRegistrations()
+				.then(registrations => {
+					return Promise.all(registrations.map(registration => registration.unregister()));
+				})
+				.catch(e => { throw Error(e) });
+		}
+
+		document.cookie = 'i=; path=/';
+
+		message(successText);
+	} catch (e) {
+		message(`\n${e}\n\nFlush Failed. <a href="/flush">Please retry.</a>\n失敗しました。<a href="/flush">もう一度試してみてください。</a>`);
+		message(`\nIf you retry more than 3 times, clear the browser cache or contact to instance admin.\n3回以上試しても失敗する場合、ブラウザのキャッシュを消去し、それでもだめならインスタンス管理者に連絡してみてください。\n`)
+
+		console.error(e);
+		setTimeout(() => {
+			location = '/';
+		}, 10000)
+	}
+})();
+
+function message(text) {
+	msg.insertAdjacentHTML('beforeend', `<p>${text.replace(/\n/g,'<br>')}</p>`)
+}

src/client/assets/flush.html

@@ -420,7 +420,9 @@ router.get('/othello', async ctx => ctx.redirect(override(ctx.URL.pathname, 'gam
 router.get('/reversi', async ctx => ctx.redirect(override(ctx.URL.pathname, 'games')));
 
 router.get('/flush', async ctx => {
-	await ctx.render('flush');
+	await ctx.render('flush', {
+		version: config.version
+	});
 });
 
 // streamingに非WebSocketリクエストが来た場合にbase htmlをキャシュ付きで返すと、Proxy等でそのパスがキャッシュされておかしくなる

src/server/web/index.ts

@@ -2,39 +2,5 @@ doctype html
 
 html
 	#msg
-	script.
-		const msg = document.getElementById('msg');
-		const successText = `\nSuccess Flush! <a href="/">Back to Misskey</a>\n成功しました。<a href="/">Misskeyを開き直してください。</a>`;
+		script(src=`/assets/flush.js?${version}`)
 
-		message('Start flushing.');
-
-		(async function() {
-			try {
-				localStorage.clear();
-
-				if (navigator.serviceWorker.controller) {
-					navigator.serviceWorker.controller.postMessage('clear');
-					await navigator.serviceWorker.getRegistrations()
-						.then(registrations => {
-							return Promise.all(registrations.map(registration => registration.unregister()));
-						})
-						.catch(e => { throw Error(e) });
-				}
-
-				document.cookie = 'i=; path=/';
-
-				message(successText);
-			} catch (e) {
-				message(`\n${e}\n\nFlush Failed. <a href="/flush">Please retry.</a>\n失敗しました。<a href="/flush">もう一度試してみてください。</a>`);
-				message(`\nIf you retry more than 3 times, clear the browser cache or contact to instance admin.\n3回以上試しても失敗する場合、ブラウザのキャッシュを消去し、それでもだめならインスタンス管理者に連絡してみてください。\n`)
-
-				console.error(e);
-				setTimeout(() => {
-					location = '/';
-				}, 10000)
-			}
-		})();
-
-		function message(text) {
-			msg.insertAdjacentHTML('beforeend', `<p>${text.replace(/\n/g,'<br>')}</p>`)
-		}