1
import { AttachmentBuilder, MessageFlags } from "discord.js";
2
import createJoinContainer from "./createJoinContainer.js";
3

4
export default async function startGame(interaction) {
5
  // itoのゲームデータは、index.jsでclient.gameData (Collection型)に保存されている。
6
  const { client: { gameData }, id, channel, user } = interaction;
7
  const reply = await interaction.reply({
8
    components: [
9
      // ここのcreateJoinContainerは後述するもの。
10
      createJoinContainer({ id, users: [{ id: user.id }] })
11
    ],
12
    files: [
13
      new AttachmentBuilder()
14
        .setFile('./files/ito.png')
15
        .setName('ito.png')
16
    ],
17
    // fetchReplyが非推奨になったため、withResponseを使用する。
18
    // なお、fetchReplyにしたときの返り値とは異なるので注意。
19
    withResponse: true,
20

21
    // IsComponentsV2は必須。
22
    // SuppressNotificationは、ユーザーが@silentをつけて送信したのと同様の動きをする。
23
    flags: [
24
      MessageFlags.IsComponentsV2,
25
      MessageFlags.SuppressNotifications
26
    ]
27
  });
28

29
  return gameData.set(channel.id, {
30
    users: [{ id: user.id }],
31
    channelId: channel.id,
32
    messageId: reply.interaction?.responseMessageId || reply.resource?.message?.id,
33
    life: 3,
34
    turn: 1
35
  });
36
}

1
import {
2
  ContainerBuilder,
3
  SectionBuilder,
4
  TextDisplayBuilder,
5
  ThumbnailBuilder,
6
  ActionRowBuilder,
7
  ButtonBuilder,
8
  SeparatorBuilder,
9
  SeparatorSpacingSize,
10
  ButtonStyle
11
} from 'discord.js'
12

13
export default function createJoinContainer({ id, users = [] }) {
14
  if (users.length == 0) {
15
    return new ContainerBuilder()
16
      .addSectionComponents(
17
        new SectionBuilder()
18
          .addTextDisplayComponents(
19
            new TextDisplayBuilder()
20
              .setContent('## itoの募集は終了しました。')
21
          )
22
          .setThumbnailAccessory(
23
            new ThumbnailBuilder()
24
              .setURL('attachment://ito.png')
25
          )
26
      )
27
      .setAccentColor(0xffaaaa)
28
      .setSpoiler(false)
29
  }
30
  return new ContainerBuilder()
31
    .addSectionComponents(
32
      new SectionBuilder()
33
        .addTextDisplayComponents(
34
          new TextDisplayBuilder()
35
            .setContent('## itoの募集を開始しました！\n参加するには下のボタンを押してください。\n最低4人でゲームを開始できます。')
36
        )
37
        .setThumbnailAccessory(
38
          new ThumbnailBuilder()
39
            .setURL('attachment://ito.png')
40
        )
41
    )
42
    .addActionRowComponents(
43
      new ActionRowBuilder()
44
        .setComponents(
45
          new ButtonBuilder()
46
            .setCustomId(`ito_join_${id}`)
47
            .setLabel('参加する')
48
            .setStyle(ButtonStyle.Primary),
49
          // 各ユーザーごとに表示を切り替えることができないので、参加キャンセルを押したあとに判定をしている。
50
          new ButtonBuilder()
51
            .setLabel('参加キャンセル')
52
            .setStyle(ButtonStyle.Danger)
53
            .setCustomId(`ito_cancel_${id}`)
54
          new ButtonBuilder()
55
            .setCustomId(`ito_begin_${id}`)
56
            .setLabel('ゲーム開始')
57
            .setStyle(ButtonStyle.Success)
58
            .setDisabled(users.length < 4)
59
        )
60
    )
61
    .addSeparatorComponents(
62
      new SeparatorBuilder()
63
        // setDividerをtrueにしないと、セパレータが表示されない。
64
        .setDivider(true)
65
        // setSpacingを設定することで、セパレータの間隔を調整できる。
66
        .setSpacing(SeparatorSpacingSize.Large)
67
    ).addTextDisplayComponents(
68
      new TextDisplayBuilder()
69
        .setContent(`## 現在の参加者: ${users.length}人${users.length ? "\n" : ""}${users.map((u, i) => `- <@${u.id}>${!i ? " (オーナー)" : ""}`).join('\n')}`)
70
    )
71
    .setAccentColor(0xaaffaa)
72
    .setSpoiler(false)
73
}

1
import { LabelBuilder, MessageFlags, ModalBuilder, TextDisplayBuilder, TextInputBuilder, TextInputStyle } from 'discord.js';
2

3
export default async function submitTheme(interaction) {
4
  const { client: { gameData }, channel, user, message } = interaction;
5
  const game = gameData.get(channel.id);
6
  if (!game) {
7
    await interaction.reply({
8
      content: 'このチャンネルでは現在itoは進行していません。',
9
      flags: [MessageFlags.Ephemeral],
10
    });
11
    setTimeout(() => {
12
      return interaction.deleteReply();
13
    }, 3000);
14
    return;
15
  }
16

17
  if (game.messageId !== message.id) {
18
    await interaction.reply({
19
      content: 'このメッセージは現在のitoのものではありません。',
20
      flags: [MessageFlags.Ephemeral],
21
    });
22
    setTimeout(() => {
23
      return interaction.deleteReply();
24
    }, 3000);
25
    return;
26
  }
27

28
  if (user.id != game.users[0].id) {
29
    await interaction.reply({
30
      content: 'オーナーのみお題を選択可能です。',
31
      flags: [MessageFlags.Ephemeral],
32
    });
33
    setTimeout(() => {
34
      return interaction.deleteReply();
35
    }, 3000);
36
    return;
37
  }
38

39
  return await interaction.showModal(
40
    new ModalBuilder()
41
      .setCustomId(`ito_theme_modal_${interaction.id}`)
42
      .setTitle('ito-お題入力')
43
      .addTextDisplayComponents(
44
        // Markdown形式のテキストを使用可能
45
        new TextDisplayBuilder()
46
          .setContent("お題+(1:〇〇〇～100:〇〇〇)の形式で入力してください。\n例: 大きい動物(1:アリ～100:ゾウ)")
47
      )
48
      .addLabelComponents(
49
        new LabelBuilder()
50
          .setLabel('お題')
51
          .setTextInputComponent(
52
            // 従来仕様をそのまま持ってくる感じ。
53
            new TextInputBuilder()
54
              .setCustomId(`ito_theme_submit`)
55
              .setPlaceholder('例: 大きい動物 (1:小さい-100:大きい)')
56
              .setStyle(TextInputStyle.Short)
57
          )
58
      )
59
  )
60
}