git-touch-android-ios-app/lib/widgets/blob_view.dart

import 'dart:convert';

import 'package:flutter/cupertino.dart';
import 'package:flutter_highlight/flutter_highlight.dart';
import 'package:flutter_highlight/theme_map.dart';
import 'package:git_touch/models/code.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/loading.dart';
import 'package:git_touch/widgets/markdown_view.dart';
import 'package:provider/provider.dart';

class BlobView extends StatelessWidget {
  const BlobView(
    this.name, {
    this.text,
    this.base64Text,
    this.networkUrl,
  });
  final String? name;
  final String? text;
  final String? base64Text;
  final String? networkUrl;

  String get _text => text ?? base64Text!.base64ToUtf8;

  @override
  Widget build(BuildContext context) {
    final codeProvider = Provider.of<CodeModel>(context);
    final theme = Provider.of<ThemeModel>(context);
    switch (name!.ext) {
      // TODO: All image types
      case 'png':
      case 'jpg':
      case 'jpeg':
      case 'gif':
      case 'webp':
        // return PhotoView(
        //   imageProvider: MemoryImage(Uint8List.fromList(bits)),
        //   backgroundDecoration: BoxDecoration(color: AntTheme.of(context).background),
        // );
        return base64Text == null
            ? Image.network(
                networkUrl!,
                loadingBuilder: (_, child, p) {
                  if (p == null) return child;
                  // TODO: progress
                  return const Loading();
                },
              )
            : Image.memory(base64.decode(base64Text!));
      case 'md':
      case 'markdown':
        return MarkdownFlutterView(_text);
      default:
        return SingleChildScrollView(
          scrollDirection: Axis.horizontal,
          child: HighlightView(
            _text,
            language: name!.ext ?? 'plaintext',
            theme: themeMap[theme.brightness == Brightness.dark
                ? codeProvider.themeDark
                : codeProvider.theme]!,
            padding: CommonStyle.padding,
            textStyle: codeProvider.fontStyle,
          ),
        );
    }
  }
}