added additional examples

Author: polluterofminds

example/browser/index.js

@@ -1,8 +1,8 @@
-import { Exceptionless } from "../../node_modules/@exceptionless/browser/dist/index.min.js";
+import { Exceptionless } from "../../packages/browser/dist/index";
 import { divide } from "./math.js";
 import { TextAreaLogger } from "./text-area-logger.js";
 
-await Exceptionless.startup(c => {
+await Exceptionless.startup((c) => {
   c.useDebugLogger();
   c.services.log = new TextAreaLogger("logs", c.services.log);
 
@@ -23,64 +23,91 @@ await Exceptionless.startup(c => {
     myPassword: "123456",
     customValue: "Password",
     value: {
-      Password: "123456"
-    }
+      Password: "123456",
+    },
   };
 
   c.defaultTags.push("Example", "JavaScript");
-  c.settings["@@error:MediaError"] = "Off"
+  c.settings["@@error:MediaError"] = "Off";
 });
 
 document.addEventListener("DOMContentLoaded", () => {
   const elements = document.querySelectorAll(".submit-log");
   for (const element of elements) {
     element.addEventListener("click", (event) => {
       const level = event.target.attributes["data-level"]?.value;
-      Exceptionless.submitLog("sendEvents", `This is a log message with level: ${level || "<no log level>"}`, level);
+      Exceptionless.submitLog(
+        "sendEvents",
+        `This is a log message with level: ${level || "<no log level>"}`,
+        level
+      );
     });
   }
 
-  document.querySelector("#throw-custom-error").addEventListener("click", () => {
-    throw new CustomError("A Custom Error", 500);
-  });
+  document
+    .querySelector("#throw-custom-error")
+    .addEventListener("click", () => {
+      throw new CustomError("A Custom Error", 500);
+    });
 
-  document.querySelector("#throw-division-by-zero-error").addEventListener("click", () => {
-    divide(10, 0);
-  });
+  document
+    .querySelector("#throw-division-by-zero-error")
+    .addEventListener("click", () => {
+      divide(10, 0);
+    });
 
-  document.querySelector("#throw-index-out-of-range").addEventListener("click", () => {
-    throwIndexOutOfRange();
-  });
+  document
+    .querySelector("#throw-index-out-of-range")
+    .addEventListener("click", () => {
+      throwIndexOutOfRange();
+    });
 
-  document.querySelector("#throw-index-out-of-range-custom-stacking").addEventListener("click", () => {
-    throwIndexOutOfRange(1, true);
-  });
+  document
+    .querySelector("#throw-index-out-of-range-custom-stacking")
+    .addEventListener("click", () => {
+      throwIndexOutOfRange(1, true);
+    });
 
-  document.querySelector("#throw-string-error").addEventListener("click", () => {
-    throwStringError();
-  });
+  document
+    .querySelector("#throw-string-error")
+    .addEventListener("click", () => {
+      throwStringError();
+    });
 
-  document.querySelector("#throw-ignored-error").addEventListener("click", () => {
-    throw new MediaError("An Ignored Exception Type");
-  });
+  document
+    .querySelector("#throw-ignored-error")
+    .addEventListener("click", () => {
+      throw new MediaError("An Ignored Exception Type");
+    });
 
-  document.querySelector("#config-settings-log").addEventListener("click", () => {
-    Exceptionless.config.services.log.info(JSON.stringify(Exceptionless.config.settings));
-  });
+  document
+    .querySelector("#config-settings-log")
+    .addEventListener("click", () => {
+      Exceptionless.config.services.log.info(
+        JSON.stringify(Exceptionless.config.settings)
+      );
+    });
 });
 
 function throwIndexOutOfRange(indexer, withCustomStacking) {
   try {
     getNonexistentData(indexer);
   } catch (e) {
     if (withCustomStacking) {
-      if (Math.random() < .5) {
-        Exceptionless.createException(e).setManualStackingKey("MyCustomStackingKey").submit();
+      if (Math.random() < 0.5) {
+        Exceptionless.createException(e)
+          .setManualStackingKey("MyCustomStackingKey")
+          .submit();
       } else {
-        Exceptionless.createException(e).setManualStackingInfo({
-          File: "index.js",
-          Function: "throwIndexOutOfRange"
-        }, "Custom Index Out Of Range Exception").submit();
+        Exceptionless.createException(e)
+          .setManualStackingInfo(
+            {
+              File: "index.js",
+              Function: "throwIndexOutOfRange",
+            },
+            "Custom Index Out Of Range Exception"
+          )
+          .submit();
       }
     } else {
       Exceptionless.submitException(e);
@@ -112,7 +139,7 @@ class CustomError extends Error {
   }
 
   getPromiseValue() {
-    return new Promise(r => r({ expensive: "call" }));
+    return new Promise((r) => r({ expensive: "call" }));
   }
 
   get getThrowsError() {

example/express/.exceptionless/settings.json

@@ -0,0 +1 @@
+{"version":17,"settings":{"@@UserAgentBotPatterns":"*bot*,*crawler*,*spider*,*aolbuild*,*teoma*,*yahoo*","@@log:*":"info","@@log:":"info","@@DataExclusions":"*Password*, *Bearer*,"}}

example/express/app.js

@@ -1,9 +1,9 @@
 import express from "express";
-const app = express()
+const app = express();
 
 import { Exceptionless } from "@exceptionless/node";
 
-await Exceptionless.startup(c => {
+await Exceptionless.startup((c) => {
   c.apiKey = "LhhP1C9gijpSKCslHHCvwdSIz298twx271n1l6xw";
   c.serverUrl = "http://localhost:5000";
   c.useDebugLogger();
@@ -20,8 +20,8 @@ await Exceptionless.startup(c => {
     myPassword: "123456",
     customValue: "Password",
     value: {
-      Password: "123456"
-    }
+      Password: "123456",
+    },
   };
 });
 
@@ -39,12 +39,23 @@ app.get("/boom", function boom(req, res) {
   throw new Error("Boom!!");
 });
 
-app.use(function(err, req, res, next) {
-  Exceptionless.createUnhandledException(err, "express").addRequestInfo(req).submit();
+app.get("/trycatch", function trycatch(req, res) {
+  try {
+    throw new Error("Caught in try/catch");
+  } catch (error) {
+    Exceptionless.submitException(error);
+    res.status(404).send("Error caught in try/catch");
+  }
+});
+
+app.use(function (err, req, res, next) {
+  Exceptionless.createUnhandledException(err, "express")
+    .addRequestInfo(req)
+    .submit();
   res.status(500).send("Something broke!");
 });
 
-app.use(function(req, res, next) {
+app.use(function (req, res, next) {
   Exceptionless.createNotFound(req.originalUrl).addRequestInfo(req).submit();
   res.status(404).send("Sorry cant find that!");
 });

example/express/package.json

@@ -14,6 +14,8 @@
   "scripts": {
     "build": "",
     "watch": "",
-    "test": ""
+    "test": "",
+    "dev": "nodemon app.js",
+    "start": "node app.js"
   }
 }

example/react/src/App.js

@@ -45,6 +45,10 @@ class App extends Component {
     }
   };
 
+  unhandledExceptionExample = () => {
+    throw new Error("Unhandled exception");
+  };
+
   renderExample = () => {
     if (this.state.error) {
       throw new Error("I crashed!");
@@ -62,6 +66,14 @@ class App extends Component {
               <button onClick={this.throwErrorInComponent}>
                 Simulate Error
               </button>
+              <div>
+                <p>
+                  Throw an uncaught error and make sure Exceptionless tracks it.
+                </p>
+                <button onClick={this.unhandledExceptionExample}>
+                  Throw unhandled error
+                </button>
+              </div>
               <p>
                 The following buttons simulated handled events outside the
                 component.