chore: Refactor example app (#404)

Author: thelukewalton

.vscode/launch.json

@@ -32,6 +32,8 @@
       "type": "dart",
       "cwd": "example",
       "request": "launch",
+      "program": "lib/embedded.dart",
+      "deviceId": "chrome",
       "toolArgs": ["--dart-define=EMBEDDED=true"]
     }
   ]

example/.metadata

@@ -4,7 +4,7 @@
 # This file should be version controlled and should not be manually edited.
 
 version:
-  revision: "603104015dd692ea3403755b55d07813d5cf8965"
+  revision: "ac4e799d237041cf905519190471f657b657155a"
   channel: "stable"
 
 project_type: app
@@ -13,11 +13,11 @@ project_type: app
 migration:
   platforms:
     - platform: root
-      create_revision: 603104015dd692ea3403755b55d07813d5cf8965
-      base_revision: 603104015dd692ea3403755b55d07813d5cf8965
-    - platform: android
-      create_revision: 603104015dd692ea3403755b55d07813d5cf8965
-      base_revision: 603104015dd692ea3403755b55d07813d5cf8965
+      create_revision: ac4e799d237041cf905519190471f657b657155a
+      base_revision: ac4e799d237041cf905519190471f657b657155a
+    - platform: web
+      create_revision: ac4e799d237041cf905519190471f657b657155a
+      base_revision: ac4e799d237041cf905519190471f657b657155a
 
   # User provided section
 

example/lib/config/assets_config.dart

@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:zeta_example/config/components_config.dart' show ExampleWrap;
+import 'package:zeta_example/pages/assets/illustrations_example.dart' deferred as illustrations_example;
+import 'package:zeta_example/pages/assets/icons_example.dart' deferred as icons_example;
+
+const String iconsRoute = 'Icons';
+const String illustrationsRoute = 'Illustrations';
+
+final Map<String, ExampleWrap> assetExampleNames = {
+  iconsRoute: ExampleWrap(
+    pageBuilder: (context) => icons_example.IconsExample(),
+    loader: icons_example.loadLibrary,
+  ),
+  illustrationsRoute: ExampleWrap(
+    pageBuilder: (context) => illustrations_example.IllustrationsExample(),
+    loader: illustrations_example.loadLibrary,
+  ),
+};
+
+final assetRoutes = assetExampleNames.entries.map(
+  (e) => GoRoute(
+    path: e.key,
+    builder: (_, __) => FutureBuilder(
+        future: e.value.loader(),
+        builder: (context, asyncSnapshot) {
+          if (asyncSnapshot.connectionState == ConnectionState.waiting) {
+            return Center(child: CircularProgressIndicator());
+          }
+
+          if (asyncSnapshot.hasError) {
+            print('Error loading ${e.key}: ${asyncSnapshot.error}');
+            return Center(
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Icon(Icons.error, size: 48, color: Colors.red),
+                  SizedBox(height: 16),
+                  Text('Failed to load ${e.value}'),
+                  SizedBox(height: 8),
+                  Text('${asyncSnapshot.error}',
+                      textAlign: TextAlign.center, style: TextStyle(fontSize: 12, color: Colors.grey)),
+                ],
+              ),
+            );
+          }
+
+          if (asyncSnapshot.connectionState == ConnectionState.done) {
+            return e.value.pageBuilder.call(_);
+          }
+
+          return Center(child: CircularProgressIndicator());
+        }),
+  ),
+);