Skip to content

Commit 87a3949

Browse files
niemyjskiniemyjski
committed
Formatted examples
1 parent c1682b7 commit 87a3949

27 files changed

+242
-323
lines changed

‎.eslintignore‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
.DS_Store
22
node_modules
3-
example
43
example/svelte-kit/.svelte-kit
54

65
# Ignore files for PNPM, NPM and YARN

‎.prettierignore‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
.DS_Store
22
node_modules
3-
example
43
example/svelte-kit/.svelte-kit
54

65
# Ignore files for PNPM, NPM and YARN

‎example/browser/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head lang="en">
44
<meta charset="UTF-8" />
@@ -33,7 +33,7 @@ <h1>Benchmark</h1>
3333
<button id="prune-large-object-benchmark">Prune Large Object (1000 times)</button>
3434

3535
<h2>Client Logs</h2>
36-
<textarea id="logs" rows="30" style="width: 100%;"></textarea>
36+
<textarea id="logs" rows="30" style="width: 100%"></textarea>
3737

3838
<script type="module" src="index.js"></script>
3939
</body>

‎example/browser/index.js‎

Lines changed: 140 additions & 171 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,8 @@ await Exceptionless.startup((c) => {
2525
myPassword: "123456",
2626
customValue: "Password",
2727
value: {
28-
Password: "123456",
29-
},
28+
Password: "123456"
29+
}
3030
};
3131

