devcontainer: Remove recommended secrets from devcontainer.json

Author: hakatashi

.devcontainer/devcontainer.json

@@ -5,12 +5,7 @@
 	"dockerComposeFile": "compose.yaml",
 	"service": "slackbot",
 	"workspaceFolder": "/code",
-	"secrets": {
-		"HTTP_PROXY_TOKEN": {
-			"description": "http-local-fwdをクローンするためのGitHubトークン。repo権限付きの Personal Access Token を使用してください。"
-		}
-	},
-	"features":{
+	"features": {
 		"ghcr.io/devcontainers/features/docker-outside-of-docker:1": {
 			"version": "latest"
 		},
@@ -31,9 +26,19 @@
 				"files.autoSave": "off",
 				"editor.formatOnSave": true,
 				"editor.codeActionsOnSave": {
-					"source.fixAll.eslint": "explicit"
-				}
-			}
+					"source.fixAll": "always",
+					"source.fixAll.eslint": "always"
+				},
+				"eslint.format.enable": true
+			},
+			"extensions": [
+				"ms-vscode.vscode-typescript-next",
+				"dbaeumer.vscode-eslint",
+				"GitHub.copilot",
+				"GitHub.copilot-chat",
+				"GitHub.vscode-pull-request-github",
+				"toba.vsfire"
+			]
 		}
 	}
-}
+}

README.md

@@ -1,5 +1,7 @@
 # slackbot
 
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://github.com/codespaces/new?hide_repo_select=false&ref=master&repo=105612722&skip_quickstart=false)
+
 [![Test][action-image]][action-url]
 [![Coverage Status][codecov-image]][codecov-url]
 
@@ -13,8 +15,6 @@
 
 TSGのSlackで動くSlackbotたち
 
-自分がOWNERのコードの変更は直接masterにpushして構いません。 ([CODEOWNERS](CODEOWNERS)参照)
-
 ## 環境構築
 
 ### Prerequisites

helloworld/HelloWorld.ts

@@ -1,13 +1,13 @@
-import { randomUUID } from 'crypto';
+import {randomUUID} from 'crypto';
 import type EventEmitter from 'events';
 import os from 'os';
-import type { BlockAction, ViewSubmitAction } from '@slack/bolt';
-import type { SlackMessageAdapter } from '@slack/interactive-messages';
-import type { MessageEvent, WebClient } from '@slack/web-api';
-import { Mutex } from 'async-mutex';
+import type {BlockAction, ViewSubmitAction} from '@slack/bolt';
+import type {SlackMessageAdapter} from '@slack/interactive-messages';
+import type {MessageEvent, WebClient} from '@slack/web-api';
+import {Mutex} from 'async-mutex';
 import logger from '../lib/logger';
-import type { SlackInterface } from '../lib/slack';
-import { extractMessage } from '../lib/slackUtils';
+import type {SlackInterface} from '../lib/slack';
+import {extractMessage} from '../lib/slackUtils';
 import State from '../lib/state';
 import counterEditDialog from './views/counterEditDialog';
 import helloWorldMessage from './views/helloWorldMessage';
@@ -20,7 +20,7 @@ export interface StateObj {
 
 const mutex = new Mutex();
 
-const log = logger.child({ bot: 'helloworld' });
+const log = logger.child({bot: 'helloworld'});
 
 export class HelloWorld {
 	#slack: WebClient;
@@ -31,7 +31,7 @@ export class HelloWorld {
 
 	#state: StateObj;
 
-	#SANDBOX_ID = process.env.CHANNEL_SANDBOX!;
+	#SANDBOX_ID = process.env.CHANNEL_SANDBOX ?? '';
 
 	// インスタンスを生成するためのファクトリメソッド
 	static async create(slack: SlackInterface) {
@@ -86,7 +86,7 @@ export class HelloWorld {
 			const stateValues = Object.assign({}, ...stateObjects);
 
 			mutex.runExclusive(() => (
-				this.setCounterValue(parseInt(stateValues.counter_input.value))
+				this.setCounterValue(parseInt(stateValues.counter_input.value) || 0)
 			));
 		});
 
@@ -113,10 +113,19 @@ export class HelloWorld {
 		if (this.#state.latestStatusMessage?.channel === this.#SANDBOX_ID) {
 			const timestamp = new Date(parseInt(this.#state.latestStatusMessage.ts) * 1000);
 			const elapsed = (Date.now() - timestamp.getTime()) / 1000;
+
+			// 直近のメッセージが60分以内に投稿されている場合は何もせず終了
 			if (elapsed < 60 * 60) {
 				log.info('Skipping postHelloWorld because the latest message was posted less than 60 minutes ago');
 				return;
 			}
+
+			// 直近のメッセージが60分以上前に投稿されている場合は削除して投稿し直す
+			log.info('Removing last status message because the latest message was posted more than 60 minutes ago');
+			await this.#slack.chat.delete({
+				channel: this.#state.latestStatusMessage.channel,
+				ts: this.#state.latestStatusMessage.ts,
+			});
 		}
 
 		const result = await this.#slack.chat.postMessage({
@@ -138,7 +147,7 @@ export class HelloWorld {
 		this.#state.counter = value;
 
 		if (!this.#state.latestStatusMessage) {
-			log.warn('latestStatusMessage is not set');
+			log.error('latestStatusMessage is not set');
 			return;
 		}
 
@@ -152,7 +161,7 @@ export class HelloWorld {
 	}
 
 	// カウンター編集ダイアログを表示する
-	private async showCounterEditDialog({ triggerId }: { triggerId: string }) {
+	private async showCounterEditDialog({triggerId}: { triggerId: string }) {
 		log.info('Showing counter edit dialog');
 
 		await this.#slack.views.open({

helloworld/views/counterEditDialog.ts

@@ -22,6 +22,7 @@ export default (state: StateObj): View => ({
 				action_id: 'counter_input',
 				is_decimal_allowed: false,
 				min_value: '0',
+				max_value: '10000000000',
 				initial_value: state.counter.toString(),
 			},
 			label: {

helloworld/views/helloWorldMessage.ts

@@ -54,7 +54,7 @@ export default (state: StateObj): KnownBlock[] => [
 		elements: [
 			{
 				type: 'plain_text',
-				text: '⚠この値は再起動後も保存されます。前回このメッセージを投稿してから60分以上経っている場合はメッセージが再投稿されますが、以前のメッセージの数字は更新されなくなります。ボタンを押すとエラーが出る場合は、「Slackbotを作ろう」ページの「WebSocketトンネルをセットアップする」などを参考に Event API のセットアップが正常にできているかもう一度確認してください。',
+				text: '⚠この値は再起動後も保存されます。前回このメッセージを投稿してから60分以上経っている場合は、以前のメッセージが削除され再投稿されます。ボタンを押すとエラーが出る場合は、「Slackbotを作ろう」ページの「WebSocketトンネルをセットアップする」などを参考に Event API のセットアップが正常にできているかもう一度確認してください。',
 				emoji: true,
 			},
 		],

tsconfig.json

@@ -13,14 +13,17 @@
     "./node_modules"
   ],
   "compilerOptions": {
-    "target": "es2015",
+    "target": "ESNext",
     "module": "CommonJS",
     "moduleResolution": "node",
     "noImplicitAny": true,
     "resolveJsonModule": true,
     "esModuleInterop": true,
-    "lib": ["es2021", "DOM"],
+    "lib": [
+      "ESNext",
+      "DOM"
+    ],
     "skipLibCheck": true,
     "experimentalDecorators": true
   }
-}
+}