copilot-metrics-viewer Add multi teams support and update seat management tab to suppoft filter when clicking a card.

1, add teams support like multi-team dashboards. 2, for seat managemnet, display more cards and when click a card, it will filter the data, only show filter data in below tables.

This pull request introduces several changes to the project, focusing on adding support for multiple teams, improving error handling, and updating configurations. The most important changes include updates to environment variables, modifications to the Dockerfile, enhancements in API handling, and new components for multi-team metrics.

Environment Variable Updates:

.env: Updated VUE_APP_GITHUB_ORG to CopilotDemo and added VUE_APP_SHOW_MULTIPLE_TEAMS to support multiple teams. [1] [2]
README.md: Documented the new VUE_APP_SHOW_MULTIPLE_TEAMS environment variable.

Dockerfile Modifications:

Dockerfile: Changed the base image to node:22, added commands to update the caniuse-lite database, fix ESLint errors, and handle build errors.
Dockerfile: Added command to start the Nginx server.

API Enhancements:

src/api/GitHubApi.ts: Refactored API calls to handle multiple teams, added error handling, and improved the fetching of team metrics. [1] [2]

Component Updates for Multi-Team Support:

src/components/MainComponent.vue: Integrated a new MultiTeamsMetricsViewer component and updated logic to handle multiple teams. [1] [2] [3] [4] [5] [6]
src/components/MetricsViewer.vue: Combined data by day for better visualization and updated charts accordingly. [1] [2]

Minor Updates:

public/assets/app-config.js: Added VUE_APP_SHOW_MULTIPLE_TEAMS to the configuration.
src/App.vue: Updated footer text and version number. [1] [2]
src/api/MetricsToUsageConverter.ts: Commented out debug logs.

Mar 14 '25 08:03 DevOps-zhuang

I'll work on the merge

Mar 15 '25 02:03 karpikpl

Hi @DevOps-zhuang,

I was trying to use multi teams support which is implemented in this branch before it gets merged into the main branch. While attempting to build a Docker image using the code from this branch, I encountered the following error:

[nuxi]  ERROR  Nuxt Build Error: Could not resolve "../api/GitHubApi" from "app/components/MultiTeamsMetricsViewer.vue?vue&type=script&lang.ts"
10.89 file: /app/app/components/MultiTeamsMetricsViewer.vue?vue&type=script&lang.ts
10.89 
10.89     file: app/components/MultiTeamsMetricsViewer.vue?vue&type=script&lang.ts
10.89     at getRollupError (node_modules/rollup/dist/es/shared/parseAst.js:396:41)
10.89     at error (node_modules/rollup/dist/es/shared/parseAst.js:392:42)
10.89     at ModuleLoader.handleInvalidResolvedId (node_modules/rollup/dist/es/shared/node-entry.js:20212:24)
10.89     at node_modules/rollup/dist/es/shared/node-entry.js:20172:26

Could you please look into this and suggest a resolution? Alternatively, let me know if any dependencies or configurations need to be updated for this feature to work seamlessly when building Docker images.

Thanks & Regards, Satish

Mar 21 '25 09:03 paobulas

the merge is not complete on this, it needs more changes

Mar 21 '25 19:03 karpikpl

I think the issue is caused that this branch version is not using he Nuxt framework. I you needed, I can share my docker image so that you can use it quickly? Thanks.

Jun Qian.

