demo(vue): update

Author: farfromrefug

demo-vue/app/App_Resources/Android/src/main/AndroidManifest.xml

@@ -29,7 +29,8 @@
 			android:name="com.tns.NativeScriptActivity"
 			android:label="@string/title_activity_kimera"
 			android:configChanges="keyboardHidden|orientation|screenSize"
-			android:theme="@style/LaunchScreenTheme">
+			android:theme="@style/LaunchScreenTheme"
+			android:exported="true">
 
 			<meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />
 
@@ -38,6 +39,6 @@
 				<category android:name="android.intent.category.LAUNCHER" />
 			</intent-filter>
 		</activity>
-		<activity android:name="com.tns.ErrorReportActivity"/>
+		<activity android:name="com.tns.ErrorReportActivity" android:exported="false"/>
 	</application>
 </manifest>

demo-vue/app/canvastests.ts

@@ -1,4 +1,4 @@
-import { Align, Canvas, Cap, DashPathEffect, LinearGradient, Paint, Path, RadialGradient, Rect, RectF, Style, TileMode, createRect, createRectF } from '@nativescript-community/ui-canvas';
+import { Align, Canvas, Cap, DashPathEffect, LinearGradient, Paint, Path, RadialGradient, Rect, RectF, Style, TileMode, createRect, createRectF, ColorMatrixColorFilter } from '@nativescript-community/ui-canvas';
 import { Label, Utils } from '@nativescript/core';
 import { Color } from '@nativescript/core/color';
 import { Folder, knownFolders, path } from '@nativescript/core/file-system';
@@ -120,7 +120,9 @@ export function drawOnImage(scale = 3, canvas?: Canvas) {
     canvas.save();
     // canvas.translate(10, 600);
     // canvas.drawBitmap(iconLocalFile, 0, 0, null);
-    canvas.drawBitmap(iconLocalFile, null, createRect(0, 0, 200, 300), null);
+    const bitmapPaint = new Paint();
+    bitmapPaint.setColorFilter(new ColorMatrixColorFilter([0.299, 0.587, 0.114, 0, 0, 0.299, 0.587, 0.114, 0, 0, 0.299, 0.587, 0.114, 0, 0, 0, 0, 0, 1, 0]));
+    canvas.drawBitmap(iconLocalFile, null, createRect(0, 0, 200, 300), bitmapPaint);
     canvas.restore();
 
     // arc path

demo-vue/app/examples/Image.vue

@@ -28,13 +28,18 @@ export default class Image extends Vue {
         Frame.topmost().goBack();
     }
     onDraw(event: { canvas }) {
+        try {
+            
         const canvas = event.canvas;
 
         // const deviceScale = screen.mainScreen.scale;
         // canvas.scale(deviceScale, deviceScale); // always scale to device density to work with dp
         console.log('onDraw canvas:', canvas.getWidth(), canvas.getHeight());
 
         canvas.drawBitmap(iconLocalFile, null, createRect(0, 50, 200, 300), null);
+        } catch (error) {
+            console.error(error, error.stack)
+        }
     }
 }
 </script>

demo-vue/package.json

@@ -4,25 +4,25 @@
     "license": "SEE LICENSE IN LICENSE.md",
     "readme": "README.md",
     "repository": "http://www.github.com/Akylas/@nativescript-community/ui-canvas.git",
-    "main": "main",
+    "main": "app/main",
     "dependencies": {
-        "@nativescript/core": "7.2.1",
-        "@nativescript-community/perms": "2.1.5",
+        "@nativescript/core": "8.3.0",
+        "@nativescript-community/perms": "2.2.11",
         "@nativescript-community/ui-canvas": "file:../plugin",
-        "@nativescript-community/ui-material-core": "5.2.8",
+        "@nativescript-community/ui-material-core": "7.0.24",
         "@nativescript-community/tween": "0.0.14",
-        "nativescript-vue": "^2.8.3"
+        "nativescript-vue": "^2.9.2"
     },
     "devDependencies": {
-        "@babel/core": "^7.12.3",
-        "@nativescript/android": "7.0.1",
-        "@nativescript/types": "7.2.0",
-        "@nativescript/webpack": "4.1.0",
-        "babel-loader": "^8.2.2",
-        "nativescript-vue-template-compiler": "2.8.3",
-        "tns-ios": "6.5.4",
-        "typescript": "^3.9.7",
-        "vue": "^2.6.12",
+        "@babel/core": "^7.18.6",
+        "@nativescript/android": "8.2.4",
+        "@nativescript/types": "8.2.0",
+        "@nativescript/webpack": "5.0.7",
+        "babel-loader": "^8.2.5",
+        "nativescript-vue-template-compiler": "2.9.2",
+        "@nativescript/ios": "6.5.5",
+        "typescript": "^4.7.4",
+        "vue": "^2.7.5",
         "vue-loader": "^15.9.3",
         "vue-property-decorator": "^8.5.1"
     }