feat: Add Widget Catalog with widgetbook

.cspell/framework-words.txt

@@ -41,6 +41,7 @@ unawaited
 unfocus
 utsname
 vsync
+widgetbook
 wireframe
 xcarchive
 xcconfig

.vscode/launch.json

@@ -4,6 +4,13 @@
     // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
     "version": "0.2.0",
     "configurations": [
+        {
+            "name": "widget_catalog",
+            "cwd": "packages/widget_catalog",
+            "program": "lib/main.dart",
+            "request": "launch",
+            "type": "dart"
+        },
         {
             "name": "flutter_app dev-debug",
             "cwd": "packages/flutter_app",

packages/widget_catalog/.gitignore

@@ -0,0 +1,55 @@
+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.buildlog/
+.history
+.svn/
+migrate_working_dir/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# Editor User Setting Files
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+!.vscode/*.code-snippets
+*.code-workspace
+!default.code-workspace
+.classpath
+.project
+
+# Flutter/Dart/Pub related
+**/doc/api/
+**/ios/Flutter/.last_build_id
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.packages
+.pub-cache/
+.pub/
+/build/
+flutter_*.png
+linked_*.ds
+unlinked.ds
+unlinked_spec.ds
+
+# Symbolication related
+app.*.symbols
+
+# Obfuscation related
+app.*.map.json
+
+# Android Studio will place build artifacts here
+/android/app/debug
+/android/app/profile
+/android/app/release

packages/widget_catalog/.metadata

@@ -0,0 +1,33 @@
+# This file tracks properties of this Flutter project.
+# Used by Flutter tool to assess capabilities and perform upgrades etc.
+#
+# This file should be version controlled and should not be manually edited.
+
+version:
+  revision: "5874a72aa4c779a02553007c47dacbefba2374dc"
+  channel: "stable"
+
+project_type: app
+
+# Tracks metadata for the flutter migrate command
+migration:
+  platforms:
+    - platform: root
+      create_revision: 5874a72aa4c779a02553007c47dacbefba2374dc
+      base_revision: 5874a72aa4c779a02553007c47dacbefba2374dc
+    - platform: macos
+      create_revision: 5874a72aa4c779a02553007c47dacbefba2374dc
+      base_revision: 5874a72aa4c779a02553007c47dacbefba2374dc
+    - platform: web
+      create_revision: 5874a72aa4c779a02553007c47dacbefba2374dc
+      base_revision: 5874a72aa4c779a02553007c47dacbefba2374dc
+
+  # User provided section
+
+  # List of Local paths (relative to this file) that should be
+  # ignored by the migrate tool.
+  #
+  # Files that are not part of the templates will be ignored by default.
+  unmanaged_files:
+    - 'lib/main.dart'
+    - 'ios/Runner.xcodeproj/project.pbxproj'

packages/widget_catalog/README.md

@@ -0,0 +1,3 @@
+# Widget Catalog
+
+Widget Catalog with flutter_app_template.

packages/widget_catalog/analysis_options.yaml

@@ -0,0 +1,4 @@
+include: package:altive_lints/altive_lints.yaml
+analyzer:
+  plugins:
+    - custom_lint

packages/widget_catalog/build.yaml

@@ -0,0 +1,8 @@
+targets:
+  $default:
+    builders:
+      widgetbook_generator:use_case_builder:
+        generate_for:
+          - lib/widgets/**
+      widgetbook_generator:telemetry:
+        enabled: false

packages/widget_catalog/lib/main.dart

@@ -0,0 +1,64 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:themes/themes.dart';
+import 'package:widgetbook/widgetbook.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart';
+
+import 'main.directories.g.dart';
+
+void main() {
+  runApp(const MainApp());
+}
+
+/// Widget Catalog app.
+@App()
+class MainApp extends StatelessWidget {
+  /// Creates a new instance of [MainApp].
+  const MainApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Widgetbook.material(
+      directories: directories,
+      lightTheme: lightThemeData,
+      darkTheme: darkThemeData,
+      addons: [
+        MaterialThemeAddon(
+          themes: [
+            WidgetbookTheme(name: 'Light', data: lightThemeData),
+            WidgetbookTheme(name: 'Dark', data: darkThemeData),
+          ],
+        ),
+        TextScaleAddon(
+          scales: [1.0, 2.0],
+        ),
+        LocalizationAddon(
+          locales: [
+            const Locale('en', 'US'),
+            const Locale('ja', 'JP'),
+          ],
+          localizationsDelegates: [
+            DefaultWidgetsLocalizations.delegate,
+            DefaultMaterialLocalizations.delegate,
+            DefaultCupertinoLocalizations.delegate,
+          ],
+        ),
+        InspectorAddon(enabled: true),
+        DeviceFrameAddon(
+          initialDevice: Devices.ios.iPhoneSE,
+          devices: [
+            Devices.ios.iPhoneSE,
+            Devices.ios.iPhone13ProMax,
+          ],
+        ),
+        GridAddon(44),
+        AlignmentAddon(),
+      ],
+      appBuilder: (context, child) {
+        return Scaffold(
+          body: child,
+        );
+      },
+    );
+  }
+}

packages/widget_catalog/lib/widgets/apple_auth_button.dart

@@ -0,0 +1,21 @@
+import 'package:convenient_widgets/convenient_widgets.dart';
+import 'package:flutter/material.dart';
+import 'package:widgetbook/widgetbook.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart';
+
+/// Builds an Apple authentication button.
+@UseCase(
+  name: 'Default',
+  type: AppleAuthButton,
+  path: '[Interactions]/buttons',
+)
+Widget buildAppleAuthButtonUseCase(BuildContext context) {
+  return AppleAuthButton(
+    onPressed: () {},
+    labelText: context.knobs.string(
+      label: 'Button label',
+      description: 'The text displayed on the button',
+      initialValue: 'Sign in with Apple',
+    ),
+  );
+}

packages/widget_catalog/lib/widgets/bubble_border.dart

@@ -0,0 +1,29 @@
+import 'package:convenient_widgets/convenient_widgets.dart';
+import 'package:flutter/material.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart';
+
+/// Builds an Apple authentication button.
+@UseCase(name: 'Left', type: ShapeDecoration)
+Widget leftBubbleBorderUseCase(BuildContext context) {
+  return Container(
+    width: 100,
+    height: 100,
+    decoration: ShapeDecoration(
+      shape: const BubbleBorder(),
+      color: Theme.of(context).colorScheme.surface,
+    ),
+  );
+}
+
+/// Builds an Apple authentication button.
+@UseCase(name: 'Right', type: ShapeDecoration)
+Widget rightBubbleBorderUseCase(BuildContext context) {
+  return Container(
+    width: 100,
+    height: 100,
+    decoration: ShapeDecoration(
+      shape: const BubbleBorder(destination: Destination.right),
+      color: Theme.of(context).colorScheme.surface,
+    ),
+  );
+}

packages/widget_catalog/lib/widgets/google_auth_button.dart

@@ -0,0 +1,13 @@
+import 'package:convenient_widgets/convenient_widgets.dart';
+import 'package:flutter/material.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart';
+
+/// Builds an Apple authentication button.
+@UseCase(
+  name: 'Default',
+  type: GoogleAuthButton,
+  path: '[Interactions]/buttons',
+)
+Widget buildGoogleAuthButtonUseCase(BuildContext context) {
+  return GoogleAuthButton(onPressed: () {});
+}

packages/widget_catalog/macos/.gitignore

@@ -0,0 +1,7 @@
+# Flutter-related
+**/Flutter/ephemeral/
+**/Pods/
+
+# Xcode-related
+**/dgph
+**/xcuserdata/

packages/widget_catalog/macos/Flutter/Flutter-Debug.xcconfig

@@ -0,0 +1 @@
+#include "ephemeral/Flutter-Generated.xcconfig"

packages/widget_catalog/macos/Flutter/Flutter-Release.xcconfig

@@ -0,0 +1 @@
+#include "ephemeral/Flutter-Generated.xcconfig"