[Playground] [Frontend] Migrate Playground to Google Analytics 4

learning/tour-of-beam/frontend/lib/pages/tour/widgets/playground_demo.dart

@@ -48,7 +48,6 @@ class PlaygroundDemoWidget extends StatelessWidget {
           first: SnippetEditor(
             controller: snippetController,
             isEditable: true,
-            goToContextLine: false,
           ),
           second: OutputWidget(
             playgroundController: playgroundController,

playground/frontend/integration_test/miscellaneous_ui/enjoy_playground_test.dart

@@ -17,9 +17,10 @@
  */
 
 import 'package:flutter_test/flutter_test.dart';
-import 'package:playground/modules/analytics/analytics_event.dart';
-import 'package:playground/modules/analytics/analytics_events.dart';
-import 'package:playground/modules/analytics/analytics_service.dart';
+import 'package:playground/modules/analytics/categories.dart';
+import 'package:playground/modules/analytics/events.dart';
+import 'package:playground/modules/analytics/service.dart';
+import 'package:playground_components/playground_components.dart';
 
 import '../common/common_finders.dart';
 
@@ -58,13 +59,12 @@ Future<void> _checkEnjoyingAndSendFeedback(WidgetTester wt) async {
   await wt.tap(find.feedbackDropdownSendButton());
   await wt.pumpAndSettle();
 
-  final context = wt.element(find.feedbackThumbUp());
-  final lastSentEvent = AnalyticsService.get(context).lastSentEvent;
+  final lastSentEvent = AnalyticsService.get().lastSentEvent;
   expect(
     lastSentEvent,
     AnalyticsEvent(
-      category: kFeedbackCategory,
-      action: kClickSendFeedbackEvent,
+      category: AnalyticsCategories.feedback,
+      action: AnalyticsEvents.clickSendPositiveFeedback,
       label: text,
     ),
   );
@@ -87,13 +87,12 @@ Future<void> _checkNotEnjoyingAndSendFeedback(WidgetTester wt) async {
   await wt.tap(find.feedbackDropdownSendButton());
   await wt.pumpAndSettle();
 
-  final context = wt.element(find.feedbackThumbDown());
-  final lastSentEvent = AnalyticsService.get(context).lastSentEvent;
+  final lastSentEvent = AnalyticsService.get().lastSentEvent;
   expect(
     lastSentEvent,
     AnalyticsEvent(
-      category: kFeedbackCategory,
-      action: kClickSendFeedbackEvent,
+      category: AnalyticsCategories.feedback,
+      action: AnalyticsEvents.clickSendNegativeFeedback,
       label: text,
     ),
   );

playground/frontend/lib/components/playground_run_or_cancel_button.dart

@@ -20,7 +20,7 @@ import 'package:flutter/widgets.dart';
 import 'package:playground_components/playground_components.dart';
 import 'package:provider/provider.dart';
 
-import '../modules/analytics/analytics_service.dart';
+import '../modules/analytics/service.dart';
 import '../utils/analytics_utils.dart';
 
 class PlaygroundRunOrCancelButton extends StatelessWidget {
@@ -29,29 +29,28 @@ class PlaygroundRunOrCancelButton extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Consumer<PlaygroundController>(
-      builder: (context, playgroundController, child) {
-        final analyticsService = AnalyticsService.get(context);
-        final stopwatch = Stopwatch();
-        final exampleName = getAnalyticsExampleName(playgroundController);
+        builder: (context, playgroundController, child) {
+      final analyticsService = AnalyticsService.get();
+      final stopwatch = Stopwatch();
+      final exampleName = getAnalyticsExampleName(playgroundController);
 
-        return RunOrCancelButton(
-          playgroundController: playgroundController,
-          beforeCancel: () {
-            final exampleName = getAnalyticsExampleName(playgroundController);
-            analyticsService.trackClickCancelRunEvent(exampleName);
-          },
-          beforeRun: () {
-            stopwatch.start();
-            analyticsService.trackClickRunEvent(exampleName);
-          },
-          onComplete: () {
-            analyticsService.trackRunTimeEvent(
-              exampleName,
-              stopwatch.elapsedMilliseconds,
-            );
-          },
-        );
-      }
-    );
+      return RunOrCancelButton(
+        playgroundController: playgroundController,
+        beforeCancel: () {
+          final exampleName = getAnalyticsExampleName(playgroundController);
+          analyticsService.trackClickCancelRunEvent(exampleName);
+        },
+        beforeRun: () {
+          stopwatch.start();
+          analyticsService.trackClickRunEvent(exampleName);
+        },
+        onComplete: () {
+          analyticsService.trackRunTimeEvent(
+            exampleName,
+            stopwatch.elapsedMilliseconds,
+          );
+        },
+      );
+    });
   }
 }

playground/frontend/lib/locator.dart

@@ -18,6 +18,7 @@
 
 import 'package:app_state/app_state.dart';
 import 'package:get_it/get_it.dart';
+import 'package:playground/modules/analytics/google_analytics_service.dart';
 import 'package:playground_components/playground_components.dart';
 
 import 'config.g.dart';
@@ -28,6 +29,7 @@ import 'router/route_information_parser.dart';
 Future<void> initializeServiceLocator() async {
   _initializeRepositories();
   _initializeState();
+  _initializeAnalyticsService();
 }
 
 void _initializeRepositories() {
@@ -57,3 +59,7 @@ void _initializeState() {
     ),
   );
 }
+
+void _initializeAnalyticsService() {
+  GetIt.instance.registerSingleton(GoogleAnalyticsService());
+}

playground/frontend/lib/modules/actions/components/new_example_action.dart

@@ -18,7 +18,7 @@
 
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
-import 'package:playground/modules/analytics/analytics_service.dart';
+import 'package:playground/modules/analytics/service.dart';
 import 'package:playground/modules/shortcuts/constants/global_shortcuts.dart';
 import 'package:playground_components/playground_components.dart';
 import 'package:url_launcher/url_launcher.dart';
@@ -38,7 +38,7 @@ class NewExampleAction extends StatelessWidget {
         label: 'intents.playground.newExample'.tr(),
         onPressed: () {
           launchUrl(Uri.parse('/'));
-          AnalyticsService.get(context).trackClickNewExample();
+          AnalyticsService.get().trackClickNewExample();
         },
       ),
     );

