Platform conditional user agent tracking for Plausible

lib/main.dart

@@ -8,7 +8,7 @@ import 'package:glimesh_app/blocs/repos/chat_messages_bloc.dart';
 import 'package:glimesh_app/blocs/repos/follow_bloc.dart';
 import 'package:glimesh_app/blocs/repos/settings_bloc.dart';
 import 'package:glimesh_app/screens/AppScreen.dart';
-import 'package:glimesh_app/track.dart';
+import 'package:glimesh_app/track/track.dart';
 import 'package:sentry_flutter/sentry_flutter.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:gettext_i18n/gettext_i18n.dart';

lib/screens/AppScreen.dart

@@ -8,7 +8,7 @@ import 'package:glimesh_app/screens/ProfileScreen.dart';
 import 'package:glimesh_app/screens/CategoryListScreen.dart';
 import 'package:glimesh_app/screens/FollowingScreen.dart';
 
-import 'package:glimesh_app/track.dart';
+import 'package:glimesh_app/track/track.dart';
 
 class AppScreen extends StatefulWidget {
   AppScreen({Key? key, required this.title}) : super(key: key);

lib/screens/CategoryListScreen.dart

@@ -8,7 +8,7 @@ import 'package:glimesh_app/blocs/repos/channel_list_bloc.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:glimesh_app/repository.dart';
 import 'package:gettext_i18n/gettext_i18n.dart';
-import 'package:glimesh_app/track.dart';
+import 'package:glimesh_app/track/track.dart';
 
 class CategoryListScreen extends StatelessWidget {
   @override

lib/screens/ChannelListScreen.dart

@@ -6,7 +6,7 @@ import 'package:glimesh_app/repository.dart';
 import 'package:glimesh_app/models.dart';
 import 'package:glimesh_app/blocs/repos/auth_bloc.dart';
 import 'package:gettext_i18n/gettext_i18n.dart';
-import 'package:glimesh_app/track.dart';
+import 'package:glimesh_app/track/track.dart';
 
 class ChannelListScreen extends StatelessWidget {
   @override

lib/screens/FollowingScreen.dart

@@ -7,7 +7,7 @@ import 'package:glimesh_app/components/Loading.dart';
 import 'package:glimesh_app/repository.dart';
 import 'package:glimesh_app/models.dart';
 import 'package:gettext_i18n/gettext_i18n.dart';
-import 'package:glimesh_app/track.dart';
+import 'package:glimesh_app/track/track.dart';
 
 class FollowingScreen extends StatelessWidget {
   @override

lib/screens/LoginScreen.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:glimesh_app/blocs/repos/auth_bloc.dart';
 import 'package:glimesh_app/glimesh.dart';
-import 'package:glimesh_app/track.dart';
+import 'package:glimesh_app/track/track.dart';
 import 'package:graphql_flutter/graphql_flutter.dart';
 import 'package:auto_size_text/auto_size_text.dart';
 import 'package:package_info_plus/package_info_plus.dart';

lib/track.dart → lib/track/mobile_track.dart

@@ -1,27 +1,18 @@
-library glimesh_app.track;
-
 import 'dart:io';
 import 'package:flutter/material.dart';
-import 'package:plausible_analytics/plausible_analytics.dart';
-
-const String serverUrl = "https://plausible.io";
-const String domain = "app.glimesh.tv";
+import 'package:glimesh_app/track/track.dart';
 
-final track = Plausible(
-  serverUrl,
-  domain,
-  userAgent: UserAgentBuilder.build(),
-);
+UserAgentBuilder getUserAgentBuilder() => MobileAgentBuilder();
 
-class UserAgentBuilder {
+class MobileAgentBuilder extends UserAgentBuilder {
   // Build to help Plausible figure out what our device usage is. Not perfect yet though!
-  static String build() {
+  String build() {
     String os = Platform.operatingSystem;
     String osVersion = Platform.operatingSystemVersion;
     String osString = "${os} ${osVersion}";
 
     if (Platform.isIOS) {
-      if (UserAgentBuilder.isTablet()) {
+      if (isTablet()) {
         os = "iPad";
       } else {
         os = "iPhone";

lib/track/stub_track.dart

@@ -0,0 +1,5 @@
+import 'package:glimesh_app/auth/handshake.dart';
+import 'package:glimesh_app/track/track.dart';
+
+UserAgentBuilder getUserAgentBuilder() =>
+    throw UnsupportedError("Cannot create an auth handshake");

lib/track/track.dart

@@ -0,0 +1,30 @@
+library glimesh_app.track;
+
+import 'package:plausible_analytics/plausible_analytics.dart';
+
+// Conditionally loads mobile / web libraries based on compiled build
+import 'package:glimesh_app/track/stub_track.dart'
+    if (dart.library.io) 'package:glimesh_app/track/mobile_track.dart'
+    if (dart.library.js) 'package:glimesh_app/track/web_track.dart';
+
+const String serverUrl = "https://plausible.io";
+const String domain = "app.glimesh.tv";
+
+final userAgentBuilder = UserAgentBuilder.instance;
+
+final track = Plausible(
+  serverUrl,
+  domain,
+  userAgent: userAgentBuilder.build(),
+);
+
+abstract class UserAgentBuilder {
+  static UserAgentBuilder? _instance;
+
+  static UserAgentBuilder get instance {
+    _instance ??= getUserAgentBuilder();
+    return _instance!;
+  }
+
+  String build();
+}

lib/track/web_track.dart

@@ -0,0 +1,11 @@
+import 'dart:html' show window;
+import 'package:glimesh_app/track/track.dart';
+
+UserAgentBuilder getUserAgentBuilder() => WebAgentBuilder();
+
+class WebAgentBuilder extends UserAgentBuilder {
+  // Pull the user agent directly from the window
+  String build() {
+    return window.navigator.userAgent;
+  }
+}