dependencies:
  socket_io_client: ^2.0.0

import 'package:flutter/material.dart';
import 'package:socket_io_client/socket_io_client.dart' as io;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  io.Socket socket;

  @override
  void initState() {
    super.initState();
    // Connect to your socket.io server
    socket = io.io('http://your_socket_server_url');
    socket.on('connect', (_) {
      print('Connected to server');
    });
    socket.on('message', (data) {
      print('Received message: $data');
    });
    socket.connect();
  }

  @override
  void dispose() {
    // Disconnect from the socket when the widget is disposed
    socket.disconnect();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Socket.io Flutter App'),
      ),
      body: Center(
        child: Text('Socket.io connection established!'),
      ),
    );
  }
}

// Replace these with your Pusher credentials
String appId = 'appid from railway app';
String key = 'key form railway app variables';
String secret = 'secrect from railway app variablesl';

PusherOptions options = PusherOptions(
  host: 'soketi-production-456c.up.railway.app',
  wsPort: 6001,
  encrypted: false,
);

pusher = PusherClient(
  key,
  PusherOptions(
    encrypted: true,
  ),
  enableLogging: true,
);

pusher.connect();

pusher.onConnectionStateChange((state) {
  print(
      "socket previousState: ${state!.previousState}, currentState: ${state.currentState}");
});

pusher.onConnectionError((error) {
  print("socket error: ${error!.message}");
});

void connectPusher() {
  print('Connecting to Pusher...');

  // Replace these with your Pusher credentials
  String appId = 'appid from railway app';
  String key = 'key from railway app variables';
  String secret = 'secret from railway app variables';

  PusherOptions options = PusherOptions(
    host: 'soketi-production-456c.up.railway.app',
    port: 6001,
    encrypted: false,
    cluster: 'your_cluster_name', // Replace with your Pusher cluster name
  );

  pusher = PusherClient(
    key,
    options,
    enableLogging: true,
  );

  pusher.connect();

  pusher.onConnectionStateChange((state) {
    print("socket previousState: ${state!.previousState}, currentState: ${state.currentState}");
  });

  pusher.onConnectionError((error) {
    print("socket error: ${error!.message}");
  });

  Channel channel = pusher.subscribe(widget.matchId);

  // Bind to listen for events called "order-status-updated" sent to "private-orders" channel
  channel.bind(widget.matchId, (PusherEvent? event) {
    print('Socket event data? ${event!.data}');
  });

  // Unsubscribe from channel
  // pusher.unsubscribe("private-orders");

  // Disconnect from pusher service
  // pusher.disconnect();
}