Merge pull request #137 from buggregator/hotfix/130

Fixes in ray events

src/entities/ray/types.ts

@@ -20,7 +20,7 @@ export interface RayContent {
   label: string,
 }
 
-export interface RayContentCarbone {
+export interface RayContentCarbon {
   formatted: string,
   timestamp: number,
   timezone: string
@@ -144,7 +144,7 @@ export interface RayPayload {
     | RayContent
     | RayContentArray
     | RayContentObject
-    | RayContentCarbone
+    | RayContentCarbon
     | RayContentSQL
     | RayContentApplicationLog
     | RayContentEloquent

src/entities/ray/ui/index.ts

@@ -1,5 +1,5 @@
 export * from './ray-frame';
-export * from './ray-carbone';
+export * from './ray-carbon';
 export * from './ray-exception';
 export * from './ray-file';
 export * from './ray-trace';

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

@@ -4,7 +4,7 @@ import type { NormalizedEvent } from "~/src/shared/types";
 import { PreviewCard } from "~/src/shared/ui";
 import type {
   EnhancedRayEvent,
-  RayContentCarbone,
+  RayContentCarbon,
   RayContentCustom,
   RayContentEloquent,
   RayContentApplicationLog,
@@ -25,7 +25,7 @@ import type {
 } from "../../types";
 import { RAY_EVENT_TYPES } from "../../types";
 import { RayApplicationLog } from "../ray-application-log";
-import { RayCarbone } from "../ray-carbone";
+import { RayCarbon } from "../ray-carbon";
 import { RayCustom } from "../ray-custom";
 import { RayEloquent } from "../ray-eloquent";
 import { RayEvent } from "../ray-event";
@@ -79,9 +79,9 @@ const COMPONENT_TYPE_MAP = {
     }),
   },
   [RAY_EVENT_TYPES.CARBON]: {
-    view: RayCarbone,
+    view: RayCarbon,
     getProps: (payload: RayPayload) => ({
-      carbone: payload.content as RayContentCarbone,
+      carbon: payload.content as RayContentCarbon,
     }),
   },
   [RAY_EVENT_TYPES.TRACE]: {
@@ -180,3 +180,5 @@ const COMPONENT_TYPE_MAP = {
     </template>
   </PreviewCard>
 </template>
+
+

src/entities/ray/ui/ray-carbon/index.ts

@@ -0,0 +1 @@
+export { default as RayCarbon } from './ray-carbon.vue'

src/entities/ray/ui/ray-carbone/ray-carbone.stories.ts → src/entities/ray/ui/ray-carbon/ray-carbon.stories.ts

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from "@storybook/vue3";
 import { useRay } from "../../lib";
 import { rayCarbonMock } from '../../mocks'
-import type { RayContentCarbone } from "../../types";
-import RayCarbon from './ray-carbone.vue';
+import type { RayContentCarbon } from "../../types";
+import RayCarbon from './ray-carbon.vue';
 
 const { normalizeRayEvent } = useRay();
 
@@ -14,6 +14,6 @@ export default {
 
 export const Default: StoryObj<typeof RayCarbon> = {
   args: {
-    content: (normalizeRayEvent(rayCarbonMock).payload.payloads[0].content as RayContentCarbone)
+    carbon: (normalizeRayEvent(rayCarbonMock).payload.payloads[0].content as RayContentCarbon)
   }
 }

src/entities/ray/ui/ray-carbone/ray-carbone.vue → src/entities/ray/ui/ray-carbon/ray-carbon.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { TableBase, TableBaseRow } from "~/src/shared/ui";
-import type { RayContentCarbone } from "../../types";
+import type { RayContentCarbon } from "../../types";
 
 type Props = {
-  carbone: RayContentCarbone;
+  carbon: RayContentCarbon;
 };
 
 defineProps<Props>();
@@ -13,13 +13,13 @@ defineProps<Props>();
   <div class="ray-carbon">
     <TableBase>
       <TableBaseRow title="Formatted">
-        {{ carbone.formatted }}
+        {{ carbon.formatted }}
       </TableBaseRow>
       <TableBaseRow title="Timezone">
-        {{ carbone.timezone }}
+        {{ carbon.timezone }}
       </TableBaseRow>
       <TableBaseRow title="Timestamp">
-        {{ carbone.timestamp }}
+        {{ carbon.timestamp }}
       </TableBaseRow>
     </TableBase>
   </div>

src/entities/ray/ui/ray-exception/ray-exception.stories.ts

@@ -13,7 +13,7 @@ export default {
 
 export const Default: StoryObj<typeof RayException> = {
   args: {
-    content: (normalizeRayEvent(rayExceptionMock).payload.payloads[0].content as RayContentException)
+    exception: (normalizeRayEvent(rayExceptionMock).payload.payloads[0].content as RayContentException)
   }
 }
 

src/entities/ray/ui/ray-file/ray-file.vue

@@ -71,7 +71,7 @@ const hasSnippets = computed(() =>
 }
 
 .ray-file__icon {
-  @apply w-5 h-4 border border-purple-300 shadow bg-white dark:bg-gray-600 py-1 rounded;
+  @apply w-5 h-4 py-1 rounded;
 }
 
 .ray-file__icon--collapsed {

src/entities/ray/ui/ray-view/ray-view.stories.ts

@@ -14,6 +14,6 @@ export default {
 
 export const Default: StoryObj<typeof RayViews> = {
   args: {
-    content: (normalizeRayEvent(rayLaravelViewsMock).payload.payloads[0].content as RayContentView)
+    view: (normalizeRayEvent(rayLaravelViewsMock).payload.payloads[0].content as RayContentView)
   }
 }