CLDR-18165 cla: add GitHub login

tools/cldr-apps/js/src/esm/cldrAuth.mjs

@@ -0,0 +1,46 @@
+import * as cldrClient from "../esm/cldrClient.mjs";
+import * as cldrStatus from "../esm/cldrStatus.mjs";
+
+/**
+ * Get the oauth login URL
+ * @param {object} o options bag
+ * @param {string} o.service which service, currently only 'github' is accepted
+ * @param {string} o.intent what the login URL is used for, currently only 'cla'
+ * @param {boolean} o.relogin if true, attempt re-login
+ */
+export async function getLoginUrl(o) {
+  const { service, intent, relogin } = o;
+  if (service !== "github")
+    throw Error(`only support service='github' but got ${service}`);
+  if (intent !== "cla")
+    throw Error(`only support intent='cla' but got ${intent}`);
+  const client = await cldrClient.getClient();
+  const { url } = (await client.apis.auth.oauthUrl()).body;
+  const u = new URL(url);
+  // TODO: may move this into the GithubLoginFactory#getLoginUrl()
+  const redir = new URL(window.location);
+  redir.search = "";
+  redir.hash = "";
+  redir.pathname = cldrStatus.getContextPath() + "/github-login";
+  u.searchParams.set("redirect_uri", redir);
+  if (relogin) {
+    u.searchParams.set("prompt", "select_account");
+  }
+  return u;
+}
+
+/**
+ * If a valid github ID is in the session, return it, otherwise falsy
+ * @returns github ID or falsy
+ */
+export async function getGithubIdFromSession() {
+  try {
+    const client = await cldrClient.getClient();
+    const { id } = (await client.apis.auth.oauthSession()).body;
+    return id;
+  } catch (e) {
+    console.error(e);
+    console.error("getGithubIdFromSession() failed");
+  }
+  return null;
+}

tools/cldr-apps/js/src/esm/cldrComponents.mjs

@@ -24,6 +24,7 @@ import {
   Button,
   Card,
   Checkbox,
+  Col,
   Collapse,
   CollapsePanel,
   Form,
@@ -33,6 +34,7 @@ import {
   Popover,
   Progress,
   Radio,
+  Row,
   Select,
   Spin,
   Steps,
@@ -62,6 +64,7 @@ function setup(app) {
   app.component("a-button", Button);
   app.component("a-card", Card);
   app.component("a-checkbox", Checkbox);
+  app.component("a-col", Col);
   app.component("a-collapse-panel", CollapsePanel);
   app.component("a-collapse", Collapse);
   app.component("a-form-item", Form.Item);
@@ -77,6 +80,7 @@ function setup(app) {
   app.component("a-progress", Progress);
   app.component("a-radio-group", Radio.Group);
   app.component("a-radio", Radio);
+  app.component("a-row", Row);
   app.component("a-select", Select);
   app.component("a-spin", Spin);
   app.component("a-step", Steps.Step);

tools/cldr-apps/js/src/views/MainMenu.vue

@@ -9,7 +9,9 @@
       <li>
         <ul>
           <li><a href="#account///">Account Settings</a></li>
-          <li v-if="showClaMenu"><a href="#cla///">Sign CLA</a></li>
+          <li v-if="showClaMenu">
+            <a href="#cla///">CLA (Contributor License Agreement) Status</a>
+          </li>
         </ul>
       </li>
       <li v-if="!isAdmin && !accountLocked">
@@ -155,7 +157,7 @@ export default {
       recentActivityUrl: null,
       uploadXmlUrl: null,
       userId: 0,
-      showClaMenu: false, // off by default, see CLDR-16499
+      showClaMenu: true,
     };
   },