Merge pull request #84 from buggregator/feature/78

Adds support for Ray application log

Author: butschster

src/entities/ray/mocks-laravel/index.ts

@@ -7,7 +7,8 @@ import rayLaravelJobsMock from './ray-laravel-jobs.json';
 import rayLaravelMailableMock from './ray-laravel-mailable.json';
 import rayLaravelQueryNoBindingsMock from './ray-laravel-query-no-bindings.json';
 import rayLaravelQueryMock from './ray-laravel-query.json';
-import rayLaravelViewsMock from './ray-laravel-views.json';
+import rayLaravelViewsMock from './ray-laravel-views.json'
+import rayLaravelApplicationLogMock from './ray-laravel-application-log.json';
 
 export {
   rayLaravelCacheMock,
@@ -19,5 +20,6 @@ export {
   rayLaravelMailableMock,
   rayLaravelQueryMock,
   rayLaravelQueryNoBindingsMock,
-  rayLaravelViewsMock
+  rayLaravelViewsMock,
+  rayLaravelApplicationLogMock
 }

src/entities/ray/mocks-laravel/ray-laravel-application-log.json

@@ -0,0 +1,30 @@
+{
+  "uuid": "1fcae0a3-3965-4f1f-a4f7-f2171ccb1764",
+  "type": "ray",
+  "payload": {
+    "uuid": "1fcae0a3-3965-4f1f-a4f7-f2171ccb1764",
+    "payloads": [
+      {
+        "type": "application_log",
+        "content": {
+          "value": "{\"request\":\"a\",\"response\":\"a\"}"
+        },
+        "origin": {
+          "file": "\/var\/www\/html\/vendor\/psy\/psysh\/src\/ExecutionLoopClosure.php(53) : eval()'d code",
+          "line_number": 1,
+          "hostname": "f5813cb9520f"
+        }
+      }
+    ],
+    "meta": {
+      "php_version": "8.2.10",
+      "php_version_id": 80210,
+      "project_name": "ThailandPostMart.com",
+      "laravel_version": "10.31.0",
+      "laravel_ray_package_version": "1.33.0.0",
+      "ray_package_version": "1.40.0.0"
+    }
+  },
+  "timestamp": 1701161948,
+  "project_id": null
+}

src/entities/ray/types.ts

@@ -54,6 +54,10 @@ export interface RayContentEloquent {
   attributes: string
 }
 
+export interface RayContentApplicationLog {
+  value: string
+}
+
 export interface RayContentView {
   view_path: string,
   view_path_relative_to_project_root: string,
@@ -142,6 +146,7 @@ export interface RayPayload {
     | RayContentObject
     | RayContentCarbone
     | RayContentSQL
+    | RayContentApplicationLog
     | RayContentEloquent
     | RayContentView
     | RayContentJob
@@ -196,6 +201,7 @@ export enum RAY_EVENT_TYPES {
   TABLE = "table",
   TRACE = "trace",
   QUERY = "executed_query",
+  APPLICATION_LOG = "application_log",
   ELOQUENT = "eloquent_model",
   VIEW = "view",
   EVENT = "event",

src/entities/ray/ui/preview-card/preview-card.stories.ts

@@ -24,7 +24,7 @@ import {
 import {
   rayLaravelEloquentMock, rayLaravelEventsMock, rayLaravelJobsMock,
   rayLaravelQueryMock,
-  rayLaravelQueryNoBindingsMock, rayLaravelViewsMock
+  rayLaravelQueryNoBindingsMock, rayLaravelViewsMock, rayLaravelApplicationLogMock
 } from "../../mocks-laravel";
 import PreviewCard from './preview-card.vue';
 
@@ -119,3 +119,7 @@ LaravelEvents.args = {event: normalizeRayEvent(rayLaravelEventsMock),};
 
 export const LaravelJobs = Template.bind({});
 LaravelJobs.args = {event: normalizeRayEvent(rayLaravelJobsMock),};
+
+export const LaravelApplicationLog = Template.bind({});
+LaravelApplicationLog.args = {event: normalizeRayEvent(rayLaravelApplicationLogMock),};
+

src/entities/ray/ui/preview-card/preview-card.vue

@@ -7,6 +7,7 @@ import {
   RayContentCarbone,
   RayContentCustom,
   RayContentEloquent,
+  RayContentApplicationLog,
   RayContentEvent,
   RayContentException,
   RayContentFrame,
@@ -25,7 +26,8 @@ import {
 } from "../../types";
 import { RayCarbone } from "../ray-carbone";
 import { RayCustom } from "../ray-custom";
-import { RayEloquent } from "../ray-eloquent";
+import { RayEloquent } from "../ray-eloquent"
+import { RayApplicationLog } from "../ray-application-log";
 import { RayEvent } from "../ray-event";
 import { RayException } from "../ray-exception";
 import { RayFrame } from "../ray-frame";
@@ -118,6 +120,12 @@ const COMPONENT_TYPE_MAP = {
       content: payload.content as RayContentEloquent,
     }),
   },
+  [RAY_EVENT_TYPES.APPLICATION_LOG]: {
+    view: RayApplicationLog,
+    getProps: (payload: RayPayload) => ({
+      content: payload.content as RayContentApplicationLog,
+    }),
+  },
   [RAY_EVENT_TYPES.VIEW]: {
     view: RayView,
     getProps: (payload: RayPayload) => ({

src/entities/ray/ui/ray-application-log/index.ts

@@ -0,0 +1 @@
+export { default as RayApplicationLog } from './ray-application-log.vue';

src/entities/ray/ui/ray-application-log/ray-application-log.stories.ts

@@ -0,0 +1,27 @@
+import { Meta, Story } from "@storybook/vue3";
+import { useRay } from "../../lib";
+import { rayLaravelApplicationLogMock } from '../../mocks-laravel';
+import { RayContentApplicationLog } from '../../types';
+import RayApplicationLog from './ray-application-log.vue';
+
+const { normalizeRayEvent } = useRay();
+
+export default {
+  title: "Entities/ray/RayApplicationLog",
+  component: RayApplicationLog
+} as Meta<typeof RayApplicationLog>;
+
+const Template: Story = (args) => ({
+  components: { RayApplicationLog },
+  setup() {
+    return {
+      args,
+    };
+  },
+  template: `<RayApplicationLog v-bind="args" />`,
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  content: (normalizeRayEvent(rayLaravelApplicationLogMock).payload.payloads[0].content as RayContentApplicationLog)
+};

src/entities/ray/ui/ray-application-log/ray-application-log.vue

@@ -0,0 +1,19 @@
+<script lang="ts" setup>
+import { RayContentApplicationLog } from "../../types";
+
+type Props = {
+  content: RayContentApplicationLog;
+};
+
+defineProps<Props>();
+</script>
+
+<template>
+  <pre class="ray-application-log">{{ content.value }}</pre>
+</template>
+
+<style lang="scss" scoped>
+.ray-application-log {
+  @apply p-3 border border-gray-300 dark:border-gray-600 bg-gray-800 flex w-full overflow-auto;
+}
+</style>