Add image fetching utility functions (#1995)

Mrtenz · metamaskbot · web-flow · commit 4bbc881fea53 · 2023-11-30T16:25:10.000+01:00
This adds two new functions which can be used for fetching images (PNG, JPG) in a Snap: - `getImageData`: Returns the raw image data string, which can be used as a `href` in an SVG image. - `getImageComponent`: Returns an image component which can be used in Snaps UI. Closes MetaMask/MetaMask-planning#1573. --------- Co-authored-by: MetaMask Bot <metamaskbot@users.noreply.github.com>
diff --git a/packages/examples/packages/bip32/snap.manifest.json b/packages/examples/packages/bip32/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "8uciDR11gmEm8QDs/sHYPeICmkpHOE4qVe+7zF0O7Ew=",
+    "shasum": "caeLbHfeSy43AMJYg8DJuzwgNfQBsDYhSs7Fa1+RJpg=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/bip44/snap.manifest.json b/packages/examples/packages/bip44/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "7WXzhl1UIxj91n9Ptv/Rf+nbsYUg3XSOP14sSwEcI2k=",
+    "shasum": "l299RzPiq3zALuL5iOeVme+7lfA0cnEAz+w4DMJM0Rw=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/cronjobs/snap.manifest.json b/packages/examples/packages/cronjobs/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "CxqAZ3b6NadkqDJJDZnKKhXS8ecdcV+qIf/dOmMHzbk=",
+    "shasum": "PX7YVTXzXsTT2qnvBj4DAn87yuFJUlW6fHu9A6lLh7I=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/dialogs/snap.manifest.json b/packages/examples/packages/dialogs/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "BSNPuKt7cC0lEJaE8M6Y0/7tepS8HiC/+WpjZaOYwYM=",
+    "shasum": "vUCiymjk/mJ7B43hy2yikoGTltGsQRLbkIjp1FT/eLM=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/ethers-js/snap.manifest.json b/packages/examples/packages/ethers-js/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "FL7kREmDDwiAIHskdA1lbCYQ4NHv8p4UHR/1Tm2mKKA=",
+    "shasum": "STj20RDfb7MnKDa5ONLfBdRv4VawZ3uf0Da7jp5scC4=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/get-entropy/snap.manifest.json b/packages/examples/packages/get-entropy/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "FzwUtEms+bZSRoUP/48CxTVoSkoQCLG+86oWSUZfueA=",
+    "shasum": "h5MEtNyMAG2rQhGD90im8kCg/ESRCkoVb9/D7AR2tA4=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/home-page/snap.manifest.json b/packages/examples/packages/home-page/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "utXHOukgm1RlUl/sYsI2aNAgeVgEKL+310wUjEAMT9E=",
+    "shasum": "Jn+BqJIA+xxLU9bmG8ZSBPSSNiF83izvgh6qqP+1ZxY=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/invoke-snap/packages/core-signer/snap.manifest.json b/packages/examples/packages/invoke-snap/packages/core-signer/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "dbIz1yLy7sqedSP6sb8cD5DJgDloM08zJERPa/e8N78=",
+    "shasum": "BM0j/V7cf9ii7afLVn7u8GMjIthkwyJohQ6Uiu8YjKw=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/lifecycle-hooks/snap.manifest.json b/packages/examples/packages/lifecycle-hooks/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "Ve8xul91MklBaGJpiaLvCB/qIHIXZEj251XP+pIOOUQ=",
+    "shasum": "NHngSVQOR00sgw+NWSDuBch8IeI+Taz8Im/DeKkqGlo=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/manage-state/snap.manifest.json b/packages/examples/packages/manage-state/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "ClCqeb7sknLcct1+EMSjDpNqockG+NVmKnBmfXRXPpM=",
+    "shasum": "Y9dJ+4nEhSNmGJ0WtW9ebY88bDtn0QSCM5tRNzKl65s=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/notifications/snap.manifest.json b/packages/examples/packages/notifications/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "cHCctempM7XrAWGixs2nkxELAqDEezV1/2JzBcVO4t0=",
+    "shasum": "8//dzvhQYcRdz7kRozmC0FJXGafsAWYWE5V2eSq/TtE=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/transaction-insights/snap.manifest.json b/packages/examples/packages/transaction-insights/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "AVioFJ3NkshQl4HQhihpu+w+uq5I5QFn8uXZjgfFp8I=",
+    "shasum": "96+aEAB2bcUTV+9zHyN2NvmZwfWp3siypAq1dth+9/8=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/snaps-execution-environments/lavamoat/browserify/iframe/policy.json b/packages/snaps-execution-environments/lavamoat/browserify/iframe/policy.json
@@ -236,9 +236,20 @@
         "external:../snaps-sdk/src/internals/index.ts": true
       }
     },
+    "external:../snaps-sdk/src/images.ts": {
+      "globals": {
+        "fetch": true
+      },
+      "packages": {
+        "@metamask/utils": true,
+        "external:../snaps-sdk/src/ui/index.ts": true
+      }
+    },
     "external:../snaps-sdk/src/index.ts": {
       "packages": {
+        "@metamask/utils": true,
         "external:../snaps-sdk/src/errors.ts": true,
+        "external:../snaps-sdk/src/images.ts": true,
         "external:../snaps-sdk/src/internals/index.ts": true,
         "external:../snaps-sdk/src/types/index.ts": true,
         "external:../snaps-sdk/src/ui/index.ts": true
diff --git a/packages/snaps-execution-environments/lavamoat/browserify/node-process/policy.json b/packages/snaps-execution-environments/lavamoat/browserify/node-process/policy.json
@@ -293,9 +293,20 @@
         "external:../snaps-sdk/src/internals/index.ts": true
       }
     },
