Fladder/lib/screens/shared/default_title_bar.dart

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:window_manager/window_manager.dart';

import 'package:fladder/util/adaptive_layout.dart';

class DefaultTitleBar extends ConsumerStatefulWidget {
  final String? label;
  final double? height;
  final Brightness? brightness;
  const DefaultTitleBar({this.height = defaultTitleBarHeight, this.label, this.brightness, super.key});

  @override
  ConsumerState<ConsumerStatefulWidget> createState() => _DefaultTitleBarState();
}

class _DefaultTitleBarState extends ConsumerState<DefaultTitleBar> with WindowListener {
  bool hovering = false;

  @override
  void initState() {
    windowManager.addListener(this);
    super.initState();
  }

  @override
  void dispose() {
    windowManager.removeListener(this);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final brightness = widget.brightness ?? Theme.of(context).brightness;
    final iconColor = Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.65);
    return MouseRegion(
      onEnter: (event) => setState(() => hovering = true),
      onExit: (event) => setState(() => hovering = false),
      child: AnimatedContainer(
        duration: const Duration(milliseconds: 250),
        decoration: BoxDecoration(
          color: hovering ? Colors.black.withValues(alpha: 0.15) : Colors.transparent,
        ),
        height: widget.height,
        child: kIsWeb
            ? const SizedBox.shrink()
            : switch (AdaptiveLayout.of(context).platform) {
                TargetPlatform.android || TargetPlatform.iOS => SizedBox(height: MediaQuery.paddingOf(context).top),
                TargetPlatform.windows || TargetPlatform.linux => Row(
                    children: [
                      Expanded(
                        child: Container(
                          color: Colors.black.withValues(alpha: 0),
                          child: DragToMoveArea(
                            child: Row(
                              crossAxisAlignment: CrossAxisAlignment.stretch,
                              mainAxisSize: MainAxisSize.max,
                              children: [
                                Container(
                                  padding: const EdgeInsets.only(left: 16),
                                  child: DefaultTextStyle(
                                    style: TextStyle(
                                      color: iconColor,
                                      fontSize: 14,
                                    ),
                                    child: Text(widget.label ?? ""),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                      ),
                      Row(
                        children: [
                          FutureBuilder<List<bool>>(future: Future.microtask(() async {
                            final isMinimized = await windowManager.isMinimized();
                            final isFullScreen = await windowManager.isFullScreen();
                            return [isMinimized, isFullScreen];
                          }), builder: (context, snapshot) {
                            final isMinimized = snapshot.data?.firstOrNull ?? false;
                            final fullScreen = snapshot.data?.lastOrNull ?? false;
                            return IconButton(
                              style: IconButton.styleFrom(
                                  hoverColor: brightness == Brightness.light
                                      ? Colors.black.withValues(alpha: 0.1)
                                      : Colors.white.withValues(alpha: 0.2),
                                  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(2))),
                              onPressed: () async {
                                if (fullScreen) {
                                  await windowManager.setFullScreen(false);
                                }
                                if (isMinimized) {
                                  windowManager.restore();
                                } else {
                                  windowManager.minimize();
                                }
                              },
                              icon: Transform.translate(
                                offset: const Offset(0, -2),
                                child: Icon(
                                  Icons.minimize_rounded,
                                  color: iconColor,
                                  size: 20,
                                ),
                              ),
                            );
                          }),
                          FutureBuilder<List<bool>>(
                            future: Future.microtask(() async {
                              final isMaximized = await windowManager.isMaximized();
                              final isFullScreen = await windowManager.isFullScreen();
                              return [isMaximized, isFullScreen];
                            }),
                            builder: (BuildContext context, AsyncSnapshot<List<bool>> snapshot) {
                              final maximized = snapshot.data?.firstOrNull ?? false;
                              final fullScreen = snapshot.data?.lastOrNull ?? false;
                              return IconButton(
                                style: IconButton.styleFrom(
                                  hoverColor: brightness == Brightness.light
                                      ? Colors.black.withValues(alpha: 0.1)
                                      : Colors.white.withValues(alpha: 0.2),
                                  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(2)),
                                ),
                                onPressed: () async {
                                  if (fullScreen && maximized) {
                                    await windowManager.setFullScreen(false);
                                    await windowManager.unmaximize();
                                    return;
                                  }

                                  if (fullScreen) {
                                    await windowManager.setFullScreen(false);
                                  } else if (!maximized) {
                                    await windowManager.maximize();
                                  } else {
                                    await windowManager.unmaximize();
                                  }
                                },
                                icon: Transform.translate(
                                  offset: const Offset(0, 0),
                                  child: Icon(
                                    maximized ? Icons.maximize_rounded : Icons.crop_square_rounded,
                                    color: iconColor,
                                    size: 19,
                                  ),
                                ),
                              );
                            },
                          ),
                          IconButton(
                            style: IconButton.styleFrom(
                              hoverColor: Colors.red,
                              shape: RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(2),
                              ),
                            ),
                            onPressed: () async {
                              windowManager.close();
                            },
                            icon: Transform.translate(
                              offset: const Offset(0, -2),
                              child: Icon(
                                Icons.close_rounded,
                                color: iconColor,
                                size: 23,
                              ),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                TargetPlatform.macOS => const SizedBox.shrink(),
                _ => Text(widget.label ?? "Fladder"),
              },
      ),
    );
  }
}