From 0b000dca884b5f18c6f7ef8e75d547724fbcbc65 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Fri, 12 Mar 2021 08:47:46 -0500
Subject: [PATCH] downloading external images for translated-content (#3207)

* downloading external images for translated-content

Fixes #3174

* eslint
---
 build/check-images.js | 28 ++++++++++++++++++++++------
 build/flaws.js        |  6 +++---
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/build/check-images.js b/build/check-images.js
index 965abbd6b92a..129aa2f888d7 100644
--- a/build/check-images.js
+++ b/build/check-images.js
@@ -9,6 +9,7 @@ const sizeOf = require("image-size");
 const { Document, Image } = require("../content");
 const { FLAW_LEVELS } = require("./constants");
 const { findMatchesInText } = require("./matches-in-text");
+const { DEFAULT_LOCALE } = require("../libs/constants");
 
 /**
  * Mutate the `$` instance for image reference and if appropriate,
@@ -119,9 +120,24 @@ function checkImageReferences(doc, $, options, { url, rawContent }) {
           // it now, we still want the full relative URL.
           img.attr("src", absoluteURL.pathname);
         } else {
+          let suggestion = null;
+          // If this document is *not* en-US, perhaps the external image has already
+          // been downloaded by the en-US equivalent. If so, make that the suggestion.
+          if (doc.locale !== DEFAULT_LOCALE) {
+            const filePath = Image.findByURL(
+              path.join(
+                doc.mdn_url.replace(`/${doc.locale}/`, `/${DEFAULT_LOCALE}/`),
+                path.basename(src)
+              )
+            );
+            if (filePath) {
+              suggestion = path.basename(filePath);
+            }
+          }
           addImageFlaw(img, src, {
             explanation: "External image URL",
             externalImage: true,
+            suggestion,
           });
         }
       }
@@ -137,16 +153,16 @@ function checkImageReferences(doc, $, options, { url, rawContent }) {
       let enUSFallback = false;
       if (
         !filePath &&
-        doc.locale !== "en-US" &&
-        !finalSrc.startsWith("/en-us/")
+        doc.locale !== DEFAULT_LOCALE &&
+        !finalSrc.startsWith(`/${DEFAULT_LOCALE.toLowerCase()}/`)
       ) {
-        const enFinalSrc = finalSrc.replace(
+        const enUSFinalSrc = finalSrc.replace(
           `/${doc.locale.toLowerCase()}/`,
-          "/en-us/"
+          `/${DEFAULT_LOCALE.toLowerCase()}/`
         );
-        if (Image.findByURL(enFinalSrc)) {
+        if (Image.findByURL(enUSFinalSrc)) {
           // Use the en-US src instead
-          finalSrc = enFinalSrc;
+          finalSrc = enUSFinalSrc;
           // Note that this `<img src="...">` value can work if you use the
           // en-US equivalent URL instead.
           enUSFallback = true;
diff --git a/build/flaws.js b/build/flaws.js
index f3ce302e7692..01d1f509f531 100644
--- a/build/flaws.js
+++ b/build/flaws.js
@@ -640,7 +640,9 @@ async function fixFixableFlaws(doc, options, document) {
     // HTML. It's only proper HTML when the kumascript macros have been
     // expanded.
     let newSrc;
-    if (flaw.externalImage) {
+    if (flaw.suggestion) {
+      newSrc = flaw.suggestion;
+    } else {
       // Sanity check that it's an external image
       const url = new URL(forceExternalURL(flaw.src));
       if (url.protocol !== "https:") {
@@ -739,8 +741,6 @@ async function fixFixableFlaws(doc, options, document) {
           throw error;
         }
       }
-    } else {
-      newSrc = flaw.suggestion;
     }
     newRawHTML = replaceMatchesInText(flaw.src, newRawHTML, newSrc, {
       inAttribute: "src",