feat: bump to latest JS/native SDKs

Author: farfromrefug

.npmrc

@@ -0,0 +1,3 @@
+shamefully-hoist=true
+strict-peer-dependencies=false
+loglevel=error

README.md

@@ -15,7 +15,7 @@ Be sure to run a new build after adding plugins to avoid any issues.
 
 You will need to add something like this to your webpack config so that the source maps gets uploaded. I dont set `auth` or `project` in the options as i use a `.sentryclirc` config file.
 * `SOURCEMAP_REL_DIR`: i almost always set it to `../../sourcemaps`
-* `SENTRY_PREFIX`: i almost always set it to `app:///`
+* `SENTRY_PREFIX`: the default is `app:///`
 ```javascript
 if (!!sentry && !!uploadSentry) {
   config.devtool = false;
@@ -98,7 +98,6 @@ sentry_upload_dsym
 
 ```typescript
 import * as Sentry from '@nativescript-community/sentry';
-import { getAppId, getBuildNumber, getVersionName } from 'nativescript-extendedinfo';
 
 const buildNumber = await getBuildNumber();
 const versionName = await getVersionName();
@@ -108,15 +107,12 @@ Sentry.init({
     dsn: SENTRY_DSN,
     debug: true,
     enableAutoPerformanceTracking: true,
-    appPrefix: SENTRY_PREFIX,
-    release: `${appId}@${versionName}+${buildNumber}`,
-    dist: `${buildNumber}.${__ANDROID__ ? 'android' : 'ios'}`
 });
 ```
 
 ## Reporting NativeScript errors
 
-The `handleUncaughtErrors` method ensures all unhandled NativeScript errors will be caught by Sentry in production, using a [custom error handler](https://docs.nativescript.org/core-concepts/error-handling).
+The `onerror` method ensures all unhandled NativeScript errors will be caught by Sentry in production, using a [custom error handler](https://docs.nativescript.org/core-concepts/error-handling).
 
 
 ## Reporting handled errors

demo-vue/app/App_Resources/Android/app.gradle

@@ -1,10 +1,10 @@
 android {
  defaultConfig {  
-    compileSdkVersion 28
+    compileSdkVersion 31
     multiDexEnabled true
     minSdkVersion 18
-    targetSdkVersion 28
-    versionCode 102
+    targetSdkVersion 31
+    versionCode 104
     versionName "2.0"
     ndk {
       abiFilters.clear()

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

@@ -22,14 +22,15 @@
 			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" />
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <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"/>
         <meta-data android:name="io.sentry.dsn" android:value="https://[email protected]/5" />
              </application>
 </manifest>

demo-vue/app/App_Resources/Android/src/main/res/values/strings.xml

@@ -1,4 +1,4 @@
 <resources>
-    <string name="app_name">Bugsnag - Demo</string>
-    <string name="title_activity_kimera">Bugsnag - Demo</string>
+    <string name="app_name">Sentry Demo</string>
+    <string name="title_activity_kimera">Sentry Demo</string>
 </resources>

demo-vue/app/App_Resources/iOS/Info.plist

@@ -3,7 +3,7 @@
 <plist version="1.0">
 <dict>
     <key>CFBundleVersion</key>
-    <string>103</string>
+    <string>104</string>
 	<key>CFBundleShortVersionString</key>
 	<string>2.0</string>
 	<key>CFBundleDevelopmentRegion</key>

demo-vue/app/main.ts

@@ -1,34 +1,34 @@
 import * as Sentry from '@nativescript-community/sentry';
 import { Application } from '@nativescript/core';
 import { on as applicationOn, launchEvent } from '@nativescript/core/application';
-import { getAppId, getBuildNumber, getVersionName } from 'nativescript-extendedinfo';
 import Vue from 'nativescript-vue';
 import Home from './views/Home';
 
 
 
 async function startSentry() {
     try {
-        const versionName = await getVersionName();
-        const buildNumber = await getBuildNumber();
-        const appId = await getAppId();
         Sentry.init({
             dsn: SENTRY_DSN,
             debug: true,
-            enableAutoPerformanceTracking: true,
-            appPrefix: SENTRY_PREFIX,
-            release: `${appId}@${versionName}+${buildNumber}`,
-            dist: `${buildNumber}.${__ANDROID__ ? 'android' : 'ios'}`
+            flushSendEvent: true,
+            enableAutoPerformanceTracking: true
         });
         console.log('startSentry done ');
         setTimeout(()=>{
             console.log('timeout');
             Sentry.withScope(scope => {
                 console.log('about to captureMessage ');
-                scope.setTag('myTag', 'tag-value');
-                scope.setExtra('myExtra', 'extra-value');
-                scope.addBreadcrumb({ message: 'test' });
-                Sentry.captureMessage('Hello Sentry!');
+                try {
+
+                    scope.setTag('myTag', 'tag-value');
+                    scope.setExtra('myExtra', 'extra-value');
+                    scope.addBreadcrumb({ message: 'test' });
+                    Sentry.captureMessage('Hello Sentry!');
+                    // Sentry.flush();
+                } catch (error) {
+                    console.error(error);
+                }
             });
         }, 1000);
     } catch(err){console.error(err, err.stack);}

demo-vue/app/views/Home.ts

@@ -15,6 +15,7 @@ export default {
         <Button text="throwError" @tap="throwError"/>
         <Button text="crashTest" @tap="crashTest"/>
         <Button text="nativeCrashTest" @tap="nativeCrashTest"/>
+        <Button text="flush" @tap="flush"/>
       </StackLayout>
     </Page>
     `,
