phylum/client/lib/ui/explorer/resource_info_view.dart

import 'dart:async';

import 'package:drift/drift.dart' show TableOrViewStatements;
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:offtheline/offtheline.dart';
import 'package:phylum/libphylum/actions/action_resource.dart';
import 'package:phylum/libphylum/db/db.dart';
import 'package:phylum/libphylum/phylum_account.dart';
import 'package:phylum/ui/common/responsive_dialog.dart';
import 'package:phylum/ui/explorer/explorer_controller.dart';
import 'package:phylum/libphylum/phylum_api_types.dart';
import 'package:phylum/ui/explorer/mime_type_names.dart';
import 'package:phylum/ui/explorer/resource_permissions_view.dart';
import 'package:phylum/ui/explorer/resource_publinks_view.dart';
import 'package:phylum/ui/explorer/resource_sync_state.dart';
import 'package:phylum/ui/explorer/resource_versions_view.dart';
import 'package:phylum/util/file_size.dart';
import 'package:phylum/util/permissions.dart';
import 'package:phylum/util/time.dart';
import 'package:provider/provider.dart';
import 'package:state_notifier/state_notifier.dart';

import 'resource_icon_extension.dart';

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

  @override
  Widget build(BuildContext context) {
    final resource = context.select<ExplorerState, Resource?>((state) {
      return state.focussedIfSelected ?? state.folder;
    });

    if (resource == null) {
      return const Center(child: Text(''));
    }
    return Column(
      children: [
        DecoratedBox(
          position: DecorationPosition.foreground,
          decoration: BoxDecoration(
            border: Border(
              bottom: Divider.createBorderSide(context),
            ),
          ),
          child: ListTile(
            title: Text(resource.name, style: Theme.of(context).textTheme.bodyLarge),
          ),
        ),
        Expanded(child: SingleChildScrollView(child: ResourceInfoView(resource: resource))),
      ],
    );
  }
}

class ResourceInfoView extends StatelessWidget {
  final Resource resource;

  ResourceInfoView({required this.resource}) : super(key: ValueKey(resource.id));

  @override
  Widget build(BuildContext context) {
    final account = context.read<PhylumAccount>();
    final p = resource.inheritedPermissions.parsePermissionMap()..addAll(resource.grants.parsePermissionMap());
    final myPermission = p.remove(account.user.id) ?? 0;
    final repository = context.read<PhylumAccount>().userRepository;
    final entries = p.entries.toList(growable: false)..sort(((a, b) => a.key.compareTo(b.key)));
    final other = entries.map((e) => repository.getUserDisplayName(e.key)).join(', ');

    return ListTileTheme(
      data: ListTileThemeData(
        visualDensity: VisualDensity.adaptivePlatformDensity,
        titleTextStyle: Theme.of(context).textTheme.labelLarge,
        subtitleTextStyle: Theme.of(context).textTheme.bodyLarge,
      ),
      child: Column(
        children: [
          PendingActionsTile(resourceId: resource.id),
          resource.dir
              ? const ListTile(
                  leading: Icon(folderIcon),
                  title: Text('Type'),
                  subtitle: Text('Folder'),
                )
              : LatestVersionInfoView(resourceId: resource.id),
          ListTile(
            leading: const Icon(Icons.event),
            title: const Text('Created'),
            subtitle: Text(resource.created?.formatLong() ?? '--'),
          ),
          ListTile(
            leading: const Icon(Icons.edit_calendar),
            title: const Text('Modified'),
            subtitle: Text(resource.modified?.formatLong() ?? '--'),
          ),
          ListTile(
            leading: const Icon(Icons.account_circle),
            title: const Text('My Permissions'),
            subtitle: Text(myPermission.toStringFull()),
          ),
          ListTile(
            leading: const Icon(Icons.people),
            title: const Text('Others with Access'),
            subtitle: other.isEmpty ? const Text('--') : Text(other),
            onTap: () => showReponsiveDialog(
                context, 'Permissions', (context) => ResourcePermissionsView(resourceId: resource.id)),
          ),
          StreamBuilder<int>(
              stream: context.read<PhylumAccount>().db.countPublinks(resource.id).watchSingle(),
              initialData: 0,
              builder: (context, snapshot) {
                final count = snapshot.data ?? const [];
                return ListTile(
                  leading: const Icon(Icons.public),
                  title: const Text('Public Shares'),
                  subtitle: count == 0 ? const Text('--') : Text(count.toString()),
                  onTap: () => showReponsiveDialog(
                      context, 'Public Shares', (context) => ResourcePublinksView(resource: resource)),
                );
              }),
          StreamBuilder<List<ResourceVersion>>(
              stream: (account.db.resourceVersions.select()..where((v) => v.resourceId.equals(resource.id))).watch(),
              initialData: <ResourceVersion>[],
              builder: (context, snapshot) {
                final versions = snapshot.data;

                if (versions == null || versions.isEmpty) {
                  return SizedBox();
                }

                final latestVersion = versions.reduce((a, b) => a.created.isAfter(b.created) ? a : b);
                final availableVersions = versions.fold(-1, (acc, e) => acc + (e.deleted ? 0 : 1));
                bool showHumanSize = true;
                return Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    StatefulBuilder(
                        builder: (context, setState) => ListTile(
                              leading: const Icon(Icons.storage),
                              title: const Text('Size'),
                              onTap: () => setState(() => showHumanSize = !showHumanSize),
                              subtitle: Text(
                                  showHumanSize ? latestVersion.size.formatForDisplay() : '${latestVersion.size} B'),
                            )),
                    ListTile(
                      leading: const Icon(Icons.shield),
                      title: const Text('SHA-256'),
                      onTap: latestVersion.sha256.isEmpty
                          ? null
                          : () {
                              Clipboard.setData(ClipboardData(text: latestVersion.sha256));
                              ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                                content: Text('SHA-256 checksum copied to clipboard'),
                                duration: const Duration(seconds: 2),
                              ));
                            },
                      subtitle: Text(
                        latestVersion.sha256.isEmpty ? 'Unknown' : latestVersion.sha256.substring(0, 12),
                        maxLines: 1,
                        softWrap: false,
                        overflow: TextOverflow.fade,
                      ),
                    ),
                    if (versions.length > 1)
                      ListTile(
                        leading: const Icon(Icons.history),
                        title: const Text('Previous Versions'),
                        subtitle: Text('$availableVersions / ${versions.length - 1} available'),
                        onTap: () => showReponsiveDialog(
                            context, 'Version History', (context) => ResourceVersionsView(resourceId: resource.id)),
                      ),
                  ],
                );
              }),
        ],
      ),
    );
  }
}