+    "external:../snaps-sdk/src/images.ts": {
+      "globals": {
+        "fetch": true
+      },
+      "packages": {
+        "@metamask/utils": true,
+        "external:../snaps-sdk/src/ui/index.ts": true
+      }
+    },
     "external:../snaps-sdk/src/index.ts": {
       "packages": {
+        "@metamask/utils": true,
         "external:../snaps-sdk/src/errors.ts": true,
+        "external:../snaps-sdk/src/images.ts": true,
         "external:../snaps-sdk/src/internals/index.ts": true,
         "external:../snaps-sdk/src/types/index.ts": true,
         "external:../snaps-sdk/src/ui/index.ts": true
diff --git a/packages/snaps-execution-environments/lavamoat/browserify/node-thread/policy.json b/packages/snaps-execution-environments/lavamoat/browserify/node-thread/policy.json
@@ -293,9 +293,20 @@
         "external:../snaps-sdk/src/internals/index.ts": true
       }
     },
+    "external:../snaps-sdk/src/images.ts": {
+      "globals": {
+        "fetch": true
+      },
+      "packages": {
+        "@metamask/utils": true,
+        "external:../snaps-sdk/src/ui/index.ts": true
+      }
+    },
     "external:../snaps-sdk/src/index.ts": {
       "packages": {
+        "@metamask/utils": true,
         "external:../snaps-sdk/src/errors.ts": true,
+        "external:../snaps-sdk/src/images.ts": true,
         "external:../snaps-sdk/src/internals/index.ts": true,
         "external:../snaps-sdk/src/types/index.ts": true,
         "external:../snaps-sdk/src/ui/index.ts": true
diff --git a/packages/snaps-execution-environments/lavamoat/browserify/offscreen/policy.json b/packages/snaps-execution-environments/lavamoat/browserify/offscreen/policy.json
@@ -137,9 +137,20 @@
         "external:../snaps-sdk/src/internals/index.ts": true
       }
     },
+    "external:../snaps-sdk/src/images.ts": {
+      "globals": {
+        "fetch": true
+      },
+      "packages": {
+        "@metamask/utils": true,
+        "external:../snaps-sdk/src/ui/index.ts": true
+      }
+    },
     "external:../snaps-sdk/src/index.ts": {
       "packages": {
+        "@metamask/utils": true,
         "external:../snaps-sdk/src/errors.ts": true,
+        "external:../snaps-sdk/src/images.ts": true,
         "external:../snaps-sdk/src/internals/index.ts": true,
         "external:../snaps-sdk/src/types/index.ts": true,
         "external:../snaps-sdk/src/ui/index.ts": true
diff --git a/packages/snaps-execution-environments/lavamoat/browserify/worker-executor/policy.json b/packages/snaps-execution-environments/lavamoat/browserify/worker-executor/policy.json
@@ -236,9 +236,20 @@
         "external:../snaps-sdk/src/internals/index.ts": true
       }
     },
+    "external:../snaps-sdk/src/images.ts": {
+      "globals": {
+        "fetch": true
+      },
+      "packages": {
+        "@metamask/utils": true,
+        "external:../snaps-sdk/src/ui/index.ts": true
+      }
+    },
     "external:../snaps-sdk/src/index.ts": {
       "packages": {
+        "@metamask/utils": true,
         "external:../snaps-sdk/src/errors.ts": true,
+        "external:../snaps-sdk/src/images.ts": true,
         "external:../snaps-sdk/src/internals/index.ts": true,
         "external:../snaps-sdk/src/types/index.ts": true,
         "external:../snaps-sdk/src/ui/index.ts": true
diff --git a/packages/snaps-execution-environments/lavamoat/browserify/worker-pool/policy.json b/packages/snaps-execution-environments/lavamoat/browserify/worker-pool/policy.json
@@ -137,9 +137,20 @@
         "external:../snaps-sdk/src/internals/index.ts": true
       }
     },
+    "external:../snaps-sdk/src/images.ts": {
+      "globals": {
+        "fetch": true
+      },
+      "packages": {
+        "@metamask/utils": true,
+        "external:../snaps-sdk/src/ui/index.ts": true
+      }
+    },
     "external:../snaps-sdk/src/index.ts": {
       "packages": {
+        "@metamask/utils": true,
         "external:../snaps-sdk/src/errors.ts": true,
+        "external:../snaps-sdk/src/images.ts": true,
         "external:../snaps-sdk/src/internals/index.ts": true,
         "external:../snaps-sdk/src/types/index.ts": true,
         "external:../snaps-sdk/src/ui/index.ts": true
diff --git a/packages/snaps-sdk/package.json b/packages/snaps-sdk/package.json
@@ -66,6 +66,7 @@
     "eslint-plugin-promise": "^6.1.1",
     "expect-type": "^0.17.3",
     "jest": "^29.0.2",
+    "jest-fetch-mock": "^3.0.3",
     "jest-it-up": "^2.0.0",
     "prettier": "^2.7.1",
     "prettier-plugin-packagejson": "^2.2.11",
diff --git a/packages/snaps-sdk/src/images.test.ts b/packages/snaps-sdk/src/images.test.ts
diff --git a/packages/snaps-sdk/src/images.ts b/packages/snaps-sdk/src/images.ts
diff --git a/packages/snaps-sdk/src/index.ts b/packages/snaps-sdk/src/index.ts
diff --git a/yarn.lock b/yarn.lock
