chore(storage): update demo

Author: triniwiz

apps/demo/src/plugin-demos/firebase-storage.ts

@@ -1,4 +1,4 @@
-import { Observable, EventData, Page } from '@nativescript/core';
+import { Observable, EventData, Page, File, knownFolders, path } from '@nativescript/core';
 import { DemoSharedFirebaseStorage } from '@demo/shared';
 import { Metadata, Storage, TaskEvent } from '@nativescript/firebase-storage';
 import { Auth } from '@nativescript/firebase-auth';
@@ -38,11 +38,42 @@ export class DemoModel extends DemoSharedFirebaseStorage {
 				},
 				next(snapshot) {
 					console.info('uploadText', 'next', 'state', snapshot.state, snapshot.error);
-					console.log('uploadText', 'next', 'progress %', snapshot.bytesTransferred / snapshot.totalBytes ?? 0 * 100);
+					if (snapshot.totalBytes) {
+						console.log('uploadFile', 'next', 'progress %', snapshot.bytesTransferred / snapshot.totalBytes ?? 0 * 100);
+					}
 					if (snapshot.error) {
 						console.error('uploadText', 'next', snapshot.error);
 					}
 				},
 			});
 	}
+
+	uploadFile() {
+		const file = File.fromPath(
+			path.join(knownFolders.currentApp().path, 'images', 'deadpool.jpeg')
+		)
+		const metadata = new Metadata();
+		metadata.contentType = 'image/jpg';
+		this.storage
+			.ref()
+			.child('images/deadpool.jpeg')
+			.putFile(file.path, metadata)
+			.on(TaskEvent.STATE_CHANGED, {
+				complete() {
+					console.info('uploadFile', 'completed');
+				},
+				error(err) {
+					console.error('uploadFile', 'error', err);
+				},
+				next(snapshot) {
+					console.info('uploadFile', 'next', 'state', snapshot.state);
+					if (snapshot.totalBytes) {
+						console.log('uploadFile', 'next', 'progress %', snapshot.bytesTransferred / snapshot.totalBytes ?? 0 * 100);
+					}
+					if (snapshot.error) {
+						console.error('uploadFile', 'next', snapshot.error);
+					}
+				},
+			});
+	}
 }

apps/demo/src/plugin-demos/firebase-storage.xml

@@ -9,6 +9,7 @@
             <TextField text="{{ textToUpload }}" hint="Enter Text to upload"/>
             <TextField text="{{ textToUploadFileName }}" hint="Enter Text to upload file name"/>
             <Button text="Upload text" tap="{{ uploadText }}" class="btn btn-primary"/>
+            <Button text="Upload file" tap="{{ uploadFile }}" class="btn btn-primary"/>
             <Button text="Test firebase-storage" tap="{{ testIt }}" class="btn btn-primary"/>
           </StackLayout>
         </ScrollView>

apps/demo/webpack.config.js

@@ -11,12 +11,11 @@ module.exports = (env) => {
     config.resolve.alias.set('@demo/shared', resolve(__dirname, '..', '..', 'tools', 'demo'));
   });
 
-  // Example if you need to share images across demo apps:
-  // webpack.Utils.addCopyRule({
-  //   from: '../../../tools/images', 
-	// 	to: 'images',
-  //   context: webpack.Utils.project.getProjectFilePath('node_modules')
-  // });
+  webpack.Utils.addCopyRule({
+    from: '../../../tools/images', 
+		to: 'images',
+    context: webpack.Utils.project.getProjectFilePath('node_modules')
+  });
 
   return webpack.resolveConfig();
 };