mParser instanceof Parser; if ( $resolveFilesViaParser ) { $parserOutput = $this->mParser->getOutput(); $repoGroup = null; $linkRenderer = $this->mParser->getLinkRenderer(); $badFileLookup = $this->mParser->getBadFileLookup(); } else { $parserOutput = $this->getOutput(); $services = MediaWikiServices::getInstance(); $repoGroup = $services->getRepoGroup(); $linkRenderer = $services->getLinkRenderer(); $badFileLookup = $services->getBadFileLookup(); } if ( $this->mPerRow > 0 ) { $maxwidth = $this->mPerRow * ( $this->mWidths + $this->getAllPadding() ); $oldStyle = $this->mAttribs['style'] ?? ''; $this->mAttribs['style'] = "max-width: {$maxwidth}px;" . $oldStyle; } $attribs = Sanitizer::mergeAttributes( [ 'class' => 'gallery mw-gallery-' . $this->mMode ], $this->mAttribs ); $parserOutput->addModules( $this->getModules() ); $parserOutput->addModuleStyles( [ 'mediawiki.page.gallery.styles' ] ); $output = Html::openElement( 'ul', $attribs ); if ( $this->mCaption ) { $output .= "\n\t" . Html::rawElement( 'li', [ 'class' => 'gallerycaption' ], $this->mCaption ); } if ( $this->mShowFilename ) { // Preload LinkCache info for when generating links // of the filename below $linkBatchFactory = MediaWikiServices::getInstance()->getLinkBatchFactory(); $lb = $linkBatchFactory->newLinkBatch(); foreach ( $this->mImages as [ $title, /* see below */ ] ) { $lb->addObj( $title ); } $lb->execute(); } $lang = $this->getRenderLang(); $enableLegacyMediaDOM = $this->getConfig()->get( MainConfigNames::ParserEnableLegacyMediaDOM ); $hookRunner = new HookRunner( MediaWikiServices::getInstance()->getHookContainer() ); # Output each image... foreach ( $this->mImages as [ $nt, $text, $alt, $link, $handlerOpts, $loading, $imageOptions ] ) { // "text" means "caption" here /** @var Title $nt */ $descQuery = false; if ( $nt->inNamespace( NS_FILE ) && !$nt->isExternal() ) { # Get the file... if ( $resolveFilesViaParser ) { # Give extensions a chance to select the file revision for us $options = []; $hookRunner->onBeforeParserFetchFileAndTitle( // @phan-suppress-next-line PhanTypeMismatchArgument Type mismatch on pass-by-ref args $this->mParser, $nt, $options, $descQuery ); # Fetch and register the file (file title may be different via hooks) [ $img, $nt ] = $this->mParser->fetchFileAndTitle( $nt, $options ); } else { $img = $repoGroup->findFile( $nt ); } } else { $img = false; } $transformOptions = $this->getThumbParams( $img ) + $handlerOpts; $thumb = $img ? $img->transform( $transformOptions ) : false; $rdfaType = 'mw:File'; $isBadFile = $img && $thumb && $this->mHideBadImages && $badFileLookup->isBadFile( $nt->getDBkey(), $this->getContextTitle() ); if ( !$img || !$thumb || ( !$enableLegacyMediaDOM && $thumb->isError() ) || $isBadFile ) { $rdfaType = 'mw:Error ' . $rdfaType; if ( $enableLegacyMediaDOM ) { if ( $isBadFile ) { $thumbhtml = $linkRenderer->makeKnownLink( $nt, $nt->getText() ); } else { $thumbhtml = htmlspecialchars( $img ? $img->getLastError() : $nt->getText() ); } } else { $currentExists = $img && $img->exists(); if ( $currentExists && !$thumb ) { $label = wfMessage( 'thumbnail_error', '' )->text(); } elseif ( $thumb && $thumb->isError() ) { Assert::invariant( $thumb instanceof MediaTransformError, 'Unknown MediaTransformOutput: ' . get_class( $thumb ) ); $label = $thumb->toText(); } else { $label = $alt ?? ''; } $thumbhtml = Linker::makeBrokenImageLinkObj( $nt, $label, '', '', '', false, $transformOptions, $currentExists ); $thumbhtml = Html::rawElement( 'span', [ 'typeof' => $rdfaType ], $thumbhtml ); } $thumbhtml = "\n\t\t\t" . Html::rawElement( 'div', [ 'class' => 'thumb', 'style' => 'height: ' . ( $this->getThumbPadding() + $this->mHeights ) . 'px;' ], $thumbhtml ); if ( !$img && $resolveFilesViaParser ) { $this->mParser->addTrackingCategory( 'broken-file-category' ); } } else { /** @var MediaTransformOutput $thumb */ $vpad = $this->getVPad( $this->mHeights, $thumb->getHeight() ); // Backwards compat before the $imageOptions existed if ( $imageOptions === null ) { $imageParameters = [ 'desc-link' => true, 'desc-query' => $descQuery, 'alt' => $alt ?? '', 'custom-url-link' => $link ]; } else { $params = []; // An empty alt indicates an image is not a key part of the // content and that non-visual browsers may omit it from // rendering. Only set the parameter if it's explicitly // requested. if ( $alt !== null ) { $params['alt'] = $alt; } $params['title'] = $imageOptions['title']; if ( !$enableLegacyMediaDOM ) { $params['img-class'] = 'mw-file-element'; } $imageParameters = Linker::getImageLinkMTOParams( $imageOptions, $descQuery, $this->mParser ) + $params; } if ( $loading === ImageGalleryBase::LOADING_LAZY ) { $imageParameters['loading'] = 'lazy'; } $this->adjustImageParameters( $thumb, $imageParameters ); Linker::processResponsiveImages( $img, $thumb, $transformOptions ); $thumbhtml = $thumb->toHtml( $imageParameters ); if ( !$enableLegacyMediaDOM ) { $thumbhtml = Html::rawElement( 'span', [ 'typeof' => $rdfaType ], $thumbhtml ); } else { $thumbhtml = Html::rawElement( 'div', [ # Auto-margin centering for block-level elements. Needed # now that we have video handlers since they may emit block- # level elements as opposed to simple tags. ref # http://css-discuss.incutio.com/?page=CenteringBlockElement 'style' => "margin:{$vpad}px auto;", ], $thumbhtml ); } # Set both fixed width and min-height. $width = $this->getThumbDivWidth( $thumb->getWidth() ); $height = $this->getThumbPadding() + $this->mHeights; $thumbhtml = "\n\t\t\t" . Html::rawElement( 'div', [ 'class' => 'thumb', 'style' => "width: {$width}px;" . ( !$enableLegacyMediaDOM && $this->mMode === 'traditional' ? " height: {$height}px;" : '' ), ], $thumbhtml ); // Call parser transform hook if ( $resolveFilesViaParser ) { /** @var MediaHandler $handler */ $handler = $img->getHandler(); if ( $handler ) { $handler->parserTransformHook( $this->mParser, $img ); } $this->mParser->modifyImageHtml( $img, [ 'handler' => $imageParameters ], $thumbhtml ); } } $meta = []; if ( $img ) { if ( $this->mShowDimensions ) { $meta[] = htmlspecialchars( $img->getDimensionsString() ); } if ( $this->mShowBytes ) { $meta[] = htmlspecialchars( $lang->formatSize( $img->getSize() ) ); } } elseif ( $this->mShowDimensions || $this->mShowBytes ) { $meta[] = $this->msg( 'filemissing' )->escaped(); } $meta = $lang->semicolonList( $meta ); if ( $meta ) { $meta .= Html::rawElement( 'br', [] ) . "\n"; } $textlink = $this->mShowFilename ? $this->getCaptionHtml( $nt, $lang, $linkRenderer ) : ''; $galleryText = $this->wrapGalleryText( $textlink . $text . $meta, $thumb ); $gbWidth = $this->getGBWidthOverwrite( $thumb ) ?: $this->getGBWidth( $thumb ) . 'px'; # Weird double wrapping (the extra div inside the li) needed due to FF2 bug # Can be safely removed if FF2 falls completely out of existence $output .= "\n\t\t" . Html::rawElement( 'li', [ 'class' => 'gallerybox', 'style' => 'width: ' . $gbWidth ], ( $enableLegacyMediaDOM ? Html::openElement( 'div', [ 'style' => 'width: ' . $gbWidth ] ) : '' ) . $thumbhtml . $galleryText . "\n\t\t" . ( $enableLegacyMediaDOM ? Html::closeElement( 'div' ) : '' ) ); } $output .= "\n" . Html::closeElement( 'ul' ); return $output; } /** * @param Title $nt * @param Language $lang * @param LinkRenderer $linkRenderer * @return string HTML */ protected function getCaptionHtml( Title $nt, Language $lang, LinkRenderer $linkRenderer ) { // Preloaded into LinkCache in toHTML return $linkRenderer->makeKnownLink( $nt, is_int( $this->getCaptionLength() ) ? $lang->truncateForVisual( $nt->getText(), $this->getCaptionLength() ) : $nt->getText(), [ 'class' => 'galleryfilename' . ( $this->getCaptionLength() === true ? ' galleryfilename-truncate' : '' ) ] ) . "\n"; } /** * Add the wrapper html around the thumb's caption * * @param string $galleryText The caption * @param MediaTransformOutput|false $thumb The thumb this caption is for * or false for bad image. * @return string */ protected function wrapGalleryText( $galleryText, $thumb ) { return "\n\t\t\t" . Html::rawElement( 'div', [ 'class' => "gallerytext" ], $galleryText ); } /** * How much padding the thumb has between the image and the inner div * that contains the border. This is for both vertical and horizontal * padding. (However, it is cut in half in the vertical direction). * @return int */ protected function getThumbPadding() { return 30; } /** * @note GB stands for gallerybox (as in the
  • element) * * @return int */ protected function getGBPadding() { return 5; } /** * Get how much extra space the borders around the image takes up. * * For this mode, it is 2px borders on each side + 2px implied padding on * each side from the stylesheet, giving us 2*2+2*2 = 8. * @return int */ protected function getGBBorders() { return 8; } /** * Length (in characters) to truncate filename to in caption when using "showfilename" (if int). * A value of 'true' will truncate the filename to one line using CSS, while * 'false' will disable truncating. * * @return int|bool */ protected function getCaptionLength() { return $this->mCaptionLength; } /** * Get total padding. * * @return int Number of pixels of whitespace surrounding the thumbnail. */ protected function getAllPadding() { return $this->getThumbPadding() + $this->getGBPadding() + $this->getGBBorders(); } /** * Get vertical padding for a thumbnail * * Generally this is the total height minus how high the thumb is. * * @param int $boxHeight How high we want the box to be. * @param int $thumbHeight How high the thumbnail is. * @return float Vertical padding to add on each side. */ protected function getVPad( $boxHeight, $thumbHeight ) { return ( $this->getThumbPadding() + $boxHeight - $thumbHeight ) / 2; } /** * Get the transform parameters for a thumbnail. * * @param File|false $img The file in question. May be false for invalid image * @return array */ protected function getThumbParams( $img ) { return [ 'width' => $this->mWidths, 'height' => $this->mHeights ]; } /** * Get the width of the inner div that contains the thumbnail in * question. This is the div with the class of "thumb". * * @param int $thumbWidth The width of the thumbnail. * @return float Width of inner thumb div. */ protected function getThumbDivWidth( $thumbWidth ) { return $this->mWidths + $this->getThumbPadding(); } /** * Computed width of gallerybox
  • . * * Generally is the width of the image, plus padding on image * plus padding on gallerybox. * * @note Important: parameter will be false if no thumb used. * @param MediaTransformOutput|false $thumb * @return float Width of gallerybox element */ protected function getGBWidth( $thumb ) { return $this->mWidths + $this->getThumbPadding() + $this->getGBPadding(); } /** * Allows overwriting the computed width of the gallerybox
  • with a string, * like '100%'. * * Generally is the width of the image, plus padding on image * plus padding on gallerybox. * * @note Important: parameter will be false if no thumb used. * @param MediaTransformOutput|false $thumb * @return string|false Ignored if false. */ protected function getGBWidthOverwrite( $thumb ) { return false; } /** * Get a list of modules to include in the page. * * Primarily intended for subclasses. * * @return array Modules to include */ protected function getModules() { return []; } /** * Adjust the image parameters for a thumbnail. * * Used by a subclass to insert extra high resolution images. * @param MediaTransformOutput $thumb The thumbnail * @param array &$imageParameters Array of options */ protected function adjustImageParameters( $thumb, &$imageParameters ) { } }