playground/frontend/lib/modules/actions/components/reset_action.dart

@@ -17,7 +17,7 @@
  */
 
 import 'package:flutter/material.dart';
-import 'package:playground/modules/analytics/analytics_service.dart';
+import 'package:playground/modules/analytics/service.dart';
 import 'package:playground_components/playground_components.dart';
 import 'package:provider/provider.dart';
 
@@ -26,7 +26,7 @@ class ResetAction extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final analyticsService = AnalyticsService.get(context);
+    final analyticsService = AnalyticsService.get();
     return Consumer<PlaygroundController>(
       builder: (context, playgroundController, child) => ResetButton(
         playgroundController: playgroundController,

playground/frontend/lib/modules/analytics/categories.dart

@@ -0,0 +1,26 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY IND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+class AnalyticsCategories {
+  static const sdk = 'SDK';
+  static const example = 'Example';
+  static const common = 'Common';
+  static const link = 'Link';
+  static const feedback = 'Feedback';
+  static const runCode = 'Run Code';
+}

playground/frontend/lib/modules/analytics/events.dart

@@ -0,0 +1,34 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY IND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+class AnalyticsEvents {
+  static const selectSdk = 'select_new_sdk';
+  static const selectExample = 'select_new_example';
+  static const clickNewExample = 'click_new_example';
+  static const clickReset = 'click_reset';
+  static const clickToggleTheme = 'click_toggle_theme';
+  static const openShortcutsModal = 'open_shortcuts_modal';
+  static const openLink = 'open_link';
+  static const clickEnjoyPlayground = 'click_enjoy_playground';
+  static const clickRun = 'click_run';
+  static const clickCancelRun = 'click_cancel_run';
+  static const runTime = 'run_time';
+  static const clickReportIssue = 'click_report_issue';
+  static const clickSendPositiveFeedback = 'click_send_positive_feedback';
+  static const clickSendNegativeFeedback = 'click_send_negative_feedback';
+}