From c162f0b14f60900ba0f1343e7a094595dc9e86f0 Mon Sep 17 00:00:00 2001
From: Krystof Woldrich <krystofwoldrich@gmail.com>
Date: Wed, 26 Apr 2023 14:51:52 +0200
Subject: [PATCH 1/5] feat(rn): Add code snippet to send the first Sentry Error

---
 CHANGELOG.md                          |  1 +
 lib/Steps/Integrations/ReactNative.ts | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3a78918c..56f8a4af 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 - ref(nextjs): Clean up minor things (#258)
 - ref(nextjs): Replace old Next.js wizard (#262)
+- feat(rn): Add code snippet to send the first Sentry Error
 
 ## 3.1.0
 
diff --git a/lib/Steps/Integrations/ReactNative.ts b/lib/Steps/Integrations/ReactNative.ts
index 43909db8..57c3661d 100755
--- a/lib/Steps/Integrations/ReactNative.ts
+++ b/lib/Steps/Integrations/ReactNative.ts
@@ -14,7 +14,7 @@ import {
   matchFiles,
   patchMatchingFile,
 } from '../../Helper/File';
-import { dim, green, nl, red } from '../../Helper/Logging';
+import { dim, green, l, nl, red } from '../../Helper/Logging';
 import { checkPackageVersion } from '../../Helper/Package';
 import { getPackageMangerChoice } from '../../Helper/PackageManager';
 import { SentryCli } from '../../Helper/SentryCli';
@@ -135,6 +135,21 @@ export class ReactNative extends MobileProject {
 
     await Promise.all(promises);
 
+    l(`
+Please put the following code snippet into your application:
+
+<Button title="Try!" onPress={ () => { Sentry.captureException(new Error('First error')) }}/>
+`);
+
+    if (!this._argv.quiet) {
+      await prompt({
+        message: 'Are you done adding the snippet above to your application?',
+        name: 'snippet',
+        default: true,
+        type: 'confirm',
+      });
+    }
+
     return answers;
   }
 

From ee5fcbb8fc8693e8d79f2203b2bfdae4514499a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kry=C5=A1tof=20Wold=C5=99ich?=
 <31292499+krystofwoldrich@users.noreply.github.com>
Date: Wed, 26 Apr 2023 14:56:57 +0200
Subject: [PATCH 2/5] Update CHANGELOG.md

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 56f8a4af..b9596ad4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,7 @@
 
 - ref(nextjs): Clean up minor things (#258)
 - ref(nextjs): Replace old Next.js wizard (#262)
-- feat(rn): Add code snippet to send the first Sentry Error
+- feat(rn): Add code snippet to send the first Sentry Error ([#263](https://github.com/getsentry/sentry-wizard/pull/263))
 
 ## 3.1.0
 

From 2da5617635e72933f8fb4fa001db24d9b5a4dc49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kry=C5=A1tof=20Wold=C5=99ich?=
 <31292499+krystofwoldrich@users.noreply.github.com>
Date: Wed, 26 Apr 2023 16:06:30 +0200
Subject: [PATCH 3/5] Apply suggestions from code review

Co-authored-by: Karl Heinz Struggl <kahest@users.noreply.github.com>
---
 lib/Steps/Integrations/ReactNative.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/Steps/Integrations/ReactNative.ts b/lib/Steps/Integrations/ReactNative.ts
index 57c3661d..0edde3ca 100755
--- a/lib/Steps/Integrations/ReactNative.ts
+++ b/lib/Steps/Integrations/ReactNative.ts
@@ -136,14 +136,14 @@ export class ReactNative extends MobileProject {
     await Promise.all(promises);
 
     l(`
-Please put the following code snippet into your application:
+To make sure everything is set up correctly, put the following code snippet into your application. This will create a button that, when tapped, sends a test event to Sentry:
 
 <Button title="Try!" onPress={ () => { Sentry.captureException(new Error('First error')) }}/>
 `);
 
     if (!this._argv.quiet) {
       await prompt({
-        message: 'Are you done adding the snippet above to your application?',
+        message: 'Have you successfully sent a test event?',
         name: 'snippet',
         default: true,
         type: 'confirm',

From ee55490bdbfac13b091b7fec16a06037df436f1f Mon Sep 17 00:00:00 2001
From: Krystof Woldrich <krystofwoldrich@gmail.com>
Date: Thu, 27 Apr 2023 14:09:18 +0200
Subject: [PATCH 4/5] Add link to issues

---
 lib/Steps/Integrations/ReactNative.ts | 31 ++++++++++++++++++++++++---
 lib/Steps/SentryProjectSelector.ts    |  1 +
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/lib/Steps/Integrations/ReactNative.ts b/lib/Steps/Integrations/ReactNative.ts
index 0edde3ca..8de3f66a 100755
--- a/lib/Steps/Integrations/ReactNative.ts
+++ b/lib/Steps/Integrations/ReactNative.ts
@@ -19,6 +19,7 @@ import { checkPackageVersion } from '../../Helper/Package';
 import { getPackageMangerChoice } from '../../Helper/PackageManager';
 import { SentryCli } from '../../Helper/SentryCli';
 import { MobileProject } from './MobileProject';
+import { URL } from 'url';
 
 const xcode = require('xcode');
 
@@ -37,11 +38,15 @@ export class ReactNative extends MobileProject {
    */
   private static _buildGradleAndroidSectionBeginning = /^android {/m;
 
+  private url: string | undefined;
+
   protected _answers: Answers;
   protected _sentryCli: SentryCli;
 
+
   public constructor(protected _argv: Args) {
     super(_argv);
+    this.url = _argv.url;
     this._sentryCli = new SentryCli(this._argv);
   }
 
@@ -135,12 +140,32 @@ export class ReactNative extends MobileProject {
 
     await Promise.all(promises);
 
-    l(`
-To make sure everything is set up correctly, put the following code snippet into your application. This will create a button that, when tapped, sends a test event to Sentry:
+    let host: string | null = null
+    try {
+      host = (new URL(this.url || '')).host;
+    } catch (_error) {
+      // ignore
+    }
+    const orgSlag = _.get(answers, 'config.organization.slug', null);
+    const projectId = _.get(answers, 'config.project.id', null);
+    const projectIssuesUrl = host && orgSlag && projectId
+      ? `https://${orgSlag}.${host}/issues/?project=${projectId}`
+      : null;
 
-<Button title="Try!" onPress={ () => { Sentry.captureException(new Error('First error')) }}/>
+    l(`
+To make sure everything is set up correctly, put the following code snippet into your application.
+The snippet will create a button that, when tapped, sends a test event to Sentry.
 `);
 
+    if (projectIssuesUrl) {
+      l(`After that check your project issues:`);
+      l(projectIssuesUrl);
+      nl();
+    }
+
+    l(`<Button title='Try!' onPress={ () => { Sentry.captureException(new Error('First error')) }}/>`);
+    nl();
+
     if (!this._argv.quiet) {
       await prompt({
         message: 'Have you successfully sent a test event?',
diff --git a/lib/Steps/SentryProjectSelector.ts b/lib/Steps/SentryProjectSelector.ts
index fd12f68c..326d31d9 100755
--- a/lib/Steps/SentryProjectSelector.ts
+++ b/lib/Steps/SentryProjectSelector.ts
@@ -71,6 +71,7 @@ export class SentryProjectSelector extends BaseStep {
           ),
         },
         project: {
+          id: _.get(selectedProject, 'selectedProject.id', null),
           slug: _.get(selectedProject, 'selectedProject.slug', null),
         },
       },

From ab3f92ddd4e014feb5dc9320e3613e78a6e6eada Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kry=C5=A1tof=20Wold=C5=99ich?=
 <31292499+krystofwoldrich@users.noreply.github.com>
Date: Thu, 27 Apr 2023 16:30:57 +0200
Subject: [PATCH 5/5] Update ReactNative.ts slug typo

---
 lib/Steps/Integrations/ReactNative.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/Steps/Integrations/ReactNative.ts b/lib/Steps/Integrations/ReactNative.ts
index 8de3f66a..057ff96f 100755
--- a/lib/Steps/Integrations/ReactNative.ts
+++ b/lib/Steps/Integrations/ReactNative.ts
@@ -146,10 +146,10 @@ export class ReactNative extends MobileProject {
     } catch (_error) {
       // ignore
     }
-    const orgSlag = _.get(answers, 'config.organization.slug', null);
+    const orgSlug = _.get(answers, 'config.organization.slug', null);
     const projectId = _.get(answers, 'config.project.id', null);
-    const projectIssuesUrl = host && orgSlag && projectId
-      ? `https://${orgSlag}.${host}/issues/?project=${projectId}`
+    const projectIssuesUrl = host && orgSlug && projectId
+      ? `https://${orgSlug}.${host}/issues/?project=${projectId}`
       : null;
 
     l(`