Merge pull request #1133 from phpDocumentor/fix/relative-image-urls

[FIX] use canonicalUrl to fetch images

Author: jaapio

packages/guides/src/Twig/AssetsExtension.php

@@ -156,25 +156,27 @@ private function copyAsset(
         }
 
         $canonicalUrl = $this->documentNameResolver->canonicalUrl($renderContext->getDirName(), $sourcePath);
+        $normalizedSourcePath = $this->documentNameResolver->canonicalUrl($renderContext->getDirName(), $sourcePath);
+
         $outputPath = $this->documentNameResolver->absoluteUrl(
             $renderContext->getDestinationPath(),
             $canonicalUrl,
         );
 
         try {
-            if ($renderContext->getOrigin()->has($sourcePath) === false) {
+            if ($renderContext->getOrigin()->has($normalizedSourcePath) === false) {
                 $this->logger->error(
-                    sprintf('Image reference not found "%s"', $sourcePath),
+                    sprintf('Image reference not found "%s"', $normalizedSourcePath),
                     $renderContext->getLoggerInformation(),
                 );
 
                 return $outputPath;
             }
 
-            $fileContents = $renderContext->getOrigin()->read($sourcePath);
+            $fileContents = $renderContext->getOrigin()->read($normalizedSourcePath);
             if ($fileContents === false) {
                 $this->logger->error(
-                    sprintf('Could not read image file "%s"', $sourcePath),
+                    sprintf('Could not read image file "%s"', $normalizedSourcePath),
                     $renderContext->getLoggerInformation(),
                 );
 

tests/Integration/tests/markdown/image-path-relative-md/expected/dir1/dir2/index.html

@@ -0,0 +1,11 @@
+<!-- content start -->
+                        <div class="section" id="dir-2-title">
+            <h1>Dir 2 Title</h1>
+
+    <p>Lorem Ipsum Dolor.</p>
+
+
+    <p><img src="../../images/hero-illustration.svg" alt="Hero Illustrations"/></p>
+
+    </div>
+                    <!-- content end -->

tests/Integration/tests/markdown/image-path-relative-md/expected/dir1/dir2/somePage.html

@@ -0,0 +1,8 @@
+<!-- content start -->
+                        <div class="section" id="some-page-in-dir-2">
+            <h1>Some Page in dir 2</h1>
+
+    <p>Lorem Ipsum <code>Dolor</code>.</p>
+
+    </div>
+                    <!-- content end -->

tests/Integration/tests/markdown/image-path-relative-md/expected/dir1/index.html

@@ -0,0 +1,11 @@
+<!-- content start -->
+                        <div class="section" id="dir-1-title">
+            <h1>Dir 1 Title</h1>
+
+    <p>Lorem Ipsum Dolor.</p>
+
+
+    <p><img src="../images/hero-illustration.svg" alt="Hero Illustrations"/></p>
+
+    </div>
+                    <!-- content end -->

tests/Integration/tests/markdown/image-path-relative-md/expected/images/hero-illustration.svg

@@ -0,0 +1,8 @@
+<!-- content start -->
+                        <div class="section" id="document-title">
+            <h1>Document Title</h1>
+
+    <p>Lorem Ipsum Dolor.</p>
+
+    </div>
+                    <!-- content end -->

tests/Integration/tests/markdown/image-path-relative-md/expected/index.html

@@ -0,0 +1,5 @@
+# Dir 2 Title
+
+Lorem Ipsum Dolor.
+
+![Hero Illustrations](../../images/hero-illustration.svg)

tests/Integration/tests/markdown/image-path-relative-md/input/dir1/dir2/index.md

@@ -0,0 +1,4 @@
+
+# Some Page in dir 2
+
+Lorem Ipsum `Dolor`.

tests/Integration/tests/markdown/image-path-relative-md/input/dir1/dir2/somePage.md

@@ -0,0 +1,5 @@
+# Dir 1 Title
+
+Lorem Ipsum Dolor.
+
+![Hero Illustrations](../images/hero-illustration.svg)

tests/Integration/tests/markdown/image-path-relative-md/input/dir1/index.md

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<guides xmlns="https://www.phpdoc.org/guides"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="https://www.phpdoc.org/guides packages/guides-cli/resources/schema/guides.xsd"
+        theme="bootstrap"
+        input-format="md"
+        links-are-relative="1"
+        automatic-menu="true"
+>
+    <extension class="phpDocumentor\Guides\Bootstrap"/>
+</guides>