refactor: Add in code documentation and rename params for each component

examples/todo_list/macos/Runner/AppDelegate.swift

@@ -1,7 +1,7 @@
 import Cocoa
 import FlutterMacOS
 
-@NSApplicationMain
+@main
 class AppDelegate: FlutterAppDelegate {
   override func applicationShouldTerminateAfterLastWindowClosed(_ sender: NSApplication) -> Bool {
     return true

packages/remix/demo/lib/components/badge_use_case.dart

@@ -1,4 +1,3 @@
-import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
 import 'package:widgetbook/widgetbook.dart';
@@ -12,13 +11,13 @@ Widget buildAvatarUseCase(BuildContext context) {
   return Scaffold(
     body: Center(
       child: Badge(
-        variants: [
-          context.knobs.variant(FortalezaBadgeStyle.variants),
-        ],
         label: context.knobs.string(
           label: 'Label',
           initialValue: 'New',
         ),
+        variants: const [
+          // context.knobs.variant(FortalezaBadgeStyle.variants),
+        ],
       ),
     ),
   );

packages/remix/demo/lib/components/button_use_case.dart

@@ -16,32 +16,44 @@ Widget buildButtonUseCase(BuildContext context) {
     key: _key,
     child: Scaffold(
       body: Center(
-        child: Button(
-          variants: [
-            context.knobs.variant(FortalezaButtonStyle.variants),
-          ],
-          label: context.knobs.string(
-            label: 'Title',
-            initialValue: 'Button',
-          ),
-          onPressed: () {},
-          disabled: context.knobs.boolean(
-            label: 'Disabled',
-            initialValue: false,
-          ),
-          loading: context.knobs.boolean(
-            label: 'loading',
-            initialValue: false,
-          ),
-          iconLeft: context.knobs.iconData(
-            label: 'Icon left',
-            initialValue: null,
-          ),
-          iconRight: context.knobs.iconData(
-            label: 'Icon right',
-            initialValue: null,
-          ),
-        ),
+        child: Builder(builder: (context) {
+          return Button(
+            variants: [
+              context.knobs.variant(FortalezaButtonStyle.variants),
+            ],
+            label: context.knobs.string(
+              label: 'Title',
+              initialValue: 'Button',
+            ),
+            onPressed: () {
+              showToast(
+                context: context,
+                entry: ToastEntry(
+                  showDuration: const Duration(milliseconds: 800),
+                  builder: (context, actions) => const Toast(
+                    title: 'Button pressed',
+                  ),
+                ),
+              );
+            },
+            disabled: context.knobs.boolean(
+              label: 'Disabled',
+              initialValue: false,
+            ),
+            loading: context.knobs.boolean(
+              label: 'loading',
+              initialValue: false,
+            ),
+            iconLeft: context.knobs.iconData(
+              label: 'Icon left',
+              initialValue: null,
+            ),
+            iconRight: context.knobs.iconData(
+              label: 'Icon right',
+              initialValue: null,
+            ),
+          );
+        }),
       ),
     ),
   );

packages/remix/demo/lib/components/icon_button_use_case.dart

@@ -4,6 +4,7 @@ import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
+
 import '../helpers/knob_builder.dart';
 
 final _key = GlobalKey();
@@ -17,21 +18,32 @@ Widget buildButtonUseCase(BuildContext context) {
     key: _key,
     child: Scaffold(
       body: Center(
-        child: IconButton(
-          m.Icons.add,
-          variants: [
-            context.knobs.variant(FortalezaIconButtonStyle.variants),
-          ],
-          onPressed: () {},
-          disabled: context.knobs.boolean(
-            label: 'Disabled',
-            initialValue: false,
-          ),
-          loading: context.knobs.boolean(
-            label: 'loading',
-            initialValue: false,
-          ),
-        ),
+        child: Builder(builder: (context) {
+          return IconButton(
+            m.Icons.add,
+            variants: [
+              context.knobs.variant(FortalezaIconButtonStyle.variants),
+            ],
+            onPressed: () {
+              showToast(
+                context: context,
+                entry: ToastEntry(
+                  showDuration: const Duration(milliseconds: 800),
+                  builder: (context, actions) =>
+                      const Toast(title: 'Button pressed'),
+                ),
+              );
+            },
+            disabled: context.knobs.boolean(
+              label: 'Disabled',
+              initialValue: false,
+            ),
+            loading: context.knobs.boolean(
+              label: 'loading',
+              initialValue: false,
+            ),
+          );
+        }),
       ),
     ),
   );