Document Connections

import { useDocumentConnection } from "@meshagent/meshagent-react";

export function DocumentView({ room }: { room: any }) {
  const { document, error, loading } = useDocumentConnection({
    room,
    path: "/notes/thread.thread",
  });

  if (loading) return <div>Loading document...</div>;
  if (error) return <div>Error: {String(error)}</div>;
  if (!document) return <div>No document</div>;

  return <div>Connected to document {document.id}</div>;
}

import 'package:flutter/widgets.dart';
import 'package:meshagent/meshagent.dart';
import 'package:meshagent_flutter/meshagent_flutter.dart';

class SampleWidget extends StatelessWidget {
  const SampleWidget({
    super.key,
    required this.room,
    required this.path,
  });

  final RoomClient room;
  final String path;

  @override
  Widget build(BuildContext context) {
    return DocumentConnectionScope(
      path: path,
      room: room,
      builder: (context, document, error) {
        if (error != null) {
          return Text('Error: $error');
        }

        if (document == null) {
          return Text('Loading...');
        }

        return Text('Document loaded: ${document.id}');
      },
    );
  }
}