From 07f6df4de5a79aaeec2274b2a98609ccc9e4807c Mon Sep 17 00:00:00 2001
From: enzonotario <enzo.notario@gmail.com>
Date: Thu, 9 Jan 2025 19:48:47 -0300
Subject: [PATCH 1/5] feat: schema examples

---
 docs/public/openapi.json                      |  38 ++
 src/components/Path/OAPath.vue                |   8 +-
 .../Playground/OAPlaygroundParameters.vue     |   4 +-
 src/components/Request/OARequestBody.vue      |   2 +-
 src/components/Response/OAResponse.vue        |   4 +-
 src/components/Schema/OASchemaTabs.vue        | 101 ++--
 src/components/Try/OATryWithVariables.vue     |  12 +-
 src/composables/useTheme.ts                   |  10 +-
 src/lib/examples/getSchemaExample.ts          |  34 ++
 src/lib/{ => examples}/getSchemaUiJson.ts     |  11 +-
 src/lib/{ => examples}/getSchemaUiXml.ts      |   2 +-
 src/lib/getSchemaUiContentType.ts             |  11 -
 src/lib/processOpenAPI.ts                     |  12 +-
 src/types.ts                                  |   5 +-
 .../__snapshots__/processOpenAPI.test.ts.snap | 479 ++++++++++++------
 test/lib/getSchemaUi.test.ts                  |   6 +-
 16 files changed, 481 insertions(+), 258 deletions(-)
 create mode 100644 src/lib/examples/getSchemaExample.ts
 rename src/lib/{ => examples}/getSchemaUiJson.ts (92%)
 rename src/lib/{ => examples}/getSchemaUiXml.ts (85%)
 delete mode 100644 src/lib/getSchemaUiContentType.ts

diff --git a/docs/public/openapi.json b/docs/public/openapi.json
index 2ef48242..01a74f32 100644
--- a/docs/public/openapi.json
+++ b/docs/public/openapi.json
@@ -103,6 +103,24 @@
             "application/json": {
               "schema": {
                 "$ref": "#/components/schemas/Artist"
+              },
+              "examples": {
+                "Charly": {
+                  "value": {
+                    "name": "Charly García",
+                    "description": "One of the most influential rock musicians in Argentine history.",
+                    "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                    "band": "Sui Generis"
+                  }
+                },
+                "Maria": {
+                  "value": {
+                    "name": "Maria Gabriela Epumer",
+                    "description": "A very important rock musician in Argentine history.",
+                    "image": "https://cdn.rock-legends.com/photos/maria.jpg",
+                    "band": "Viudas e Hijas de Roque Enroll"
+                  }
+                }
               }
             }
           }
@@ -114,6 +132,26 @@
               "application/json": {
                 "schema": {
                   "$ref": "#/components/schemas/Artist"
+                },
+                "examples": {
+                  "Charly": {
+                    "value": {
+                      "id": 1,
+                      "name": "Charly García",
+                      "description": "One of the most influential rock musicians in Argentine history.",
+                      "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                      "band": "Sui Generis"
+                    }
+                  },
+                  "Maria": {
+                    "value": {
+                      "id": 2,
+                      "name": "Maria Gabriela Epumer",
+                      "description": "A very important rock musician in Argentine history.",
+                      "image": "https://cdn.rock-legends.com/photos/maria.jpg",
+                      "band": "Viudas e Hijas de Roque Enroll"
+                    }
+                  }
                 }
               }
             }
diff --git a/src/components/Path/OAPath.vue b/src/components/Path/OAPath.vue
index 175069a2..a797dba0 100644
--- a/src/components/Path/OAPath.vue
+++ b/src/components/Path/OAPath.vue
@@ -23,6 +23,10 @@ const openapi = props.openapi ?? getOpenApiInstance()
 
 const operation = openapi.getOperation(props.id)
 
+const operationData = initOperationData(operation)
+
+provide('operationData', operationData)
+
 const operationPath = openapi.getOperationPath(props.id)
 
 const operationMethod = openapi.getOperationMethod(props.id)?.toUpperCase()
@@ -85,7 +89,7 @@ const request = ref(
       baseUrl: baseUrl.value,
       parameters: operationParameters ?? [],
       authorizations: securityUi.length ? Object.entries(securityUi)[0]?.schemes : {},
-      body: operationRequestBody?.content?.[bodyRequestContentType]?.uiContentType,
+      body: (operationRequestBody?.content?.[bodyRequestContentType]?.examples ?? { value: '' })[0]?.value,
       variables: {},
     })
     : {},
