import 'package:flutter/material.dart';

void main() => runApp(const MaterialApp(home: JoinStylesDemo()));

class JoinStylesDemo extends StatelessWidget {
  const JoinStylesDemo({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Path StrokeJoin Comparison")),
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              _buildColumn("PathJoinPainter - subpaths", false),
              _buildColumn("PathJoinPainter - combined path", true),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildColumn(String title, bool usePainter2) {
    return Column(
      children: [
        Text(title, style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16)),
        const SizedBox(height: 20),
        _buildCanvas(StrokeJoin.miter, "Miter", usePainter2),
        const SizedBox(height: 20),
        _buildCanvas(StrokeJoin.round, "Round", usePainter2),
        const SizedBox(height: 20),
        _buildCanvas(StrokeJoin.bevel, "Bevel", usePainter2),
      ],
    );
  }

  Widget _buildCanvas(StrokeJoin join, String label, bool usePainter2) {
    return Column(
      children: [
        CustomPaint(
          size: const Size(120, 80),
          painter: usePainter2 ? PathJoinPainter2(join) : PathJoinPainter(join),
        ),
        const SizedBox(height: 8),
        Text(label),
      ],
    );
  }
}

class PathJoinPainter extends CustomPainter {
  final StrokeJoin joinStyle;
  PathJoinPainter(this.joinStyle);

  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()
      ..color = Colors.blue
      ..strokeWidth = 20
      ..style = PaintingStyle.stroke
      ..strokeJoin = joinStyle;

    final path = Path();
    path.moveTo(0, size.height);
    path.lineTo(size.width / 2, 0);
    // PathJoinPainter specifically adds a path segment
    path.addPath(
      Path()
        ..moveTo(size.width / 2, 0)
        ..lineTo(size.width, size.height),
      Offset.zero,
    );

    canvas.drawPath(path, paint);
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}

class PathJoinPainter2 extends CustomPainter {
  final StrokeJoin joinStyle;
  PathJoinPainter2(this.joinStyle);

  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()
      ..color = Colors.redAccent
      ..strokeWidth = 20
      ..style = PaintingStyle.stroke
      ..strokeJoin = joinStyle;

    final path = Path();
    // PathJoinPainter2 uses a single continuous path
    path.moveTo(0, size.height);
    path.lineTo(size.width / 2, 0);
    path.lineTo(size.width, size.height);

    canvas.drawPath(path, paint);
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}