Merge pull request #99 from buggregator/feature/51

Added json link for every event
buggregator · Aug 4, 2022 · 9de3cf1 · 9de3cf1
2 parents 4ee8489 + 60751f9
commit 9de3cf1
Show file tree

Hide file tree

Showing 28 changed files with 187 additions and 12,647 deletions.
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -47,8 +47,8 @@ services:
  - 9913:9913
  volumes:
  - ./:/app
- depends_on:
- - db
+# depends_on:
+# - db
 
  node:
  image: node:14-bullseye-slim

diff --git a/package-lock.json b/package-lock.json
diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/js/app.js.LICENSE.txt b/public/js/app.js.LICENSE.txt
@@ -35,6 +35,19 @@ See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
 
+/**
+ * @ag-grid-community/all-modules - Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue * @version v28.1.0
+ * @link https://www.ag-grid.com/
+ * @license MIT
+ */
+
+/**
+ * @ag-grid-community/core - Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
+ * @version v28.1.0
+ * @link https://www.ag-grid.com/
+ * @license MIT
+ */
+
 /**
  * @license
  * Lodash <https://lodash.com/>
@@ -44,6 +57,8 @@ and limitations under the License.
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
 
+/*@cc_on!@*/
+
 //! moment.js
 
 //! moment.js locale configuration
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,4 +1,4 @@
 {
- "/js/app.js": "/js/app.js?id=a233399d480c8eef1def",
- "/css/app.css": "/css/app.css?id=8c9859941fe3684d3c5c"
+ "/js/app.js": "/js/app.js?id=46e199e9a6ea11c29967",
+ "/css/app.css": "/css/app.css?id=ce50b338cf0b23e7dde6"
 }
diff --git a/resources/js/Components/Inspector/NavItem.vue b/resources/js/Components/Inspector/NavItem.vue
@@ -1,7 +1,8 @@
 <template>
  <div>
  <h1 class="event-inspector__title">
- {{ event.process.name }}
+ <span>{{ event.process.name }}</span>
+ <JsonChip :href="event.route.json" class="ml-auto"/>
  </h1>
 
  <Link :href="event.route.show" class="event-inspector__link">
@@ -19,9 +20,10 @@
 import Host from "@/Components/UI/Host";
 import {Link} from '@inertiajs/inertia-vue3'
 import Cards from "./Show/Cards";
