Migrate from deprecated Google+ API (plus/v1) to People API (people/v1)

Joe says: This seems fairly straightforward. It does slightly change the
permissions dialog to say “Email and profile photo” – we don't want or ask
for anyone's profile photo, but we have to use the `profile` scope for the new
API. There's not really a way around this that I can see; there's no email-only
API.

Claude says:

The Legacy People API is deprecated and cannot be enabled for new
Cloud Console projects. This migrates all user profile lookups to
the modern People API (people/v1), which is the supported replacement.

Changes:
- Load 'people' v1 instead of 'plus' v1 via gwrap
- Use resourceName/personFields params instead of userId
- Update response field access (emailAddresses, names)
- Add 'profile' OAuth scope required by People API

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: jpolitz

src/google-auth.js

@@ -4,12 +4,14 @@ var OAuth2 = gapi.auth.OAuth2;
 
 var DEFAULT_OAUTH_SCOPES = [
                     "email",
+                    "profile",
                     "https://www.googleapis.com/auth/drive.file",
                     "https://www.googleapis.com/auth/drive.install",
                   ];
 
 var FULL_OAUTH_SCOPES = [
                     "email",
+                    "profile",
                     "https://www.googleapis.com/auth/spreadsheets",
                     "https://www.googleapis.com/auth/drive.file",
                     "https://www.googleapis.com/auth/drive",

src/web/js/beforeBlocks.js

@@ -305,13 +305,13 @@ $(function() {
   };
 
   function setUsername(target) {
-    return gwrap.load({name: 'plus',
+    return gwrap.load({name: 'people',
       version: 'v1',
     }).then((api) => {
-      api.people.get({ userId: "me" }).then(function(user) {
-        var name = user.displayName;
-        if (user.emails && user.emails[0] && user.emails[0].value) {
-          name = user.emails[0].value;
+      api.people.get({ resourceName: "people/me", personFields: "names,emailAddresses" }).then(function(user) {
+        var name = user.names && user.names[0] ? user.names[0].displayName : undefined;
+        if (user.emailAddresses && user.emailAddresses[0] && user.emailAddresses[0].value) {
+          name = user.emailAddresses[0].value;
         }
         target.text(name);
       });

src/web/js/beforePyret.js

@@ -333,13 +333,13 @@ $(function() {
   };
 
   function setUsername(target) {
-    return gwrap.load({name: 'plus',
+    return gwrap.load({name: 'people',
       version: 'v1',
     }).then((api) => {
-      api.people.get({ userId: "me" }).then(function(user) {
-        var name = user.displayName;
-        if (user.emails && user.emails[0] && user.emails[0].value) {
-          name = user.emails[0].value;
+      api.people.get({ resourceName: "people/me", personFields: "names,emailAddresses" }).then(function(user) {
+        var name = user.names && user.names[0] ? user.names[0].displayName : undefined;
+        if (user.emailAddresses && user.emailAddresses[0] && user.emailAddresses[0].value) {
+          name = user.emailAddresses[0].value;
         }
         target.text(name);
       });

src/web/js/dashboard/GoogleAPI.js

@@ -151,11 +151,11 @@ class GoogleAPI {
   }
 
   getUsername = () => {
-    return gwrap.load({name: 'plus',
+    return gwrap.load({name: 'people',
       version: 'v1',
     }).then((api) => {
       console.log("Api: ", api);
-      return api.people.get({ userId: "me" });
+      return api.people.get({ resourceName: "people/me", personFields: "names,emailAddresses" });
     });
   }
 }

src/web/js/dashboard/StudentDashboard.js

@@ -31,7 +31,7 @@ class StudentDashboard extends Component {
         this.setState({signedIn: SIGNED_IN});
         this.updateRecentFiles();
         this.api.getUsername().then((userInfo) => {
-          this.setState({ userName: userInfo.emails[0].value });
+          this.setState({ userName: userInfo.emailAddresses[0].value });
         });
       }
       else {
@@ -52,7 +52,7 @@ class StudentDashboard extends Component {
     this.api.signIn().then((resp) => {
       this.setState({signedIn: SIGNED_IN});
       this.api.getUsername().then((userInfo) => {
-        this.setState({ userName: userInfo.emails[0].value });
+        this.setState({ userName: userInfo.emailAddresses[0].value });
       });
       this.updateRecentFiles();
     })