Carlene/mixpanel (#36)

* fix: change secrets env target path * feat(service): initializing mixpanel service * add env * feat(service): add mixpanels * fix: add params * fix: clean code --------- Co-authored-by: Veloraine <[email protected]> Co-authored-by: Yudha Haris Purnama <[email protected]>
ristekoss · Dec 9, 2023 · 16877a8 · 16877a8
1 parent 08614ce
commit 16877a8
Show file tree

Hide file tree

Showing 22 changed files with 312 additions and 159 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,25 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "ulaskelas-frontend",
+            "request": "launch",
+            "type": "dart"
+        },
+        {
+            "name": "ulaskelas-frontend (profile mode)",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "profile"
+        },
+        {
+            "name": "ulaskelas-frontend (release mode)",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "release"
+        }
+    ]
+}
diff --git a/lib/core/environment/config.dart b/lib/core/environment/config.dart
@@ -38,6 +38,7 @@ class Config {
       await HiveDataBaseService.init();
     }
     await Pref.init();
+    await MixpanelService.init();
 
     // TODO(fauzi): Implement notification plugin
     // await notificationPlugin.init();
@@ -55,6 +56,7 @@ class Config {
   }
 
   static bool get isDevelopment => appFlavor == Flavor.development;
+
   static BaseConfig get baseConfig => _baseConfig()!;
 
   static BaseConfig? _baseConfig() {
@@ -74,8 +76,10 @@ class Config {
 
 class BaseConfig {
   const BaseConfig({
-    required this.endpoints, this.assetAbsolutePath = Constants.assetPath,
+    required this.endpoints,
+    this.assetAbsolutePath = Constants.assetPath,
   });
+
   final String assetAbsolutePath;
   final BaseEndpoints endpoints;
 }

diff --git a/lib/core/environment/secrets.dart b/lib/core/environment/secrets.dart
@@ -2,10 +2,12 @@ import 'package:envied/envied.dart';
 
 part 'secrets.g.dart';
 
-@Envied(name: 'Secret', path: '.env.example')
+@Envied(name: 'Secret', path: '.env')
 abstract class Secret {
   @EnviedField(varName: 'BASE_URL_DEV')
   static const String baseUrlDev = _Secret.baseUrlDev;
   @EnviedField(varName: 'BASE_URL_PROD')
   static const String baseUrlProd = _Secret.baseUrlProd;
+  @EnviedField(varName: 'MIXPANEL_TOKEN')
+  static const String mixpanelToken = _Secret.mixpanelToken;
 }
diff --git a/lib/core/utils/util.dart b/lib/core/utils/util.dart
@@ -0,0 +1,23 @@
+String getFinalGrade(double score) {
+  var grade = 'E';
+  switch (score) {
+    case  >= 85:
+      grade = 'A';
+    case  >= 80:
+      grade = 'A-';
+    case  >= 75:
+      grade = 'B+';
+    case  >= 70:
+      grade = 'B';
+    case  >= 65:
+      grade = 'B-';
+    case  >= 60:
+      grade = 'C+';
+    case  >= 55:
+      grade = 'C';
+    case  >= 40:
+      grade = 'D';
+  }
+
+  return grade;
+}
diff --git a/lib/features/kalkulator/presentation/pages/_pages.dart b/lib/features/kalkulator/presentation/pages/_pages.dart
@@ -7,7 +7,9 @@ import 'package:states_rebuilder/states_rebuilder.dart';
 import 'package:ulaskelas/core/bases/states/_states.dart';
 import 'package:ulaskelas/core/constants/_constants.dart';
 import 'package:ulaskelas/core/theme/_theme.dart';
+import 'package:ulaskelas/core/utils/util.dart';
 import 'package:ulaskelas/features/kalkulator/domain/entities/query_calculator.dart';
+import 'package:ulaskelas/services/_services.dart';
 import '../../../matkul/main/domain/entities/query_search_course.dart';
 import '../../../matkul/search/presentation/states/_states.dart';
 import '../../../matkul/search/presentation/widgets/_widgets.dart';

diff --git a/lib/features/kalkulator/presentation/pages/kalkulator_page.dart b/lib/features/kalkulator/presentation/pages/kalkulator_page.dart
@@ -36,9 +36,9 @@ class _CalculatorPageState extends BaseStateful<CalculatorPage> {
 
   @override
   Widget buildNarrowLayout(
-      BuildContext context,
-      SizingInformation sizeInfo,
-      ) {
+    BuildContext context,
+    SizingInformation sizeInfo,
+  ) {
     return SafeArea(
       child: RefreshIndicator(
         key: refreshIndicatorKey,
@@ -82,8 +82,11 @@ Kamu Belum memiliki kalkulator nilai tersimpan. Silakan tambahkan terlebih dahul
                         width: double.infinity,
                         text: 'Tambah Mata Kuliah',
                         backgroundColor: BaseColors.purpleHearth,
-                        onPressed: () =>
-                            nav.goToSearchCourseCalculatorPage(),
+                        onPressed: () {
+                          nav.goToSearchCourseCalculatorPage();
+                          // ignore: lines_longer_than_80_chars
+                          MixpanelService.track('calculator_add_course');
+                        },
                       ),
                     ],
                   ),
@@ -97,7 +100,7 @@ Kamu Belum memiliki kalkulator nilai tersimpan. Silakan tambahkan terlebih dahul
                     padding: const EdgeInsets.all(20),
                     itemCount: calculatorRM.state.calculators.length + 1,
                     itemBuilder: (context, index) {
-                      if (index == calculators.length){
+                      if (index == calculators.length) {
                         return Padding(
                           padding: const EdgeInsets.symmetric(
                             vertical: 20,
@@ -116,19 +119,27 @@ Kamu Belum memiliki kalkulator nilai tersimpan. Silakan tambahkan terlebih dahul
                         model: calculator,
                         onTap: () {
                           nav.goToComponentCalculatorPage(
-                              calculatorId: calculator.id!,
-                              courseName: calculator.courseName!,
-                              totalScore: calculator.totalScore!,
-                              totalPercentage: calculator.totalPercentage!,
+                            calculatorId: calculator.id!,
+                            courseName: calculator.courseName!,
+                            totalScore: calculator.totalScore!,
+                            totalPercentage: calculator.totalPercentage!,
+                          );
+                          MixpanelService.track(
+                            'calculator_view_course',
+                            params: {
+                              'course_id': calculator.courseName!,
+                              'final_letter_grade': getFinalGrade(
+                                  calculator.totalScore!,),
+                              'final_grade': calculator.totalScore.toString(),
+                            },
                           );
                         },
                       );
                     },
                     separatorBuilder: (BuildContext context, int index) =>
-                    const SizedBox(height: 16),
+                        const SizedBox(height: 16),
                   ),
                 ),
-
               ],
             );
           },
@@ -139,9 +150,9 @@ Kamu Belum memiliki kalkulator nilai tersimpan. Silakan tambahkan terlebih dahul
 
   @override
   Widget buildWideLayout(
-      BuildContext context,
-      SizingInformation sizeInfo,
-      ) {
+    BuildContext context,
+    SizingInformation sizeInfo,
+  ) {
     return buildNarrowLayout(context, sizeInfo);
   }
 
@@ -159,4 +170,5 @@ Kamu Belum memiliki kalkulator nilai tersimpan. Silakan tambahkan terlebih dahul
   bool scrollCondition() {
     throw UnimplementedError();
   }
+
 }
