[public-api] client metrics

Author: akosyakov

components/dashboard/craco.config.js

@@ -27,6 +27,11 @@ module.exports = {
                     path: false,
                     fs: false,
                     os: false,
+                    http: false,
+                    https: false,
+                    zlib: false,
+                    cluster: false,
+                    v8: false,
                 },
             },
             module: {

components/dashboard/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "private": true,
   "dependencies": {
-    "@bufbuild/connect-web": "^0.2.1",
+    "@bufbuild/connect-web": "^0.13.0",
     "@gitpod/gitpod-protocol": "0.1.5",
     "@gitpod/public-api": "0.1.5",
     "@stripe/react-stripe-js": "^1.7.2",
@@ -14,9 +14,11 @@
     "@tanstack/react-query-devtools": "^4.29.19",
     "@tanstack/react-query-persist-client": "^4.29.19",
     "@types/react-datepicker": "^4.8.0",
+    "buffer": "^4.3.0",
     "classnames": "^2.3.1",
     "configcat-js": "^6.0.0",
     "countries-list": "^2.6.1",
+    "crypto-browserify": "3.12.0",
     "dayjs": "^1.11.5",
     "file-saver": "^2.0.5",
     "idb-keyval": "^6.2.0",
@@ -25,6 +27,7 @@
     "monaco-editor": "^0.25.2",
     "p-throttle": "^5.1.0",
     "pretty-bytes": "^6.1.0",
+    "process": "^0.11.10",
     "query-string": "^7.1.1",
     "react": "^17.0.1",
     "react-confetti": "^6.1.0",
@@ -37,16 +40,13 @@
     "react-popper": "^2.3.0",
     "react-portal": "^4.2.2",
     "react-router-dom": "^5.2.0",
-    "validator": "^13.9.0",
-    "xterm": "^4.11.0",
-    "xterm-addon-fit": "^0.5.0",
-    "crypto-browserify": "3.12.0",
+    "setimmediate": "^1.0.5",
     "stream-browserify": "^2.0.1",
     "url": "^0.11.1",
     "util": "^0.11.1",
-    "buffer": "^4.3.0",
-    "process": "^0.11.10",
-    "setimmediate": "^1.0.5"
+    "validator": "^13.9.0",
+    "xterm": "^4.11.0",
+    "xterm-addon-fit": "^0.5.0"
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",

components/dashboard/src/service/public-api.ts

@@ -4,23 +4,29 @@
  * See License.AGPL.txt in the project root for license information.
  */
 
-import { createConnectTransport, createPromiseClient } from "@bufbuild/connect-web";
+import { createPromiseClient } from "@bufbuild/connect";
+import { createConnectTransport } from "@bufbuild/connect-web";
 import { Project as ProtocolProject, Team as ProtocolTeam } from "@gitpod/gitpod-protocol/lib/teams-projects-protocol";
 import { HelloService } from "@gitpod/public-api/lib/gitpod/experimental/v1/dummy_connectweb";
 import { TeamsService } from "@gitpod/public-api/lib/gitpod/experimental/v1/teams_connectweb";
 import { TokensService } from "@gitpod/public-api/lib/gitpod/experimental/v1/tokens_connectweb";
 import { ProjectsService } from "@gitpod/public-api/lib/gitpod/experimental/v1/projects_connectweb";
 import { WorkspacesService } from "@gitpod/public-api/lib/gitpod/experimental/v1/workspaces_connectweb";
 import { OIDCService } from "@gitpod/public-api/lib/gitpod/experimental/v1/oidc_connectweb";
+import { getMetricsInterceptor, MetricsReporter } from "@gitpod/public-api/lib/metrics";
 import { Team } from "@gitpod/public-api/lib/gitpod/experimental/v1/teams_pb";
 import { TeamMemberInfo, TeamMemberRole } from "@gitpod/gitpod-protocol";
 import { TeamMember, TeamRole } from "@gitpod/public-api/lib/gitpod/experimental/v1/teams_pb";
 import { Project } from "@gitpod/public-api/lib/gitpod/experimental/v1/projects_pb";
 
 const transport = createConnectTransport({
     baseUrl: `${window.location.protocol}//${window.location.host}/public-api`,
+    interceptors: [getMetricsInterceptor()],
 });
 
+const metricsReporter = new MetricsReporter(window.location.host, "dashboard");
+metricsReporter.startReporting();
+
 export const helloService = createPromiseClient(HelloService, transport);
 export const teamsService = createPromiseClient(TeamsService, transport);
 export const personalAccessTokensService = createPromiseClient(TokensService, transport);

components/dashboard/src/teams/NewTeam.tsx

@@ -4,7 +4,7 @@
  * See License.AGPL.txt in the project root for license information.
  */
 
-import { ConnectError } from "@bufbuild/connect-web";
+import { ConnectError } from "@bufbuild/connect";
 import { FormEvent, useState } from "react";
 import { useHistory } from "react-router-dom";
 import { Heading1, Heading3, Subheading } from "../components/typography/headings";

components/public-api/typescript/package.json

@@ -14,10 +14,11 @@
     "test:brk": "yarn test --inspect-brk"
   },
   "dependencies": {
-    "@bufbuild/connect-web": "^0.2.1",
+    "@bufbuild/connect": "^0.13.0",
     "@bufbuild/protobuf": "^0.1.1",
     "@bufbuild/protoc-gen-connect-web": "^0.2.1",
-    "@bufbuild/protoc-gen-es": "^0.1.1"
+    "@bufbuild/protoc-gen-es": "^0.1.1",
+    "prom-client": "^14.2.0"
   },
   "devDependencies": {
     "@testdeck/mocha": "0.1.2",