chore(demo): show new way of uploading source maps

Author: farfromrefuge

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

@@ -2,7 +2,7 @@ android {
  defaultConfig {  
     compileSdkVersion 33
     multiDexEnabled true
-    minSdkVersion 18
+    minSdkVersion 19
     targetSdkVersion 33
     versionCode 104
     versionName "2.0"

demo-vue/app/main.ts

@@ -1,9 +1,11 @@
 import * as Sentry from '@nativescript-community/sentry';
-import { Application } from '@nativescript/core';
+import { Application, Trace, Utils } from '@nativescript/core';
 import { on as applicationOn, launchEvent } from '@nativescript/core/application';
 import Vue from 'nativescript-vue';
 import Home from './views/Home';
 
+Trace.addCategories(Sentry.SentryTraceCategory);
+Trace.enable();
 
 
 async function startSentry() {
@@ -15,25 +17,27 @@ async function startSentry() {
             enableNativeCrashHandling: true,
             enableAutoPerformanceTracking: false,
             enableAutoSessionTracking: false,
-            attachScreenshot:true
+            attachScreenshot: true,
+            release: `${__APP_ID__}@${__APP_VERSION__}+${__APP_BUILD_NUMBER__}`,
+            dist: `${__APP_BUILD_NUMBER__}.${__ANDROID__ ? 'android' : 'ios'}`
         });
         setTimeout(()=>{
-            // Sentry.withScope(scope => {
-            //     try {
-            //         scope.setTag('myTag', 'tag-value');
-            //         scope.setExtra('myExtra', 'extra-value');
-            //         scope.addBreadcrumb({ message: 'test' });
-            //         Sentry.captureMessage('Hello Sentry!');
-            //     } catch (error) {
-            //         console.error(error);
-            //     }
-            // });
+            Sentry.withScope(scope => {
+                try {
+                    scope.setTag('myTag', 'tag-value');
+                    scope.setExtra('myExtra', 'extra-value');
+                    scope.addBreadcrumb({ message: 'test' });
+                    Sentry.captureMessage('Hello Sentry!');
+                } catch (error) {
+                    console.error(error);
+                }
+            });
         }, 1000);
     } catch(err){console.error(err, err.stack);}
 
 }
 