diff --git a/lib/features/kalkulator/presentation/pages/komponen_form_page.dart b/lib/features/kalkulator/presentation/pages/komponen_form_page.dart
@@ -63,9 +63,10 @@ class _ComponentFormPageState extends BaseStateful<ComponentFormPage> {
             text: 'Simpan',
             onTap: () async {
               await onSubmitCallBack(context);
+              MixpanelService.track('calculator_add_course_component');
             },
           ),
-        )
+        ),
       ],
     );
   }

diff --git a/lib/features/kalkulator/presentation/pages/komponen_kalkulator_page.dart b/lib/features/kalkulator/presentation/pages/komponen_kalkulator_page.dart
@@ -1,3 +1,5 @@
+// ignore_for_file: lines_longer_than_80_chars
+
 part of '_pages.dart';
 
 class CalculatorComponentPage extends StatefulWidget {
@@ -75,7 +77,7 @@ class _CalculatorComponentPageState
                   Text(
                     _getFinalScoreAndGrade(widget.totalScore),
                     style: FontTheme.poppins14w600black(),
-                  )
+                  ),
                 ],
               ),
               Padding(
@@ -103,7 +105,7 @@ class _CalculatorComponentPageState
                         textAlign: TextAlign.center,
                         style: FontTheme.poppins12w600black(),
                       ),
-                    )
+                    ),
                   ],
                 ),
               ),
@@ -184,6 +186,14 @@ class _CalculatorComponentPageState
                         QueryCalculator(id: widget.calculatorId),
                       ),
                     );
+                    MixpanelService.track(
+                      'calculator_delete_course_component',
+                      params: {
+                        'course_id': widget.courseName,
+                        'final_letter_grade': widget.totalScore.toString(),
+                        'final_grade': getFinalGrade(widget.totalScore),
+                      },
+                    );
                   },
                   child: Text(
                     'Hapus Kalkulator Mata Kuliah',
@@ -193,7 +203,7 @@ class _CalculatorComponentPageState
                     ),
                   ),
                 ),
-              )
+              ),
             ],
           ),
         ),

diff --git a/lib/features/kalkulator/presentation/states/calculator_state.dart b/lib/features/kalkulator/presentation/states/calculator_state.dart
@@ -45,16 +45,14 @@ class CalculatorState {
         _calculators = result.data;
         print(_calculators);
       });
