From 794d19675af1da96815b0c178b3e1c188f8bb3ae Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Wed, 21 May 2025 16:58:51 +0300
Subject: [PATCH 1/7] fix: area desciptions

---
 frontend/src/modules/events/components/EventEditModal.vue   | 2 +-
 frontend/src/modules/fields/components/FieldEditModal.vue   | 2 +-
 frontend/src/shared/components/layout/DetailsCardLayout.vue | 2 +-
 frontend/src/shared/components/modals/DeleteModal.vue       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/modules/events/components/EventEditModal.vue b/frontend/src/modules/events/components/EventEditModal.vue
index 59baaa3..f765172 100644
--- a/frontend/src/modules/events/components/EventEditModal.vue
+++ b/frontend/src/modules/events/components/EventEditModal.vue
@@ -45,7 +45,7 @@ onMounted(() => {
     <DialogContent class="max-h-[80vh] overflow-y-auto">
       <DialogHeader>
         <DialogTitle>Edit Event</DialogTitle>
-        <DialogDescription v-if="description">
+        <DialogDescription>
           {{ description }}
         </DialogDescription>
       </DialogHeader>
diff --git a/frontend/src/modules/fields/components/FieldEditModal.vue b/frontend/src/modules/fields/components/FieldEditModal.vue
index 63c68f5..e9566e1 100644
--- a/frontend/src/modules/fields/components/FieldEditModal.vue
+++ b/frontend/src/modules/fields/components/FieldEditModal.vue
@@ -25,7 +25,7 @@ defineProps<{
     <DialogContent>
       <DialogHeader>
         <DialogTitle>Edit Field</DialogTitle>
-        <DialogDescription v-if="description">
+        <DialogDescription>
           {{ description }}
         </DialogDescription>
       </DialogHeader>
diff --git a/frontend/src/shared/components/layout/DetailsCardLayout.vue b/frontend/src/shared/components/layout/DetailsCardLayout.vue
index 0d68348..69e13ee 100644
--- a/frontend/src/shared/components/layout/DetailsCardLayout.vue
+++ b/frontend/src/shared/components/layout/DetailsCardLayout.vue
@@ -87,7 +87,7 @@ const handleCopyTitle = async () => {
       </CardContent>
 
       <!-- Footer -->
-      <CardFooter>
+      <CardFooter v-if="$slots.footer">
         <slot name="footer" />
       </CardFooter>
     </Card>
diff --git a/frontend/src/shared/components/modals/DeleteModal.vue b/frontend/src/shared/components/modals/DeleteModal.vue
index 127b58a..27db1b6 100644
--- a/frontend/src/shared/components/modals/DeleteModal.vue
+++ b/frontend/src/shared/components/modals/DeleteModal.vue
@@ -23,7 +23,7 @@ defineProps<{
     <DialogContent>
       <DialogHeader>
         <DialogTitle>Are you sure?</DialogTitle>
-        <DialogDescription v-if="description">
+        <DialogDescription>
           {{ description }}
         </DialogDescription>
       </DialogHeader>

From 66f8d995a4362f63a1b8152e59a5d8c7575c13b6 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Wed, 21 May 2025 17:18:36 +0300
Subject: [PATCH 2/7] fix: dark mode destructive colors

---
 frontend/src/index.css                 | 4 ++--
 frontend/src/shared/ui/button/index.ts | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 9c13443..ec41b7f 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -108,8 +108,8 @@
   --muted-foreground: oklch(0.708 0 0);
   --accent: oklch(0.269 0 0);
   --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.396 0.141 25.723);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --destructive: oklch(0.48 0.18 25.723);
+  --destructive-foreground: oklch(0.72 0.24 25.331);
   --border: oklch(0.269 0 0);
   --input: oklch(0.269 0 0);
   --ring: oklch(0.439 0 0);
diff --git a/frontend/src/shared/ui/button/index.ts b/frontend/src/shared/ui/button/index.ts
index 6a9e0aa..ea9226a 100644
--- a/frontend/src/shared/ui/button/index.ts
+++ b/frontend/src/shared/ui/button/index.ts
@@ -9,7 +9,7 @@ export const buttonVariants = cva(
       variant: {
         default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
         destructive:
-          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 dark:hover:bg-destructive/50',
         outline:
           'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
         secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',

From 55988086f32da80c60e194d25fcf46e41462150d Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Wed, 21 May 2025 17:23:53 +0300
Subject: [PATCH 3/7] fix: links form col widths

---
 .../src/modules/events/components/EventLinksFormField.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/modules/events/components/EventLinksFormField.vue b/frontend/src/modules/events/components/EventLinksFormField.vue
index 6c16344..3686848 100644
--- a/frontend/src/modules/events/components/EventLinksFormField.vue
+++ b/frontend/src/modules/events/components/EventLinksFormField.vue
@@ -38,7 +38,7 @@ function removeLink(index: number) {
     <div
       v-for="(link, i) in modelValue"
       :key="i"
-      class="grid grid-cols-[auto_1fr_1fr_auto] items-center gap-2"
+      class="grid grid-cols-[auto_2fr_1fr_auto] items-center gap-2"
     >
       <!-- Link Type -->
       <Select
@@ -65,7 +65,7 @@ function removeLink(index: number) {
 
       <!-- Label -->
       <Input
-        placeholder="Label (optional)"
+        placeholder="Label"
         :model-value="link.label"
         @update:model-value="val => update(i, { label: String(val) })"
       />

From 719b457dc89b4f0b05fd182998c2bcac641f1ae2 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Wed, 21 May 2025 17:50:42 +0300
Subject: [PATCH 4/7] feat: export button

---
 frontend/src/modules/events/components/EventDetailsCard.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/modules/events/components/EventDetailsCard.vue b/frontend/src/modules/events/components/EventDetailsCard.vue
index 7b0606f..761de09 100644
--- a/frontend/src/modules/events/components/EventDetailsCard.vue
+++ b/frontend/src/modules/events/components/EventDetailsCard.vue
@@ -50,6 +50,9 @@ const columns = getEventFieldsColumns()
       </template>
 
       <template #actions>
+        <Button size="icon" variant="ghost">
+          <Icon icon="radix-icons:share-1" class="h-4 w-4" />
+        </Button>
         <Button size="icon" variant="ghost" @click="emit('edit')">
           <Icon icon="radix-icons:pencil-2" class="h-4 w-4" />
         </Button>

From 3fe28eaf8954ef0ed09d9c154353d1e040b59c77 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Fri, 23 May 2025 15:30:58 +0300
Subject: [PATCH 5/7] refactor: makefile revision

---
 Makefile                              |  5 ++-
 backend/app/api/v1/routes/events.py   | 57 ++++++++++++++++++++++++++-
 backend/app/modules/events/service.py | 51 ++++++++++++++++++++++++
 3 files changed, 111 insertions(+), 2 deletions(-)

diff --git a/Makefile b/Makefile
index d9c0842..113136b 100644
--- a/Makefile
+++ b/Makefile
@@ -4,8 +4,11 @@ up:
 down:
 	docker compose down
 
-migrate:
+migrate: # e. g. make revision name="add auth"
 	docker compose exec backend alembic upgrade head
 
+revision:
+	docker compose exec backend alembic revision -m "$(name)"
+
 dev:
 	docker compose -f docker-compose.dev.yaml up --build -d
\ No newline at end of file
diff --git a/backend/app/api/v1/routes/events.py b/backend/app/api/v1/routes/events.py
index a11cfa0..17532a2 100644
--- a/backend/app/api/v1/routes/events.py
+++ b/backend/app/api/v1/routes/events.py
@@ -1,9 +1,19 @@
-from fastapi import APIRouter, Depends, HTTPException, status
+import yaml
+from fastapi import (
+    APIRouter,
+    Depends,
+    HTTPException,
+    Query,
+    Response,
+    status,
+)
+from fastapi.responses import JSONResponse
 from sqlalchemy.orm import Session
 
 from app.core.database import get_db
 from app.modules.events import crud as event_crud
 from app.modules.events.schemas import EventCreate, EventOut
+from app.modules.events.service import generate_json_schema_for_event
 from app.modules.fields.crud import get_fields_by_ids
 from app.modules.tags.crud import get_or_create_tags
 
@@ -111,3 +121,48 @@ def delete_event_route(event_id: int, db: Session = Depends(get_db)):
     if db_event is None:
         raise HTTPException(status_code=404, detail="Event not found")
     return db_event
+
+
+@router.get("/events/{event_id}/schema.json", response_class=JSONResponse)
+def get_event_json_schema(
+    event_id: int,
+    include_descriptions: bool = Query(True),
+    include_examples: bool = Query(True),
+    additional_properties: bool = Query(True),
+    db: Session = Depends(get_db),
+):
+    db_event = event_crud.get_event(db=db, event_id=event_id)
+    if not db_event:
+        raise HTTPException(status_code=404, detail="Event not found")
+
+    event = EventOut.model_validate(db_event)
+    schema = generate_json_schema_for_event(
+        event,
+        include_descriptions=include_descriptions,
+        include_examples=include_examples,
+        additional_properties=additional_properties,
+    )
+    return schema
+
+
+@router.get("/events/{event_id}/schema.yaml")
+def get_event_yaml_schema(
+    event_id: int,
+    include_descriptions: bool = Query(True),
+    include_examples: bool = Query(True),
+    additional_properties: bool = Query(True),
+    db: Session = Depends(get_db),
+):
+    db_event = event_crud.get_event(db=db, event_id=event_id)
+    if not db_event:
+        raise HTTPException(status_code=404, detail="Event not found")
+
+    event = EventOut.model_validate(db_event)
+    schema = generate_json_schema_for_event(
+        event,
+        include_descriptions=include_descriptions,
+        include_examples=include_examples,
+        additional_properties=additional_properties,
+    )
+    yaml_data = yaml.dump(schema, sort_keys=False)
+    return Response(content=yaml_data, media_type="application/x-yaml")
diff --git a/backend/app/modules/events/service.py b/backend/app/modules/events/service.py
index e69de29..324a379 100644
--- a/backend/app/modules/events/service.py
+++ b/backend/app/modules/events/service.py
@@ -0,0 +1,51 @@
+from app.modules.events.schemas import EventOut
+
+
+def map_field_type_to_openapi(field_type: str) -> dict:
+    return {
+        "string": {"type": "string"},
+        "integer": {"type": "integer", "format": "int32"},
+        "number": {"type": "number", "format": "float"},
+        "boolean": {"type": "boolean"},
+        "object": {"type": "object"},
+        "array": {"type": "array"},
+    }.get(field_type, {"type": "string"})
+
+
+def generate_json_schema_for_event(
+    event: EventOut,
+    *,
+    additional_properties: bool = True,
+    include_descriptions: bool = True,
+    include_examples: bool = True,
+) -> dict:
+    schema = {
+        "type": "object",
+        "additionalProperties": additional_properties,
+        "properties": {},
+        "required": [],
+    }
+
+    for field in event.fields:
+        field_type_info = map_field_type_to_openapi(field.field_type)
+
+        field_schema = {"type": field_type_info["type"]}
+        if "format" in field_type_info:
+            field_schema["format"] = field_type_info["format"]
+
+        if include_descriptions and field.description:
+            field_schema["description"] = field.description
+
+        if include_examples and field.example is not None:
+            field_schema["example"] = field.example
+
+        schema["properties"][field.name] = field_schema
+
+        # if not field.optional:
+        if True:
+            schema["required"].append(field.name)
+
+    if not schema["required"]:
+        del schema["required"]
+
+    return schema

From 9c575435d2299a136dd7a7b2c8f879af0111e988 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Sat, 24 May 2025 13:01:54 +0300
Subject: [PATCH 6/7] feat: export modal with settings

---
 backend/app/api/v1/routes/events.py           |   4 +-
 .../events/components/EventDetailsCard.vue    |   3 +-
 .../events/components/SwaggerExportModal.vue  | 163 ++++++++++++++++++
 .../modules/events/pages/EventDetailsPage.vue |   9 +
 4 files changed, 176 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/modules/events/components/SwaggerExportModal.vue

diff --git a/backend/app/api/v1/routes/events.py b/backend/app/api/v1/routes/events.py
index 17532a2..622bf0c 100644
--- a/backend/app/api/v1/routes/events.py
+++ b/backend/app/api/v1/routes/events.py
@@ -123,7 +123,7 @@ def delete_event_route(event_id: int, db: Session = Depends(get_db)):
     return db_event
 
 
-@router.get("/events/{event_id}/schema.json", response_class=JSONResponse)
+@router.get("/{event_id}/schema.json", response_class=JSONResponse)
 def get_event_json_schema(
     event_id: int,
     include_descriptions: bool = Query(True),
@@ -145,7 +145,7 @@ def get_event_json_schema(
     return schema
 
 
-@router.get("/events/{event_id}/schema.yaml")
+@router.get("/{event_id}/schema.yaml")
 def get_event_yaml_schema(
     event_id: int,
     include_descriptions: bool = Query(True),
diff --git a/frontend/src/modules/events/components/EventDetailsCard.vue b/frontend/src/modules/events/components/EventDetailsCard.vue
index 761de09..6a6dbeb 100644
--- a/frontend/src/modules/events/components/EventDetailsCard.vue
+++ b/frontend/src/modules/events/components/EventDetailsCard.vue
@@ -23,6 +23,7 @@ const eventExample = useEventExample(props.event.fields)
 const emit = defineEmits<{
   (e: 'edit'): void
   (e: 'delete'): void
+  (e: 'export'): void
 }>()
 
 const { showCopied, showCopyError } = useEnhancedToast()
@@ -50,7 +51,7 @@ const columns = getEventFieldsColumns()
       </template>
 
       <template #actions>
-        <Button size="icon" variant="ghost">
+        <Button size="icon" variant="ghost" @click="emit('export')">
           <Icon icon="radix-icons:share-1" class="h-4 w-4" />
         </Button>
         <Button size="icon" variant="ghost" @click="emit('edit')">
diff --git a/frontend/src/modules/events/components/SwaggerExportModal.vue b/frontend/src/modules/events/components/SwaggerExportModal.vue
new file mode 100644
index 0000000..9797033
--- /dev/null
+++ b/frontend/src/modules/events/components/SwaggerExportModal.vue
@@ -0,0 +1,163 @@
+<script setup lang="ts">
+import { ref, reactive, watch } from 'vue'
+import { useClipboard } from '@vueuse/core'
+import { useEnhancedToast } from '@/shared/composables/useEnhancedToast'
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+} from '@/shared/ui/dialog'
+import { Label } from '@/shared/ui/label'
+import { Button } from '@/shared/ui/button'
+import { Switch } from '@/shared/ui/switch'
+import { api } from '@/shared/utils/api'
+import { useAsyncTask } from '@/shared/composables/useAsyncTask'
+import { Icon } from '@iconify/vue'
+
+const props = defineProps<{
+  open: boolean
+  eventId: number
+  onClose: () => void
+}>()
+
+const settings = reactive({
+  includeDescriptions: true,
+  includeExamples: true,
+  additionalProperties: true,
+  format: 'yaml' as 'yaml' | 'json',
+})
+
+const preview = ref('')
+const updates = ref(0)
+const { run: fetchSchemaPreview, isLoading } = useAsyncTask()
+
+const { copy: copyJson, isSupported } = useClipboard({ source: preview })
+const { showCopied, showCopyError } = useEnhancedToast()
+const handleCopy = async () => {
+  try {
+    await copyJson()
+    showCopied('Schema')
+  } catch {
+    showCopyError('Schema')
+  }
+}
+
+function handleFetch() {
+  const params = {
+    include_descriptions: settings.includeDescriptions,
+    include_examples: settings.includeExamples,
+    additional_properties: settings.additionalProperties,
+  }
+  const format = settings.format
+
+  fetchSchemaPreview(async () => {
+    const response = await api.get(`/events/${props.eventId}/schema.${format}`, {
+      params,
+      responseType: 'text',
+    })
+
+    preview.value =
+      format === 'json' ? JSON.stringify(JSON.parse(response.data), null, 2) : response.data
+    updates.value += 1
+  })
+}
+
+watch(
+  () => props.open,
+  isOpen => {
+    if (isOpen) {
+      preview.value = ''
+      handleFetch()
+    }
+  },
+  { immediate: true }
+)
+</script>
+
+<template>
+  <Dialog :open="props.open" @update:open="props.onClose">
+    <DialogContent class="!max-w-4xl">
+      <DialogHeader>
+        <DialogTitle>Export Schema</DialogTitle>
+        <DialogDescription>
+          Generate a Swagger schema for the event. You can customize the settings below to include
+          or exclude certain properties.
+        </DialogDescription>
+      </DialogHeader>
+
+      <div class="mt-4 grid grid-cols-1 gap-8 md:grid-cols-[1fr_2fr]">
+        <!-- Settings Column -->
+        <div class="space-y-6">
+          <div class="flex items-center justify-between">
+            <Label for="includeDescriptions">Include descriptions</Label>
+            <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" />
+          </div>
+
+          <div class="mt-12 flex items-center justify-between">
+            <Label for="format">Schema format</Label>
+            <div class="flex gap-2">
+              <Button
+                class="w-16 font-mono"
+                :variant="settings.format === 'yaml' ? 'default' : 'outline'"
+                size="sm"
+                @click="settings.format = 'yaml'"
+              >
+                YAML
+              </Button>
+              <Button
+                class="w-16 font-mono"
+                :variant="settings.format === 'json' ? 'default' : 'outline'"
+                size="sm"
+                @click="settings.format = 'json'"
+              >
+                JSON
+              </Button>
+            </div>
+          </div>
+
+          <div>
+            <Button variant="secondary" class="w-full" @click="handleFetch" :disabled="isLoading">
+              Update
+            </Button>
+          </div>
+        </div>
+
+        <!-- Preview Column -->
+        <div>
+          <!-- <Textarea class="h-[400px] resize-none font-mono text-sm" :value="preview" readonly /> -->
+
+          <div
+            side="bottom"
+            @click.stop
+            class="relative border-muted-foreground bg-foreground text-background h-[400px] overflow-y-auto rounded-md border p-4 text-left shadow-sm"
+          >
+            <button
+              v-if="isSupported"
+              @click="handleCopy"
+              class="text-muted-foreground absolute top-2 right-2 cursor-pointer text-[10px]"
+            >
+              <Icon icon="radix-icons:copy" class="mr-1 inline h-3 w-3" />
+            </button>
+            <Transition name="fade-slide" mode="out-in">
+              <div :key="updates" class="font-mono leading-snug whitespace-pre-wrap select-text">
+                {{ preview }}
+              </div>
+            </Transition>
+          </div>
+        </div>
+      </div>
+    </DialogContent>
+  </Dialog>
+</template>
diff --git a/frontend/src/modules/events/pages/EventDetailsPage.vue b/frontend/src/modules/events/pages/EventDetailsPage.vue
index e0b6ab2..2aafba6 100644
--- a/frontend/src/modules/events/pages/EventDetailsPage.vue
+++ b/frontend/src/modules/events/pages/EventDetailsPage.vue
@@ -9,6 +9,7 @@ import { useAsyncTask } from '@/shared/composables/useAsyncTask'
 import type { EventFormValues } from '@/modules/events/validation/eventSchema'
 import { useEnhancedToast } from '@/shared/composables/useEnhancedToast'
 import DetailsCardSkeleton from '@/shared/components/skeletons/DetailsCardSkeleton.vue'
+import SwaggerExportModal from '../components/SwaggerExportModal.vue'
 
 const DeleteModal = defineAsyncComponent(() => import('@/shared/components/modals/DeleteModal.vue'))
 const EventEditModal = defineAsyncComponent(
@@ -21,6 +22,7 @@ const event = ref<Event | null>(null)
 
 const showEditModal = ref(false)
 const showDeleteModal = ref(false)
+const showSwaggerExportModal = ref(false)
 
 const { run, isLoading } = useAsyncTask()
 const { run: runDeleteTask, isLoading: isDeleting } = useAsyncTask()
@@ -69,6 +71,7 @@ onMounted(() => {
       :event="event"
       @edit="showEditModal = true"
       @delete="showDeleteModal = true"
+      @export="showSwaggerExportModal = true"
     />
 
     <!-- Modals -->
@@ -87,5 +90,11 @@ onMounted(() => {
       :isDeleting="isDeleting"
       description="Once deleted, this event will be removed permanently."
     />
+    <SwaggerExportModal
+      v-if="event"
+      :open="showSwaggerExportModal"
+      :onClose="() => (showSwaggerExportModal = false)"
+      :eventId="event.id"
+    />
   </div>
 </template>

From 4ffa043c68eefc752ac136cae83b1ef462ff35ce Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Sat, 24 May 2025 13:02:46 +0300
Subject: [PATCH 7/7] style

---
 frontend/src/modules/events/components/SwaggerExportModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/modules/events/components/SwaggerExportModal.vue b/frontend/src/modules/events/components/SwaggerExportModal.vue
index 9797033..decc51a 100644
--- a/frontend/src/modules/events/components/SwaggerExportModal.vue
+++ b/frontend/src/modules/events/components/SwaggerExportModal.vue
@@ -141,7 +141,7 @@ watch(
           <div
             side="bottom"
             @click.stop
-            class="relative border-muted-foreground bg-foreground text-background h-[400px] overflow-y-auto rounded-md border p-4 text-left shadow-sm"
+            class="border-muted-foreground bg-foreground text-background relative h-[400px] overflow-y-auto rounded-md border p-4 text-left shadow-sm"
           >
             <button
               v-if="isSupported"