*/ abstract public function get_type_labels(); /** * @return void */ public function output() { /** @var QM_Data_Assets */ $data = $this->collector->get_data(); $type_label = $this->get_type_labels(); if ( empty( $data->assets ) ) { $this->before_non_tabular_output(); $notice = esc_html( $type_label['none'] ); echo $this->build_notice( $notice ); // WPCS: XSS ok. $this->after_non_tabular_output(); return; } $position_labels = array( // @TODO translator comments or context: 'missing' => __( 'Missing', 'query-monitor' ), 'broken' => __( 'Missing Dependencies', 'query-monitor' ), 'header' => __( 'Header', 'query-monitor' ), 'footer' => __( 'Footer', 'query-monitor' ), ); $type = $this->collector->get_dependency_type(); $hosts = array( __( 'Other', 'query-monitor' ), ); $this->before_tabular_output(); echo ''; echo ''; echo '' . esc_html__( 'Position', 'query-monitor' ) . ''; echo '' . esc_html__( 'Handle', 'query-monitor' ) . ''; echo ''; $args = array( 'prepend' => array( 'local' => $data->host, ), ); echo $this->build_filter( $type . '-host', $hosts, __( 'Host', 'query-monitor' ), $args ); // WPCS: XSS ok. echo ''; echo '' . esc_html__( 'Source', 'query-monitor' ) . ''; echo ''; echo $this->build_filter( $type . '-dependencies', $data->dependencies, __( 'Dependencies', 'query-monitor' ) ); // WPCS: XSS ok. echo ''; echo ''; echo $this->build_filter( $type . '-dependents', $data->dependents, __( 'Dependents', 'query-monitor' ) ); // WPCS: XSS ok. echo ''; echo '' . esc_html__( 'Version', 'query-monitor' ) . ''; echo ''; echo ''; echo ''; foreach ( $position_labels as $position => $label ) { if ( ! empty( $data->assets[ $position ] ) ) { foreach ( $data->assets[ $position ] as $handle => $asset ) { $this->dependency_row( $handle, $asset, $label ); } } } echo ''; echo ''; echo ''; printf( '%1$s', sprintf( esc_html( $type_label['total'] ), '' . esc_html( number_format_i18n( $data->counts['total'] ) ) . '' ) ); echo ''; echo ''; $this->after_tabular_output(); } /** * @param string $handle * @param array $asset * @param string $label * @return void */ protected function dependency_row( $handle, array $asset, $label ) { /** @var QM_Data_Assets */ $data = $this->collector->get_data(); $highlight_deps = array_map( array( $this, '_prefix_type' ), $asset['dependencies'] ); $highlight_dependents = array_map( array( $this, '_prefix_type' ), $asset['dependents'] ); $dependencies_list = implode( ' ', $asset['dependencies'] ); $dependents_list = implode( ' ', $asset['dependents'] ); $dependency_output = array(); foreach ( $asset['dependencies'] as $dep ) { if ( isset( $data->missing_dependencies[ $dep ] ) ) { $warning = QueryMonitor::icon( 'warning' ); $dependency_output[] = sprintf( '%1$s%2$s', $warning, sprintf( /* translators: %s: Name of missing script or style dependency */ __( '%s (missing)', 'query-monitor' ), esc_html( $dep ) ) ); } else { $dependency_output[] = $dep; } } $qm_host = ( $asset['local'] ) ? 'local' : __( 'Other', 'query-monitor' ); $class = ''; if ( $asset['warning'] ) { $class = 'qm-warn'; } $type = $this->collector->get_dependency_type(); echo ''; echo ''; $warning = QueryMonitor::icon( 'warning' ); if ( $asset['warning'] ) { // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped echo $warning; } echo esc_html( $label ); echo ''; $host = $asset['host']; $parts = explode( '.', $host ); foreach ( $parts as $k => $part ) { if ( strlen( $part ) > 16 ) { $parts[ $k ] = substr( $parts[ $k ], 0, 6 ) . '…' . substr( $parts[ $k ], -6 ); } } $host = implode( '.', $parts ); if ( ! empty( $asset['port'] ) && ! empty( $asset['host'] ) ) { $host = "{$host}:{$asset['port']}"; } echo '' . esc_html( $handle ) . ''; echo '' . esc_html( $host ) . ''; echo ''; if ( $asset['source'] instanceof WP_Error ) { $error_data = $asset['source']->get_error_data(); if ( $error_data && isset( $error_data['src'] ) ) { printf( '%1$s%2$s:
', // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped $warning, esc_html( $asset['source']->get_error_message() ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped echo self::build_link( $error_data['src'], esc_html( $error_data['src'] ) ); } else { printf( '%1$s%2$s', // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped $warning, esc_html( $asset['source']->get_error_message() ) ); } } elseif ( ! empty( $asset['source'] ) ) { // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped echo self::build_link( $asset['source'], esc_html( $asset['display'] ) ); } echo ''; echo ''; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped echo implode( ', ', $dependency_output ); echo ''; echo '' . implode( ', ', array_map( 'esc_html', $asset['dependents'] ) ) . ''; echo '' . esc_html( $asset['ver'] ) . ''; echo ''; } /** * @param string $val * @return string */ public function _prefix_type( $val ) { return $this->collector->get_dependency_type() . '-' . $val; } /** * @param array $class * @return array */ public function admin_class( array $class ) { /** @var QM_Data_Assets */ $data = $this->collector->get_data(); if ( ! empty( $data->broken ) || ! empty( $data->missing ) ) { $class[] = 'qm-error'; } return $class; } /** * @param array $menu * @return array */ public function admin_menu( array $menu ) { /** @var QM_Data_Assets */ $data = $this->collector->get_data(); if ( empty( $data->assets ) ) { return $menu; } $type_label = $this->get_type_labels(); $label = sprintf( $type_label['count'], number_format_i18n( $data->counts['total'] ) ); $args = array( 'title' => esc_html( $label ), 'id' => esc_attr( "query-monitor-{$this->collector->id}" ), 'href' => esc_attr( '#' . $this->collector->id() ), ); if ( ! empty( $data->broken ) || ! empty( $data->missing ) ) { $args['meta']['classname'] = 'qm-error'; } $id = $this->collector->id(); $menu[ $id ] = $this->menu( $args ); return $menu; } }