[ToB] [Frontend] Authentication, unit progress, complete unit, SDK selection

build.gradle.kts

@@ -173,6 +173,7 @@ tasks.rat {
     "learning/tour-of-beam/frontend/**/*.gen.dart",
     "learning/tour-of-beam/frontend/.metadata",
     "learning/tour-of-beam/frontend/pubspec.lock",
+    "learning/tour-of-beam/frontend/lib/firebase_options.dart",
 
     // Ignore .gitkeep file
     "**/.gitkeep",

learning/tour-of-beam/frontend/README.md

@@ -17,47 +17,67 @@
      under the License.
  -->
 
- # Tour of Beam
- These are the main sources of the Tour of Beam website.
+# Tour of Beam
 
- # About
+These are the main sources of the Tour of Beam website.
+
+# About
 
 ## Getting started
-Running, debugging, and testing all require this first step that fetches
-dependencies and generates code:
+
+This project relies on generated code for some functionality:
+deserializers, test mocks, constants for asset files,
+extracted Beam symbols for the editor, etc.
+
+All generated files are version-controlled, so after checkout the project is immediately runnable.
+However, after changes you may need to re-run code generation:
 
 ```bash
-cd ../../../playground/frontend/playground_components
-flutter pub get
-flutter pub run build_runner build
-cd ../../../learning/tour-of-beam/frontend
-flutter pub get
+cd beam
+./gradlew :playground:frontend:playground_components:generateCode
+cd learning/tour-of-beam/frontend
 flutter pub run build_runner build
 ```
 
 ### Run
 
 The following command is used to build and serve the frontend app locally:
 
-`$ flutter run -d chrome`
+```bash
+flutter run -d chrome
+```
+
+### Backend Selection
+
+To change the Google Project that is used as the backend:
+
+1. Update Firebase configuration:
+   https://firebase.google.com/docs/flutter/setup?platform=web
+
+2. In `/lib/config.dart`, update:
+   1. Google Project ID and region.
+   2. Playground's backend URLs.
+
+# Deployment
+
+# Tests
 
+Install ChromeDriver to run integration tests in a browser: https://docs.flutter.dev/testing/integration-tests#running-in-a-browser
+Run integration tests:
+flutter drive \
+ --driver=test_driver/integration_test.dart \
+ --target=integration_test/counter_test.dart \
+ -d web-server
 
- # Deployment
+# Packages
 
- # Tests
- Install ChromeDriver to run integration tests in a browser: https://docs.flutter.dev/testing/integration-tests#running-in-a-browser
- Run integration tests:
- flutter drive \
-   --driver=test_driver/integration_test.dart \
-   --target=integration_test/counter_test.dart \
-   -d web-server
+`flutter pub get`
 
- # Packages
- `flutter pub get`
+# Contribution guide
 
- # Contribution guide
- For checks: `./gradlew rat`
+For checks: `./gradlew rat`
+Exclusions for file checks can be added in the Tour of Beam section of this file: `beam/build.gradle.kts`
 
- # Additional resources
+# Additional resources
 
- # Troubleshooting
+# Troubleshooting

learning/tour-of-beam/frontend/lib/auth/method.dart

@@ -0,0 +1,27 @@
+/*
+ * 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 KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import 'package:enum_map/enum_map.dart';
+
+part 'method.g.dart';
+
+@unmodifiableEnumMap
+enum AuthMethod {
+  google,
+  github,
+}

learning/tour-of-beam/frontend/lib/auth/notifier.dart

@@ -0,0 +1,50 @@
+/*
+ * 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 KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import 'dart:async';
+
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+import 'method.dart';
+
+class AuthNotifier extends ChangeNotifier {
+  final _authProviders = UnmodifiableAuthMethodMap(
+    google: GoogleAuthProvider(),
+    github: GithubAuthProvider(),
+  );
+
+  AuthNotifier() {
+    FirebaseAuth.instance.authStateChanges().listen((user) {
+      notifyListeners();
+    });
+  }
+
+  bool get isAuthenticated => FirebaseAuth.instance.currentUser != null;
+
+  Future<String?> getToken() async {
+    return await FirebaseAuth.instance.currentUser?.getIdToken();
+  }
+
+  Future<void> logIn(AuthMethod authMethod) async {
+    await FirebaseAuth.instance.signInWithPopup(_authProviders.get(authMethod));
+  }
+
+  Future<void> logOut() async {
+    await FirebaseAuth.instance.signOut();
+  }
+}

learning/tour-of-beam/frontend/test/overflow_test.dart → learning/tour-of-beam/frontend/lib/cache/cache.dart

@@ -17,22 +17,11 @@
  */
 
 import 'package:flutter/material.dart';
-import 'package:flutter_test/flutter_test.dart';
-import 'package:tour_of_beam/locator.dart';
-import 'package:tour_of_beam/pages/tour/screen.dart';
-import 'package:tour_of_beam/pages/tour/state.dart';
-import 'common/test_screen_wrapper.dart';
 
-void main() async {
-  await initializeServiceLocator();
+import '../repositories/client/client.dart';
 
-  testWidgets('WelcomeScreen overflow', (tester) async {
-    tester.binding.window.physicalSizeTestValue = const Size(500, 296);
-    // TODO(nausharipov): fix the failure
-    await tester.pumpWidget(
-      TestScreenWrapper(
-        child: TourScreen(TourNotifier(initialSdkId: '')),
-      ),
-    );
-  });
+abstract class Cache extends ChangeNotifier {
+  final TobClient client;
+
+  Cache({required this.client});
 }

learning/tour-of-beam/frontend/lib/cache/content_tree.dart

@@ -18,21 +18,17 @@
 
 import 'dart:async';
 
-import 'package:flutter/widgets.dart';
-
 import '../models/content_tree.dart';
-import '../repositories/client/client.dart';
+import 'cache.dart';
 
-class ContentTreeCache extends ChangeNotifier {
-  final TobClient client;
+class ContentTreeCache extends Cache {
+  ContentTreeCache({
+    required super.client,
+  });
 
   final _treesBySdkId = <String, ContentTreeModel>{};
   final _futuresBySdkId = <String, Future<ContentTreeModel>>{};
 
-  ContentTreeCache({
-    required this.client,
-  });
-
   ContentTreeModel? getContentTree(String sdkId) {
     final future = _futuresBySdkId[sdkId];
     if (future == null) {