TubeCards/lib/widgets/editor/card_side_editor.dart

import 'package:flutter/material.dart';
import 'package:flutter_cache_manager/flutter_cache_manager.dart';
import 'package:flutter_quill/flutter_quill.dart';
import 'package:uuid/uuid.dart';

import '../../main.dart';
import 'editor_style.dart';
import 'editor_utils.dart';
import 'embed_divider_builder.dart';
import 'embed_image_builder.dart';

/// Editor for a single side of a card.
class CardSideEditor extends StatelessWidget {
  const CardSideEditor({
    required this.controller,
    required this.focusNode,
    this.placeholder,
    this.readOnly = false,
    this.contentPadding = const EdgeInsets.all(24),
    Key? key,
  }) : super(key: key);

  final QuillController controller;

  /// Placeholder that will be displayed when the editor is empty.
  ///
  /// The placeholder will no longer be displayed as soon as text is entered or
  /// a block formatting option is selected.
  final String? placeholder;

  final FocusNode? focusNode;

  final bool readOnly;

  final EdgeInsets contentPadding;

  @override
  Widget build(BuildContext context) {
    return QuillEditor(
      controller: controller,
      scrollController: ScrollController(),
      scrollable: true,
      focusNode: focusNode!,
      autoFocus: false,
      readOnly: readOnly,
      placeholder: placeholder,
      expands: false,
      padding: contentPadding,
      embedBuilders: <EmbedBuilder>[
        EmbedDividerBuilder(),
        EmbedImageBuilder(),
      ],
      customStyles: buildEditorStyle(context),
      onImagePaste: (bytes) async {
        final uriPath = buildUriPath('${const Uuid().v1()}.png');

        await getIt<BaseCacheManager>().putFile(
          uriPath,
          bytes,
          fileExtension: '.png',
        );
        return uriPath;
      },
    );
  }
}