Add Raven.showReportDialog (experimental)

benvinegar · benvinegar · commit 30f1caacf165 · 2016-01-07T15:34:11.000-08:00
diff --git a/example/index.html b/example/index.html
@@ -3,8 +3,7 @@
 <head>
     <title>Scratch Disk</title>
 </head>
-<script src="../vendor/TraceKit/tracekit.js"></script>
-<script src="../src/raven.js"></script>
+<script src="../dist/raven.js"></script>
 <!-- <script src="scratch.min.js"></script> -->
 <script src="scratch.js" crossorigin></script>
 <script src="file.min.js" crossorigin></script>
@@ -14,7 +13,8 @@
 //awesome
 Raven.config('http://50dbe04cd1224d439e9c49bf1d0464df@localhost:8000/1', {
     whitelistUrls: [
-        /localhost/
+        /localhost/,
+        /127\.0\.0\.1/
     ],
     dataCallback: function(data) {
         console.log(data);
@@ -25,7 +25,8 @@
 Raven.setUserContext({
     email: 'matt@ydekproductions.com',
     id: 5
-})
+});
+
 
 </script>
 <body>
@@ -36,6 +37,7 @@
 <button onclick="derp()">window.onerror</button>
 <button onclick="testOptions()">test options</button>
 <button onclick="throwString()">throw string</button>
+<button onclick="showDialog()">show dialog</button>
 
 </body>
 </html>
diff --git a/example/scratch.js b/example/scratch.js
@@ -40,3 +40,8 @@ function testOptions() {
 function throwString() {
     throw 'oops';
 }
+
+function showDialog() {
+    broken();
+    Raven.showReportDialog();
+}
diff --git a/src/raven.js b/src/raven.js
@@ -107,6 +107,8 @@ Raven.prototype = {
             });
         }
 
+        this._dsn = dsn;
+
         // "Script error." is hard coded into browsers for errors that it can't read.
         // this is the result of a script being pulled in from an external domain and CORS.
         this._globalOptions.ignoreErrors.push(/^Script error\.?$/);
@@ -123,12 +125,13 @@ Raven.prototype = {
 
         // assemble the endpoint from the uri pieces
         this._globalServer = '//' + uri.host +
-                      (uri.port ? ':' + uri.port : '') +
-                      '/' + path + 'api/' + this._globalProject + '/store/';
+                      (uri.port ? ':' + uri.port : '');
 
         if (uri.protocol) {
             this._globalServer = uri.protocol + ':' + this._globalServer;
         }
+        this._globalEndpoint = this._globalServer +
+            '/' + path + 'api/' + this._globalProject + '/store/';
 
         if (this._globalOptions.fetchContext) {
             TraceKit.remoteFetching = true;
@@ -498,6 +501,35 @@ Raven.prototype = {
         }
     },
 
+    showReportDialog: function (options) {
+        if (!window.document) // doesn't work without a document (React native)
+            return;
+
+        options = options || {};
+
+        var lastEventId = options.eventId || this.lastEventId();
+        if (!lastEventId)
+            return;
+
+        var encode = encodeURIComponent;
+        var qs = '';
+        qs += '?eventId=' + encode(lastEventId);
+        qs += '&dsn=' + encode(this._dsn || '');
+
+        var user = this._globalContext.user;
+        if (user) {
+            if (user.name)
+                qs += '&name=' + encode(user.name);
+            if (user.email)
+                qs += '&email=' + encode(user.email);
+        }
+
+        var script = document.createElement('script');
+        script.async = true;
+        script.src = this._globalServer + '/api/embed/error-page/' + qs;
+        (document.getElementsByTagName('body')[0]).appendChild(script);
+    },
+
     /**** Private functions ****/
     _ignoreNextOnError: function () {
         var self = this;
@@ -933,8 +965,9 @@ Raven.prototype = {
 
         if (!this.isSetup()) return;
 
+        var url = this._globalEndpoint;
         (globalOptions.transport || this._makeRequest).call(this, {
-            url: this._globalServer,
+            url: url,
             auth: {
                 sentry_version: '7',
                 sentry_client: 'raven-js/' + this.VERSION,
@@ -945,13 +978,13 @@ Raven.prototype = {
             onSuccess: function success() {
                 self._triggerEvent('success', {
                     data: data,
-                    src: self._globalServer
+                    src: url
                 });
             },
             onError: function failure() {
                 self._triggerEvent('failure', {
                     data: data,
-                    src: self._globalServer
+                    src: url
                 });
             }
         });

Original file line number	Diff line number	Diff line change
`@@ -40,3 +40,8 @@ function testOptions() {`
`40`	`40`	`function throwString() {`
`41`	`41`	`throw 'oops';`
`42`	`42`	`}`
	`43`	`+`
	`44`	`+function showDialog() {`
	`45`	`+ broken();`
	`46`	`+ Raven.showReportDialog();`
	`47`	`+}`