-    }
-    );
+    });
     calculatorRM.notify();
   }
 
   Future<void> deleteCalculator(QueryCalculator query) async {
     final resp = await _repo.deleteCalculator(query);
     await resp.fold((failure) {
-      ErrorMessenger('Kalkulator gagal dihapus')
-          .show(ctx!);
+      ErrorMessenger('Kalkulator gagal dihapus').show(ctx!);
     }, (result) async {
       SuccessMessenger('Kalkulator berhasil dipahus').show(ctx!);
       final calcResp = await _repo.getAllCalculator();
@@ -64,8 +62,7 @@ class CalculatorState {
         _calculators = result.data;
         print(_calculators);
       });
-    }
-    );
+    });
     calculatorRM.notify();
   }
 }
diff --git a/lib/features/matkul/bookmarks/presentation/pages/_pages.dart b/lib/features/matkul/bookmarks/presentation/pages/_pages.dart
@@ -8,5 +8,6 @@ import 'package:ulaskelas/features/matkul/bookmarks/domain/entities/query_bookma
 import 'package:ulaskelas/features/matkul/bookmarks/presentation/states/_states.dart';
 import 'package:ulaskelas/features/matkul/bookmarks/presentation/widgets/_widgets.dart';
 import 'package:ulaskelas/features/matkul/search/presentation/widgets/_widgets.dart';
+import 'package:ulaskelas/services/_services.dart';
 
 part 'bookmarks_page.dart';
diff --git a/lib/features/matkul/bookmarks/presentation/pages/bookmarks_page.dart b/lib/features/matkul/bookmarks/presentation/pages/bookmarks_page.dart
@@ -87,10 +87,18 @@ Kamu Belum memiliki Mata kuliah tersimpan. Silakan tambahkan terlebih dahulu.'''
                 // TODO(paw): set course_id
                 return CardBookmark(
                   model: bookmark,
-                  onTap: () => nav.goToDetailMatkulPage(
-                    bookmark.courseId!,
-                    bookmark.courseCode!,
-                  ),
+                  onTap: () {
+                    nav.goToDetailMatkulPage(
+                      bookmark.courseId!,
+                      bookmark.courseCode!,
+                    );
+                    MixpanelService.track(
+                      'open_profile_saved_course',
+                      params: {
+                        'course_id': bookmark.courseCode!,
+                      },
+                    );
+                  },
                 );
               },
               separatorBuilder: (BuildContext context, int index) =>

diff --git a/lib/features/matkul/detail/presentation/pages/detail_matkul_page.dart b/lib/features/matkul/detail/presentation/pages/detail_matkul_page.dart
@@ -8,7 +8,9 @@ part of '_pages.dart';
 /// ```;
 class DetailMatkulPage extends StatefulWidget {
   const DetailMatkulPage({
-    required this.courseId, required this.courseCode, super.key,
+    required this.courseId,
+    required this.courseCode,
+    super.key,
   });
 
   final int courseId;
@@ -114,7 +116,7 @@ class _DetailMatkulPageState extends BaseStateful<DetailMatkulPage> {
                     TitleAndBookMark(course: course),
                     const HeightSpace(24),
                     if (course.tags?.isNotEmpty ?? false)
-                    _buildMatkulTag(course),
+                      _buildMatkulTag(course),
                     const HeightSpace(16),
                     _buildMatkulDescription(course),
                     const HeightSpace(32),
@@ -170,12 +172,12 @@ class _DetailMatkulPageState extends BaseStateful<DetailMatkulPage> {
       children: course.tags!
           .map(
             (e) => Padding(
-          padding: const EdgeInsets.only(right: 8, bottom: 8),
-          child: Tag(
-            label: e,
-          ),
-        ),
-      )
+              padding: const EdgeInsets.only(right: 8, bottom: 8),
+              child: Tag(
+                label: e,
+              ),
+            ),
+          )
           .toList(),
     );
   }

diff --git a/lib/features/matkul/detail/presentation/widgets/_widgets.dart b/lib/features/matkul/detail/presentation/widgets/_widgets.dart
@@ -10,6 +10,7 @@ import 'package:ulaskelas/features/leaderboard/presentation/widgets/_widgets.dar
 import 'package:ulaskelas/features/matkul/bookmarks/data/models/_models.dart';
 import 'package:ulaskelas/features/matkul/form/data/models/_models.dart';
 import 'package:ulaskelas/features/matkul/search/data/models/_models.dart';
+import 'package:ulaskelas/services/_services.dart';
 import 'package:ulaskelas/services/launch_service.dart';
 
 part 'review_card.dart';

diff --git a/lib/features/matkul/detail/presentation/widgets/title_and_bookmark.dart b/lib/features/matkul/detail/presentation/widgets/title_and_bookmark.dart
@@ -2,7 +2,8 @@ part of '_widgets.dart';
 
 class TitleAndBookMark extends StatelessWidget {
   const TitleAndBookMark({
-    required this.course, super.key,
+    required this.course,
+    super.key,
   });
 
   final CourseModel course;
@@ -36,6 +37,7 @@ class TitleAndBookMark extends StatelessWidget {
                       shortName: course.shortName,
                     );
                     bookmarkRM.setState((s) => s.toggleBookmark(bookmark));
+                    MixpanelService.track('bookmark_course');
                   },
                   child: Icon(
                     Icons.bookmark,