发件人: Pardhusri Satish Babu Obulasetti @.> 发送时间: 2025年3月21日 17:39 收件人: github-copilot-resources/copilot-metrics-viewer @.> 抄送: Junqian Zhuang @.>; Mention @.> 主题: Re: [github-copilot-resources/copilot-metrics-viewer] Add multi teams support and update seat management tab to suppoft filter when clicking a card. (PR #177)

Hi @DevOps-zhuanghttps://github.com/DevOps-zhuang,

I was trying to use multi teams support which is implemented in this branch before it gets merged into the main branch. While attempting to build a Docker image using the code from this branch, I encountered the following error:

[nuxi] ERROR Nuxt Build Error: Could not resolve "../api/GitHubApi" from "app/components/MultiTeamsMetricsViewer.vue?vue&type=script&lang.ts"

10.89 file: /app/app/components/MultiTeamsMetricsViewer.vue?vue&type=script&lang.ts

10.89

10.89 file: app/components/MultiTeamsMetricsViewer.vue?vue&type=script&lang.ts

10.89 at getRollupError (node_modules/rollup/dist/es/shared/parseAst.js:396:41)

10.89 at error (node_modules/rollup/dist/es/shared/parseAst.js:392:42)

10.89 at ModuleLoader.handleInvalidResolvedId (node_modules/rollup/dist/es/shared/node-entry.js:20212:24)

10.89 at node_modules/rollup/dist/es/shared/node-entry.js:20172:26

Could you please look into this and suggest a resolution? Alternatively, let me know if any dependencies or configurations need to be updated for this feature to work seamlessly when building Docker images.

Thanks & Regards, Satish

― Reply to this email directly, view it on GitHubhttps://github.com/github-copilot-resources/copilot-metrics-viewer/pull/177#issuecomment-2742826050, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AM4XDKDCF3N4YQBCDRH7LUT2VPMZTAVCNFSM6AAAAABZAGEWV2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDONBSHAZDMMBVGA. You are receiving this because you were mentioned.Message ID: @.***> [图像已被发件人删除。 paobulas]paobulas left a comment (github-copilot-resources/copilot-metrics-viewer#177)https://github.com/github-copilot-resources/copilot-metrics-viewer/pull/177#issuecomment-2742826050

Hi @DevOps-zhuanghttps://github.com/DevOps-zhuang,

I was trying to use multi teams support which is implemented in this branch before it gets merged into the main branch. While attempting to build a Docker image using the code from this branch, I encountered the following error:

[nuxi] ERROR Nuxt Build Error: Could not resolve "../api/GitHubApi" from "app/components/MultiTeamsMetricsViewer.vue?vue&type=script&lang.ts"

10.89 file: /app/app/components/MultiTeamsMetricsViewer.vue?vue&type=script&lang.ts

10.89

10.89 file: app/components/MultiTeamsMetricsViewer.vue?vue&type=script&lang.ts

10.89 at getRollupError (node_modules/rollup/dist/es/shared/parseAst.js:396:41)

10.89 at error (node_modules/rollup/dist/es/shared/parseAst.js:392:42)

10.89 at ModuleLoader.handleInvalidResolvedId (node_modules/rollup/dist/es/shared/node-entry.js:20212:24)

10.89 at node_modules/rollup/dist/es/shared/node-entry.js:20172:26

Could you please look into this and suggest a resolution? Alternatively, let me know if any dependencies or configurations need to be updated for this feature to work seamlessly when building Docker images.

Thanks & Regards, Satish

― Reply to this email directly, view it on GitHubhttps://github.com/github-copilot-resources/copilot-metrics-viewer/pull/177#issuecomment-2742826050, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AM4XDKDCF3N4YQBCDRH7LUT2VPMZTAVCNFSM6AAAAABZAGEWV2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDONBSHAZDMMBVGA. You are receiving this because you were mentioned.Message ID: @.***>

Mar 24 '25 02:03 DevOps-zhuang

@DevOps-zhuang could you please share me the docker image?

Mar 24 '25 09:03 paobulas

@DevOps-zhuang could you please share me the docker image?

will send you

@DevOps-zhuang could you please share me the docker image?

docker login -u metricviewer -p XXX copilotx.azurecr.io

docker pull copilotx.azurecr.io/copilot/copilot-metrics-viewer:2025-0226-MultiTeamsSupport

Mar 26 '25 15:03 DevOps-zhuang

Hi @DevOps-zhuang,

Thank you for sharing the Docker image.

Unfortunately, I am unable to get any output from the web page when using your Docker image (copilotx.azurecr.io/copilot/copilot-metrics-viewer:2025-0226-MultiTeamsSupport).

Docker output log:

paobulas@ubuntu ~/workspace/GitHub-Copilot-Metrics/copilot-metrics-viewer-zhuang
 % docker run -p 8080:80 --env-file ./.env copilotx.azurecr.io/copilot/copilot-metrics-viewer:2025-0226-MultiTeamsSupport 
/docker-entrypoint.sh: /docker-entrypoint.d/ is not empty, will attempt to perform configuration
/docker-entrypoint.sh: Looking for shell scripts in /docker-entrypoint.d/
/docker-entrypoint.sh: Launching /docker-entrypoint.d/10-listen-on-ipv6-by-default.sh
10-listen-on-ipv6-by-default.sh: info: Getting the checksum of /etc/nginx/conf.d/default.conf
10-listen-on-ipv6-by-default.sh: info: Enabled listen on IPv6 in /etc/nginx/conf.d/default.conf
/docker-entrypoint.sh: Sourcing /docker-entrypoint.d/15-local-resolvers.envsh
/docker-entrypoint.sh: Launching /docker-entrypoint.d/20-envsubst-on-templates.sh
/docker-entrypoint.sh: Launching /docker-entrypoint.d/30-tune-worker-processes.sh
/docker-entrypoint.sh: Launching /docker-entrypoint.d/99-config-app.sh
/docker-entrypoint.sh: Configuration complete; ready for start up
2025/03/27 16:00:59 [notice] 1#1: using the "epoll" event method
2025/03/27 16:00:59 [notice] 1#1: nginx/1.27.2
2025/03/27 16:00:59 [notice] 1#1: built by gcc 12.2.0 (Debian 12.2.0-14) 
2025/03/27 16:00:59 [notice] 1#1: OS: Linux 6.8.0-1021-azure
2025/03/27 16:00:59 [notice] 1#1: getrlimit(RLIMIT_NOFILE): 1048576:1048576
2025/03/27 16:00:59 [notice] 1#1: start worker processes
2025/03/27 16:00:59 [notice] 1#1: start worker process 31
2025/03/27 16:00:59 [notice] 1#1: start worker process 32
2025/03/27 16:00:59 [notice] 1#1: start worker process 33
2025/03/27 16:00:59 [notice] 1#1: start worker process 34
2025/03/27 16:00:59 [notice] 1#1: start worker process 35
2025/03/27 16:00:59 [notice] 1#1: start worker process 36
2025/03/27 16:00:59 [notice] 1#1: start worker process 37
2025/03/27 16:00:59 [notice] 1#1: start worker process 38
2025/03/27 16:00:59 [notice] 1#1: start worker process 39
2025/03/27 16:00:59 [notice] 1#1: start worker process 40
2025/03/27 16:00:59 [notice] 1#1: start worker process 41
2025/03/27 16:00:59 [notice] 1#1: start worker process 42
172.17.0.1 - - [27/Mar/2025:16:01:05 +0000] "GET /assets/app-config.js HTTP/1.1" 200 447 "http://localhost:8080/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"
172.17.0.1 - - [27/Mar/2025:16:02:03 +0000] "GET /assets/app-config.js HTTP/1.1" 304 0 "http://localhost:8080/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"
172.17.0.1 - - [27/Mar/2025:16:07:07 +0000] "GET /assets/app-config.js HTTP/1.1" 304 0 "http://localhost:8080/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"
172.17.0.1 - - [27/Mar/2025:16:08:25 +0000] "GET / HTTP/1.1" 304 0 "-" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"
172.17.0.1 - - [27/Mar/2025:16:08:25 +0000] "GET /assets/app-config.js HTTP/1.1" 304 0 "http://localhost:8080/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"

Screenshot from 2025-03-27 21-37-22

Could you please help me resolve this issue? Or have I missed something here?

Mar 27 '25 16:03 paobulas

Are u tying against organization? It support organization level, and the .env should be look like below: The VUE_APP_SHOW_MULTIPLE_TEAMS=true

@.***

发件人: Pardhusri Satish Babu Obulasetti @.> 发送时间: 2025年3月28日 0:14 收件人: github-copilot-resources/copilot-metrics-viewer @.> 抄送: Junqian Zhuang @.>; Mention @.> 主题: Re: [github-copilot-resources/copilot-metrics-viewer] Add multi teams support and update seat management tab to suppoft filter when clicking a card. (PR #177)

Hi @DevOps-zhuanghttps://github.com/DevOps-zhuang,

Thank you for sharing the Docker image.

Unfortunately, I am unable to get any output from the web page when using your Docker image (copilotx.azurecr.io/copilot/copilot-metrics-viewer:2025-0226-MultiTeamsSupport).

Docker output log:

@.*** ~/workspace/GitHub-Copilot-Metrics/copilot-metrics-viewer-zhuang

% docker run -p 8080:80 --env-file ./.env copilotx.azurecr.io/copilot/copilot-metrics-viewer:2025-0226-MultiTeamsSupport

/docker-entrypoint.sh: /docker-entrypoint.d/ is not empty, will attempt to perform configuration

/docker-entrypoint.sh: Looking for shell scripts in /docker-entrypoint.d/

/docker-entrypoint.sh: Launching /docker-entrypoint.d/10-listen-on-ipv6-by-default.sh

10-listen-on-ipv6-by-default.sh: info: Getting the checksum of /etc/nginx/conf.d/default.conf

10-listen-on-ipv6-by-default.sh: info: Enabled listen on IPv6 in /etc/nginx/conf.d/default.conf

/docker-entrypoint.sh: Sourcing /docker-entrypoint.d/15-local-resolvers.envsh

/docker-entrypoint.sh: Launching /docker-entrypoint.d/20-envsubst-on-templates.sh

/docker-entrypoint.sh: Launching /docker-entrypoint.d/30-tune-worker-processes.sh

/docker-entrypoint.sh: Launching /docker-entrypoint.d/99-config-app.sh

/docker-entrypoint.sh: Configuration complete; ready for start up

2025/03/27 16:00:59 [notice] 1#1: using the "epoll" event method

2025/03/27 16:00:59 [notice] 1#1: nginx/1.27.2

2025/03/27 16:00:59 [notice] 1#1: built by gcc 12.2.0 (Debian 12.2.0-14)

2025/03/27 16:00:59 [notice] 1#1: OS: Linux 6.8.0-1021-azure

2025/03/27 16:00:59 [notice] 1#1: getrlimit(RLIMIT_NOFILE): 1048576:1048576

2025/03/27 16:00:59 [notice] 1#1: start worker processes

2025/03/27 16:00:59 [notice] 1#1: start worker process 31

2025/03/27 16:00:59 [notice] 1#1: start worker process 32

2025/03/27 16:00:59 [notice] 1#1: start worker process 33

2025/03/27 16:00:59 [notice] 1#1: start worker process 34

2025/03/27 16:00:59 [notice] 1#1: start worker process 35

2025/03/27 16:00:59 [notice] 1#1: start worker process 36

2025/03/27 16:00:59 [notice] 1#1: start worker process 37

2025/03/27 16:00:59 [notice] 1#1: start worker process 38

2025/03/27 16:00:59 [notice] 1#1: start worker process 39

2025/03/27 16:00:59 [notice] 1#1: start worker process 40

2025/03/27 16:00:59 [notice] 1#1: start worker process 41

2025/03/27 16:00:59 [notice] 1#1: start worker process 42

172.17.0.1 - - [27/Mar/2025:16:01:05 +0000] "GET /assets/app-config.js HTTP/1.1" 200 447 "http://localhost:8080/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"

172.17.0.1 - - [27/Mar/2025:16:02:03 +0000] "GET /assets/app-config.js HTTP/1.1" 304 0 "http://localhost:8080/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"

172.17.0.1 - - [27/Mar/2025:16:07:07 +0000] "GET /assets/app-config.js HTTP/1.1" 304 0 "http://localhost:8080/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"

172.17.0.1 - - [27/Mar/2025:16:08:25 +0000] "GET / HTTP/1.1" 304 0 "-" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"

172.17.0.1 - - [27/Mar/2025:16:08:25 +0000] "GET /assets/app-config.js HTTP/1.1" 304 0 "http://localhost:8080/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36" "-"

Screenshot.from.2025-03-27.21-37-22.png (view on web)https://github.com/user-attachments/assets/cae2cbcd-8f62-414d-89de-62c1ed67dc4e

Could you please help me resolve this issue? Or have I missed something here?

― Reply to this email directly, view it on GitHubhttps://github.com/github-copilot-resources/copilot-metrics-viewer/pull/177#issuecomment-2758616352, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AM4XDKBBZT5DWOZEEDZYL3L2WQPVPAVCNFSM6AAAAABZAGEWV2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDONJYGYYTMMZVGI. You are receiving this because you were mentioned.Message ID: @.***> [图像已被发件人删除。 paobulas]paobulas left a comment (github-copilot-resources/copilot-metrics-viewer#177)https://github.com/github-copilot-resources/copilot-metrics-viewer/pull/177#issuecomment-2758616352