+import JsonChip from "@/Components/UI/JsonChip";
 
 export default {
- components: {Cards, Link, Host},
+ components: {JsonChip, Cards, Link, Host},
  props: {
  event: Object,
  },

diff --git a/resources/js/Components/Layout/Main.vue b/resources/js/Components/Layout/Main.vue
@@ -1,5 +1,5 @@
 <template>
- <Head :title="title"></Head>
+ <Head :title="title"><title></title></Head>
  <div class="main-layout">
  <div class="main-layout__sidebar-wrap">
  <LeftSidebar class="main-layout__sidebar">

diff --git a/resources/js/Components/Monolog/Event.vue b/resources/js/Components/Monolog/Event.vue
@@ -1,7 +1,7 @@
 <template>
  <Event :event="event" class="event--monolog">
  <div class="event-monolog__wrap">
- <CodeSnippet class="event-monolog__snippet">
+ <CodeSnippet class="event-monolog__snippet text-white mt-0">
  {{ event.text }}
  </CodeSnippet>
 
@@ -12,6 +12,9 @@
  <CodeSnippet v-if="hasFields" :title="field.title" v-for="field in fields">
  {{ field.value }}
  </CodeSnippet>
+ <div class="text-right mt-1">
+ <JsonChip :href="event.route.json" />
+ </div>
  </div>
  </Event>
 </template>
@@ -21,9 +24,10 @@ import CodeSnippet from "@/Components/UI/CodeSnippet"
 import Table from "@/Components/UI/Table"
 import TableRow from "@/Components/UI/TableRow"
 import Event from "../Event"
+import JsonChip from "@/Components/UI/JsonChip";
 
 export default {
- components: {Event, TableRow, Table, CodeSnippet},
+ components: {JsonChip, Event, TableRow, Table, CodeSnippet},
  props: {
  event: Object,
  },

diff --git a/resources/js/Components/Ray/Event.vue b/resources/js/Components/Ray/Event.vue
@@ -10,6 +10,9 @@
  v-on:delete="$emit('deleteEvent')"
  />
  </div>
+ <div class="event-ray__json">
+ <JsonChip :href="event.route.json" />
+ </div>
  <Origin v-if="hasPayloads" class="mt-3" :origin="event.payloads[0].origin"/>
  </Event>
 </template>
@@ -18,9 +21,10 @@
 import Origin from "./Origin";
 import EventPayload from "./Payload";
 import Event from "../Event";
+import JsonChip from "@/Components/UI/JsonChip";
 
 export default {
- components: {Event, EventPayload, Origin},
+ components: {JsonChip, Event, EventPayload, Origin},
  props: {
  event: Object
  },

diff --git a/resources/js/Components/Ray/Origin.vue b/resources/js/Components/Ray/Origin.vue
@@ -1,9 +1,9 @@
 <template>
- <div class="event-footer">
- <Host v-if="origin.hostname" :name="origin.hostname" class="event-footer__host"/>
+ <div class="event-footer justify-between">
  <span class="event-footer__name" :title="`${origin.file}:${origin.line_number}`">
  {{ filename }}:{{ origin.line_number }}
  </span>
+ <Host v-if="origin.hostname" :name="origin.hostname" class="event-footer__host"/>
  </div>
 </template>
 

diff --git a/resources/js/Components/Sentry/List/Item.vue b/resources/js/Components/Sentry/List/Item.vue
@@ -1,38 +1,43 @@
 <template>
- <Link as="div" :href="event.route.show" class="cursor-pointer p-3 py-2 hover:bg-gray-50 dark:hover:bg-gray-800">
- <div class="flex flex-col md:flex-row md:items-center mb-1">
- <h3 class="text-blue-800 dark:text-blue-300 font-semibold">
- {{ event.payload.type }}
- </h3>
+ <div class="relative">
+ <JsonChip :href="event.route.json" class="absolute top-3 right-2"/>
+ <Link as="div" :href="event.route.show" class="cursor-pointer p-3 py-2 hover:bg-gray-50 dark:hover:bg-gray-800">
+ <div class="flex flex-col md:flex-row md:items-center mb-1">
+ <h3 class="text-blue-800 dark:text-blue-300 font-semibold pr-96">
+ {{ event.payload.type }}
+ </h3>
 
- <span v-if="event.location" class="text-xs text-muted md:ml-3">
- <strong>{{ location.filename }}</strong> in <strong>{{ location.function }}</strong>
- </span>
- </div>
+  <span v-if="event.location" class="text-xs text-muted md:ml-3">
+  <strong>{{ location.filename }}</strong> in <strong>{{ location.function }}</strong>
+  </span>
+  </div>
 
- <div class="text-sm break-all">
- {{ event.payload.value }}
- </div>
+  <div class="text-sm break-all">
+  {{ event.payload.value }}
+  </div>
 
- <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center mt-3 text-xs text-muted">
- <div>
- <span>{{ date }}</span>
- <span class="mx-2">|</span>
- <span><strong>logger: </strong>{{ event.logger }}</span>
- <span class="mx-2">|</span>
- <span><strong>env: </strong>{{ event.environment }}</span>
+ <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center mt-3 text-xs text-muted">
+ <div>
+ <span>{{ date }}</span>
+ <span class="mx-2">|</span>
+ <span><strong>logger: </strong>{{ event.logger }}</span>
+ <span class="mx-2">|</span>
+ <span><strong>env: </strong>{{ event.environment }}</span>
+ </div>
+ <Host :name="event.serverName" />
  </div>
- <Host :name="event.serverName" />
- </div>
- </Link>
+ </Link>
+ </div>
 </template>
 
 <script>
 import Host from "@/Components/UI/Host";
 import {Link} from '@inertiajs/inertia-vue3'
+import JsonChip from "@/Components/UI/JsonChip";
 
 export default {
  components: {
+ JsonChip,
  Link, Host
  },
  props: {

diff --git a/resources/js/Components/Sentry/Payloads/Exception.vue b/resources/js/Components/Sentry/Payloads/Exception.vue
@@ -1,6 +1,6 @@
 <template>
- <div class="sentry-exception">
- <Link as="div" :href="event.route.show" class="sentry-exception__link">
+ <div class="sentry-exception flex items-start justify-between flex-wrap">
+ <Link as="div" :href="event.route.show" class="sentry-exception__link flex-grow">
  <span class="float-left">
  <h3 class="sentry-exception__title">
  {{ event.payload.type }}
@@ -15,7 +15,8 @@
  {{ event.payload.value }}
  </div>
  </Link>
- <div class="sentry-exception__files" v-if="frames > 0">
+ <JsonChip :href="event.route.json" class="ml-auto"/>
+ <div class="sentry-exception__files w-full" v-if="frames > 0">
  <File :file="file" v-for="(file, i) in stacktrace" :collapsed="i !== 0" class="sentry-exception__file"/>
  </div>
  </div>
@@ -24,9 +25,10 @@
 <script>
 import {Link} from '@inertiajs/inertia-vue3'
 import File from "../UI/File";
+import JsonChip from "@/Components/UI/JsonChip";
 
 export default {
- components: {File, Link},
+ components: {JsonChip, File, Link},
  props: {
  event: Object,
  frames: {

diff --git a/resources/js/Components/Slack/Event.vue b/resources/js/Components/Slack/Event.vue
@@ -7,6 +7,9 @@
  <CodeSnippet v-if="hasFields" :title="field.title" v-for="field in fields">
  {{ value(field.value) }}
  </CodeSnippet>
+ <div class="text-right">
+ <JsonChip :href="event.route.json" />
+ </div>
  </div>
  </Event>
 </template>
@@ -16,9 +19,10 @@ import CodeSnippet from "@/Components/UI/CodeSnippet"
 import Table from "@/Components/UI/Table";
 import TableRow from "@/Components/UI/TableRow";
 import Event from "../Event";
+import JsonChip from "@/Components/UI/JsonChip";
 
 export default {
- components: {Event, TableRow, Table, CodeSnippet},
+ components: {JsonChip, Event, TableRow, Table, CodeSnippet},
  props: {
  event: Object,
  },

diff --git a/resources/js/Components/Smtp/Event.vue b/resources/js/Components/Smtp/Event.vue
@@ -1,15 +1,20 @@
 <template>
  <Event :event="event" class="event--smtp">
- <NavItem :event="event" class="event-smtp__nav-item" />
+ <NavItem :event="event" class="event-smtp__nav-item"/>
+ <div class="event-smtp__json">
+ <JsonChip :href="event.route.json" />
+ </div>
  </Event>
 </template>
 
 <script>
 import Event from "../Event";
 import NavItem from "./NavItem";
+import JsonChip from "@/Components/UI/JsonChip";
 
 export default {
  components: {
+ JsonChip,
  Event, NavItem
  },
  props: {

diff --git a/resources/js/Components/Smtp/Info.vue b/resources/js/Components/Smtp/Info.vue
@@ -1,6 +1,7 @@
 <template>
- <div class="flex flex-col flex-reverse md:flex-row justify-between">
- <h2 class="text-2xl mb-3 font-bold">{{ event.subject }}</h2>
+ <div class="flex flex-col flex-reverse md:flex-row justify-between items-center">
+ <h2 class="text-sm sm:text-base md:text-lg lg:text-2xl">{{ event.subject }}</h2>
+ <JsonChip :href="event.route.json" class="mb-2 ml-1.5 mr-auto"/>
 
  <div class="flex items-center space-x-3">
  <span class="text-sm font-semibold text-muted">{{ date }}</span>
@@ -115,9 +116,11 @@ import HtmlPreview from "@/Components/UI/HtmlPreview";
 import Tab from "@/Components/UI/TabGroup/Tab";
 import {TabGroup, TabList, TabPanels, TabPanel} from '@headlessui/vue'
 import Addresses from "@/Components/Smtp/Addresses";
+import JsonChip from "@/Components/UI/JsonChip";
 
 export default {
  components: {
+ JsonChip,
  CodeSnippet, Dump, Collapsed, HtmlPreview,
  TabGroup, TabList, Tab, TabPanels, TabPanel, Table, TableRow, Addresses
  },

diff --git a/resources/js/Components/UI/JsonChip.vue b/resources/js/Components/UI/JsonChip.vue
@@ -0,0 +1,11 @@
+<template>
+ <a :href="href" target="_blank" class="json-chip">JSON</a>
+</template>
+<script>
+
+export default {
+ props: {
+ href: String,
+ },
+}
+</script>
diff --git a/resources/js/Components/VarDump/Event.vue b/resources/js/Components/VarDump/Event.vue
@@ -6,7 +6,7 @@
  class="event-var-dump__dump"
  />
 
- <Origin :origin="event.origin" />
+ <Origin :origin="event.origin" :json="event.route.json"/>
  </Event>
 </template>
 

diff --git a/resources/js/Components/VarDump/Origin.vue b/resources/js/Components/VarDump/Origin.vue
@@ -3,15 +3,18 @@
  <span class="event-var-dump__footer-text" :title="`${origin.file}:${origin.line_number}`">
  {{ origin.name }}:{{ origin.line_number }}
  </span>
+ <JsonChip :href="json" class="ml-auto" />
  </div>
 </template>
 
 <script>
 import Label from "@/Components/UI/Label";
+import JsonChip from "@/Components/UI/JsonChip";
 export default {
- components: {Label},
+ components: {JsonChip, Label},
  props: {
- origin: Object
+ origin: Object,
+ json: String,
  }
 }
 </script>
diff --git a/resources/js/Pages/Inspector/Show.vue b/resources/js/Pages/Inspector/Show.vue
@@ -10,13 +10,13 @@
  <main class="flex flex-col flex-grow">
  <header class="bg-gray-50 dark:bg-gray-700 py-5 px-4 md:px-6 lg:px-8 border-b">
 
- <div class="flex flex-col md:flex-row justify-between">
- <h1 class="text-sm sm:text-base md:text-lg lg:text-2xl font-bold flex items-center break-all sm:break-normal">
+ <div class="flex flex-col md:flex-row justify-between items-center">
+ <h1 class="text-sm sm:text-base md:text-lg lg:text-2xl font-bold break-all sm:break-normal">
  {{ event.process.name }}
  </h1>
+ <JsonChip :href="event.route.json" class="mb-2 ml-1.5 mr-auto"/>
 
  <div class="mt-5 sm:ml-5 sm:mt-0 flex justify-between sm:flex-none">
- <a :href="event.route.json" target="_blank" class="text-sm text-blue-800 dark:text-blue-100 mr-5">[JSON]</a>
  <button class="fill-current text-blue-500 h-5 w-5" @click="deleteEvent">
  <svg xmlns="http:https://www.w3.org/2000/svg" viewBox="0 0 512 512">
  <path d="m338 197-19 221c-1 10 14 11 15 1l19-221a8 8 0 0 0-15-1zM166 190c-4 0-7 4-7 8l19 221c1 10 16 9 15-1l-19-221c0-4-4-7-8-7zM249 197v222a7 7 0 1 0 15 0V197a7 7 0 1 0-15 0z"/>
@@ -27,7 +27,7 @@
  </div>
  </header>
 
- <Cards :event="event"/>
+ <Cards :event="event" class="px-4 md:px-6 lg:px-8"/>
  <TimelineChart :event="event" v-if="event && event.event.length > 0"/>
  <Url :event="event"/>
  <Request :event="event"/>
@@ -46,9 +46,11 @@ import TimelineChart from "@/Components/Inspector/Show/Timeline";
 import Cards from "@/Components/Inspector/Show/Cards";
 import Request from "@/Components/Inspector/Show/Request";
 import Url from "@/Components/Inspector/Show/Url";
+import JsonChip from "@/Components/UI/JsonChip";
 
 export default {
  components: {
+ JsonChip,
  Request, Url, MainLayout, NavItem, TimelineChart, Cards, Link
  },
  setup() {