【flutter × gRPC】音声ファイルダウンロード中の文言をランダムに表示する

import 'package:clocky_app/widgets/spacing.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:clocky_app/grpc/notification.pbenum.dart';
import 'package:clocky_app/services/grpc_service.dart';

OverlayEntry? currentOverlayEntry;

void showOverlay(BuildContext context, double progress, String message) {
  // 既存のオーバーレイがあれば削除
  currentOverlayEntry?.remove();
  currentOverlayEntry = null;

  currentOverlayEntry = OverlayEntry(
    builder: (context) => Stack(children: <Widget>[
      ModalBarrier(
        color: Colors.grey.withOpacity(0.5),
        dismissible: false,
      ),
      Center(
        child: Material(
          color: Colors.transparent, // 透明な背景色
          child: Container(
            padding: const EdgeInsets.all(32),
            color: Colors.white,
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                const Text("完了まで一分くらい待っててね。"),
                Spacing.h16(),
                LinearProgressIndicator(
                  value: progress / 100,
                  backgroundColor: Colors.grey[200],
                  valueColor: const AlwaysStoppedAnimation<Color>(Colors.blue),
                ),
                Spacing.h16(),
                Text("${message}: ${(progress).toStringAsFixed(0)}%")
              ],
            ),
          ),
        ),
      ),
    ]),
  );

  // オーバーレイを表示
  Overlay.of(context).insert(currentOverlayEntry!);
}

void removeOverlay() {
  currentOverlayEntry?.remove();
  currentOverlayEntry = null;
}


class NotificationWidget extends ConsumerWidget {
  final Widget child;

  const NotificationWidget({super.key, required this.child});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final notification = ref.watch(notificationStreamProvider);

    notification.whenData((response) {
      Future.delayed(Duration.zero, () {
        double progress = response.deviceStatus.downloadProgress.progress;
        DownloadStatus status = response.deviceStatus.downloadProgress.status;

        switch (status) {
          case DownloadStatus.DOWNLOAD_STATUS_DOWNLOADING:
            // オーバーレイを表示
            showOverlay(context, progress, "ダウンロード中");
            break;
          case DownloadStatus.DOWNLOAD_STATUS_COMPLETE:
            removeOverlay();
            break;
          case DownloadStatus.DOWNLOAD_STATUS_FAILED:
            removeOverlay();
            break;
          case DownloadStatus.DOWNLOAD_STATUS_INIT:
            // 初期状態の処理
            break;
        }
      });
    });

    return child;
  }
}

final notificationStreamProvider = StreamProvider<StreamResponse>((ref) {
  final grpcService = ref.watch(grpcServiceProvider);

  final user = ref.read(userProvider);
  if (user?.uid == null) {
    return const Stream.empty();
  }
  return grpcService.listenNotifications(user!.id!);
});

import 'dart:math';
import 'package:clocky_app/widgets/spacing.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:clocky_app/grpc/notification.pbenum.dart';
import 'package:clocky_app/services/grpc_service.dart';

const List<String> messages = [
  "（標準）冷やしたトマトで入眠モードにしよう！",
  "（標準）食べ過ぎ？まあ、美味しいものには罪なし！",
  "（皮肉）遅刻？時間は相対的なものだから！",
  "（皮肉）見て分かるでしょ。落ち込んでるの",
  "（おせっかい）その足元、大丈夫？足元から冷えるんだから",
  "（おせっかい）ここしっかり覚えてね。テスト出るから",
  "（天然）うわっ、鍋焦げちゃった！油断してた～",
  "（天然）げっ、お風呂の栓抜けてた。ショックー",
  "（ロマンチスト）深夜ドライブしたい気分だな",
  "（ロマンチスト）熱中症。ばたんきゅ。みんなの愛が熱い",
  "（大阪弁）邪魔すんねんやったら、帰ってー",
  "（大阪弁）そんなけったいな服に1万も使ったん！",
  "（博多弁）ばり暑いっちゃけど。溶けそう",
  "（博多弁）たまには落ち込むこともあるたいね",
  "（鹿児島弁）こんなところで、ないしちょっとけー？",
  "（鹿児島弁）だいやめは　しょつが　いっばん",
  "（広島弁）あがーなこと、いよーる",
  "（広島弁）今日もカープは勝～ち勝～ち勝っち勝ち～！！",
  "（津軽弁）お話したいはんでDM送ってける？",
  "（津軽弁）こごの水、しゃっこくて、めなー",
  "（京都弁）よーうつってはりますなぁ",
  "（京都弁）その服はもっさいですわ"
];