-if (!__ANDROID__ || Application.android.context) {
+if (!__ANDROID__ || Utils.android.getApplicationContext()) {
     startSentry();
 } else {
     applicationOn(launchEvent, startSentry);

demo-vue/package.json

@@ -4,7 +4,7 @@
     "readme": "README.md",
     "repository": "http://www.github.com/nativescript-community/sentry.git",
     "dependencies": {
-        "@nativescript-community/sentry": "link:../plugin",
+        "@nativescript-community/sentry": "portal:../plugin",
         "@nativescript/core": "8.4.1",
         "nativescript-vue": "2.9.3"
     },
@@ -13,9 +13,9 @@
         "@babel/preset-env": "~7.20.2",
         "@nativescript/android": "8.4.0",
         "@nativescript/ios": "8.4.0",
-        "@nativescript/webpack": "~5.0.12",
-        "@sentry/cli": "2.10.0",
-        "@sentry/webpack-plugin": "2.2.2",
+        "@nativescript/webpack": "~5.0.18",
+        "@sentry/cli": "2.23.0",
+        "@sentry/webpack-plugin": "2.10.2",
         "babel-loader": "~9.1.0",
         "cross-var": "^1.1.0",
         "nativescript-vue-template-compiler": "~2.9.3",

demo-vue/references.d.ts

@@ -9,3 +9,6 @@ declare module '*.vue' {
 
 declare const SENTRY_DSN: string;
 declare const SENTRY_PREFIX: string;
+declare const __APP_ID__: string;
+declare const __APP_VERSION__: string;
+declare const __APP_BUILD_NUMBER__: string;

demo-vue/webpack.config.js

@@ -5,28 +5,10 @@ const { readdirSync, readFileSync } = require('fs');
 const { sentryWebpackPlugin } = require('@sentry/webpack-plugin');
 module.exports = (env, params = {}) => {
     nsWebpack.init(env);
-    nsWebpack.chainWebpack(config=>{
-        config.entry('bundle').prepend('@nativescript-community/sentry/process');
-    });
-    const config =  nsWebpack.resolveConfig();
-    // Object.assign(config, {
-    //     snapshot: {
-    //         // detect changes in "node_modules"
-    //         managedPaths: [],
-    //     }
-    // });
-    const definitions  =config.plugins.find((p) => p.constructor.name === 'DefinePlugin').definitions;
-    delete definitions['process'];
-    const SENTRY_PREFIX = 'app:///';
-    Object.assign(definitions, {
-        'SENTRY_DSN': '"https://3e5220672ff5463f9a0c5bb18bcac1fd@bugs.akylas.fr/2"',
-        'SENTRY_PREFIX': `"${SENTRY_PREFIX}"`,
-    });
-
     const nconfig = require('./nativescript.config');
+
     const platform = env && ((env.android && 'android') || (env.ios && 'ios'));
     const dist = nsWebpack.Utils.platform.getDistPath();
-    const SOURCEMAP_REL_DIR = '../../sourcemaps';
     const projectRoot = params.projectRoot || __dirname;
     const appResourcesPath = nconfig.appResourcesPath;
     let appVersion;
@@ -42,28 +24,39 @@ module.exports = (env, params = {}) => {
         appVersion = plistData.match(/<key>CFBundleShortVersionString<\/key>[\s\n]*<string>(.*?)<\/string>/)[1];
         buildNumber = plistData.match(/<key>CFBundleVersion<\/key>[\s\n]*<string>([0-9]*)<\/string>/)[1];
     }
+    // nsWebpack.chainWebpack(config=>{
+    //     config.entry('bundle').prepend('@nativescript-community/sentry/process');
+    // });
+    const config = nsWebpack.resolveConfig();
+    const definitions = config.plugins.find((p) => p.constructor.name === 'DefinePlugin').definitions;
+    delete definitions['process'];
+    Object.assign(definitions, {
+        SENTRY_DSN: `"${process.env.SENTRY_DSN}"`,
+        SENTRY_PREFIX: `"${process.env.SENTRY_PREFIX}"`,
+        __APP_ID__: `"${config.id}"`,
+        __APP_VERSION__: `"${appVersion}"`,
+        __APP_BUILD_NUMBER__: `"${buildNumber}"`
+    });
+
     config.resolve.symlinks = false;
-    config.devtool = false;
+    config.devtool = 'source-map';
     config.plugins.push(
-        new webpack.SourceMapDevToolPlugin({
-            append: `\n//# sourceMappingURL=${SENTRY_PREFIX}[file].map`,
-            filename: join(SOURCEMAP_REL_DIR, '[file].map')
+        sentryWebpackPlugin({
+            org: process.env.SENTRY_ORG,
+            url: process.env.SENTRY_URL,
+            project: process.env.SENTRY_PROJECT,
+            authToken: process.env.SENTRY_AUTH_TOKEN,
+            release: {
+                create: true,
+                cleanArtifacts: true,
+                name: `${nconfig.id}@${appVersion}+${buildNumber}`,
+                dist: `${buildNumber}.${platform}`,
+            },
+            sourcemaps: {
+                ignore: ['tns-java-classes', 'hot-update'],
+                assets: [dist + '/**/*.js', join(dist, process.env.SOURCEMAP_REL_DIR) + '/*.map']
+            }
         })
     );
-    // config.plugins.push(
-    //     sentryWebpackPlugin({
-    //         release: appVersion,
-    //         urlPrefix: SENTRY_PREFIX,
-    //         rewrite: true,
-    //         release: {
-    //             name: `${nconfig.id}@${appVersion}+${buildNumber}`,
-    //             dist: `${buildNumber}.${platform}`,
-    //             uploadLegacySourcemaps: {
-    //                 ignoreFile: '.sentrycliignore',
-    //                 paths: [dist, join(dist, SOURCEMAP_REL_DIR)]
-    //             },
-    //         },
-    //     })
-    // );
     return config;
 };