feat(ui_storage): add StorageImage widget (#11080)

* implement storage image

* implement hashblur loading state + docs

* fix genBlurHash function

* animate placeholders and image

* add emulator data

Author: lesnitsky

packages/firebase_ui_storage/example/.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "flutterfire-e2e-tests"
+  }
+}

packages/firebase_ui_storage/example/android/build.gradle

@@ -26,6 +26,6 @@ subprojects {
     project.evaluationDependsOn(':app')
 }
 
-task clean(type: Delete) {
+tasks.register("clean", Delete) {
     delete rootProject.buildDir
 }

packages/firebase_ui_storage/example/emulators-data/firebase-export-metadata.json

@@ -0,0 +1,7 @@
+{
+  "version": "12.2.1",
+  "storage": {
+    "version": "12.2.1",
+    "path": "storage_export"
+  }
+}

packages/firebase_ui_storage/example/emulators-data/storage_export/blobs/220f05db-6083-46bd-988b-f7fa292f3540

@@ -0,0 +1,7 @@
+{
+  "buckets": [
+    {
+      "id": "flutterfire-e2e-tests.appspot.com"
+    }
+  ]
+}

packages/firebase_ui_storage/example/emulators-data/storage_export/blobs/3a426610-84c9-4652-8b42-afbf5af9da8a

@@ -0,0 +1,21 @@
+{
+  "name": "dash_and_sparky.png",
+  "bucket": "flutterfire-e2e-tests.appspot.com",
+  "metageneration": 2,
+  "generation": 1685705638475,
+  "contentType": "image/png",
+  "storageClass": "STANDARD",
+  "contentDisposition": "inline",
+  "downloadTokens": [
+    "a7d35e4f-8a65-4f34-91c6-6b7e775d8d0e"
+  ],
+  "etag": "BwUowYDgraXwJfZFSE2oel8gi50",
+  "customMetadata": {
+    "blurHash": ":eDJq[9wo~xUbKNexqWG-@M|xuRlt7ayWVoMIwskxVIvs+slNHt2j]j?RiocR%fRo0oJtRW=V@t2R*bHoMfSbca#oJaybHj@flbIsoWCbHaya}bHoeazbIayofWCn~j[R*oJ"
+  },
+  "timeCreated": "2023-06-02T11:33:58.475Z",
+  "updated": "2023-06-02T11:33:59.550Z",
+  "size": 1317289,
+  "md5Hash": "keufmrwBZivgterJ1Goiaw==",
+  "crc32c": "968555488"
+}

packages/firebase_ui_storage/example/emulators-data/storage_export/buckets.json

@@ -0,0 +1,21 @@
+{
+  "name": "dash_laptop.png",
+  "bucket": "flutterfire-e2e-tests.appspot.com",
+  "metageneration": 2,
+  "generation": 1685705638511,
+  "contentType": "image/png",
+  "storageClass": "STANDARD",
+  "contentDisposition": "inline",
+  "downloadTokens": [
+    "b1562f34-4e8a-46ab-a798-79d02d4e1278"
+  ],
+  "etag": "9Wt4WZeNTnZRYBiyvrfjfT3AmzY",
+  "customMetadata": {
+    "blurHash": ":DGd$~yD?wtTI8tlx]tS04flMvaxtSfkaKWBspWCISk8xwahRPk9H?oc%$j]Mdaeo}ofEQV]R6afoykBn-WD.SofRPaxo}j]aKaxH@j?tlj[VtafbYfiyFWDRPj[offkbcj]"
+  },
+  "timeCreated": "2023-06-02T11:33:58.511Z",
+  "updated": "2023-06-02T11:33:59.630Z",
+  "size": 4430869,
+  "md5Hash": "pz0PYofr6UAwdpZHu8NVGw==",
+  "crc32c": "869949075"
+}

packages/firebase_ui_storage/example/emulators-data/storage_export/metadata/220f05db-6083-46bd-988b-f7fa292f3540.json

@@ -0,0 +1,33 @@
+{
+  "functions": [
+    {
+      "source": "functions",
+      "codebase": "default",
+      "ignore": [
+        "node_modules",
+        ".git",
+        "firebase-debug.log",
+        "firebase-debug.*.log"
+      ],
+      "predeploy": [
+        "npm --prefix \"$RESOURCE_DIR\" run lint",
+        "npm --prefix \"$RESOURCE_DIR\" run build"
+      ]
+    }
+  ],
+  "emulators": {
+    "functions": {
+      "port": 5001
+    },
+    "storage": {
+      "port": 9199
+    },
+    "ui": {
+      "enabled": true
+    },
+    "singleProjectMode": true
+  },
+  "storage": {
+    "rules": "storage.rules"
+  }
+}

packages/firebase_ui_storage/example/emulators-data/storage_export/metadata/3a426610-84c9-4652-8b42-afbf5af9da8a.json

@@ -0,0 +1,33 @@
+module.exports = {
+  root: true,
+  env: {
+    es6: true,
+    node: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings",
+    "plugin:import/typescript",
+    "google",
+    "plugin:@typescript-eslint/recommended",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: ["tsconfig.json", "tsconfig.dev.json"],
+    sourceType: "module",
+  },
+  ignorePatterns: [
+    "/lib/**/*", // Ignore built files.
+  ],
+  plugins: [
+    "@typescript-eslint",
+    "import",
+  ],
+  rules: {
+    "quotes": ["error", "double"],
+    "import/no-unresolved": 0,
+    "indent": ["error", 2],
+    "object-curly-spacing": ["error", "always"],
+  },
+};

packages/firebase_ui_storage/example/firebase.json

@@ -0,0 +1,9 @@
+# Compiled JavaScript files
+lib/**/*.js
+lib/**/*.js.map
+
+# TypeScript v1 declaration files
+typings/
+
+# Node.js dependency directory
+node_modules/