Added logStream to logger. Updated example code.

Signed-off-by: Hans Kokx <hans.d.kokx@gmail.com>
This commit is contained in:
2025-04-28 17:41:52 +02:00
parent 6a28b8d90e
commit 3fd38d3b26
2 changed files with 189 additions and 81 deletions
+171 -81
View File
@@ -1,3 +1,5 @@
import "dart:async";
import "package:arcane_framework/arcane_framework.dart"; import "package:arcane_framework/arcane_framework.dart";
import "package:example/config.dart"; import "package:example/config.dart";
import "package:example/interfaces/debug_auth_interface.dart"; import "package:example/interfaces/debug_auth_interface.dart";
@@ -78,102 +80,174 @@ class HomeScreen extends StatefulWidget {
} }
class _HomeScreenState extends State<HomeScreen> { class _HomeScreenState extends State<HomeScreen> {
late final StreamSubscription<String> _subscription;
final List<String> latestLogs = [];
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final bool isSignedIn = Arcane.auth.isSignedIn.value; final bool isSignedIn = Arcane.auth.isSignedIn.value;
return GridView.extent( return Column(
maxCrossAxisExtent: 300,
padding: const EdgeInsets.all(16),
children: [ children: [
Card( Expanded(
child: Padding( child: GridView.extent(
padding: const EdgeInsets.all(8.0), maxCrossAxisExtent: 300,
child: Column( padding: const EdgeInsets.all(16),
mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [
crossAxisAlignment: CrossAxisAlignment.stretch, Card(
children: [ child: Padding(
Text( padding: const EdgeInsets.all(8.0),
"Theme", child: Column(
style: Theme.of(context).textTheme.headlineSmall, mainAxisAlignment: MainAxisAlignment.spaceBetween,
), crossAxisAlignment: CrossAxisAlignment.stretch,
Column( children: [
children: [ Text(
Switch( "Theme",
value: Arcane.theme.currentTheme == ThemeMode.dark, style: Theme.of(context).textTheme.headlineSmall,
thumbIcon: WidgetStateProperty.resolveWith((states) { ),
if (states.contains(WidgetState.selected)) { Column(
return const Icon(Icons.dark_mode); children: [
} Switch(
return const Icon(Icons.light_mode); value: Arcane.theme.currentTheme == ThemeMode.dark,
}), thumbIcon:
onChanged: (_) { WidgetStateProperty.resolveWith((states) {
Arcane.theme.switchTheme(); if (states.contains(WidgetState.selected)) {
}, return const Icon(Icons.dark_mode);
), }
Row( return const Icon(Icons.light_mode);
mainAxisSize: MainAxisSize.min, }),
children: [ onChanged: (_) {
Checkbox( final ThemeMode oldTheme =
value: Arcane.theme.isFollowingSystemTheme, Arcane.theme.currentTheme;
onChanged: (value) { Arcane.theme.switchTheme();
if (value == true) { Arcane.log(
Arcane.theme.followSystemTheme(context); "Switching theme",
} else { metadata: {
Arcane.theme.switchTheme( "followingSystemTheme":
themeMode: Arcane.theme.systemTheme, "${Arcane.theme.isFollowingSystemTheme}",
"newMode": Arcane.theme.currentTheme.name,
"oldMode": oldTheme.name,
},
); );
} },
}, ),
), Row(
const Text("Follow system"), mainAxisSize: MainAxisSize.min,
], children: [
), Checkbox(
], value: Arcane.theme.isFollowingSystemTheme,
onChanged: (value) {
final ThemeMode oldTheme =
Arcane.theme.currentTheme;
if (value == true) {
Arcane.theme.followSystemTheme(context);
Arcane.log(
"Switching theme",
metadata: {
"followingSystemTheme":
"${Arcane.theme.isFollowingSystemTheme}",
"newMode":
Arcane.theme.currentTheme.name,
"oldMode": oldTheme.name,
},
);
} else {
Arcane.theme.switchTheme(
themeMode: Arcane.theme.systemTheme,
);
Arcane.log(
"Switching theme",
metadata: {
"followingSystemTheme":
"${Arcane.theme.isFollowingSystemTheme}",
"newMode":
Arcane.theme.currentTheme.name,
"oldMode": oldTheme.name,
},
);
}
},
),
const Text("Follow system"),
],
),
],
),
Text(
"The current theme mode is ${context.themeMode.name} and\n"
"is ${Arcane.theme.isFollowingSystemTheme ? "" : "not "}"
"following the system theme.",
),
],
),
), ),
Text( ),
"The current theme mode is ${context.themeMode.name} and\n" Card(
"is ${Arcane.theme.isFollowingSystemTheme ? "" : "not "}" child: Padding(
"following the system theme.", padding: const EdgeInsets.all(8.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Text(
"Authentication",
style: Theme.of(context).textTheme.headlineSmall,
),
ElevatedButton(
child: Text(isSignedIn ? "Sign out" : "Sign in"),
onPressed: () async {
if (isSignedIn) {
await Arcane.auth.logOut(
onLoggedOut: () async {
setState(() {});
},
);
} else {
await Arcane.auth.login<Credentials>(
input: (
email: "email",
password: "password",
),
onLoggedIn: () async {
setState(() {});
},
);
}
},
),
Center(
child: Text("Status: ${Arcane.auth.status.name}"),
),
],
),
), ),
], ),
), ],
), ),
), ),
Card( Padding(
child: Padding( padding: const EdgeInsets.all(16.0),
padding: const EdgeInsets.all(8.0), child: SizedBox(
height: 200,
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
Text( Text(
"Authentication", "Logging",
style: Theme.of(context).textTheme.headlineSmall, style: Theme.of(context).textTheme.headlineSmall,
), ),
ElevatedButton( if (latestLogs.isEmpty)
child: Text(isSignedIn ? "Sign out" : "Sign in"), Text(
onPressed: () async { "Log messages will appear here",
if (isSignedIn) { style: Theme.of(context).textTheme.labelSmall?.copyWith(
await Arcane.auth.logOut( fontStyle: FontStyle.italic,
onLoggedOut: () async {
setState(() {});
},
);
} else {
await Arcane.auth.login<Credentials>(
input: (
email: "email",
password: "password",
), ),
onLoggedIn: () async { ),
setState(() {}); Expanded(
}, child: ListView.builder(
); itemCount: latestLogs.length,
} itemBuilder: (context, index) {
}, return Text(latestLogs[index]);
), },
Center( ),
child: Text("Status: ${Arcane.auth.status.name}"),
), ),
], ],
), ),
@@ -182,4 +256,20 @@ class _HomeScreenState extends State<HomeScreen> {
], ],
); );
} }
@override
void initState() {
super.initState();
_subscription = Arcane.logger.logStream.listen((message) {
setState(() {
latestLogs.insert(0, message);
});
});
}
@override
void dispose() {
_subscription.cancel();
super.dispose();
}
} }
@@ -29,6 +29,16 @@ class ArcaneLogger {
/// Additional metadata that is included in all logs. /// Additional metadata that is included in all logs.
Map<String, String> get additionalMetadata => I._additionalMetadata; Map<String, String> get additionalMetadata => I._additionalMetadata;
final StreamController<String> _logStreamController =
StreamController<String>.broadcast(
onCancel: () {
I._logStreamController.close();
},
);
/// Stream of log messages being received and sent to the registered interfaces.
Stream<String> get logStream => I._logStreamController.stream;
bool _initialized = false; bool _initialized = false;
/// Whether the logger has been initialized. /// Whether the logger has been initialized.
@@ -241,6 +251,14 @@ class ArcaneLogger {
stackTrace: stackTrace, stackTrace: stackTrace,
extra: extra, extra: extra,
); );
_logStreamController.add(
"$message ${{
"level": level,
"metadata": metadata,
"extra": extra,
}}",
);
} }
} }