build production

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
- "/js/app.js": "/js/app.js?id=d784bb2028a49daf76b8",
- "/css/app.css": "/css/app.css?id=3e3a161283f40fdef26a"
+ "/js/app.js": "/js/app.js?id=a233399d480c8eef1def",
+ "/css/app.css": "/css/app.css?id=8c9859941fe3684d3c5c"
 }

resources/js/Components/Sentry/Payloads/Exception.vue

@@ -1,10 +1,17 @@
 <template>
  <div class="sentry-exception">
  <Link as="div" :href="event.route.show" class="sentry-exception__link">
- <h3 class="sentry-exception__title">
- {{ event.payload.type }}
- </h3>
- <div class="sentry-exception__text">
+ <span class="float-left">
+ <h3 class="sentry-exception__title">
+ {{ event.payload.type }}
+ </h3>
+ </span>
+ <span class="float-left margin-space-10">
+ <h6>
+ {{ event.transactionName }}
+ </h6>
+ </span>
+ <div class="sentry-exception__text clear-both">
  {{ event.payload.value }}
  </div>
  </Link>

resources/js/Components/Sentry/Show/App.vue

@@ -0,0 +1,52 @@
+<template>
+ <section class="py-5 px-4 md:px-6 lg:px-8 border-b" v-if="event.contexts.app">
+ <h3 class="text-muted font-bold uppercase text-sm mb-5">app</h3>
+
+ <Table>
+ <TableRow v-if="event.contexts.app.app_build" :title="'App Build'">
+ {{ event.contexts.app.app_build }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.app.app_identifier" :title="'Build ID'">
+ {{ event.contexts.app.app_identifier }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.app.app_name" :title="'Build Name'">
+ {{ event.contexts.app.app_name }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.app.app_start_time" :title="'Start Time'">
+ {{ format_date(event.contexts.app.app_start_time) }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.app.app_version" :title="'Version'">
+ {{ event.contexts.app.app_version }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.app.permissions" :title="'Permissions'">
+ <CodeSnippet class="mt-3" language="json">{{ event.contexts.app.permissions }}</CodeSnippet>
+ </TableRow>
+ </Table>
+ </section>
+</template>
+
+<script>
+import Table from "@/Components/UI/Table";
+import TableRow from "@/Components/UI/TableRow";
+import CodeSnippet from "../../UI/CodeSnippet";
+export default {
+ components: {
+ Table, TableRow, CodeSnippet
+ },
+ props: {
+ event: Object
+ },
+ methods: {
+ format_date(value){
+ if (value) {
+ return new Date(parseInt(value)).toString()
+ }
+ },
+ }
+}
+</script>

resources/js/Components/Sentry/Show/Device.vue

@@ -0,0 +1,146 @@
+<template>
+ <section class="py-5 px-4 md:px-6 lg:px-8 border-b" v-if="event.contexts.device">
+ <h3 class="text-muted font-bold uppercase text-sm mb-5">device</h3>
+
+ <Table>
+ <TableRow v-if="event.contexts.device.archs" :title="'Architectures'">
+ <CodeSnippet class="mt-3" language="json">{{ event.contexts.device.archs }}</CodeSnippet>
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.battery_level" :title="'Battery Level'">
+ {{ parseInt(event.contexts.device.battery_level) }}%
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.boot_time" :title="'Boot Time'">
+ {{ format_date(event.contexts.device.boot_time) }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.brand" :title="'Brand'">
+ {{ event.contexts.device.brand }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.charging" :title="'Charging'">
+ {{ event.contexts.device.charging }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.family" :title="'Family'">
+ {{ event.contexts.device.family }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.free_memory" :title="'Free Memory'">
+ {{ prettyBytes(event.contexts.device.free_memory, 2, true) }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.free_storage" :title="'Free Storage'">
+ {{ prettyBytes(event.contexts.device.free_storage, 2, true) }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.id" :title="'Id'">
+ {{ event.contexts.device.id }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.language" :title="'Language'">
+ {{ event.contexts.device.language }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.low_memory" :title="'Low Memory'">
+ {{ event.contexts.device.low_memory }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.manufacturer" :title="'Manufacturer'">
+ {{ event.contexts.device.manufacturer }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.memory_size" :title="'Memory Size'">
+ {{ prettyBytes(event.contexts.device.memory_size, 2, true) }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.model" :title="'Model'">
+ {{ event.contexts.device.model }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.model_id" :title="'Model Id'">
+ {{ event.contexts.device.model_id }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.name" :title="'Name'">
+ {{ event.contexts.device.name }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.orientation" :title="'Orientation'">
+ {{ event.contexts.device.orientation }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.screen_density" :title="'Screen Density'">
+ {{ parseInt(event.contexts.device.screen_density) }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.screen_dpi" :title="'Screen DPI'">
+ {{ event.contexts.device.screen_dpi }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.screen_height_pixels" :title="'Screen Height Pixels'">
+ {{ event.contexts.device.screen_height_pixels }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.screen_width_pixels" :title="'Screen Width Pixels'">
+ {{ event.contexts.device.screen_width_pixels }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.simulator" :title="'Simulator'">
+ {{ event.contexts.device.simulator }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.storage_size" :title="'Storage Size'">
+ {{ prettyBytes(event.contexts.device.storage_size, 2, true) }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.timezone" :title="'Timezone'">
+ {{ event.contexts.device.timezone }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.battery_temperature" :title="'Battery Temperature'">
+ {{ event.contexts.device.battery_temperature }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.device.locale" :title="'Locale'">
+ {{ event.contexts.device.locale }}
+ </TableRow>
+ </Table>
+ </section>
+</template>
+
+<script>
+import Table from "@/Components/UI/Table";
+import TableRow from "@/Components/UI/TableRow";
+import CodeSnippet from "../../UI/CodeSnippet";
+export default {
+ components: {
+ Table, TableRow, CodeSnippet
+ },
+ props: {
+ event: Object
+ },
+ methods: {
+ format_date(value){
+ if (value) {
+ return new Date(parseInt(value)).toString()
+ }
+ },
+ prettyBytes: function (bytes, decimals, kib, maxunit) {
+ kib = kib || false
+ if (bytes === 0) return '0 Bytes'
+ if (isNaN(parseFloat(bytes)) && !isFinite(bytes)) return ''
+ const k = kib ? 1024 : 1000
+ const dm = decimals != null && !isNaN(decimals) && decimals >= 0 ? decimals : 2
+ const sizes = kib ? ['Bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB', 'BiB'] : ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB', 'BB']
+ let i = Math.floor(Math.log(bytes) / Math.log(k));
+ if (maxunit !== undefined) {
+ const index = sizes.indexOf(maxunit)
+ if (index !== -1) i = index
+ }
+ return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
+ }
+ }
+}
+</script>

resources/js/Components/Sentry/Show/Exception.vue

@@ -0,0 +1,24 @@
+<template>
+ <div class="py-5">
+ <h3 class="mb-1 text-xl font-bold">
+ {{ exception.type }}
+ </h3>
+ <div class="text-muted break-all mb-5">
+ {{ exception.value }}
+ </div>
+ <div class="border border-purple-200 text-muted">
+ <File :file="file" v-for="(file, i) in exception.stacktrace.frames" :collapsed="i !== 0"/>
+ </div>
+ </div>
+</template>
+
+<script>
+import File from "../UI/File";
+
+export default {
+ components: {File},
+ props: {
+ exception: Object
+ },
+}
+</script>

resources/js/Components/Sentry/Show/Exceptions.vue

@@ -0,0 +1,20 @@
+<template>
+ <section class="py-5 px-4 md:px-6 lg:px-8 border-b dark:border-gray-400">
+ <h3 class="text-muted font-bold uppercase text-sm mb-5">exceptions</h3>
+
+ <Exception :exception="exception" v-for="exception in exceptions" />
+
+ </section>
+</template>
+
+<script>
+import File from "../UI/File";
+import Exception from "@/Components/Sentry/Show/Exception";
+
+export default {
+ components: {File, Exception},
+ props: {
+ exceptions: Array
+ },
+}
+</script>

resources/js/Components/Sentry/Show/OS.vue

@@ -0,0 +1,36 @@
+<template>
+ <section class="py-5 px-4 md:px-6 lg:px-8 border-b" v-if="event.contexts.os">
+ <h3 class="text-muted font-bold uppercase text-sm mb-5">operating system</h3>
+
+ <Table>
+ <TableRow v-if="event.contexts.os.kernel_version" :title="'Kernel Version'">
+ {{ event.contexts.os.kernel_version }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.os.name" :title="'Name'">
+ {{ event.contexts.os.name }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.os.rooted" :title="'Rooted'">
+ {{ event.contexts.os.rooted }}
+ </TableRow>
+
+ <TableRow v-if="event.contexts.os.version" :title="'Version'">
+ {{ event.contexts.os.version }}
+ </TableRow>
+ </Table>
+ </section>
+</template>
+
+<script>
+import Table from "@/Components/UI/Table";
+import TableRow from "@/Components/UI/TableRow";
+export default {
+ components: {
+ Table, TableRow
+ },
+ props: {
+ event: Object
+ }
+}
+</script>

resources/js/Components/Sentry/Show/Tags.vue

@@ -44,11 +44,15 @@
  <div class="px-3 py-1 bg-purple-100 dark:bg-purple-800 font-bold rounded-r">{{ event.serverName }}</div>
  </div>
  </div>
+
+ <CodeSnippet v-if="event.tags" class="mt-3" language="json">{{ event.tags }}</CodeSnippet>
  </section>
 </template>
 
 <script>
+import CodeSnippet from "../../UI/CodeSnippet";
 export default {
+ components: {CodeSnippet},
  props: {
  event: Object
  }

resources/js/Components/Sentry/Show/User.vue

@@ -0,0 +1,37 @@
+<template>
+ <section class="py-5 px-4 md:px-6 lg:px-8 border-b" v-if="event.user">
+ <h3 class="text-muted font-bold uppercase text-sm mb-5">user</h3>
+
+ <Table>
+ <TableRow v-if="event.user.id" :title="'Id'">
+ {{ event.user.id }}
+ </TableRow>
+
+ <TableRow v-if="event.user.username" :title="'User name'">
+ {{ event.user.username }}
+ </TableRow>
+
+ <TableRow v-if="event.user.email" :title="'Email'">
+ {{ event.user.email }}
+ </TableRow>
+
+ <TableRow v-if="event.user.ip_address" :title="'Ip address'">
+ {{ event.user.ip_address }}
+ </TableRow>
+ </Table>
+ </section>
+</template>
+
+<script>
+import Table from "@/Components/UI/Table";
+import TableRow from "@/Components/UI/TableRow";
+
+export default {
+ components: {
+ Table, TableRow,
+ },
+ props: {
+ event: Object
+ }
+}
+</script>

resources/js/Event.js

@@ -23,6 +23,10 @@ export class Event {
  }
  }
 
+ get transactionName() {
+ return this.event.transaction
+ }
+
  get serverName() {
  return 'unknown'
  }