Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[APM] Fix APM breadcrumbs on Serverless #191506

Merged
merged 7 commits into from
Aug 30, 2024

Conversation

crespocarlos
Copy link
Contributor

@crespocarlos crespocarlos commented Aug 27, 2024

fixes #8
fixes #7

Summary

Fixes APM breadcrumbs on serverless

Serverless Stateful
image image
image image
image image
image image
image image
image image
image image
image image

How to test

Serverless

  • Start a local ES serverless instance: yarn es serverless --projectType=oblt --ssl -k/--insecure
  • Start a local Kibana serverless instance: yarn start --serverless=oblt --no-ssl
  • Run some synthtrace scenarios
    • NODE_TLS_REJECT_UNAUTHORIZED=0 node scripts/synthtrace mobile.ts --live --target=https://elastic_serverless:changeme@127.0.0.1:9200 --kibana=http://elastic_serverless:changeme@0.0.0.0:5601
    • NODE_TLS_REJECT_UNAUTHORIZED=0 node scripts/synthtrace service_map.ts --live --target=https://elastic_serverless:changeme@127.0.0.1:9200 --kibana=http://elastic_serverless:changeme@0.0.0.0:5601
  • Navigate to Applications and click through the links

Stateful

  • Start a local ES and Kibana instance
  • Run the some synthtrace scenarios:
    • node scripts/synthtrace mobile.ts --live
    • node scripts/synthtrace service_map.ts --live
  • Navigate to Applications and click through the links

@obltmachine
Copy link

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

  • /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
  • run docs-build : Re-trigger the docs validation. (use unformatted text in the comment!)

@crespocarlos
Copy link
Contributor Author

/ci

@crespocarlos
Copy link
Contributor Author

/ci

@crespocarlos crespocarlos marked this pull request as ready for review August 28, 2024 12:38
@crespocarlos crespocarlos requested review from a team as code owners August 28, 2024 12:38
@botelastic botelastic bot added ci:project-deploy-observability Create an Observability project Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team Team:obs-ux-management Observability Management User Experience Team labels Aug 28, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-management-team (Team:obs-ux-management)

@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

@crespocarlos crespocarlos added v8.16.0 release_note:skip Skip the PR/issue when compiling release notes and removed Team:obs-ux-management Observability Management User Experience Team labels Aug 28, 2024
[core.http.basePath, href, title]
[core.http.basePath, href, title],
{
omitOnServerless,
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note

Side nav items are automatically added, so we have to avoid adding repeated items to the breadcrumbs

image

@botelastic botelastic bot added the Team:obs-ux-management Observability Management User Experience Team label Aug 28, 2024
],
[pagePath, pageTitle, query, router, selectedTab, serviceGroupName, serviceGroupsLink],
{
omitRootOnServerless: true,
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note

Services is automatically added on serverless

@@ -50,11 +49,13 @@ function serviceGroupPage<TPath extends string>({
return {
[path]: {
element: (
<Breadcrumb title={title} href={path}>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note

was removed to avoid conflicts with useBreadcrumb in ServiceGroupTemplate

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

totally off topic: never knew about these alert indicators. I'll immediately start (ab)-using these! :)

Other type of alerts per my recent findings:

Note

Highlights information that users should take into account, even when skimming.

Tip

Optional information to help a user be more successful.

Important

Crucial information necessary for users to succeed.

Warning

Critical content demanding immediate user attention due to potential risks.

Caution

Negative potential consequences of an action.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have to say that I found that out a couple of days ago in one of @tonyghiani's PRs. 😄

Copy link
Member

@afharo afharo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

kibana.jsonc changes LGTM

Copy link
Contributor

@MiriamAparicio MiriamAparicio left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, thanks for doing this!

Copy link
Contributor

@dominiqueclarke dominiqueclarke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

obs-ux-management changes LGTM

@crespocarlos crespocarlos enabled auto-merge (squash) August 30, 2024 07:39
@crespocarlos
Copy link
Contributor Author

@elasticmachine merge upstream

@kibana-ci
Copy link
Collaborator

kibana-ci commented Aug 30, 2024

💚 Build Succeeded

  • Buildkite Build
  • Commit: a011991
  • Kibana Serverless Image: docker.elastic.co/kibana-ci/kibana-serverless:pr-191506-a01199122186

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
apm 3.5MB 3.5MB +459.0B
exploratoryView 184.3KB 184.3KB +6.0B
observability 460.0KB 460.1KB +28.0B
total +493.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
observabilityShared 68.5KB 68.7KB +174.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@crespocarlos crespocarlos merged commit 60b8c05 into elastic:main Aug 30, 2024
27 checks passed
@kibanamachine kibanamachine added the backport:skip This commit does not require backporting label Aug 30, 2024
@crespocarlos crespocarlos deleted the a11y-fix-apm-breadcrumbs branch August 30, 2024 12:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting ci:project-deploy-observability Create an Observability project release_note:skip Skip the PR/issue when compiling release notes Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team Team:obs-ux-management Observability Management User Experience Team v8.16.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

9 participants