String getRandomMessage() {
  final random = Random();
  int index = random.nextInt(messages.length);
  return messages[index];
}

OverlayEntry? currentOverlayEntry;

void showOverlay(
    BuildContext context, String overlayText, double progress, String message) {
  // 既存のオーバーレイがあれば削除
  currentOverlayEntry?.remove();
  currentOverlayEntry = null;

  currentOverlayEntry = OverlayEntry(
    builder: (context) => Stack(children: <Widget>[
      ModalBarrier(
        color: Colors.grey.withOpacity(0.5),
        dismissible: false,
      ),
      Center(
        child: Material(
          color: Colors.transparent, // 透明な背景色
          child: Container(
            padding: const EdgeInsets.all(32),
            color: Colors.white,
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Text(overlayText),
                Spacing.h16(),
                LinearProgressIndicator(
                  value: progress / 100,
                  backgroundColor: Colors.grey[200],
                  valueColor: const AlwaysStoppedAnimation<Color>(Colors.blue),
                ),
                Spacing.h16(),
                Text("${message}: ${(progress).toStringAsFixed(0)}%")
              ],
            ),
          ),
        ),
      ),
    ]),
  );

  // オーバーレイを表示
  Overlay.of(context).insert(currentOverlayEntry!);
}

void removeOverlay() {
  currentOverlayEntry?.remove();
  currentOverlayEntry = null;
}

class NotificationWidget extends ConsumerWidget {
  final Widget child;
  DateTime? lastMessageUpdateTime; // 最後にメッセージを更新した時刻を追跡する変数
  String currentMessage = getRandomMessage(); // 現在のメッセージを保持する変数

  NotificationWidget({super.key, required this.child});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final notification = ref.watch(notificationStreamProvider);

    notification.whenData((response) {
      Future.delayed(Duration.zero, () {
        double progress = response.deviceStatus.downloadProgress.progress;
        DownloadStatus status = response.deviceStatus.downloadProgress.status;
        print("Download Status: $status");

        switch (status) {
          case DownloadStatus.DOWNLOAD_STATUS_DOWNLOADING:
            // 進捗が1%未満の場合、初期メッセージを表示
            if (progress < 1) {
              currentMessage = "ダウンロード完了まで1分くらいかかります。少し待っててね。";
            } else if (lastMessageUpdateTime == null ||
                DateTime.now().difference(lastMessageUpdateTime!).inSeconds >=
                    5) {
              currentMessage = getRandomMessage();
              lastMessageUpdateTime = DateTime.now();
            }
            showOverlay(context, currentMessage, progress, "ダウンロード中");
            break;
          case DownloadStatus.DOWNLOAD_STATUS_COMPLETE:
            showOverlay(context, "ダウンロード完了しました！。", 100, "ダウンロード完了");
            Future.delayed(Duration(seconds: 2), () {
              removeOverlay();
            });
            break;
          case DownloadStatus.DOWNLOAD_STATUS_FAILED:
            showOverlay(context, "ダウンロードに失敗しました。", progress, "");
            removeOverlay();
            break;
          case DownloadStatus.DOWNLOAD_STATUS_INIT:
            // 初期状態の処理
            break;
        }
      });
    });

    return child;
  }
}