chore: removed field example logic from frontend

Author: ivanskv2000

frontend/src/modules/events/components/EventDetailsCard.vue

@@ -6,20 +6,16 @@ import { Button } from '@/shared/ui/button'
 import { Badge } from '@/shared/ui/badge'
 import { Icon } from '@iconify/vue'
 import EventFieldsTable from './EventFieldsTable.vue'
-import JsonPreview from '@/shared/components/JsonPreview.vue'
 import DetailsCardLayout from '@/shared/components/layout/DetailsCardLayout.vue'
 import DetailsCardAttribute from '@/shared/components/layout/DetailsCardAttribute.vue'
 import { getEventFieldsColumns } from '@/modules/events/components/eventFieldsColumns'
 import TagScrollArea from '@/modules/tags/components/TagScrollArea.vue'
-import { useEventExample } from '@/modules/events/composables/useEventExample'
 import EventLinks from '@/modules/events/components/EventLinks.vue'
 
 const props = defineProps<{
   event: Event
 }>()
 
-const eventExample = useEventExample(props.event.fields)
-
 const emit = defineEmits<{
   (e: 'edit'): void
   (e: 'delete'): void
@@ -79,13 +75,6 @@ const columns = getEventFieldsColumns()
           </template>
         </DetailsCardAttribute>
 
-        <!-- Example -->
-        <DetailsCardAttribute class="hidden sm:flex" icon="radix-icons:file-text" label="Example">
-          <template #value>
-            <JsonPreview :value="eventExample" />
-          </template>
-        </DetailsCardAttribute>
-
         <!-- Links -->
         <DetailsCardAttribute
           v-if="event.links && event.links.length > 0"

frontend/src/modules/events/components/SwaggerExportModal.vue

@@ -24,7 +24,6 @@ const props = defineProps<{
 
 const settings = reactive({
   includeDescriptions: true,
-  includeExamples: true,
   additionalProperties: true,
   format: 'yaml' as 'yaml' | 'json',
 })
@@ -37,7 +36,6 @@ const { isLoading, refetch } = useQuery({
   queryFn: async () => {
     const params = {
       include_descriptions: settings.includeDescriptions,
-      include_examples: settings.includeExamples,
       additional_properties: settings.additionalProperties,
     }
     const format = settings.format
@@ -100,11 +98,6 @@ watch(
             <Switch id="includeDescriptions" v-model="settings.includeDescriptions" />
           </div>
 
-          <div class="flex items-center justify-between">
-            <Label for="includeExamples">Include examples</Label>
-            <Switch id="includeExamples" v-model="settings.includeExamples" />
-          </div>
-
           <div class="flex items-center justify-between">
             <Label for="additionalProperties">Allow additional properties</Label>
             <Switch id="additionalProperties" v-model="settings.additionalProperties" />

frontend/src/modules/events/composables/useEventExample.ts

@@ -2,7 +2,6 @@
 import type { Field } from '@/modules/fields/types'
 import { Button } from '@/shared/ui/button'
 import { Icon } from '@iconify/vue'
-import JsonPreview from '@/shared/components/JsonPreview.vue'
 import DetailsCardLayout from '@/shared/components/layout/DetailsCardLayout.vue'
 import DetailsCardAttribute from '@/shared/components/layout/DetailsCardAttribute.vue'
 import FieldTypeBadge from '@/modules/fields/components/FieldTypeBadge.vue'
@@ -34,12 +33,6 @@ const emit = defineEmits(['edit-clicked', 'delete-clicked'])
       <template #attributes>
         <DetailsCardAttribute icon="radix-icons:id-card" label="ID" :value="field.id.toString()" />
 
-        <DetailsCardAttribute v-if="field.example" icon="radix-icons:file-text" label="Example">
-          <template #value>
-            <JsonPreview :value="field.example" />
-          </template>
-        </DetailsCardAttribute>
-
         <DetailsCardAttribute icon="radix-icons:bar-chart" label="Used in">
           <template #value>
             {{ `${field.event_count || 0} events` }}

frontend/src/modules/fields/components/FieldDetailsCard.vue

@@ -7,29 +7,11 @@ export enum FieldType {
   OBJECT = 'object',
 }
 
-type FieldExampleMap = {
-  [FieldType.STRING]: string
-  [FieldType.INTEGER]: number
-  [FieldType.NUMBER]: number
-  [FieldType.BOOLEAN]: boolean
-  [FieldType.ARRAY]: unknown[]
-  [FieldType.OBJECT]: Record<string, unknown>
-}
-
-export type JsonValue =
-  | string
-  | number
-  | boolean
-  | null
-  | JsonValue[]
-  | { [key: string]: JsonValue }
-
 export type Field = {
   id: number
   name: string
   description: string | null
   field_type: FieldType
-  example: JsonValue
   created_at: string
   updated_at: string
   event_count?: number
@@ -39,12 +21,10 @@ export type FieldFormData = {
   name: string
   description?: string | null
   field_type: FieldType
-  example?: FieldExampleMap[FieldType]
 }
 
 export type FieldValidationErrors = {
   name?: string[]
   description?: string[]
   field_type?: string[]
-  example?: string[]
 }

frontend/src/modules/fields/types.ts

@@ -11,19 +11,6 @@ export const fieldSchema = z.object({
     .nullable(),
 
   field_type: z.nativeEnum(FieldType),
-
-  example: z
-    .custom(val => {
-      if (val === null || val === undefined) return true
-      try {
-        if (typeof val === 'string') JSON.parse(val)
-        return true
-      } catch {
-        return false
-      }
-    }, 'Example must be valid JSON')
-    .optional()
-    .nullable(),
 })
 
 // Inferred TypeScript type from schema

frontend/src/modules/fields/validation/fieldSchema.ts

@@ -9,8 +9,7 @@ export interface ImportBundle {
   fields: {
     name: string
     description?: string | null
-    field_type: string // could use enum if available
-    example?: unknown
+    field_type: string
   }[]
 
   events: {