Skip to content

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

Closed
trepmal wants to merge 5 commits into
developfrom
add/qm-vip-concat
Closed

trepmal wants to merge 5 commits into
developfrom
add/qm-vip-concat

Conversation

@trepmal

@trepmal trepmal commented Jul 2, 2024

Copy link
Copy Markdown
Contributor

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

codecov Bot commented Jul 2, 2024

Copy link
Copy Markdown

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 );

@rinatkhaziev rinatkhaziev Jul 24, 2024

Copy link
Copy Markdown
Contributor

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

sonarqubecloud Bot commented Aug 7, 2025

Copy link
Copy Markdown

@rinatkhaziev
rinatkhaziev requested a review from Copilot August 7, 2025 17:39

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

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:

Copilot AI Aug 7, 2025

Copy link

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.
@rinatkhaziev

Copy link
Copy Markdown
Contributor

I'm going to close it because I'm not sure if it's compatible with QM4 without changes.

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