@@ -37,6 +38,9 @@ export default {
         },
         nativeCrashTest() {
             TestClass.someMethod();
+        },
+        flush() {
+            Sentry.flush();
         }
     }
 };

demo-vue/package.json

@@ -4,23 +4,29 @@
     "readme": "README.md",
     "repository": "http://www.github.com/nativescript-community/sentry.git",
     "dependencies": {
-        "@nativescript-community/sentry": "../plugin",
-        "@nativescript/core": "8.1.5",
-        "nativescript-extendedinfo": "^1.0.11",
-        "nativescript-vue": "2.9.0"
+        "@nativescript-community/sentry": "link:../plugin",
+        "@nativescript/core": "8.3.5",
+        "nativescript-vue": "2.9.3"
     },
     "devDependencies": {
-        "@babel/core": "~7.17.5",
-        "@babel/preset-env": "~7.16.11",
-        "@nativescript/android": "8.2.0-alpha.11",
-        "@nativescript/ios": "6.5.4",
-        "@nativescript/webpack": "~5.0.4",
-        "@sentry/cli": "1.72.1",
-        "@sentry/webpack-plugin": "1.18.5",
-        "babel-loader": "~8.2.3",
+        "@babel/core": "~7.19.3",
+        "@babel/preset-env": "~7.19.4",
+        "@nativescript/android": "8.3.1",
+        "@nativescript/ios": "8.3.3",
+        "@nativescript/webpack": "~5.0.9",
+        "@sentry/browser": "7.15.0",
+        "@sentry/cli": "2.7.0",
+        "@sentry/core": "7.15.0",
+        "@sentry/hub": "7.15.0",
+        "@sentry/integrations": "7.15.0",
+        "@sentry/tracing": "7.15.0",
+        "@sentry/types": "7.15.0",
+        "@sentry/utils": "7.15.0",
+        "@sentry/webpack-plugin": "1.19.1",
+        "babel-loader": "~8.2.5",
         "cross-var": "^1.1.0",
-        "nativescript-vue-template-compiler": "~2.9.0",
-        "node-sass": "^7.0.1",
+        "nativescript-vue-template-compiler": "~2.9.3",
+        "node-sass": "^7.0.3",
         "vue": "~2.6.14",
         "vue-loader": "~15.9.8"
     },