How is the `design/head/includes` contents rendered?

dmitry_fedyuk · January 1, 2024, 1:09am

1. `Magento\Framework\View\Page\Config::getIncludes()`

magento/magento2/blob/2.4.7-beta2/lib/internal/Magento/Framework/View/Page/Config.php#L649-L663


      
          /**
           * Get miscellaneous scripts/styles to be included in head before head closing tag
           *
           * @return string
           */
          public function getIncludes()
          {
              if ($this->includes === null && $this->isIncludesAvailable) {
                  $this->includes = $this->scopeConfig->getValue(
                      'design/head/includes',
                      \Magento\Store\Model\ScopeInterface::SCOPE_STORE
                  );
              }
              return $this->includes ??= '';
          }

2. `Magento\Framework\View\Page\Config\Renderer::renderHeadContent()`

github.com

magento/magento2/blob/2.4.7-beta2/lib/internal/Magento/Framework/View/Page/Config/Renderer.php#L126-L140


      
          /**
           * Render head content
           *
           * @return string
           */
          public function renderHeadContent()
          {
              $result = '';
              $result .= $this->renderMetadata();
              $result .= $this->renderTitle();
              $this->prepareFavicon();
              $result .= $this->renderAssets($this->getAvailableResultGroups());
              $result .= $this->pageConfig->getIncludes();
              return $result;
          }

3. `Magento\Framework\View\Result\Page::render()`

github.com

magento/magento2/blob/2.4.7-beta2/lib/internal/Magento/Framework/View/Result/Page.php#L248-L264


      
          $addBlock = $this->getLayout()->getBlock('head.additional'); // todo
          $requireJs = $this->getLayout()->getBlock('require.js');
          $this->assign([
              'requireJs' => $requireJs ? $requireJs->toHtml() : null,
              'headContent' => $this->pageConfigRenderer->renderHeadContent(),
              'headAdditional' => $addBlock ? $addBlock->toHtml() : null,
              'htmlAttributes' => $this->pageConfigRenderer->renderElementAttributes($config::ELEMENT_TYPE_HTML),
              'headAttributes' => $this->pageConfigRenderer->renderElementAttributes($config::ELEMENT_TYPE_HEAD),
              'bodyAttributes' => $this->pageConfigRenderer->renderElementAttributes($config::ELEMENT_TYPE_BODY),
              'loaderIcon' => $this->getViewFileUrl('images/loader-2.gif'),
          ]);
          
          $output = $this->getLayout()->getOutput();
          $this->assign('layoutContent', $output);
          $output = $this->renderPage();
          $this->translateInline->processResponseBody($output);
          $response->appendBody($output);

4. `Magento_Theme::root.phtml`

github.com

magento/magento2/blob/2.4.7-beta2/app/code/Magento/Theme/view/base/templates/root.phtml#L7-L19


      
          <!doctype html>
          <html <?= /* @noEscape */ $htmlAttributes ?>>
              <head <?= /* @noEscape */ $headAttributes ?>>
                  <?= /* @noEscape */ $requireJs ?>
                  <?= /* @noEscape */ $headContent ?>
                  <?= /* @noEscape */ $headAdditional ?>
              </head>
              <body data-container="body"
                    data-mage-init='{"loaderAjax": {}, "loader": { "icon": "<?= /* @noEscape */ $loaderIcon ?>"}}'
                  <?= /* @noEscape */ $bodyAttributes ?>>
                  <?= /* @noEscape */ $layoutContent ?>
              </body>
          </html>

How is the `design/head/includes` contents rendered?

1. Magento\Framework\View\Page\Config::getIncludes()

2. Magento\Framework\View\Page\Config\Renderer::renderHeadContent()

3. Magento\Framework\View\Result\Page::render()

4. Magento_Theme::root.phtml

1. `Magento\Framework\View\Page\Config::getIncludes()`

2. `Magento\Framework\View\Page\Config\Renderer::renderHeadContent()`

3. `Magento\Framework\View\Result\Page::render()`

4. `Magento_Theme::root.phtml`