Marketing goldens, some theming, API refactor (#55)

Author: matthew-carroll

doc/marketing_goldens/flutter_test_config.dart

@@ -0,0 +1,17 @@
+import 'dart:async';
+import 'dart:io';
+
+import 'package:flutter_test_goldens/flutter_test_goldens.dart';
+import 'package:super_text_layout/super_text_layout.dart';
+
+Future<void> testExecutable(FutureOr<void> Function() testMain) async {
+  // Adjust the theme that's applied to all golden tests in this suite.
+  GoldenSceneTheme.push(GoldenSceneTheme.standard.copyWith(
+    directory: Directory("."),
+  ));
+
+  // Disable animations in Super Editor.
+  BlinkController.indeterminateAnimationsEnabled = false;
+
+  return testMain();
+}

doc/marketing_goldens/gallery/gallery.png

@@ -0,0 +1,114 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:flutter_test_goldens/flutter_test_goldens.dart';
+import 'package:shadcn_ui/shadcn_ui.dart';
+
+import '../shadcn_test_tools.dart';
+
+void main() {
+  group("Marketing >", () {
+    testGoldenScene("gallery", (tester) async {
+      FtgLog.initAllLogs();
+
+      // The following code is broken up so it can spread across multiple slides.
+      final gallery = Gallery(
+        "Gallery",
+        fileName: "gallery",
+        itemScaffold: shadcnItemScaffold,
+        layout: ShadcnGalleryLayout(
+          shadcnWordmarkProvider: shadcnWordmarkProvider,
+        ),
+      );
+
+      gallery
+          .itemFromWidget(
+            id: "1",
+            description: "Primary",
+            widget: ShadButton(
+              child: const Text('Primary'),
+              onPressed: () {},
+            ),
+          )
+          .itemFromWidget(
+            id: "2",
+            description: "Secondary",
+            widget: ShadButton.secondary(
+              child: const Text('Secondary'),
+              onPressed: () {},
+            ),
+          )
+          .itemFromWidget(
+            id: "3",
+            description: "Destructive",
+            widget: ShadButton.destructive(
+              child: const Text('Destructive'),
+              onPressed: () {},
+            ),
+          )
+          .itemFromWidget(
+            id: "4",
+            description: "Ghost",
+            widget: ShadButton.ghost(
+              child: const Text('Ghost'),
+              onPressed: () {},
+            ),
+          )
+          .itemFromWidget(
+            id: "5",
+            description: "Link",
+            widget: ShadButton.ghost(
+              child: const Text('Link'),
+              onPressed: () {},
+            ),
+          )
+          .itemFromWidget(
+            id: "6",
+            description: "Icon + Label",
+            widget: ShadButton(
+              onPressed: () {},
+              leading: const Icon(LucideIcons.mail),
+              child: const Text('Login with Email'),
+            ),
+          )
+          .itemFromBuilder(
+            id: "7",
+            description: "Loading",
+            builder: (context) {
+              return ShadButton(
+                onPressed: () {},
+                leading: SizedBox.square(
+                  dimension: 16,
+                  child: CircularProgressIndicator(
+                    strokeWidth: 2,
+                    color: ShadTheme.of(context).colorScheme.primaryForeground,
+                  ),
+                ),
+                child: const Text('Please wait'),
+              );
+            },
+          )
+          .itemFromWidget(
+            id: "8",
+            description: "Gradient + Shadow",
+            widget: ShadButton(
+              onPressed: () {},
+              gradient: const LinearGradient(colors: [
+                Colors.cyan,
+                Colors.indigo,
+              ]),
+              shadows: [
+                BoxShadow(
+                  color: Colors.blue.withOpacity(.4),
+                  spreadRadius: 4,
+                  blurRadius: 10,
+                  offset: const Offset(0, 2),
+                ),
+              ],
+              child: const Text('Gradient with Shadow'),
+            ),
+          );
+
+      await gallery.run(tester);
+    });
+  });
+}

doc/marketing_goldens/gallery/gallery_test.dart

@@ -0,0 +1,65 @@
+import 'dart:math';
+
+import 'package:flutter/material.dart';
+
+class AngledLinePainter extends CustomPainter {
+  AngledLinePainter({
+    required this.angleDegrees,
+    required this.gap,
+    required this.thickness,
+    required this.lineColor,
+    this.backgroundColor = Colors.transparent,
+  });
+
+  final double angleDegrees;
+  final double gap;
+  final double thickness;
+  final Color lineColor;
+  final Color backgroundColor;
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    final rect = Offset.zero & size;
+    canvas
+      ..save()
+      ..clipRect(rect);
+
+    // Fill background.
+    canvas.drawRect(rect, Paint()..color = backgroundColor);
+
+    // Draw lines.
+    final paint = Paint()
+      ..color = lineColor
+      ..strokeWidth = thickness;
+
+    final angleRadians = angleDegrees * pi / 180;
+
+    // Calculate line direction
+    final dx = cos(angleRadians);
+    final dy = sin(angleRadians);
+    final direction = Offset(dx, dy);
+    final perpendicular = Offset(-dy, dx); // unit perpendicular vector
+
+    // Calculate diagonal length to cover the canvas
+    final diagonal = sqrt(size.width * size.width + size.height * size.height);
+
+    // Center of canvas
+    final center = Offset(size.width / 2, size.height / 2);
+
+    // Number of lines needed to cover the canvas
+    final numLines = (diagonal / gap).ceil();
+
+    for (int i = -numLines; i <= numLines; i++) {
+      final offset = perpendicular * (i * gap);
+      final start = center + offset - direction * diagonal;
+      final end = center + offset + direction * diagonal;
+
+      canvas.drawLine(start, end, paint);
+    }
+
+    canvas.restore();
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
+}