feat: Add svg support to flutter (#498)

* feat: Add svg support for flutter_gen and add `CatalystSvgPicture` wrapper.

* feat: Add Catalyst SVG logo version.

catalyst_voices/lib/pages/coming_soon/logo.dart

@@ -12,8 +12,9 @@ class ComingSoonLogo extends StatelessWidget {
     return Row(
       crossAxisAlignment: CrossAxisAlignment.end,
       children: [
-        CatalystImage.asset(
-          VoicesAssets.images.logo.path,
+        CatalystSvgPicture.asset(
+          VoicesAssets.images.catalystLogo.path,
+          width: 202,
         ),
         Container(
           margin: const EdgeInsets.only(left: 13, bottom: 6),

catalyst_voices/packages/catalyst_voices_assets/lib/src/catalyst_image.dart

@@ -1,12 +1,12 @@
 import 'package:flutter/widgets.dart';
 
-/// [CatalystImage] is a wrapper around [Image.asset] that sets the package
-/// property to `catalyst_voices_assets` by default.
-/// This allows the package to be used without having to specify
-/// the package name every time.
+/// [CatalystImage] extends [Image] to have an asset constructor
+/// tat sets the package property to `catalyst_voices_assets` by default.
+/// This allows to use the asset without having to specify the package name
+/// every time.
 /// For more information, see [Image.asset].
-final class CatalystImage {
-  static Image asset(
+final class CatalystImage extends Image {
+  CatalystImage.asset(
     String name, {
     AssetBundle? bundle,
     ImageFrameBuilder? frameBuilder,
@@ -30,31 +30,29 @@ final class CatalystImage {
     FilterQuality filterQuality = FilterQuality.low,
     int? cacheWidth,
     int? cacheHeight,
-  }) {
-    return Image.asset(
-      name,
-      bundle: bundle,
-      frameBuilder: frameBuilder,
-      errorBuilder: errorBuilder,
-      semanticLabel: semanticLabel,
-      excludeFromSemantics: excludeFromSemantics,
-      scale: scale,
-      width: width,
-      height: height,
-      color: color,
-      opacity: opacity,
-      colorBlendMode: colorBlendMode,
-      fit: fit,
-      alignment: alignment,
-      repeat: repeat,
-      centerSlice: centerSlice,
-      matchTextDirection: matchTextDirection,
-      gaplessPlayback: gaplessPlayback,
-      isAntiAlias: isAntiAlias,
-      filterQuality: filterQuality,
-      cacheWidth: cacheWidth,
-      cacheHeight: cacheHeight,
-      package: package,
-    );
-  }
+  }) : super.asset(
+          name,
+          bundle: bundle,
+          frameBuilder: frameBuilder,
+          errorBuilder: errorBuilder,
+          semanticLabel: semanticLabel,
+          excludeFromSemantics: excludeFromSemantics,
+          scale: scale,
+          width: width,
+          height: height,
+          color: color,
+          opacity: opacity,
+          colorBlendMode: colorBlendMode,
+          fit: fit,
+          alignment: alignment,
+          repeat: repeat,
+          centerSlice: centerSlice,
+          matchTextDirection: matchTextDirection,
+          gaplessPlayback: gaplessPlayback,
+          isAntiAlias: isAntiAlias,
+          filterQuality: filterQuality,
+          cacheWidth: cacheWidth,
+          cacheHeight: cacheHeight,
+          package: package,
+        );
 }

catalyst_voices/packages/catalyst_voices_assets/lib/src/catalyst_svg_picture.dart

@@ -0,0 +1,43 @@
+import 'package:flutter/widgets.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+/// [CatalystSvgPicture] extends [SvgPicture] to have an asset constructor
+/// tat sets the package property to `catalyst_voices_assets` by default.
+/// This allows to use the asset without having to specify the package name
+/// every time.
+/// For more information, see [SvgPicture.asset].
+final class CatalystSvgPicture extends SvgPicture {
+  CatalystSvgPicture.asset(
+    String name, {
+    AssetBundle? bundle,
+    String? semanticsLabel,
+    bool excludeFromSemantics = false,
+    double? width,
+    double? height,
+    BoxFit fit = BoxFit.contain,
+    Alignment alignment = Alignment.center,
+    bool matchTextDirection = false,
+    String package = 'catalyst_voices_assets',
+    bool allowDrawingOutsideViewBox = false,
+    Widget Function(BuildContext)? placeholderBuilder,
+    Clip clipBehavior = Clip.hardEdge,
+    SvgTheme? theme,
+    ColorFilter? colorFilter,
+  }) : super.asset(
+          name,
+          bundle: bundle,
+          semanticsLabel: semanticsLabel,
+          excludeFromSemantics: excludeFromSemantics,
+          width: width,
+          height: height,
+          fit: fit,
+          alignment: alignment,
+          matchTextDirection: matchTextDirection,
+          package: package,
+          allowDrawingOutsideViewBox: allowDrawingOutsideViewBox,
+          placeholderBuilder: placeholderBuilder,
+          clipBehavior: clipBehavior,
+          theme: theme,
+          colorFilter: colorFilter,
+        );
+}

catalyst_voices/packages/catalyst_voices_assets/lib/src/catalyst_voices_assets.dart

@@ -2,3 +2,4 @@ export 'package:catalyst_voices_assets/generated/assets.gen.dart';
 export 'package:catalyst_voices_assets/generated/colors.gen.dart';
 export 'package:catalyst_voices_assets/generated/fonts.gen.dart';
 export 'package:catalyst_voices_assets/src/catalyst_image.dart';
+export 'package:catalyst_voices_assets/src/catalyst_svg_picture.dart';

catalyst_voices/packages/catalyst_voices_assets/pubspec.yaml

@@ -10,6 +10,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  flutter_svg: ^2.0.10+1
 
 dev_dependencies:
   build_runner: ^2.3.3
@@ -43,4 +44,6 @@ flutter_gen:
     outputs:
       class_name: VoicesColors
     inputs:
-      - assets/colors/colors.xml
+      - assets/colors/colors.xml
+  integrations:
+    flutter_svg: true