workavia-mail-front/lib/features/base/widget/smart_interaction_widget.dart

import 'dart:async';

import 'package:core/utils/platform_info.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart' hide OverlayEntry;
import 'package:universal_html/html.dart' as html;

typedef OnRightMouseClickAction = void Function(RelativeRect position);
typedef OnDoubleClickAction = void Function(RelativeRect position);

class SmartInteractionWidget extends StatefulWidget {
  final Widget child;
  final OnRightMouseClickAction onRightMouseClickAction;
  final OnDoubleClickAction onDoubleClickAction;

  const SmartInteractionWidget({
    super.key,
    required this.child,
    required this.onRightMouseClickAction,
    required this.onDoubleClickAction,
  });

  @override
  State<SmartInteractionWidget> createState() => _SmartInteractionWidgetState();
}

class _SmartInteractionWidgetState extends State<SmartInteractionWidget> {
  final GlobalKey _childKey = GlobalKey();

  Offset? _lastPointerEventOffset;
  StreamSubscription<html.MouseEvent>? _contextMenuSubscription;

  @override
  void initState() {
    super.initState();
    if (PlatformInfo.isWeb) {
      WidgetsBinding.instance.addPostFrameCallback((_) {
        _addWebContextMenuListener();
      });
    }
  }

  void _addWebContextMenuListener() {
    _contextMenuSubscription =
        html.document.onContextMenu.listen(_onContextMenuListener);
  }

  void _onContextMenuListener(html.MouseEvent event) {
    final renderBox =
        _childKey.currentContext?.findRenderObject() as RenderBox?;
    if (renderBox == null) return;

    final localPosition = Offset(
      event.page.x.toDouble(),
      event.page.y.toDouble(),
    );
    final renderBoxPosition = renderBox.localToGlobal(Offset.zero);
    final size = renderBox.size;

    final rect = Rect.fromLTWH(
      renderBoxPosition.dx,
      renderBoxPosition.dy,
      size.width,
      size.height,
    );

    if (rect.contains(localPosition)) {
      event.preventDefault();

      if (!mounted) return;

      final relativeRect = _getRelativeRectFromOffset(context, localPosition);
      widget.onRightMouseClickAction(relativeRect);
    }
  }

  RelativeRect _getRelativeRectFromOffset(
    BuildContext context,
    Offset offset,
  ) {
    final widgetBox =
        _childKey.currentContext?.findRenderObject() as RenderBox?;
    final overlayBox =
        Overlay.maybeOf(context)?.context.findRenderObject() as RenderBox?;

    if (widgetBox == null || overlayBox == null) {
      final screenSize = MediaQuery.sizeOf(context);
      return RelativeRect.fromLTRB(
        offset.dx,
        offset.dy,
        screenSize.width - offset.dx,
        screenSize.height - offset.dy,
      );
    } else {
      final targetPosition = widgetBox.localToGlobal(
        Offset.zero,
        ancestor: overlayBox,
      );
      final overlaySize = overlayBox.size;
      const topSpace = 4.0;

      return RelativeRect.fromLTRB(
        targetPosition.dx,
        targetPosition.dy + widgetBox.size.height + topSpace,
        overlaySize.width + targetPosition.dx,
        overlaySize.height - targetPosition.dy - widgetBox.size.height,
      );
    }
  }

  void _handleDoubleTap() {
    if (_lastPointerEventOffset != null) {
      final relativeRect = _getRelativeRectFromOffset(
        context,
        _lastPointerEventOffset!,
      );
      widget.onDoubleClickAction(relativeRect);
    }
  }

  @override
  Widget build(BuildContext context) {
    if (PlatformInfo.isWeb) {
      return Listener(
        key: _childKey,
        onPointerDown: (event) {
          if (event.kind == PointerDeviceKind.mouse ||
              event.kind == PointerDeviceKind.touch) {
            _lastPointerEventOffset = event.position;
          }
        },
        child: GestureDetector(
          onDoubleTap: _handleDoubleTap,
          child: widget.child,
        ),
      );
    } else {
      return widget.child;
    }
  }

  @override
  void dispose() {
    _lastPointerEventOffset = null;
    if (PlatformInfo.isWeb) {
      _contextMenuSubscription?.cancel();
    }
    super.dispose();
  }
}