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

Feat/highlight search on table click #701

Merged
merged 17 commits into from
Jan 11, 2022
Merged

Conversation

eh-am
Copy link
Collaborator

@eh-am eh-am commented Jan 11, 2022

Continuation of #556

Closes #500

A video demonstrating how it works:
https://user-images.githubusercontent.com/6951209/148980139-4eacadc8-ade4-4a49-a0fd-4358bf1d9d9e.mp4

  • Upon clicking on a table item, it populates the highlight search
  • Clicking on the same item undoes the highlight

It's a bit sluggish due to #702

@github-actions
Copy link
Contributor

github-actions bot commented Jan 11, 2022

size-limit report 📦

Path Size Loading time (3g) Running time (snapdragon) Total time
webapp/public/assets/app.js 336.31 KB (+0.07% 🔺) 6.8 s (+0.07% 🔺) 998 ms (+5.39% 🔺) 7.8 s

@pyroscopebot
Copy link
Collaborator

pyroscopebot commented Jan 11, 2022

Screenshots

Throughput Throughput
Disk Usage Disk Usage
Memory Memory
Upload Errors (Total) Upload Errors (Total)
Successful Uploads (Total) Successful Uploads (Total)
CPU Utilization CPU Utilization

Result

main pr diff threshold
throughput 230.78 234.31 3.53 (1.52%) 5%
total items processed 69730.00 69709.00 -21.00 (-0.03%) 5%
Details
Name Description Query for main Query for pr
throughput rate(pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope-main:4040"}[5m]) rate(pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope:4040"}[5m])
total items processed pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope-main:4040"} pyroscope_http_request_duration_seconds_count{handler="/ingest", instance="pyroscope:4040"}

Generated by 🚫 dangerJS against b99bc44

@codecov
Copy link

codecov bot commented Jan 11, 2022

Codecov Report

Merging #701 (7e80ee8) into main (5896982) will not change coverage.
The diff coverage is 100.00%.

Impacted file tree graph

@@           Coverage Diff           @@
##             main     #701   +/-   ##
=======================================
  Coverage   77.08%   77.08%           
=======================================
  Files          59       59           
  Lines        2037     2037           
  Branches      366      366           
=======================================
  Hits         1570     1570           
  Misses        439      439           
  Partials       28       28           
Impacted Files Coverage Δ
webapp/javascript/components/Toolbar.tsx 90.91% <100.00%> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5896982...7e80ee8. Read the comment docs.

@eh-am eh-am marked this pull request as ready for review January 11, 2022 16:32
@Rperry2174
Copy link
Contributor

This is awesome @eh-am thanks for picking this up and thanks to @gabrielzezze for getting it started!

I think we should merge this as is, but considering creating a new good-first-issue to make the table highlight the function, but also outline the rest of the row... Curious what you think about that (I suspect the code for it would be slightly weird though honestly)

image

@Rperry2174
Copy link
Contributor

/create-server

@eh-am
Copy link
Collaborator Author

eh-am commented Jan 11, 2022

@Rperry2174 Yeah I think so. There are certain table border shenanigans which make it not so straightforward to deal with

@eh-am eh-am merged commit d809f79 into main Jan 11, 2022
@eh-am eh-am deleted the feat/highlight-search-on-table-click branch January 11, 2022 20:14
juliosaraiva pushed a commit to juliosaraiva/pyroscope that referenced this pull request Jan 16, 2022
* feat(frontend): clicking on table populates search highlight

Co-authored-by: Gabriel Zezze <gabrielfz@al.insper.edu.br>
Co-authored-by: gabrielzezze <gabriel@zezze.dev>
korniltsev pushed a commit that referenced this pull request Jul 18, 2023
This PR adds a store-gateway component similar to what exists in Mimir. https://github.com/grafana/mimir/blob/main/pkg/storegateway/gateway.go

This is still very early, so far I've decided to depends on Mimir to benefits from the shuffle sharding and replication strategy.

I'm not planning to provide any block persistence for now only in-memory. In the future we should use memcached for symbols and tsdb index. The store gateway open block for each tenant within 24h - (now -2h).

Since we don't have a compactor a single gateway can download data duplicated by the replication factor of ingesters. This means we need to deduplicate blocks data while streaming now. To speed this up I've implemented a BufferedIterator that helps merging multiple iterator in parallel. In the future we should probably only download compacted blocks.

For now we always deduplicate even in the ingester code even though no duplication happens there, the PR was big enough and I don't think it's a big concern right now.

The store-gateway also replicate data for high availability which means more duplicates are sent to queriers. We should consider sending block ULID and request querier to select the one to consider.

To keep thing simple for the query path right now, we split the queries using the queryStoreAfter configuration. Ultimately if we dedupe by blocks we should be able to remove that configuration and select blocks that needs to be querier from the querier directly.

---------

Co-authored-by: Christian Simon <simon@swine.de>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Clicking on item on the table should populate the highlight
4 participants