Bug fixes

CHANGELOG.md

@@ -2,6 +2,9 @@
 
 All notable changes to this project will be documented in this file.
 
+## 9.0.0-dev-6
+* Move the `child` from `QuillToolbarConfigurations` into `QuillToolbar` directly
+
 ## 9.0.0-dev-5
 * The `QuillToolbar` is now accepting only `child` with no configurations so you can customize everything you wants, the `QuillToolbar.simple()` or `QuillSimpleToolbar` implements a simple toolbar that is based on `QuillToolbar`, you are free to use it but it just an example and not standard
 * Flutter Quill Extensions:

example/lib/presentation/quill/quill_editor.dart

@@ -33,6 +33,12 @@ class MyQuillEditor extends StatelessWidget {
       scrollController: scrollController,
       focusNode: focusNode,
       configurations: configurations.copyWith(
+        extraConfigurations: {
+          QuillEditorExtensionsConfigurations.key:
+              const QuillEditorExtensionsConfigurations(
+            assetsPrefix: 'dsadsasda', // Defaults to assets
+          ),
+        },
         customStyles: const DefaultStyles(
           h1: DefaultTextBlockStyle(
             TextStyle(
@@ -99,7 +105,7 @@ class MyQuillEditor extends StatelessWidget {
                       return getImageProviderByImageSource(
                         imageUrl,
                         imageProviderBuilder: null,
-                        assetsPrefix: QuillSharedExtensionsConfigurations.get(
+                        assetsPrefix: QuillEditorExtensionsConfigurations.get(
                                 context: context)
                             .assetsPrefix,
                       );

example/lib/presentation/quill/quill_screen.dart

@@ -3,7 +3,7 @@ import 'dart:convert' show jsonEncode;
 import 'package:flutter/material.dart';
 import 'package:flutter_quill/flutter_quill.dart';
 import 'package:flutter_quill_extensions/flutter_quill_extensions.dart'
-    show FlutterQuillEmbeds, QuillSharedExtensionsConfigurations;
+    show FlutterQuillEmbeds;
 
 import 'package:quill_html_converter/quill_html_converter.dart';
 import 'package:share_plus/share_plus.dart' show Share;
@@ -133,12 +133,7 @@ class _QuillScreenState extends State<QuillScreen> {
 
   QuillSharedConfigurations get _sharedConfigurations {
     return const QuillSharedConfigurations(
-      extraConfigurations: {
+        // locale: Locale('en'),
-        QuillSharedExtensionsConfigurations.key:
-            QuillSharedExtensionsConfigurations(
-          assetsPrefix: 'your-assets-folder-name', // Defaults to assets
-        ),
-      },
         );
   }
 }

example/lib/presentation/quill/quill_toolbar.dart

@@ -100,13 +100,14 @@ class MyQuillToolbar extends StatelessWidget {
           // For more info
           // https://github.com/singerdmx/flutter-quill/blob/master/doc/custom_toolbar.md
           return QuillToolbar(
-            configurations: QuillToolbarConfigurations(
+            configurations: const QuillToolbarConfigurations(
-              buttonOptions: const QuillToolbarButtonOptions(
+              buttonOptions: QuillToolbarButtonOptions(
                 base: QuillToolbarBaseButtonOptions(
                   globalIconSize: 20,
                   globalIconButtonFactor: 1.4,
                 ),
               ),
+            ),
             child: SingleChildScrollView(
               scrollDirection: Axis.horizontal,
               child: Row(
@@ -201,7 +202,6 @@ class MyQuillToolbar extends StatelessWidget {
                 ],
               ),
             ),
-            ),
           );
         }
         return QuillSimpleToolbar(

example/lib/presentation/simple/simple_screen.dart

@@ -18,6 +18,7 @@ class _SimpleScreenState extends State<SimpleScreen> {
       body: Column(
         children: [
           QuillToolbar.simple(
+            configurations:
                 QuillSimpleToolbarConfigurations(controller: _controller),
           ),
           Expanded(

flutter_quill_extensions/README.md

@@ -170,18 +170,16 @@ This works for all platforms except Web
 If you want to use image assets in the Quill Editor, you need to make sure your assets folder is `assets` otherwise:
 
 ```dart
-   QuillProvider(
+  QuillEditor.basic(
-     configurations: const QuillConfigurations(
+    configurations: const QuillEditorConfigurations(
-          sharedConfigurations: QuillSharedConfigurations(
+      // ...
       extraConfigurations: {
-              QuillSharedExtensionsConfigurations.key:
+        QuillEditorExtensionsConfigurations.key:
-                  QuillSharedExtensionsConfigurations(
+            QuillEditorExtensionsConfigurations(
           assetsPrefix: 'your-assets-folder-name', // Defaults to assets
         ),
       },
     ),
-        ),
-        child: ...,
   )
 ```
 

flutter_quill_extensions/lib/embeds/image/editor/image_embed.dart

@@ -47,12 +47,12 @@ class QuillEditorImageEmbedBuilder extends EmbedBuilder {
       alignment: alignment,
       height: height,
       width: width,
-      assetsPrefix: QuillSharedExtensionsConfigurations.get(context: context)
+      assetsPrefix: QuillEditorExtensionsConfigurations.get(context: context)
           .assetsPrefix,
     );
 
     final imageSaverService =
-        QuillSharedExtensionsConfigurations.get(context: context)
+        QuillEditorExtensionsConfigurations.get(context: context)
             .imageSaverService;
     return GestureDetector(
       onTap: configurations.onImageClicked ??

flutter_quill_extensions/lib/embeds/image/editor/image_menu.dart

@@ -184,7 +184,7 @@ class ImageOptionsMenu extends StatelessWidget {
               MaterialPageRoute(
                 builder: (_) => ImageTapWrapper(
                   assetsPrefix:
-                      QuillSharedExtensionsConfigurations.get(context: context)
+                      QuillEditorExtensionsConfigurations.get(context: context)
                           .assetsPrefix,
                   imageUrl: imageSource,
                   configurations: configurations,

flutter_quill_extensions/lib/embeds/image/toolbar/image_button.dart

@@ -116,7 +116,7 @@ class QuillToolbarImageButton extends StatelessWidget {
 
   Future<void> _onPressedHandler(BuildContext context) async {
     final imagePickerService =
-        QuillSharedExtensionsConfigurations.get(context: context)
+        QuillEditorExtensionsConfigurations.get(context: context)
             .imagePickerService;
 
     final onRequestPickImage =

flutter_quill_extensions/lib/embeds/others/camera_button/camera_button.dart

@@ -132,7 +132,7 @@ class QuillToolbarCameraButton extends StatelessWidget {
     QuillController controller,
   ) async {
     final imagePickerService =
-        QuillSharedExtensionsConfigurations.get(context: context)
+        QuillEditorExtensionsConfigurations.get(context: context)
             .imagePickerService;
 
     final cameraAction = await _getCameraAction(context);

flutter_quill_extensions/lib/embeds/video/toolbar/video_button.dart

@@ -115,7 +115,7 @@ class QuillToolbarVideoButton extends StatelessWidget {
 
   Future<void> _onPressedHandler(BuildContext context) async {
     final imagePickerService =
-        QuillSharedExtensionsConfigurations.get(context: context)
+        QuillEditorExtensionsConfigurations.get(context: context)
             .imagePickerService;
 
     final onRequestPickVideo = options.videoConfigurations.onRequestPickVideo;

flutter_quill_extensions/lib/models/config/shared_configurations.dart

@@ -5,37 +5,10 @@ import 'package:meta/meta.dart' show immutable;
 import '../../services/image_picker/s_image_picker.dart';
 import '../../services/image_saver/s_image_saver.dart';
 
-/// Configurations for Flutter Quill Extensions
+/// Configurations for Flutter Quill Editor Extensions
-/// that is shared between the toolbar and editor for the extensions package
-///
-/// Example on how to setup it:
-///
-/// ```dart
-/// QuillProvider(
-///   configurations: QuillConfigurations(
-///     sharedConfigurations: const QuillSharedConfigurations(
-///       extraConfigurations: {
-///         QuillSharedExtensionsConfigurations.key:
-///             QuillSharedExtensionsConfigurations(
-///  // Feel free to explore it
-///         ),
-///       },
-///     ),
-///     controller: _controller,
-///   ),
-///   child: const Column(
-///     children: [
-///       // QuillToolbar
-///       // QuillEditor
-///       // ...
-///     ],
-//   ),
-/// )
-/// ```
-///
 @immutable
-class QuillSharedExtensionsConfigurations {
+class QuillEditorExtensionsConfigurations {
-  const QuillSharedExtensionsConfigurations({
+  const QuillEditorExtensionsConfigurations({
     ImagePickerService? imagePickerService,
     ImageSaverService? imageSaverService,
     this.assetsPrefix = 'assets',
@@ -44,30 +17,28 @@ class QuillSharedExtensionsConfigurations {
 
   /// Get the instance from the widget tree in [QuillSharedConfigurations]
   /// if it doesn't exists, we will create new one with default options
-  factory QuillSharedExtensionsConfigurations.get({
+  factory QuillEditorExtensionsConfigurations.get({
     required BuildContext context,
   }) {
-    final quillSharedExtensionsConfigurations =
+    final value = context.quillEditorConfigurations?.extraConfigurations[key];
-        context.quillSharedConfigurations?.extraConfigurations[key];
+    if (value != null) {
-    if (quillSharedExtensionsConfigurations != null) {
+      if (value is! QuillEditorExtensionsConfigurations) {
-      if (quillSharedExtensionsConfigurations
-          is! QuillSharedExtensionsConfigurations) {
         throw ArgumentError(
           'The value of key `$key` should be of type '
-          'QuillSharedExtensionsConfigurations',
+          '$key',
         );
       }
-      return quillSharedExtensionsConfigurations;
+      return value;
     }
-    return const QuillSharedExtensionsConfigurations();
+    return const QuillEditorExtensionsConfigurations();
   }
 
   /// The key to be used in the `extraConfigurations` property
   /// which can be found in the [QuillSharedConfigurations]
   /// which lives in the [QuillConfigurations]
   ///
-  /// which exists in the [QuillProvider]
+  /// which exists in the [QuillEditorConfigurations]
-  static const String key = 'quillSharedExtensionsConfigurations';
+  static const String key = 'QuillEditorExtensionsConfigurations';
 
   /// Defaults to [ImagePickerService.defaultImpl]
   final ImagePickerService? _imagePickerService;

lib/src/extensions/quill_controller_ext.dart

@@ -5,7 +5,7 @@ import 'quill_configurations_ext.dart';
 
 extension QuillControllerNullableExt on QuillController? {
   /// Simple logic to use the current passed controller if not null
-  /// if null then we will have to use the default one from [QuillProvider]
+  /// if null then we will have to use the default one
   /// using the [context]
   QuillController notNull(BuildContext context) {
     final controller = this;

lib/src/models/config/editor/editor_configurations.dart

@@ -75,10 +75,14 @@ class QuillEditorConfigurations extends Equatable {
     this.builder,
     this.magnifierConfiguration,
     this.textInputAction = TextInputAction.newline,
+    this.extraConfigurations = const {},
   });
 
   final QuillSharedConfigurations sharedConfigurations;
 
+  /// Store custom configurations in here and use it in the widget tree
+  final Map<String, Object?> extraConfigurations;
+
   final QuillController controller;
 
   /// The text placeholder in the quill editor
@@ -338,6 +342,8 @@ class QuillEditorConfigurations extends Equatable {
   // regenerate this function using extension in vs code or plugin in intellij
 
   QuillEditorConfigurations copyWith({
+    QuillSharedConfigurations? sharedConfigurations,
+    Map<String, Object?>? extraConfigurations,
     QuillController? controller,
     String? placeholder,
     bool? readOnly,
@@ -384,6 +390,8 @@ class QuillEditorConfigurations extends Equatable {
     TextInputAction? textInputAction,
   }) {
     return QuillEditorConfigurations(
+      sharedConfigurations: sharedConfigurations ?? this.sharedConfigurations,
+      extraConfigurations: extraConfigurations ?? this.extraConfigurations,
       controller: controller ?? this.controller,
       placeholder: placeholder ?? this.placeholder,
       readOnly: readOnly ?? this.readOnly,

lib/src/models/config/quill_shared_configurations.dart

@@ -15,7 +15,6 @@ class QuillSharedConfigurations extends Equatable {
     this.dialogBarrierColor = Colors.black54,
     this.dialogTheme,
     this.locale,
-    this.extraConfigurations = const {},
   });
 
   // This is just example or showcase of this major update to make the library
@@ -34,9 +33,6 @@ class QuillSharedConfigurations extends Equatable {
   /// `MaterialApp` or `WidgetsApp`
   final Locale? locale;
 
-  /// Store custom configurations in here and use it in the widget tree
-  final Map<String, Object?> extraConfigurations;
-
   @override
   List<Object?> get props => [
         dialogBarrierColor,

lib/src/models/config/toolbar/buttons/base_configurations.dart

@@ -1,4 +1,3 @@
-// ignore_for_file: public_member_api_docs, sort_constructors_first
 import 'package:equatable/equatable.dart';
 import 'package:flutter/foundation.dart' show VoidCallback, immutable;
 import 'package:flutter/widgets.dart' show BuildContext, IconData, Widget;
@@ -82,7 +81,7 @@ class QuillToolbarBaseButtonOptions<T, I> extends Equatable {
   /// If you want to dispaly a differnet widget based using a builder
   final QuillToolbarButtonOptionsChildBuilder<T, I> childBuilder;
 
-  /// By default it will be from the one in [QuillProvider]
+  /// By default it will be from the one in [QuillEditor] or [QuillToolbar]
   /// To override it you must pass not null controller
   /// if you wish to use the controller in the [childBuilder], please use the
   /// one from the extraOptions since it will be not null and will be the one

lib/src/models/config/toolbar/toolbar_configurations.dart

@@ -1,5 +1,4 @@
-// ignore_for_file: public_member_api_docs, sort_constructors_first
+import 'package:flutter/widgets.dart' show immutable;
-import 'package:flutter/widgets.dart' show Widget, immutable;
 
 import '../../../widgets/toolbar/base_toolbar.dart';
 import 'toolbar_shared_configurations.dart';
@@ -7,7 +6,6 @@ import 'toolbar_shared_configurations.dart';
 @immutable
 class QuillToolbarConfigurations extends QuillSharedToolbarProperties {
   const QuillToolbarConfigurations({
-    required this.child,
     super.sharedConfigurations,
 
     /// Note this only used when you using the quill toolbar buttons like
@@ -15,8 +13,6 @@ class QuillToolbarConfigurations extends QuillSharedToolbarProperties {
     super.buttonOptions = const QuillToolbarButtonOptions(),
   });
 
-  final Widget child;
-
   @override
   List<Object?> get props => [];
 }

lib/src/widgets/toolbar/base_toolbar.dart

@@ -30,17 +30,20 @@ typedef QuillBaseToolbarChildrenBuilder = List<Widget> Function(
 
 class QuillToolbar extends StatelessWidget implements PreferredSizeWidget {
   const QuillToolbar({
-    required this.configurations,
+    required this.child,
+    this.configurations = const QuillToolbarConfigurations(),
     super.key,
   });
 
   static QuillSimpleToolbar simple(
-      QuillSimpleToolbarConfigurations configurations) {
+      {required QuillSimpleToolbarConfigurations configurations}) {
     return QuillSimpleToolbar(
       configurations: configurations,
     );
   }
 
+  final Widget child;
+
   final QuillToolbarConfigurations configurations;
 
   // We can't get the modified [toolbarSize] by the developer
@@ -57,7 +60,7 @@ class QuillToolbar extends StatelessWidget implements PreferredSizeWidget {
     return FlutterQuillLocalizationsWidget(
       child: QuillToolbarProvider(
         toolbarConfigurations: configurations,
-        child: configurations.child,
+        child: child,
       ),
     );
   }

lib/src/widgets/toolbar/simple_toolbar.dart

@@ -428,6 +428,7 @@ class QuillSimpleToolbar extends StatelessWidget
       child: QuillToolbar(
         configurations: QuillToolbarConfigurations(
           buttonOptions: configurations.buttonOptions,
+        ),
         child: Builder(
           builder: (context) {
             if (configurations.multiRowsDisplay) {
@@ -462,7 +463,6 @@ class QuillSimpleToolbar extends StatelessWidget
           },
         ),
       ),
-      ),
     );
   }
 

lib/src/widgets/utils/provider.dart

@@ -44,7 +44,7 @@ class QuillSimpleToolbarProvider extends InheritedWidget {
             'You might using QuillToolbar so make sure to'
             ' wrap them with the quill provider widget and setup the required '
             'configurations',
-        'QuillProvider',
+        'QuillSimpleToolbarProvider',
       );
     }
     return provider;
@@ -102,7 +102,7 @@ class QuillToolbarProvider extends InheritedWidget {
             'You might using QuillBaseToolbar so make sure to'
             ' wrap them with the quill provider widget and setup the required '
             'configurations',
-        'QuillProvider',
+        'QuillToolbarProvider',
       );
     }
     return provider;
@@ -159,7 +159,7 @@ class QuillEditorProvider extends InheritedWidget {
             'You might using QuillEditor so make sure to'
             ' wrap them with the quill provider widget and setup the required '
             'configurations',
-        'QuillProvider',
+        'QuillEditorProvider',
       );
     }
     return provider;