Skip to content

Add QM Panel to display info about js/css concatenation#5693

Open
trepmal wants to merge 5 commits intodevelopfrom
add/qm-vip-concat
Open

Add QM Panel to display info about js/css concatenation#5693
trepmal wants to merge 5 commits intodevelopfrom
add/qm-vip-concat

Conversation

@trepmal
Copy link
Copy Markdown
Contributor

@trepmal trepmal commented Jul 2, 2024

Description

Adds a QM panel for displaying debugging information about VIP's JS/CSS concatenation feature.

qm-concat-panel

Will not display any information without Automattic/nginx-http-concat#77

Changelog Description

Add "VIP JS/CSS Concat" Query Monitor Panel

Added

  • Add "VIP JS/CSS Concat" Query Monitor Panel

Removed

  • n/a

Fixed

  • n/a

Changed

  • n/a

Pre-review checklist

Please make sure the items below have been covered before requesting a review:

  • This change works and has been tested locally or in Codespaces (or has an appropriate fallback).
  • This change works and has been tested on a sandbox.
  • This change has relevant unit tests (if applicable).
  • This change uses a rollout method to ease with deployment (if applicable - especially for large scale actions that require writes).
  • This change has relevant documentation additions / updates (if applicable).
  • I've created a changelog description that aligns with the provided examples.

Pre-deploy checklist

  • VIP staff: Ensure any alerts added/updated conform to internal standards (see internal documentation).

Steps to Test

  • See also Add/qm compat nginx-http-concat#77. Helper plugin attached there, to ensure sufficient assets for logging.
  • Without above, this PR will simply create a "VIP JS/CSS Concat" panel with no data (shows "No data logged" message)

@codecov
Copy link
Copy Markdown

codecov bot commented Jul 2, 2024

Codecov Report

❌ Patch coverage is 0% with 107 lines in your changes missing coverage. Please review.
✅ Project coverage is 33.19%. Comparing base (01190a4) to head (fde83e0).
⚠️ Report is 445 commits behind head on develop.

Files with missing lines Patch % Lines
...ugins/qm-vip-concat/class-qm-output-vip-concat.php 0.00% 76 Missing ⚠️
...ns/qm-vip-concat/class-qm-collector-vip-concat.php 0.00% 17 Missing ⚠️
qm-plugins/qm-vip-concat/qm-vip-concat.php 0.00% 12 Missing ⚠️
query-monitor.php 0.00% 2 Missing ⚠️
Additional details and impacted files
@@              Coverage Diff              @@
##             develop    #5693      +/-   ##
=============================================
- Coverage      33.36%   33.19%   -0.17%     
- Complexity      4938     4956      +18     
=============================================
  Files            291      294       +3     
  Lines          20953    21060     +107     
=============================================
  Hits            6990     6990              
- Misses         13963    14070     +107     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@trepmal trepmal marked this pull request as ready for review July 3, 2024 19:03
@trepmal trepmal requested a review from a team as a code owner July 3, 2024 19:03
Comment thread qm-plugins/qm-vip-concat/class-qm-output-vip-concat.php Outdated
Comment thread qm-plugins/qm-vip-concat/class-qm-output-vip-concat.php
Comment on lines +12 to +13
add_filter( 'qm/output/menu_class', array( $this, 'admin_class' ) );
add_filter( 'qm/output/menus', array( $this, 'admin_menu' ), 101 );
Copy link
Copy Markdown
Contributor

@rinatkhaziev rinatkhaziev Jul 24, 2024

Choose a reason for hiding this comment

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

Is it possible to not display the panel altogether if there's no data (i.e. $data->logs is empty)?

@sonarqubecloud
Copy link
Copy Markdown

@github-actions
Copy link
Copy Markdown
Contributor

This pull request has been marked stale because it has been open for 60 days with no activity. If there is no activity within 7 days, it will be closed.

This is an automation to keep pull requests manageable and actionable and is not a comment on the quality of this pull request nor on the work done so far. Closed PRs are still valuable to the project and their branches are preserved.

@github-actions
Copy link
Copy Markdown
Contributor

This pull request has been marked stale because it has been open for 60 days with no activity. If there is no activity within 7 days, it will be closed.

This is an automation to keep pull requests manageable and actionable and is not a comment on the quality of this pull request nor on the work done so far. Closed PRs are still valuable to the project and their branches are preserved.

@github-actions
Copy link
Copy Markdown
Contributor

This pull request has been marked stale because it has been open for 60 days with no activity. If there is no activity within 7 days, it will be closed.

This is an automation to keep pull requests manageable and actionable and is not a comment on the quality of this pull request nor on the work done so far. Closed PRs are still valuable to the project and their branches are preserved.

@sjinks sjinks force-pushed the add/qm-vip-concat branch from 238171a to b0817b5 Compare June 25, 2025 19:49
@sonarqubecloud
Copy link
Copy Markdown

@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud bot commented Aug 7, 2025

@rinatkhaziev rinatkhaziev requested a review from Copilot August 7, 2025 17:39
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR adds a Query Monitor panel specifically for displaying debugging information about VIP's JavaScript and CSS concatenation feature. The panel provides visibility into concatenation processes and potential issues.

Key Changes:

  • Add new QM plugin structure for VIP concatenation monitoring
  • Create collector and output classes to handle concat-specific logging
  • Integrate the new panel into the existing Query Monitor framework

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
query-monitor.php Adds conditional require for the new VIP concat QM plugin
qm-plugins/qm-vip-concat/readme.md Creates basic README for the new QM plugin
qm-plugins/qm-vip-concat/qm-vip-concat.php Main plugin file that registers collector and output components
qm-plugins/qm-vip-concat/class-qm-output-vip-concat.php Output class for rendering the concat panel UI and data tables
qm-plugins/qm-vip-concat/class-qm-collector-vip-concat.php Collector class for gathering concat-related log data
Comments suppressed due to low confidence (2)

qm-plugins/qm-vip-concat/qm-vip-concat.php:22

  • The word 'explicity' should be spelled 'explicitly'.
	 * installed so we don't have to explicity check for it.

<?php
/**
* Plugin Name: Query Monitor: VIP Concat
* Description:
Copy link

Copilot AI Aug 7, 2025

Choose a reason for hiding this comment

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

The Description field in the plugin header is empty. It should contain a brief description of what the plugin does, such as 'Adds Query Monitor panel for VIP JS/CSS concatenation debugging.'

Suggested change
* Description:
* Description: Adds Query Monitor panel for VIP JS/CSS concatenation debugging.

Copilot uses AI. Check for mistakes.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants