fix: Restore local image SVG format support

icaraps · icaraps · commit fafe0d23ea67 · 2021-03-15T15:49:30.000+01:00
diff --git a/example/src/pages/creative_cloud/images/trello-mark-blue.svg b/example/src/pages/creative_cloud/images/trello-mark-blue.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200px" height="200px" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
+    <title>trello-mark-blue-flat</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Logos" transform="translate(-1579.000000, -521.000000)">
+            <g id="Group" transform="translate(-9.000000, 1.000000)">
+                <g id="Trello-Logo" transform="translate(468.000000, 0.000000)">
+                    <g id="Trello-Mark---Blue---Flat" transform="translate(1020.000000, 420.000000)">
+                        <g id="Mark" transform="translate(100.000000, 100.000000)">
+                            <rect id="Board" fill="#0079BF" x="0" y="0" width="200" height="200" rx="25"></rect>
+                            <rect id="Right-List" fill="#FFFFFF" x="113" y="26" width="61" height="87.5" rx="12"></rect>
+                            <rect id="Left-List" fill="#FFFFFF" x="26" y="26" width="61" height="137.5" rx="12"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/example/src/pages/creative_cloud/index.md b/example/src/pages/creative_cloud/index.md
@@ -105,7 +105,7 @@ Make designer to developer handoffs easy. Find the latest designs and specs and
 
 <TextBlock slots="image, heading, text, links" width="33%" theme="light" isCentered />
 
-![Slack logo](images/slack.png)
+![Slack logo](images/trello-mark-blue.svg)
 
 ### Slack
 
diff --git a/packages/gatsby-theme-aio/gatsby-config.js b/packages/gatsby-theme-aio/gatsby-config.js
@@ -45,8 +45,11 @@ module.exports = {
           default: require.resolve(`./src/components/MDXFilter/index.js`)
         },
         rehypePlugins: [require(`rehype-slug`)],
-        plugins: [`gatsby-remark-images-remote`],
+        plugins: [`gatsby-remark-copy-linked-files`, `gatsby-remark-images-remote`],
         gatsbyRemarkPlugins: [
+          {
+            resolve: `gatsby-remark-copy-linked-files`
+          },
           {
             resolve: `gatsby-remark-images-remote`,
             options: {
diff --git a/packages/gatsby-theme-aio/package.json b/packages/gatsby-theme-aio/package.json
@@ -82,6 +82,7 @@
     "gatsby-plugin-preact": "^5.0.0",
     "gatsby-plugin-react-helmet": "^4.0.0",
     "gatsby-plugin-sharp": "^3.0.1",
+    "gatsby-remark-copy-linked-files": "^3.0.0",
     "gatsby-remark-images-remote": "^1.0.0",
     "gatsby-source-filesystem": "^3.0.0",
     "gatsby-transformer-remark": "^3.0.0",
diff --git a/yarn.lock b/yarn.lock
@@ -4990,7 +4990,7 @@ cheerio@^0.22.0:
     lodash.reject "^4.4.0"
     lodash.some "^4.4.0"
 
-cheerio@^1.0.0-rc.5:
+cheerio@^1.0.0-rc.3, cheerio@^1.0.0-rc.5:
   version "1.0.0-rc.5"
   resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.5.tgz#88907e1828674e8f9fee375188b27dadd4f0fa2f"
   integrity sha512-yoqps/VCaZgN4pfXtenwHROTp8NG6/Hlt4Jpz2FEP0ZJQ+ZUkVDd0hAPDNKhj3nakpfPt/CNs57yEtxD1bXQiw==
@@ -8388,6 +8388,20 @@ gatsby-recipes@^0.11.0:
     xstate "^4.9.1"
     yoga-layout-prebuilt "^1.9.6"
 
+gatsby-remark-copy-linked-files@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/gatsby-remark-copy-linked-files/-/gatsby-remark-copy-linked-files-3.0.0.tgz#020fb4217a658821350434debd981f7aabaac784"
+  integrity sha512-M+zuN3WGM+Y1dOJWmHDj4xQSGhjIpjie2aIceRgCMRKWvMfiOu7IkrQs1e84+avfPAdX9LCbS463k86CCrBRqw==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cheerio "^1.0.0-rc.3"
+    fs-extra "^8.1.0"
+    is-relative-url "^3.0.0"
+    lodash "^4.17.20"
+    path-is-inside "^1.0.2"
+    probe-image-size "^6.0.0"
+    unist-util-visit "^1.4.1"
+
 gatsby-remark-images-remote@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/gatsby-remark-images-remote/-/gatsby-remark-images-remote-1.0.0.tgz#702b7690ff3c20c7883c888aa3d171c5724e530f"