class LatestVersionInfoView extends StatelessWidget {
  final String resourceId;

  const LatestVersionInfoView({super.key, required this.resourceId});

  @override
  Widget build(BuildContext context) {
    return StreamBuilder(
        stream: context.read<PhylumAccount>().db.latestVersion(resourceId).watchSingleOrNull(),
        builder: (context, snapshot) {
          final data = snapshot.data;

          if (data == null) {
            return const ListTile(
              leading: Icon(defaultFileIcon),
              title: Text('Type'),
              subtitle: Text(''),
            );
          }

          return ListTile(
            leading: data.getIcon(),
            title: Text('Type'),
            subtitle: Text('${mimeTypeName(data.mimeType)} \u2022 ${data.size.formatForDisplay()}'),
          );
        });
  }
}

class PendingActionsTile extends StatefulWidget {
  final String resourceId;

  const PendingActionsTile({super.key, required this.resourceId});

  @override
  State<PendingActionsTile> createState() => _PendingActionsTileState();
}

class _PendingActionsTileState extends State<PendingActionsTile> {
  RemoveListener? _removeListener;
  final Map<PhylumAction, RemoveListener> _listeners = {};
  final Map<PhylumAction, ActionStatus> _statusMap = {};

  @override
  void initState() {
    super.initState();
    _removeListener = context.read<PhylumActionQueue>().addListener((state) {
      final actions =
          state.actions.where((action) => action is ResourceAction && action.resourceId == widget.resourceId);
      for (final action in actions) {
        if (!_listeners.containsKey(action)) {
          _listeners[action] = action.statusNotifier.addListener((status) {
            if (_statusMap[action].runtimeType != status.runtimeType) {
              if (status is ActionStatusDone) {
                final l = _listeners.remove(action);
                _statusMap.remove(action);
                if (l != null) {
                  Future.microtask(() => l());
                }
              } else {
                _statusMap[action] = status;
              }
              if (mounted) {
                setState(() {});
              }
            }
          }, fireImmediately: true);
        }
      }
    }, fireImmediately: true);
  }

  @override
  void dispose() {
    _removeListener?.call();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        for (final e in _statusMap.entries)
          ListTile(
            visualDensity: VisualDensity.compact,
            dense: true,
            leading: Icon(ResourceSyncState.fromStatus(e.value).icon),
            title: Text(e.key.description, maxLines: 1),
          ),
      ],
    );
  }
}