@@ -98,8 +102,6 @@ function updateRequest(newRequest) {
 function updateSelectedServer(server) {
   selectedServer.value = server
 }
-
-provide('operationData', initOperationData(operation))
 </script>
 
 <template>
diff --git a/src/components/Playground/OAPlaygroundParameters.vue b/src/components/Playground/OAPlaygroundParameters.vue
index dfc82f5e..10bbb18b 100644
--- a/src/components/Playground/OAPlaygroundParameters.vue
+++ b/src/components/Playground/OAPlaygroundParameters.vue
@@ -42,7 +42,7 @@ const props = defineProps({
     type: Object,
     required: true,
   },
-  schemaUiContentType: {
+  examples: {
     type: Object,
     required: false,
   },
@@ -84,7 +84,7 @@ const operationData = inject('operationData') as OperationData
 
 const authorizations = ref<PlaygroundSecurityScheme[] | null>(null)
 
-const body = ref(props.schemaUiContentType)
+const body = ref(Object.keys(props.examples ?? {}).length ? Object.values(props.examples ?? {})[0].value : null)
 
 function setAuthorizations(schemes: Record<string, PlaygroundSecurityScheme>) {
   if (!schemes || !Object.keys(schemes).length) {
diff --git a/src/components/Request/OARequestBody.vue b/src/components/Request/OARequestBody.vue
index f742f3ed..3178d03a 100644
--- a/src/components/Request/OARequestBody.vue
+++ b/src/components/Request/OARequestBody.vue
@@ -22,7 +22,7 @@ const props = defineProps({
 <template>
   <OASchemaTabs
     :schema="props.requestBody?.content?.[props.contentType]?.ui"
-    :schema-ui-content-type="props.requestBody?.content?.[props.contentType]?.uiContentType"
+    :examples="props.requestBody?.content?.[props.contentType]?.examples"
     :content-type="props.contentType"
     :is-dark="props.isDark"
   />
diff --git a/src/components/Response/OAResponse.vue b/src/components/Response/OAResponse.vue
index 50be321f..1bb8e6ca 100644
--- a/src/components/Response/OAResponse.vue
+++ b/src/components/Response/OAResponse.vue
@@ -35,7 +35,7 @@ const contentType = ref(contentTypes[0] ?? undefined)
 
 const schema = computed(() => props.response.content?.[contentType.value]?.ui)
 
-const schemaJson = computed(() => props.response.content?.[contentType.value]?.uiContentType)
+const examples = computed(() => props.response.content?.[contentType.value]?.examples)
 
 const contentTypeId = `content-type-${Math.random().toString(36).substring(7)}`
 </script>
@@ -85,7 +85,7 @@ const contentTypeId = `content-type-${Math.random().toString(36).substring(7)}`
     <OASchemaTabs
       v-if="schema"
       :schema="schema"
-      :schema-ui-content-type="schemaJson"
+      :examples="examples"
       :content-type="contentType"
       :is-dark="props.isDark"
     />
diff --git a/src/components/Schema/OASchemaTabs.vue b/src/components/Schema/OASchemaTabs.vue
index f4d56fb3..427ae5b4 100644
--- a/src/components/Schema/OASchemaTabs.vue
+++ b/src/components/Schema/OASchemaTabs.vue
@@ -1,25 +1,18 @@
 <script setup>
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import { useTheme } from '../../composables/useTheme'
-import { hasExample } from '../../lib/examples/hasExample'
-import { getSchemaUiContentType } from '../../lib/getSchemaUiContentType'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '../ui/tabs'
-import { Checkbox } from '../ui/checkbox'
-import { Label } from '../ui/label'
 import OASchemaUI from '../Schema/OASchemaUI.vue'
+import OAMarkdown from '../Common/OAMarkdown.vue'
 
 const props = defineProps({
   schema: {
     type: Object,
     required: true,
   },
-  schemaUiContentType: {
-    type: [Object, String, Number, Boolean, Array],
-    required: true,
-  },
-  contentType: {
-    type: String,
-    required: true,
+  examples: {
+    type: null,
+    required: false,
   },
   isDark: {
     type: Boolean,
@@ -29,46 +22,29 @@ const props = defineProps({
 
 const themeConfig = useTheme()
 
-const useExample = ref(true)
+const defaultValue = computed(() => {
+  const examplesKeys = Object.keys(props.examples ?? {})
 
-const schemaHasExample = hasExample(props.schema)
-
-const checkboxId = `useExample-${Math.random().toString(36).substring(7)}`
-
-const contentTypeLabel = computed(() => {
-  if (props.contentType.includes('json')) {
-    return 'JSON'
-  }
-  if (props.contentType === 'application/xml') {
-    return 'XML'
+  if (themeConfig.schemaConfig.defaultView.value === 'schema') {
+    return 'schema'
   }
-  return 'Schema'
-})
 
-const lang = computed(() => {
-  if (props.contentType.includes('json')) {
-    return 'json'
-  }
-  if (props.contentType === 'application/xml') {
-    return 'xml'
+  if (themeConfig.schemaConfig.defaultView.value === 'contentType') {
+    return examplesKeys?.length ? `examples.${examplesKeys[0]}` : 'schema'
   }
-  return props.contentType
-})
 
-const hasSchemaContentType = computed(() => props.schemaUiContentType !== null)
-
-const schemaUiContentType = computed(() => {
-  if (useExample.value) {
-    return props.schemaUiContentType
+  if (themeConfig.schemaConfig.defaultView.value === 'autogenerated') {
+    const autogeneratedExample = examplesKeys.find(key => props.examples[key]?.isAutogenerated)
+    return autogeneratedExample ? `examples.${autogeneratedExample}` : 'schema'
   }
 
-  return getSchemaUiContentType(props.contentType, props.schema, useExample.value)
+  return themeConfig.schemaConfig.defaultView.value
 })
 </script>
 
 <template>
   <Tabs
-    :default-value="hasSchemaContentType ? themeConfig.schemaConfig.defaultView : 'schema'"
+    :default-value="defaultValue"
   >
     <TabsList class="relative flex flex-row justify-start">
       <TabsTrigger
@@ -79,12 +55,13 @@ const schemaUiContentType = computed(() => {
         {{ $t('Schema') }}
       </TabsTrigger>
       <TabsTrigger
-        v-if="hasSchemaContentType"
-        value="contentType"
+        v-for="example in Object.keys(props.examples ?? {})"
+        :key="example"
+        :value="`examples.${example}`"
         variant="schemaTabs"
         class="h-full"
       >
-        {{ contentTypeLabel }}
+        {{ example }}
       </TabsTrigger>
     </TabsList>
     <TabsContent value="schema">
@@ -96,32 +73,22 @@ const schemaUiContentType = computed(() => {
         />
       </div>
     </TabsContent>
-    <TabsContent value="contentType">
-      <div class="relative flex flex-col">
-        <div
-          v-if="schemaHasExample"
-          class="absolute right-14 top-1 z-10 flex flex-row items-center gap-1"
-        >
-          <Checkbox
-            :id="checkboxId"
-            :checked="useExample"
-            name="useExample"
-            aria-label="Use example"
-            @update:checked="useExample = $event"
-          />
-          <Label
-            :for="checkboxId"
-            class="text-gray-800 dark:text-gray-200 text-sm"
-          >
-            {{ $t('Use example') }}
-          </Label>
-        </div>
+    <TabsContent
+      v-for="example in Object.keys(props.examples ?? {})"
+      :key="example"
+      :value="`examples.${example}`"
+    >
+      <div class="flex flex-col gap-2">
+        <OAMarkdown
+          v-if="props.examples[example]?.description"
+          :content="props.examples[example]?.description"
+        />
 
         <OACodeBlock
-          v-if="hasSchemaContentType"
-          :code="schemaUiContentType"
-          :lang="lang"
-          :label="contentTypeLabel"
+          v-if="props.examples[example]?.value"
+          :code="props.examples[example]?.value"
+          :lang="props.examples[example]?.lang ?? 'json'"
+          :label="(props.examples[example]?.lang ?? 'json').toUpperCase()"
           :is-dark="props.isDark"
           class="!my-0"
         />
diff --git a/src/components/Try/OATryWithVariables.vue b/src/components/Try/OATryWithVariables.vue
index a17891c4..c0eb826a 100644
--- a/src/components/Try/OATryWithVariables.vue
+++ b/src/components/Try/OATryWithVariables.vue
@@ -60,12 +60,12 @@ const emits = defineEmits([
 
 const loading = ref(false)
 
-const schemaUiContentType = computed(() => {
-  return props.requestBody?.content?.[props.contentType]?.uiContentType
+const schemaExamples = computed(() => {
+  return props.requestBody?.content?.[props.contentType]?.examples
 })
 
-const hasSchemaVariables = computed(() =>
-  Object.keys(schemaUiContentType.value?.variables ?? {}).length > 0,
+const hasBody = computed(() =>
+  Boolean(props.requestBody),
 )
 
 const hasSecuritySchemes = computed(() =>
@@ -73,7 +73,7 @@ const hasSecuritySchemes = computed(() =>
 )
 
 const hasParameters = computed(() =>
-  Boolean(props.parameters?.length || hasSchemaVariables.value || hasSecuritySchemes.value),
+  Boolean(props.parameters?.length || hasBody.value || hasSecuritySchemes.value),
 )
 </script>
 
@@ -87,7 +87,7 @@ const hasParameters = computed(() =>
     :base-url="props.baseUrl"
     :parameters="props.parameters ?? []"
     :security-ui="props.securityUi ?? {}"
-    :schema-ui-content-type="schemaUiContentType"
+    :examples="schemaExamples"
     :is-dark="props.isDark"
     @update:request="($event: any) => emits('update:request', $event)"
     @update:selected-server="($event: any) => emits('update:selectedServer', $event)"
diff --git a/src/composables/useTheme.ts b/src/composables/useTheme.ts
index 78798ddc..1e87a209 100644
--- a/src/composables/useTheme.ts
+++ b/src/composables/useTheme.ts
@@ -20,7 +20,7 @@ export interface PathConfig {
 }
 
 export interface RequestConfig {
-  defaultView: Ref<'schema' | 'contentType'>
+  defaultView: Ref<'schema' | 'contentType' | 'autogenerated'>
 }
 
 export interface JsonViewerConfig {
@@ -120,7 +120,7 @@ export interface UseThemeConfigUnref {
     showBaseURL: boolean
   }>
   requestBody?: Partial<{
-    defaultView: 'schema' | 'contentType'
+    defaultView: 'schema' | 'contentType' | 'autogenerated'
   }>
   jsonViewer?: Partial<{
     deep: number
@@ -230,7 +230,7 @@ const themeConfig: UseThemeConfig = {
     showBaseURL: ref<boolean>(false),
   },
   requestBody: {
-    defaultView: ref<'schema' | 'contentType'>('contentType'),
+    defaultView: ref<'schema' | 'contentType' | 'autogenerated'>('contentType'),
   },
   jsonViewer: {
     deep: ref<number>(Number.POSITIVE_INFINITY),
@@ -446,11 +446,11 @@ export function useTheme(initialConfig: Partial<UseThemeConfigUnref> = {}) {
     return themeConfig?.theme?.highlighterTheme
   }
 
-  function getSchemaDefaultView(): 'schema' | 'contentType' | undefined {
+  function getSchemaDefaultView(): 'schema' | 'contentType' | 'autogenerated' | undefined {
     return themeConfig?.requestBody?.defaultView?.value
   }
 
-  function setSchemaDefaultView(value: 'schema' | 'contentType') {
+  function setSchemaDefaultView(value: 'schema' | 'contentType' | 'autogenerated') {
     // @ts-expect-error: This is a valid expression.
     themeConfig.requestBody.defaultView.value = value
   }
diff --git a/src/lib/examples/getSchemaExample.ts b/src/lib/examples/getSchemaExample.ts
new file mode 100644
index 00000000..49f058e7
--- /dev/null
+++ b/src/lib/examples/getSchemaExample.ts
@@ -0,0 +1,34 @@
+import type { OAProperty } from '../getSchemaUi'
+import type { OAExampleObject } from '../../types'
+import { getSchemaUiJson } from './getSchemaUiJson'
+import { getSchemaUiXml } from './getSchemaUiXml'
+
+export function getSchemaExample(contentType: string, uiProperties: OAProperty[] | OAProperty, useExample = false): Record<string, OAExampleObject> {
+  if (contentType.toLowerCase().match(/^(text|application)\/.*xml($|;|\\+)/)) {
+    return {
+      XML: getSchemaExampleValue(contentType, uiProperties, useExample),
+    }
+  }
+
+  return {
+    JSON: getSchemaExampleValue(contentType, uiProperties, useExample),
+  }
+}
+
+function getSchemaExampleValue(contentType: string, uiProperties: OAProperty[] | OAProperty, useExample = false): OAExampleObject {
+  if (contentType.toLowerCase().match(/^(text|application)\/.*xml($|;|\\+)/)) {
+    return {
+      summary: 'XML',
+      description: '',
+      value: getSchemaUiXml(uiProperties, useExample),
+      isAutogenerated: true,
+    } as OAExampleObject
+  }
+
+  return {
+    summary: 'JSON',
+    description: '',
+    value: getSchemaUiJson(uiProperties, useExample),
+    isAutogenerated: true,
+  } as OAExampleObject
+}
diff --git a/src/lib/getSchemaUiJson.ts b/src/lib/examples/getSchemaUiJson.ts
similarity index 92%
rename from src/lib/getSchemaUiJson.ts
rename to src/lib/examples/getSchemaUiJson.ts
index 7e98bc91..cabc817b 100644
--- a/src/lib/getSchemaUiJson.ts
+++ b/src/lib/examples/getSchemaUiJson.ts
@@ -1,8 +1,13 @@
-import { literalTypes } from '../index'
-import { getPropertyExample } from './examples/getPropertyExample'
-import type { OAProperty } from './getSchemaUi'
+import type { OpenAPI } from '@scalar/openapi-types'
+import { literalTypes } from '../../index'
+import type { OAProperty } from '../getSchemaUi'
+import { getPropertyExample } from './getPropertyExample'
 
 export function getSchemaUiJson(uiProperties: OAProperty[] | OAProperty, useExample = false): any {
+  return schemaUiToJson(uiProperties, useExample)
+}
+
+function schemaUiToJson(uiProperties: OAProperty[] | OAProperty, useExample: boolean): any {
   if (Array.isArray(uiProperties)) {
     return uiProperties.map(property => uiPropertyToJson(property, useExample))
   }
diff --git a/src/lib/getSchemaUiXml.ts b/src/lib/examples/getSchemaUiXml.ts
similarity index 85%
rename from src/lib/getSchemaUiXml.ts
rename to src/lib/examples/getSchemaUiXml.ts
index f729c8fb..c12ae540 100644
--- a/src/lib/getSchemaUiXml.ts
+++ b/src/lib/examples/getSchemaUiXml.ts
@@ -1,5 +1,5 @@
 import { jsXml } from 'json-xml-parse'
-import type { OAProperty } from './getSchemaUi'
+import type { OAProperty } from '../getSchemaUi'
 import { getSchemaUiJson } from './getSchemaUiJson'
 
 export function getSchemaUiXml(uiProperties: OAProperty[] | OAProperty, useExample = false): any {
diff --git a/src/lib/getSchemaUiContentType.ts b/src/lib/getSchemaUiContentType.ts
deleted file mode 100644
index 4e62474c..00000000
--- a/src/lib/getSchemaUiContentType.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { getSchemaUiXml } from './getSchemaUiXml'
-import { getSchemaUiJson } from './getSchemaUiJson'
-import type { OAProperty } from './getSchemaUi'
-
-export function getSchemaUiContentType(contentType: string, uiProperties: OAProperty[] | OAProperty, useExample = false): any {
-  if (contentType.toLowerCase().match(/^(text|application)\/.*xml($|;|\\+)/)) {
-    return getSchemaUiXml(uiProperties, useExample)
-  }
-
-  return getSchemaUiJson(uiProperties, useExample)
-}
diff --git a/src/lib/processOpenAPI.ts b/src/lib/processOpenAPI.ts
index 5df189d6..78fd46a0 100644
--- a/src/lib/processOpenAPI.ts
+++ b/src/lib/processOpenAPI.ts
@@ -4,7 +4,7 @@ import { dereferenceSync } from '@trojs/openapi-dereference'
 import type { OpenAPI, OpenAPIV3 } from '@scalar/openapi-types'
 import type { ParsedContent, ParsedOpenAPI, ParsedOperation } from '../types.js'
 import { getSchemaUi } from './getSchemaUi'
-import { getSchemaUiContentType } from './getSchemaUiContentType'
+import { getSchemaExample } from './examples/getSchemaExample'
 import { getSecurityUi } from './getSecurityUi'
 
 function safelyMergeSpec(spec: OpenAPI.Document): ParsedOpenAPI {
@@ -101,7 +101,10 @@ function enhanceRequestBody(operation: ParsedOperation): void {
     }
 
     parsedContent.ui = getSchemaUi(parsedContent.schema)
-    parsedContent.uiContentType = getSchemaUiContentType(contentType, parsedContent.ui, true)
+    parsedContent.examples = {
+      ...(parsedContent.examples || {}),
+      ...getSchemaExample(contentType, parsedContent.ui, true),
+    }
   }
 }
 
@@ -119,7 +122,10 @@ function enhanceResponses(operation: ParsedOperation): void {
       }
 
       parsedContent.ui = getSchemaUi(parsedContent.schema)
-      parsedContent.uiContentType = getSchemaUiContentType(contentType, parsedContent.ui, true)
+      parsedContent.examples = {
+        ...(parsedContent.examples || {}),
+        ...getSchemaExample(contentType, parsedContent.ui, true),
+      }
     }
   }
 }
diff --git a/src/types.ts b/src/types.ts
index 53fb0fdc..5cb484be 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -50,7 +50,6 @@ export type ParsedOperation = OpenAPIV3.OperationObject & OpenAPIV3_1.OperationO
 export type ParsedContent = OpenAPIV3.MediaTypeObject & OpenAPIV3_1.MediaTypeObject & {
   schema: OpenAPIV3.SchemaObject & OpenAPIV3_1.SchemaObject
   ui?: any
-  uiContentType?: string
 }
 
 export type OperationObject = OpenAPIV3.Document | OpenAPIV3_1.OperationObject
@@ -67,3 +66,7 @@ export interface SecurityUiItem {
     [key: string]: OpenAPIV3.SecuritySchemeObject
   }
 }
+
+export type OAExampleObject = OpenAPI.ExampleObject & {
+  isAutogenerated?: boolean
+}
diff --git a/test/lib/__snapshots__/processOpenAPI.test.ts.snap b/test/lib/__snapshots__/processOpenAPI.test.ts.snap
index 0472df19..490d5d5c 100644
--- a/test/lib/__snapshots__/processOpenAPI.test.ts.snap
+++ b/test/lib/__snapshots__/processOpenAPI.test.ts.snap
@@ -490,6 +490,30 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "200": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "data": [
+                        {
+                          "band": "Sui Generis",
+                          "description": "One of the most influential rock musicians in Argentine history.",
+                          "id": 1,
+                          "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                          "name": "Charly García",
+                        },
+                      ],
+                      "meta": {
+                        "limit": 10,
+                        "next": "/artists?limit=10&offset=10",
+                        "offset": 0,
+                        "total": 100,
+                      },
+                    },
+                  },
+                },
                 "schema": {
                   "properties": {
                     "data": {
@@ -716,23 +740,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "data": [
-                    {
-                      "band": "Sui Generis",
-                      "description": "One of the most influential rock musicians in Argentine history.",
-                      "id": 1,
-                      "image": "https://cdn.rock-legends.com/photos/charly.jpg",
-                      "name": "Charly García",
-                    },
-                  ],
-                  "meta": {
-                    "limit": 10,
-                    "next": "/artists?limit=10&offset=10",
-                    "offset": 0,
-                    "total": 100,
-                  },
-                },
               },
             },
             "description": "OK",
@@ -761,6 +768,36 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
         "requestBody": {
           "content": {
             "application/json": {
+              "examples": {
+                "Charly": {
+                  "value": {
+                    "band": "Sui Generis",
+                    "description": "One of the most influential rock musicians in Argentine history.",
+                    "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                    "name": "Charly García",
+                  },
+                },
+                "JSON": {
+                  "description": "",
+                  "isAutogenerated": true,
+                  "summary": "JSON",
+                  "value": {
+                    "band": "Sui Generis",
+                    "description": "One of the most influential rock musicians in Argentine history.",
+                    "id": 1,
+                    "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                    "name": "Charly García",
+                  },
+                },
+                "Maria": {
+                  "value": {
+                    "band": "Viudas e Hijas de Roque Enroll",
+                    "description": "A very important rock musician in Argentine history.",
+                    "image": "https://cdn.rock-legends.com/photos/maria.jpg",
+                    "name": "Maria Gabriela Epumer",
+                  },
+                },
+              },
               "schema": {
                 "properties": {
                   "band": {
@@ -875,13 +912,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                   "object",
                 ],
               },
-              "uiContentType": {
-                "band": "Sui Generis",
-                "description": "One of the most influential rock musicians in Argentine history.",
-                "id": 1,
-                "image": "https://cdn.rock-legends.com/photos/charly.jpg",
-                "name": "Charly García",
-              },
             },
           },
           "description": "Artist data",
@@ -890,6 +920,38 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "201": {
             "content": {
               "application/json": {
+                "examples": {
+                  "Charly": {
+                    "value": {
+                      "band": "Sui Generis",
+                      "description": "One of the most influential rock musicians in Argentine history.",
+                      "id": 1,
+                      "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                      "name": "Charly García",
+                    },
+                  },
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "band": "Sui Generis",
+                      "description": "One of the most influential rock musicians in Argentine history.",
+                      "id": 1,
+                      "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                      "name": "Charly García",
+                    },
+                  },
+                  "Maria": {
+                    "value": {
+                      "band": "Viudas e Hijas de Roque Enroll",
+                      "description": "A very important rock musician in Argentine history.",
+                      "id": 2,
+                      "image": "https://cdn.rock-legends.com/photos/maria.jpg",
+                      "name": "Maria Gabriela Epumer",
+                    },
+                  },
+                },
                 "schema": {
                   "properties": {
                     "band": {
@@ -1004,13 +1066,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "band": "Sui Generis",
-                  "description": "One of the most influential rock musicians in Argentine history.",
-                  "id": 1,
-                  "image": "https://cdn.rock-legends.com/photos/charly.jpg",
-                  "name": "Charly García",
-                },
               },
             },
             "description": "Created",
@@ -1018,6 +1073,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "400": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -1102,12 +1170,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Bad Request",
@@ -1115,6 +1177,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "403": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -1199,12 +1274,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Forbidden",
@@ -1260,6 +1329,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "400": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -1344,12 +1426,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Bad Request",
@@ -1357,6 +1433,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "403": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -1441,12 +1530,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Forbidden",
@@ -1499,6 +1582,20 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "200": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "band": "Sui Generis",
+                      "description": "One of the most influential rock musicians in Argentine history.",
+                      "id": 1,
+                      "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                      "name": "Charly García",
+                    },
+                  },
+                },
                 "schema": {
                   "properties": {
                     "band": {
@@ -1613,13 +1710,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "band": "Sui Generis",
-                  "description": "One of the most influential rock musicians in Argentine history.",
-                  "id": 1,
-                  "image": "https://cdn.rock-legends.com/photos/charly.jpg",
-                  "name": "Charly García",
-                },
               },
             },
             "description": "Artist Found",
@@ -1627,6 +1717,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "404": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -1711,12 +1814,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Artist Not Found",
@@ -1751,6 +1848,20 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
         "requestBody": {
           "content": {
             "application/json": {
+              "examples": {
+                "JSON": {
+                  "description": "",
+                  "isAutogenerated": true,
+                  "summary": "JSON",
+                  "value": {
+                    "band": "Sui Generis",
+                    "description": "One of the most influential rock musicians in Argentine history.",
+                    "id": 1,
+                    "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                    "name": "Charly García",
+                  },
+                },
+              },
               "schema": {
                 "properties": {
                   "band": {
@@ -1865,13 +1976,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                   "object",
                 ],
               },
-              "uiContentType": {
-                "band": "Sui Generis",
-                "description": "One of the most influential rock musicians in Argentine history.",
-                "id": 1,
-                "image": "https://cdn.rock-legends.com/photos/charly.jpg",
-                "name": "Charly García",
-              },
             },
           },
           "description": "Artist data",
@@ -1880,6 +1984,20 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "200": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "band": "Sui Generis",
+                      "description": "One of the most influential rock musicians in Argentine history.",
+                      "id": 1,
+                      "image": "https://cdn.rock-legends.com/photos/charly.jpg",
+                      "name": "Charly García",
+                    },
+                  },
+                },
                 "schema": {
                   "properties": {
                     "band": {
@@ -1994,13 +2112,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "band": "Sui Generis",
-                  "description": "One of the most influential rock musicians in Argentine history.",
-                  "id": 1,
-                  "image": "https://cdn.rock-legends.com/photos/charly.jpg",
-                  "name": "Charly García",
-                },
               },
             },
             "description": "OK",
@@ -2008,6 +2119,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "400": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -2092,12 +2216,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Bad Request",
@@ -2105,6 +2223,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "403": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -2189,12 +2320,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Forbidden",
@@ -2281,6 +2406,29 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "200": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "data": [
+                        {
+                          "id": 1,
+                          "image": "https://cdn.rock-legends.com/photos/la-maquina.jpg",
+                          "name": "La Máquina de Hacer Pájaros",
+                          "year": 1976,
+                        },
+                      ],
+                      "meta": {
+                        "limit": 10,
+                        "next": "/artists?limit=10&offset=10",
+                        "offset": 0,
+                        "total": 100,
+                      },
+                    },
+                  },
+                },
                 "schema": {
                   "properties": {
                     "data": {
@@ -2485,22 +2633,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "data": [
-                    {
-                      "id": 1,
-                      "image": "https://cdn.rock-legends.com/photos/la-maquina.jpg",
-                      "name": "La Máquina de Hacer Pájaros",
-                      "year": 1976,
-                    },
-                  ],
-                  "meta": {
-                    "limit": 10,
-                    "next": "/artists?limit=10&offset=10",
-                    "offset": 0,
-                    "total": 100,
-                  },
-                },
               },
             },
             "description": "OK",
@@ -2535,6 +2667,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
         "requestBody": {
           "content": {
             "application/json": {
+              "examples": {
+                "JSON": {
+                  "description": "",
+                  "isAutogenerated": true,
+                  "summary": "JSON",
+                  "value": {
+                    "id": 1,
+                    "image": "https://cdn.rock-legends.com/photos/la-maquina.jpg",
+                    "name": "La Máquina de Hacer Pájaros",
+                    "year": 1976,
+                  },
+                },
+              },
               "schema": {
                 "properties": {
                   "id": {
@@ -2627,12 +2772,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                   "object",
                 ],
               },
-              "uiContentType": {
-                "id": 1,
-                "image": "https://cdn.rock-legends.com/photos/la-maquina.jpg",
-                "name": "La Máquina de Hacer Pájaros",
-                "year": 1976,
-              },
             },
           },
           "description": "Album data",
@@ -2641,6 +2780,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "201": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "id": 1,
+                      "image": "https://cdn.rock-legends.com/photos/la-maquina.jpg",
+                      "name": "La Máquina de Hacer Pájaros",
+                      "year": 1976,
+                    },
+                  },
+                },
                 "schema": {
                   "properties": {
                     "id": {
@@ -2733,12 +2885,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "id": 1,
-                  "image": "https://cdn.rock-legends.com/photos/la-maquina.jpg",
-                  "name": "La Máquina de Hacer Pájaros",
-                  "year": 1976,
-                },
               },
             },
             "description": "Created",
@@ -2746,6 +2892,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "400": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -2830,12 +2989,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Bad Request",
@@ -2843,6 +2996,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "403": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -2927,12 +3093,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Forbidden",
@@ -2980,6 +3140,16 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "password": "i-love-rock",
                   },
                 },
+                "JSON": {
+                  "description": "",
+                  "isAutogenerated": true,
+                  "summary": "JSON",
+                  "value": {
+                    "email": "carlos@rock-legends.com",
+                    "name": "Carlos",
+                    "password": "i-love-rock",
+                  },
+                },
                 "Maria": {
                   "value": {
                     "email": "maria@rock-legends.com",
@@ -3069,11 +3239,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                   "object",
                 ],
               },
-              "uiContentType": {
-                "email": "carlos@rock-legends.com",
-                "name": "Carlos",
-                "password": "i-love-rock",
-              },
             },
           },
         },
@@ -3081,6 +3246,18 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "201": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "email": "carlos@rock-legends.com",
+                      "id": 1,
+                      "name": "Carlos",
+                    },
+                  },
+                },
                 "schema": {
                   "properties": {
                     "email": {
@@ -3156,11 +3333,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "email": "carlos@rock-legends.com",
-                  "id": 1,
-                  "name": "Carlos",
-                },
               },
             },
             "description": "Created",
@@ -3168,6 +3340,19 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
           "400": {
             "content": {
               "application/json": {
+                "examples": {
+                  "JSON": {
+                    "description": "",
+                    "isAutogenerated": true,
+                    "summary": "JSON",
+                    "value": {
+                      "detail": "Unfortunately, we can’t provide further information.",
+                      "status": 403,
+                      "title": "Something went wrong here.",
+                      "type": "https://example.com/errors/generic-error",
+                    },
+                  },
+                },
                 "schema": {
                   "description": "RFC 7807 (https://datatracker.ietf.org/doc/html/rfc7807)",
                   "properties": {
@@ -3252,12 +3437,6 @@ All descriptions *can* contain ~~tons of text~~ **Markdown**. [If GitHub support
                     "object",
                   ],
                 },
-                "uiContentType": {
-                  "detail": "Unfortunately, we can’t provide further information.",
-                  "status": 403,
-                  "title": "Something went wrong here.",
-                  "type": "https://example.com/errors/generic-error",
-                },
               },
             },
             "description": "Bad Request",
diff --git a/test/lib/getSchemaUi.test.ts b/test/lib/getSchemaUi.test.ts
index bebf6007..611f36d2 100644
--- a/test/lib/getSchemaUi.test.ts
+++ b/test/lib/getSchemaUi.test.ts
@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest'
 import { dereferenceSync } from '@trojs/openapi-dereference'
 import { getSchemaUi } from '../../src/lib/getSchemaUi'
 import { specWithCircularRef } from '../testsConstants'
-import { getSchemaUiContentType } from '../../src/lib/getSchemaUiContentType'
+import { getSchemaExample } from '../../src/lib/examples/getSchemaExample'
 
 interface FixtureTest {
   jsonSchema: any
@@ -1282,12 +1282,12 @@ describe('getSchemaUi and getSchemaUiJson from fixtures', () => {
       const parsedSchemaUi = getSchemaUi(jsonSchema)
       expect(parsedSchemaUi).toEqual(schemaUi)
 
-      const parsedSchemaUiContentType = getSchemaUiContentType(
+      const schemaExample = getSchemaExample(
         contentType ?? 'application/json',
         parsedSchemaUi,
         useExample,
       )
-      expect(parsedSchemaUiContentType).toEqual(schemaUiJson)
+      expect(schemaExample[Object.keys(schemaExample)[0]].value).toEqual(schemaUiJson)
     })
   })
 })

From 99b06f3b0f98259b4b51fa744680ae3be8a976e4 Mon Sep 17 00:00:00 2001
From: enzonotario <enzo.notario@gmail.com>
Date: Thu, 9 Jan 2025 20:38:18 -0300
Subject: [PATCH 2/5] chore(getSchemaExample): isXml

---
 src/lib/examples/getSchemaExample.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/examples/getSchemaExample.ts b/src/lib/examples/getSchemaExample.ts
index 49f058e7..c7a16374 100644
--- a/src/lib/examples/getSchemaExample.ts
+++ b/src/lib/examples/getSchemaExample.ts
@@ -4,7 +4,7 @@ import { getSchemaUiJson } from './getSchemaUiJson'
 import { getSchemaUiXml } from './getSchemaUiXml'
 
 export function getSchemaExample(contentType: string, uiProperties: OAProperty[] | OAProperty, useExample = false): Record<string, OAExampleObject> {
-  if (contentType.toLowerCase().match(/^(text|application)\/.*xml($|;|\\+)/)) {
+  if (isXml(contentType)) {
     return {
       XML: getSchemaExampleValue(contentType, uiProperties, useExample),
     }
@@ -16,7 +16,7 @@ export function getSchemaExample(contentType: string, uiProperties: OAProperty[]
 }
 
 function getSchemaExampleValue(contentType: string, uiProperties: OAProperty[] | OAProperty, useExample = false): OAExampleObject {
-  if (contentType.toLowerCase().match(/^(text|application)\/.*xml($|;|\\+)/)) {
+  if (isXml(contentType)) {
     return {
       summary: 'XML',
       description: '',
@@ -32,3 +32,7 @@ function getSchemaExampleValue(contentType: string, uiProperties: OAProperty[] |
     isAutogenerated: true,
   } as OAExampleObject
 }
+
+function isXml(contentType: string): boolean {
+  return contentType.toLowerCase().match(/^(text|application)\/.*xml($|;|\\+)/) !== null
+}

From 3b9594098904bb0eddc86b12dccb7a6167605067 Mon Sep 17 00:00:00 2001
From: enzonotario <enzo.notario@gmail.com>
Date: Thu, 9 Jan 2025 20:39:34 -0300
Subject: [PATCH 3/5] chore: remove unused import

---
 src/lib/examples/getSchemaUiJson.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/examples/getSchemaUiJson.ts b/src/lib/examples/getSchemaUiJson.ts
index cabc817b..aaaf6009 100644
--- a/src/lib/examples/getSchemaUiJson.ts
+++ b/src/lib/examples/getSchemaUiJson.ts
@@ -1,4 +1,3 @@
-import type { OpenAPI } from '@scalar/openapi-types'
 import { literalTypes } from '../../index'
 import type { OAProperty } from '../getSchemaUi'
 import { getPropertyExample } from './getPropertyExample'

From 514c763f51f3708194d4a138569c3aab1cfb5119 Mon Sep 17 00:00:00 2001
From: enzonotario <enzo.notario@gmail.com>
Date: Thu, 9 Jan 2025 22:04:26 -0300
Subject: [PATCH 4/5] chore(OASchemaTabs): defaultValue

---
 src/components/Schema/OASchemaTabs.vue | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/Schema/OASchemaTabs.vue b/src/components/Schema/OASchemaTabs.vue
index 427ae5b4..1c983128 100644
--- a/src/components/Schema/OASchemaTabs.vue
+++ b/src/components/Schema/OASchemaTabs.vue
@@ -23,22 +23,19 @@ const props = defineProps({
 const themeConfig = useTheme()
 
 const defaultValue = computed(() => {
+  const defaultView = themeConfig.schemaConfig.defaultView.value
   const examplesKeys = Object.keys(props.examples ?? {})
 
-  if (themeConfig.schemaConfig.defaultView.value === 'schema') {
-    return 'schema'
+  const viewMap = {
+    schema: 'schema',
+    contentType: examplesKeys?.length ? `examples.${examplesKeys[0]}` : 'schema',
+    autogenerated: (() => {
+      const autogeneratedExample = examplesKeys.find(key => props.examples[key]?.isAutogenerated)
+      return autogeneratedExample ? `examples.${autogeneratedExample}` : 'schema'
+    })(),
   }
 
-  if (themeConfig.schemaConfig.defaultView.value === 'contentType') {
-    return examplesKeys?.length ? `examples.${examplesKeys[0]}` : 'schema'
-  }
-
-  if (themeConfig.schemaConfig.defaultView.value === 'autogenerated') {
-    const autogeneratedExample = examplesKeys.find(key => props.examples[key]?.isAutogenerated)
-    return autogeneratedExample ? `examples.${autogeneratedExample}` : 'schema'
-  }
-
-  return themeConfig.schemaConfig.defaultView.value
+  return viewMap[defaultView] ?? defaultView
 })
 </script>
 

From 9679f66ef22e0a08253f6259e048c5feda885dfb Mon Sep 17 00:00:00 2001
From: enzonotario <enzo.notario@gmail.com>
Date: Thu, 9 Jan 2025 22:20:31 -0300
Subject: [PATCH 5/5] chore(OASchemaTabs): example value

---
 src/components/Schema/OASchemaTabs.vue | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/Schema/OASchemaTabs.vue b/src/components/Schema/OASchemaTabs.vue
index 1c983128..7fa0e7b4 100644
--- a/src/components/Schema/OASchemaTabs.vue
+++ b/src/components/Schema/OASchemaTabs.vue
@@ -52,13 +52,13 @@ const defaultValue = computed(() => {
         {{ $t('Schema') }}
       </TabsTrigger>
       <TabsTrigger
-        v-for="example in Object.keys(props.examples ?? {})"
-        :key="example"
-        :value="`examples.${example}`"
+        v-for="(_, exampleKey) in props.examples ?? {}"
+        :key="exampleKey"
+        :value="`examples.${exampleKey}`"
         variant="schemaTabs"
         class="h-full"
       >
-        {{ example }}
+        {{ exampleKey }}
       </TabsTrigger>
     </TabsList>
     <TabsContent value="schema">
@@ -71,21 +71,21 @@ const defaultValue = computed(() => {
       </div>
     </TabsContent>
     <TabsContent
-      v-for="example in Object.keys(props.examples ?? {})"
-      :key="example"
-      :value="`examples.${example}`"
+      v-for="(example, exampleKey) in props.examples ?? {}"
+      :key="exampleKey"
+      :value="`examples.${exampleKey}`"
     >
       <div class="flex flex-col gap-2">
         <OAMarkdown
-          v-if="props.examples[example]?.description"
-          :content="props.examples[example]?.description"
+          v-if="example?.description"
+          :content="example?.description"
         />
 
         <OACodeBlock
-          v-if="props.examples[example]?.value"
-          :code="props.examples[example]?.value"
-          :lang="props.examples[example]?.lang ?? 'json'"
-          :label="(props.examples[example]?.lang ?? 'json').toUpperCase()"
+          v-if="example?.value"
+          :code="example?.value"
+          :lang="example?.lang ?? 'json'"
+          :label="(example?.lang ?? 'json').toUpperCase()"
           :is-dark="props.isDark"
           class="!my-0"
         />