3232
c.defaultTags.push("Example", "JavaScript");
@@ -38,85 +38,62 @@ const registerEventHandlers = () => {
3838
for (const element of elements) {
3939
element.addEventListener("click", (event) => {
4040
const level = event.target.attributes["data-level"]?.value;
41-
Exceptionless.submitLog(
42-
"sendEvents",
43-
`This is a log message with level: ${level || "<no log level>"}`,
44-
level
45-
);
41+
Exceptionless.submitLog("sendEvents", `This is a log message with level: ${level || "<no log level>"}`, level);
4642
});
4743
}
4844

49-
document
50-
.querySelector("#submit-error-log-with-error")
51-
.addEventListener("click", async () => {
52-
const builder = Exceptionless.createLog("Button Click", "Error Log with Error");
53-
builder.context.setException(new Error("test"));
54-
await builder.submit();
55-
});
56-
57-
document
58-
.querySelector("#throw-browser-extension-error")
59-
.addEventListener("click", () => {
60-
const error = new Error("A Browser Extension Error");
61-
error.stack = "at <anonymous>() in chrome-extension://bmagokdooijbeehmkpknfglimnifench/firebug-lite.js:line 9716:col 29"
62-
63-
throw error;
64-
});
65-
66-
document
67-
.querySelector("#throw-custom-error")
68-
.addEventListener("click", () => {
69-
throw new CustomError("A Custom Error", 500);
70-
});
71-
72-
document
73-
.querySelector("#throw-division-by-zero-error")
74-
.addEventListener("click", () => {
75-
divide(10, 0);
76-
});
77-
78-
document
79-
.querySelector("#throw-index-out-of-range")
80-
.addEventListener("click", () => {
81-
throwIndexOutOfRange();
82-
});
83-
84-
document
85-
.querySelector("#throw-index-out-of-range-custom-stacking")
86-
.addEventListener("click", () => {
87-
throwIndexOutOfRange(1, true);
88-
});
89-
90-
document
91-
.querySelector("#throw-string-error")
92-
.addEventListener("click", () => {
93-
throwStringError();
94-
});
95-
96-
document
97-
.querySelector("#throw-ignored-error")
98-
.addEventListener("click", () => {
99-
throw new MediaError("An Ignored Exception Type");
100-
});
101-
102-
document
103-
.querySelector("#throw-jquery-ajax-error")
104-
.addEventListener("click", () => {
105-
$.ajax("http://notexistenturlthrowserror", {
106-
type: "POST",
107-
success: (data, textStatus, jqXHR) => {
108-
console.log({ message: "jQuery.ajax.success", data, textStatus, jqXHR });
109-
},
110-
error: (jqXHR, textStatus, errorThrown) => {
111-
console.log({ message: "jQuery.ajax.error", jqXHR, textStatus, errorThrown });
112-
}
113-
});
45+
document.querySelector("#submit-error-log-with-error").addEventListener("click", async () => {
46+
const builder = Exceptionless.createLog("Button Click", "Error Log with Error");
47+
builder.context.setException(new Error("test"));
48+
await builder.submit();
49+
});
50+
51+
document.querySelector("#throw-browser-extension-error").addEventListener("click", () => {
52+
const error = new Error("A Browser Extension Error");
53+
error.stack = "at <anonymous>() in chrome-extension://bmagokdooijbeehmkpknfglimnifench/firebug-lite.js:line 9716:col 29";
54+
55+
throw error;
56+
});
57+
58+
document.querySelector("#throw-custom-error").addEventListener("click", () => {
59+
throw new CustomError("A Custom Error", 500);
60+
});
61+
62+
document.querySelector("#throw-division-by-zero-error").addEventListener("click", () => {
63+
divide(10, 0);
64+
});
65+
66+
document.querySelector("#throw-index-out-of-range").addEventListener("click", () => {
67+
throwIndexOutOfRange();
68+
});
69+
70+
document.querySelector("#throw-index-out-of-range-custom-stacking").addEventListener("click", () => {
71+
throwIndexOutOfRange(1, true);
72+
});
73+
74+
document.querySelector("#throw-string-error").addEventListener("click", () => {
75+
throwStringError();
76+
});
77+
78+
document.querySelector("#throw-ignored-error").addEventListener("click", () => {
79+
throw new MediaError("An Ignored Exception Type");
80+
});
81+
82+
document.querySelector("#throw-jquery-ajax-error").addEventListener("click", () => {
83+
$.ajax("http://notexistenturlthrowserror", {
84+
type: "POST",
85+
success: (data, textStatus, jqXHR) => {
86+
console.log({ message: "jQuery.ajax.success", data, textStatus, jqXHR });
87+
},
88+
error: (jqXHR, textStatus, errorThrown) => {
89+
console.log({ message: "jQuery.ajax.error", jqXHR, textStatus, errorThrown });
90+
}
11491
});
92+
});
11593

116-
document
117-
.querySelector("#throw-promise-unhandled-rejection")
118-
.addEventListener("click", () => {
119-
const promiseFn = () => new Promise(function (_, reject) {
94+
document.querySelector("#throw-promise-unhandled-rejection").addEventListener("click", () => {
95+
const promiseFn = () =>
96+
new Promise(function (_, reject) {
12097
switch (Math.floor(Math.random() * 5)) {
12198
case 0:
12299
reject(0);
@@ -135,100 +112,94 @@ const registerEventHandlers = () => {
135112
}
136113
});
137114

138-
promiseFn();
139-
});
140-
141-
document
142-
.querySelector("#config-settings-log")
143-
.addEventListener("click", () => {
144-
Exceptionless.config.services.log.info(
145-
JSON.stringify(Exceptionless.config.settings)
146-
);
147-
});
148-
149-
document
150-
.querySelector("#prune-large-object-benchmark")
151-
.addEventListener("click", () => {
152-
const data = {
153-
str: "hello",
154-
num: 123,
155-
bool: true,
156-
nullVal: null,
157-
undefinedVal: undefined,
158-
arr: [
159-
"foo",
160-
42,
161-
{
162-
prop1: "bar",
163-
prop2: true,
164-
prop3: [
165-
1,
166-
2,
167-
{
168-
nestedProp1: "baz",
169-
nestedProp2: false,
170-
nestedObj: {}
171-
}
172-
]
173-
}
174-
],
175-
person: {
176-
name: "John",
177-
age: 30,
178-
address: {
179-
street: "123 Main St",
180-
city: "Anytown",
181-
state: "TX",
182-
country: {
183-
name: "United States",
184-
region: {
185-
north: {
186-
name: "North Region",
187-
states: ["New York", "Vermont", "New Hampshire", "Maine"]
188-
},
189-
south: {
190-
name: "South Region",
191-
states: ["Texas", "Florida", "Georgia", "North Carolina"]
192-
},
193-
east: {
194-
name: "East Region",
195-
states: ["New York", "Massachusetts", "Connecticut", "New Jersey"]
196-
},
197-
west: {
198-
name: "West Region",
199-
states: ["California", "Oregon", "Washington", "Arizona"]
200-
}
115+
promiseFn();
116+
});
117+
118+
document.querySelector("#config-settings-log").addEventListener("click", () => {
119+
Exceptionless.config.services.log.info(JSON.stringify(Exceptionless.config.settings));
120+
});
121+
122+
document.querySelector("#prune-large-object-benchmark").addEventListener("click", () => {
123+
const data = {
124+
str: "hello",
125+
num: 123,
126+
bool: true,
127+
nullVal: null,
128+
undefinedVal: undefined,
129+
arr: [
130+
"foo",
131+
42,
132+
{
133+
prop1: "bar",
134+
prop2: true,
135+
prop3: [
136+
1,
137+
2,
138+
{
139+
nestedProp1: "baz",
140+
nestedProp2: false,
141+
nestedObj: {}
142+
}
143+
]
144+
}
145+
],
146+
person: {
147+
name: "John",
148+
age: 30,
149+
address: {
150+
street: "123 Main St",
151+
city: "Anytown",
152+
state: "TX",
153+
country: {
154+
name: "United States",
155+
region: {
156+
north: {
157+
name: "North Region",
158+
states: ["New York", "Vermont", "New Hampshire", "Maine"]
159+
},
160+
south: {
161+
name: "South Region",
162+
states: ["Texas", "Florida", "Georgia", "North Carolina"]
163+
},
164+
east: {
165+
name: "East Region",
166+
states: ["New York", "Massachusetts", "Connecticut", "New Jersey"]
167+
},
168+
west: {
169+
name: "West Region",
170+
states: ["California", "Oregon", "Washington", "Arizona"]
201171
}
202172
}
203173
}
204-
},
205-
func: function (x) {
206-
return x * 2;
207-
},
208-
date: new Date(),
209-
regex: /foo(bar)?/i,
210-
symbol: Symbol("my symbol"),
211-
bigint: 9007199254740991n,
212-
map: new Map([
213-
[{ id: 1 }, "value associated with an object key"],
214-
["string key", "value associated with a string key"],
215-
[123, "value associated with a number key"],
216-
[Symbol("symbol key"), "value associated with a symbol key"]
217-
]),
218-
set: new Set(["foo", 42, { prop: "value" }])
219-
};
220-
221-
const { log } = Exceptionless.config.services;
222-
log.info("Starting pruning of large object");
223-
224-
const start = performance.now();
225-
for (let i = 0; i < 1000; i++) {
226-
prune(data, 3);
227-
}
228-
const end = performance.now();
174+
}
175+
},
176+
func: function (x) {
177+
return x * 2;
178+
},
179+
date: new Date(),
180+
regex: /foo(bar)?/i,
181+
symbol: Symbol("my symbol"),
182+
bigint: 9007199254740991n,
183+
map: new Map([
184+
[{ id: 1 }, "value associated with an object key"],
185+
["string key", "value associated with a string key"],
186+
[123, "value associated with a number key"],
187+
[Symbol("symbol key"), "value associated with a symbol key"]
188+
]),
189+
set: new Set(["foo", 42, { prop: "value" }])
190+
};
191+
192+
const { log } = Exceptionless.config.services;
193+
log.info("Starting pruning of large object");
194+
195+
const start = performance.now();
196+
for (let i = 0; i < 1000; i++) {
197+
prune(data, 3);
198+
}
199+
const end = performance.now();
229200

230-
log.info(`Pruning large object took ${end - start} milliseconds`);
231-
});
201+
log.info(`Pruning large object took ${end - start} milliseconds`);
202+
});
232203
};
233204

234205
async function throwIndexOutOfRange(indexer, withCustomStacking) {
@@ -237,15 +208,13 @@ async function throwIndexOutOfRange(indexer, withCustomStacking) {
237208
} catch (e) {
238209
if (withCustomStacking) {
239210
if (Math.random() < 0.5) {
240-
await Exceptionless.createException(e)
241-
.setManualStackingKey("MyCustomStackingKey")
242-
.submit();
211+
await Exceptionless.createException(e).setManualStackingKey("MyCustomStackingKey").submit();
243212
} else {
244213
await Exceptionless.createException(e)
245214
.setManualStackingInfo(
246215
{
247216
File: "index.js",
248-
Function: "throwIndexOutOfRange",
217+
Function: "throwIndexOutOfRange"
249218
},
250219
"Custom Index Out Of Range Exception"
251220
)
@@ -290,7 +259,7 @@ class CustomError extends Error {
290259
}
291260

292261
if (document.readyState === "loading") {
293-
document.addEventListener('DOMContentLoaded', registerEventHandlers);
262+
document.addEventListener("DOMContentLoaded", registerEventHandlers);
294263
} else {
295264
registerEventHandlers();
296265
}

‎example/browser/text-area-logger.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ export class TextAreaLogger {
3939
if (this.element) {
4040
this.element.innerHTML += `\n${formattedMessage}`;
4141
} else {
42-
this.messageBuffer.push(formattedMessage)
42+
this.messageBuffer.push(formattedMessage);
4343
}
4444
}
4545
}

0 commit comments

Comments
 (0)