raffel 1.1.97 → 1.1.98

package/dist/ui/docs/ui/client-script/schema-rendering.d.ts

@@ -1,5 +0,0 @@
-/**
- * Embedded docs UI client script chunk.
- */
-export declare const schemaRenderingClientScript = "    // ========== SCHEMA RENDERING HELPERS ==========\n\n    function resolveRef(ref) {\n      if (!ref || typeof ref !== 'string') return null;\n      const parts = ref.replace('#/', '').split('/');\n      let result = spec;\n      for (const part of parts) {\n        if (!result) return null;\n        result = result[part];\n      }\n      return result;\n    }\n\n    function getSchemaType(schema) {\n      if (!schema) return 'any';\n      if (schema.$ref) {\n        const resolved = resolveRef(schema.$ref);\n        return resolved ? getSchemaType(resolved) : 'ref';\n      }\n      if (schema.oneOf) return 'oneOf';\n      if (schema.anyOf) return 'anyOf';\n      if (schema.allOf) return 'allOf';\n      if (Array.isArray(schema.type)) return schema.type.join(' | ');\n      return schema.type || 'any';\n    }\n\n    function getTypeClass(type) {\n      const t = (type || '').toLowerCase();\n      if (t === 'string') return 'type-string';\n      if (t === 'number' || t === 'integer') return 'type-number';\n      if (t === 'boolean') return 'type-boolean';\n      if (t === 'object') return 'type-object';\n      if (t === 'array') return 'type-array';\n      if (t === 'null') return 'type-null';\n      return 'type-ref';\n    }\n\n    function getRefName(ref) {\n      if (!ref) return '';\n      const parts = ref.split('/');\n      return parts[parts.length - 1];\n    }\n\n    function renderSchemaType(schema, showFormat) {\n      if (!schema) return '<span class=\"schema-type type-ref\">any</span>';\n\n      if (schema.$ref) {\n        const name = getRefName(schema.$ref);\n        return '<span class=\"schema-type type-ref\">' + esc(name) + '</span>';\n      }\n\n      let type = getSchemaType(schema);\n      let extra = '';\n\n      if (schema.format && showFormat !== false) {\n        extra = '<' + schema.format + '>';\n      }\n\n      if (type === 'array' && schema.items) {\n        const itemType = schema.items.$ref\n          ? getRefName(schema.items.$ref)\n          : getSchemaType(schema.items);\n        return '<span class=\"schema-type type-array\">array[' + esc(itemType) + ']</span>';\n      }\n\n      if (type === 'oneOf' || type === 'anyOf' || type === 'allOf') {\n        const items = schema[type];\n        const types = items.map(s => s.$ref ? getRefName(s.$ref) : getSchemaType(s));\n        return '<span class=\"schema-type type-ref\">' + esc(type) + '(' + types.join(', ') + ')</span>';\n      }\n\n      return '<span class=\"schema-type ' + getTypeClass(type) + '\">' + esc(type + extra) + '</span>';\n    }\n\n    function renderConstraints(schema) {\n      const constraints = [];\n\n      // String constraints\n      if (schema.minLength !== undefined) constraints.push('minLength: ' + schema.minLength);\n      if (schema.maxLength !== undefined) constraints.push('maxLength: ' + schema.maxLength);\n      if (schema.pattern) constraints.push('pattern: ' + schema.pattern);\n\n      // Number constraints\n      if (schema.minimum !== undefined) constraints.push('min: ' + schema.minimum);\n      if (schema.maximum !== undefined) constraints.push('max: ' + schema.maximum);\n      if (schema.exclusiveMinimum !== undefined) constraints.push('exclusiveMin: ' + schema.exclusiveMinimum);\n      if (schema.exclusiveMaximum !== undefined) constraints.push('exclusiveMax: ' + schema.exclusiveMaximum);\n      if (schema.multipleOf !== undefined) constraints.push('multipleOf: ' + schema.multipleOf);\n\n      // Array constraints\n      if (schema.minItems !== undefined) constraints.push('minItems: ' + schema.minItems);\n      if (schema.maxItems !== undefined) constraints.push('maxItems: ' + schema.maxItems);\n      if (schema.uniqueItems) constraints.push('uniqueItems');\n\n      // Object constraints\n      if (schema.minProperties !== undefined) constraints.push('minProperties: ' + schema.minProperties);\n      if (schema.maxProperties !== undefined) constraints.push('maxProperties: ' + schema.maxProperties);\n\n      if (constraints.length === 0) return '';\n\n      return '<div class=\"schema-constraints\">' +\n        constraints.map(c => '<span class=\"schema-constraint\">' + esc(c) + '</span>').join('') +\n        '</div>';\n    }\n\n    function renderEnumValues(schema) {\n      if (!schema.enum || schema.enum.length === 0) return '';\n\n      return '<div class=\"schema-enum\">' +\n        '<span style=\"font-size: 11px; color: var(--text-muted); margin-right: 4px;\">Enum:</span>' +\n        schema.enum.map(v => '<span class=\"schema-enum-value\">' + esc(JSON.stringify(v)) + '</span>').join('') +\n        '</div>';\n    }\n\n    function renderDefault(schema) {\n      if (schema.default === undefined) return '';\n      return '<div class=\"schema-default\">Default: <code>' + esc(JSON.stringify(schema.default)) + '</code></div>';\n    }\n\n    let schemaIdCounter = 0;\n\n    // Normalize non-standard schema formats (e.g., from some Zod conversions)\n    function normalizeSchema(schema) {\n      if (!schema) return schema;\n\n      // Handle schemas with 'def' and 'shape' (non-standard Zod output)\n      if (schema.def && schema.def.shape) {\n        const normalized = { type: 'object', properties: {} };\n        for (const [key, val] of Object.entries(schema.def.shape)) {\n          normalized.properties[key] = normalizeSchema(val);\n        }\n        return normalized;\n      }\n\n      // Handle 'innerType' for default values\n      if (schema.def && schema.def.innerType) {\n        const inner = normalizeSchema(schema.def.innerType);\n        if (schema.def.defaultValue !== undefined) {\n          inner.default = schema.def.defaultValue;\n        }\n        return inner;\n      }\n\n      // Handle simple def types\n      if (schema.def && schema.def.type === 'string') {\n        const result = { type: 'string' };\n        if (schema.format) result.format = schema.format;\n        if (schema.minLength) result.minLength = schema.minLength;\n        if (schema.maxLength) result.maxLength = schema.maxLength;\n        return result;\n      }\n\n      if (schema.def && schema.def.type === 'number') {\n        return { type: 'number' };\n      }\n\n      if (schema.def && schema.def.type === 'integer') {\n        return { type: 'integer' };\n      }\n\n      if (schema.def && schema.def.type === 'boolean') {\n        return { type: 'boolean' };\n      }\n\n      return schema;\n    }\n\n    // ========== REDOC-STYLE RENDERING FUNCTIONS ==========\n\n    function renderParametersRedocStyle(params) {\n      const container = document.createElement('div');\n\n      params.forEach(param => {\n        const row = document.createElement('div');\n        row.className = 'param-row';\n\n        // Tree line\n        const tree = document.createElement('div');\n        tree.className = 'param-tree';\n        tree.innerHTML = '<div class=\"param-tree-line\"></div>';\n        row.appendChild(tree);\n\n        // Info\n        const info = document.createElement('div');\n        info.className = 'param-info';\n\n        // Header row: name, required badge, type\n        const header = document.createElement('div');\n        header.className = 'param-header';\n\n        const nameSpan = document.createElement('span');\n        nameSpan.className = 'param-name-text';\n        nameSpan.textContent = param.name;\n        header.appendChild(nameSpan);\n\n        if (param.required) {\n          const reqBadge = document.createElement('span');\n          reqBadge.className = 'param-required-badge';\n          reqBadge.textContent = 'required';\n          header.appendChild(reqBadge);\n        }\n\n        // Type info\n        const schema = param.schema || {};\n        const typeInfo = document.createElement('span');\n        typeInfo.className = 'param-type-info';\n        let typeText = schema.type || 'string';\n        if (schema.format) {\n          typeText += ' <span class=\"format\">&lt;' + esc(schema.format) + '&gt;</span>';\n        }\n        typeInfo.innerHTML = typeText;\n        header.appendChild(typeInfo);\n\n        // Constraints\n        if (schema.maximum !== undefined || schema.minimum !== undefined) {\n          const constraint = document.createElement('span');\n          constraint.className = 'param-constraint';\n          if (schema.maximum !== undefined) {\n            constraint.textContent = '<= ' + schema.maximum;\n          } else if (schema.minimum !== undefined) {\n            constraint.textContent = '>= ' + schema.minimum;\n          }\n          header.appendChild(constraint);\n        }\n\n        info.appendChild(header);\n\n        // Default value\n        if (schema.default !== undefined) {\n          const def = document.createElement('div');\n          def.className = 'param-default';\n          def.innerHTML = 'Default: <code>' + esc(JSON.stringify(schema.default)) + '</code>';\n          info.appendChild(def);\n        }\n\n        // Example\n        if (schema.example !== undefined || param.example !== undefined) {\n          const ex = document.createElement('div');\n          ex.className = 'param-example';\n          const exValue = param.example !== undefined ? param.example : schema.example;\n          ex.innerHTML = 'Example: <code>' + esc(param.name + '=' + exValue) + '</code>';\n          info.appendChild(ex);\n        }\n\n        // Description\n        if (param.description || schema.description) {\n          const desc = document.createElement('div');\n          desc.className = 'param-description';\n          desc.textContent = param.description || schema.description;\n          info.appendChild(desc);\n        }\n\n        row.appendChild(info);\n        container.appendChild(row);\n      });\n\n      return container;\n    }\n\n    function renderRequestBodyRedocStyle(reqBody) {\n      const container = document.createElement('div');\n\n      // Get schema\n      const content = reqBody.content || {};\n      const contentType = Object.keys(content)[0] || 'application/json';\n      const mediaType = content[contentType] || {};\n      const schema = mediaType.schema;\n\n      if (schema) {\n        // Resolve and normalize\n        let actualSchema = schema.$ref ? resolveRef(schema.$ref) : schema;\n        actualSchema = normalizeSchema(actualSchema);\n\n        // Render properties as Redoc-style rows\n        if (actualSchema && actualSchema.properties) {\n          const required = actualSchema.required || [];\n          Object.entries(actualSchema.properties).forEach(([propName, propSchema]) => {\n            const row = renderPropertyRow(propName, propSchema, required.includes(propName), 0);\n            container.appendChild(row);\n          });\n        } else if (actualSchema && actualSchema.type === 'array' && actualSchema.items) {\n          const itemSchema = actualSchema.items.$ref ? resolveRef(actualSchema.items.$ref) : actualSchema.items;\n          const arrayLabel = document.createElement('div');\n          arrayLabel.style.marginBottom = '12px';\n          arrayLabel.innerHTML = '<span class=\"param-type-info\">Array [</span>';\n          container.appendChild(arrayLabel);\n\n          if (itemSchema && itemSchema.properties) {\n            const required = itemSchema.required || [];\n            Object.entries(itemSchema.properties).forEach(([propName, propSchema]) => {\n              const row = renderPropertyRow(propName, propSchema, required.includes(propName), 1);\n              container.appendChild(row);\n            });\n          }\n\n          const arrayEnd = document.createElement('div');\n          arrayEnd.innerHTML = '<span class=\"param-type-info\">]</span>';\n          container.appendChild(arrayEnd);\n        }\n      }\n\n      return container;\n    }\n\n    function renderPropertyRow(name, schema, isRequired, depth) {\n      const row = document.createElement('div');\n      row.className = 'param-row';\n      if (depth > 0) {\n        row.style.paddingLeft = (depth * 20) + 'px';\n      }\n\n      // Tree line\n      const tree = document.createElement('div');\n      tree.className = 'param-tree';\n      tree.innerHTML = '<div class=\"param-tree-line\"></div>';\n      row.appendChild(tree);\n\n      // Info\n      const info = document.createElement('div');\n      info.className = 'param-info';\n\n      // Header row\n      const header = document.createElement('div');\n      header.className = 'param-header';\n\n      const nameSpan = document.createElement('span');\n      nameSpan.className = 'param-name-text';\n      nameSpan.textContent = name;\n      header.appendChild(nameSpan);\n\n      if (isRequired) {\n        const reqBadge = document.createElement('span');\n        reqBadge.className = 'param-required-badge';\n        reqBadge.textContent = 'required';\n        header.appendChild(reqBadge);\n      }\n\n      // Type info\n      const resolved = schema.$ref ? resolveRef(schema.$ref) : schema;\n      const normalized = normalizeSchema(resolved) || resolved || {};\n      const typeInfo = document.createElement('span');\n      typeInfo.className = 'param-type-info';\n      let typeText = normalized.type || 'any';\n      if (normalized.format) {\n        typeText += ' <span class=\"format\">(' + esc(normalized.format) + ')</span>';\n      }\n      if (schema.$ref) {\n        typeText = '<span class=\"format\">' + esc(getRefName(schema.$ref)) + '</span>';\n      }\n      typeInfo.innerHTML = typeText;\n      header.appendChild(typeInfo);\n\n      // Pattern/constraint\n      if (normalized.pattern) {\n        const constraint = document.createElement('span');\n        constraint.className = 'param-constraint';\n        constraint.textContent = normalized.pattern;\n        header.appendChild(constraint);\n      }\n\n      info.appendChild(header);\n\n      // Default\n      if (normalized.default !== undefined) {\n        const def = document.createElement('div');\n        def.className = 'param-default';\n        def.innerHTML = 'Default: <code>' + esc(JSON.stringify(normalized.default)) + '</code>';\n        info.appendChild(def);\n      }\n\n      // Example\n      if (normalized.example !== undefined) {\n        const ex = document.createElement('div');\n        ex.className = 'param-example';\n        ex.innerHTML = 'Example: <code>' + esc(JSON.stringify(normalized.example)) + '</code>';\n        info.appendChild(ex);\n      }\n\n      // Description\n      if (normalized.description) {\n        const desc = document.createElement('div');\n        desc.className = 'param-description';\n        desc.textContent = normalized.description;\n        info.appendChild(desc);\n      }\n\n      row.appendChild(info);\n      return row;\n    }\n\n    function renderResponsesRedocStyle(responses) {\n      const container = document.createElement('div');\n      const statusCodes = Object.keys(responses).sort();\n\n      statusCodes.forEach((status, idx) => {\n        const response = responses[status];\n        const statusClass = status.startsWith('2') ? 'status-2xx' :\n                           status.startsWith('4') ? 'status-4xx' :\n                           status.startsWith('5') ? 'status-5xx' : '';\n\n        const item = document.createElement('div');\n        item.className = 'response-item' + (idx === 0 ? ' expanded' : '');\n\n        // Header\n        const header = document.createElement('div');\n        header.className = 'response-header';\n        header.innerHTML = '<span class=\"response-arrow\">\u25B6</span>' +\n          '<span class=\"response-status ' + statusClass + '\">' + esc(status) + '</span>' +\n          '<span class=\"response-desc\">' + esc(response.description || '') + '</span>';\n        header.onclick = () => item.classList.toggle('expanded');\n        item.appendChild(header);\n\n        // Body (headers + schema)\n        const body = document.createElement('div');\n        body.className = 'response-body';\n\n        // Render response headers if present\n        if (response.headers && Object.keys(response.headers).length > 0) {\n          const headersSection = document.createElement('div');\n          headersSection.className = 'response-headers-section';\n\n          const headersLabel = document.createElement('div');\n          headersLabel.className = 'response-headers-label';\n          headersLabel.textContent = 'RESPONSE HEADERS';\n          headersSection.appendChild(headersLabel);\n\n          Object.entries(response.headers).forEach(([headerName, headerDef]) => {\n            const resolved = headerDef.$ref ? resolveRef(headerDef.$ref) : headerDef;\n            const row = document.createElement('div');\n            row.className = 'response-header-row';\n\n            const nameEl = document.createElement('div');\n            nameEl.className = 'response-header-name';\n            nameEl.textContent = headerName;\n            if (resolved.required) {\n              nameEl.innerHTML += '<span class=\"response-header-required\">required</span>';\n            }\n\n            const infoEl = document.createElement('div');\n            infoEl.className = 'response-header-info';\n\n            const typeStr = resolved.schema ? (resolved.schema.type || 'string') : 'string';\n            const typeEl = document.createElement('div');\n            typeEl.className = 'response-header-type';\n            typeEl.textContent = typeStr;\n            infoEl.appendChild(typeEl);\n\n            if (resolved.description) {\n              const descEl = document.createElement('div');\n              descEl.className = 'response-header-desc';\n              descEl.textContent = resolved.description;\n              infoEl.appendChild(descEl);\n            }\n\n            row.appendChild(nameEl);\n            row.appendChild(infoEl);\n            headersSection.appendChild(row);\n          });\n\n          body.appendChild(headersSection);\n        }\n\n        const respContent = response.content || {};\n        const contentType = Object.keys(respContent)[0];\n        if (contentType) {\n          const label = document.createElement('div');\n          label.className = 'response-schema-label';\n          label.innerHTML = 'RESPONSE SCHEMA: <span class=\"content-type\">' + esc(contentType) + '</span>';\n          body.appendChild(label);\n\n          const mediaType = respContent[contentType] || {};\n          const schema = mediaType.schema;\n          if (schema) {\n            let actualSchema = schema.$ref ? resolveRef(schema.$ref) : schema;\n            actualSchema = normalizeSchema(actualSchema);\n\n            if (actualSchema && actualSchema.properties) {\n              const required = actualSchema.required || [];\n              Object.entries(actualSchema.properties).forEach(([propName, propSchema]) => {\n                const row = renderPropertyRow(propName, propSchema, required.includes(propName), 0);\n                body.appendChild(row);\n              });\n            } else if (actualSchema && actualSchema.type === 'array' && actualSchema.items) {\n              const itemSchema = actualSchema.items.$ref ? resolveRef(actualSchema.items.$ref) : actualSchema.items;\n              const arrayLabel = document.createElement('div');\n              arrayLabel.innerHTML = '<span class=\"param-type-info\">Array [</span>';\n              arrayLabel.style.marginBottom = '8px';\n              body.appendChild(arrayLabel);\n\n              if (itemSchema && itemSchema.properties) {\n                const itemRequired = itemSchema.required || [];\n                Object.entries(itemSchema.properties).forEach(([propName, propSchema]) => {\n                  const row = renderPropertyRow(propName, propSchema, itemRequired.includes(propName), 1);\n                  body.appendChild(row);\n                });\n              }\n\n              const arrayEnd = document.createElement('div');\n              arrayEnd.innerHTML = '<span class=\"param-type-info\">]</span>';\n              body.appendChild(arrayEnd);\n            }\n          }\n        }\n\n        item.appendChild(body);\n        container.appendChild(item);\n      });\n\n      return container;\n    }\n\n    function renderSchemaProperties(schema, requiredProps, depth) {\n      const container = document.createElement('div');\n      container.className = 'schema-container';\n\n      // Normalize non-standard schemas first\n      let actualSchema = normalizeSchema(schema);\n\n      // Handle $ref\n      if (actualSchema.$ref) {\n        const resolved = resolveRef(actualSchema.$ref);\n        actualSchema = normalizeSchema(resolved) || actualSchema;\n      }\n\n      // Handle allOf, oneOf, anyOf by merging/showing options\n      if (actualSchema.allOf) {\n        actualSchema.allOf.forEach((subSchema, idx) => {\n          const resolved = subSchema.$ref ? resolveRef(subSchema.$ref) : subSchema;\n          if (resolved && resolved.properties) {\n            renderPropertiesInto(container, resolved, resolved.required || [], depth);\n          }\n        });\n        return container;\n      }\n\n      if (actualSchema.oneOf || actualSchema.anyOf) {\n        const variants = actualSchema.oneOf || actualSchema.anyOf;\n        const label = actualSchema.oneOf ? 'One of' : 'Any of';\n        const row = document.createElement('div');\n        row.className = 'schema-row';\n        row.innerHTML = '<div class=\"schema-property\">' +\n          '<span class=\"schema-name\" style=\"font-style: italic;\">' + label + ':</span>' +\n          '</div><div class=\"schema-details\">' +\n          variants.map((v, i) => {\n            const name = v.$ref ? getRefName(v.$ref) : ('Option ' + (i + 1));\n            return '<span class=\"schema-type type-ref\" style=\"margin-right: 6px; cursor: pointer;\">' + esc(name) + '</span>';\n          }).join('') +\n          '</div>';\n        container.appendChild(row);\n        return container;\n      }\n\n      // Render object properties\n      if (actualSchema.properties) {\n        renderPropertiesInto(container, actualSchema, requiredProps || actualSchema.required || [], depth);\n      } else if (actualSchema.type === 'array' && actualSchema.items) {\n        // For arrays, show the items schema\n        const itemSchema = actualSchema.items.$ref ? resolveRef(actualSchema.items.$ref) : actualSchema.items;\n        if (itemSchema && itemSchema.properties) {\n          renderPropertiesInto(container, itemSchema, itemSchema.required || [], depth);\n        } else {\n          const row = document.createElement('div');\n          row.className = 'schema-row';\n          row.innerHTML = '<div class=\"schema-property\">' +\n            '<span class=\"schema-name\">[items]</span>' +\n            '</div><div class=\"schema-details\">' +\n            renderSchemaType(actualSchema.items, true) +\n            '</div>';\n          container.appendChild(row);\n        }\n      } else if (Object.keys(actualSchema).length === 0 || actualSchema.type === 'object') {\n        const row = document.createElement('div');\n        row.className = 'schema-row';\n        row.innerHTML = '<div class=\"schema-property\">' +\n          '<span class=\"schema-name\" style=\"color: var(--text-muted); font-style: italic;\">empty object</span>' +\n          '</div>';\n        container.appendChild(row);\n      }\n\n      return container;\n    }\n\n    function renderPropertiesInto(container, schema, requiredProps, depth) {\n      const props = schema.properties || {};\n      const required = requiredProps || [];\n      const depthClass = depth > 0 ? ' nested' + (depth > 1 ? '-' + Math.min(depth, 4) : '') : '';\n\n      Object.entries(props).forEach(([propName, propSchema]) => {\n        const isRequired = required.includes(propName);\n        const resolved = propSchema.$ref ? resolveRef(propSchema.$ref) : propSchema;\n        const hasNested = resolved && (resolved.properties || (resolved.type === 'array' && resolved.items?.properties));\n\n        const row = document.createElement('div');\n        row.className = 'schema-row' + depthClass;\n\n        const id = 'schema-' + (schemaIdCounter++);\n\n        let toggleHtml = '';\n        if (hasNested) {\n          toggleHtml = '<span class=\"schema-toggle\" data-target=\"' + id + '\">\u25BC expand</span>';\n        }\n\n        let detailsHtml = '<div class=\"schema-details\">' +\n          renderSchemaType(propSchema, true) + toggleHtml;\n\n        if (resolved?.description) {\n          detailsHtml += '<div class=\"schema-desc\">' + esc(resolved.description) + '</div>';\n        }\n\n        detailsHtml += renderConstraints(resolved || {});\n        detailsHtml += renderEnumValues(resolved || {});\n        detailsHtml += renderDefault(resolved || {});\n        detailsHtml += '</div>';\n\n        row.innerHTML = '<div class=\"schema-property\">' +\n          '<span class=\"schema-name\">' + esc(propName) + '</span>' +\n          (isRequired ? '<span class=\"schema-required\">*</span>' : '') +\n          '</div>' + detailsHtml;\n\n        container.appendChild(row);\n\n        // Add nested container for expandable schemas\n        if (hasNested) {\n          const nestedContainer = document.createElement('div');\n          nestedContainer.id = id;\n          nestedContainer.className = 'schema-nested-container collapsed';\n\n          if (resolved.properties) {\n            const nested = renderSchemaProperties(resolved, resolved.required || [], depth + 1);\n            nestedContainer.appendChild(nested);\n          } else if (resolved.type === 'array' && resolved.items) {\n            const itemSchema = resolved.items.$ref ? resolveRef(resolved.items.$ref) : resolved.items;\n            if (itemSchema) {\n              const nested = renderSchemaProperties(itemSchema, itemSchema.required || [], depth + 1);\n              nestedContainer.appendChild(nested);\n            }\n          }\n\n          container.appendChild(nestedContainer);\n\n          // Add click handler for toggle\n          const toggle = row.querySelector('.schema-toggle');\n          if (toggle) {\n            toggle.onclick = () => {\n              nestedContainer.classList.toggle('collapsed');\n              toggle.textContent = nestedContainer.classList.contains('collapsed') ? '\u25BC expand' : '\u25B2 collapse';\n            };\n          }\n        }\n      });\n    }\n\n    function renderParameters(params) {\n      if (!params || params.length === 0) return null;\n\n      const container = document.createElement('div');\n      const table = document.createElement('table');\n      table.className = 'params-table';\n\n      const thead = document.createElement('thead');\n      thead.innerHTML = '<tr><th>Name</th><th>Type</th><th>Description</th></tr>';\n      table.appendChild(thead);\n\n      const tbody = document.createElement('tbody');\n      params.forEach(param => {\n        const schema = param.schema || {};\n        const tr = document.createElement('tr');\n        tr.innerHTML = '<td>' +\n          '<span class=\"param-name\">' + esc(param.name) + '</span>' +\n          '<span class=\"param-in\">' + esc(param.in) + '</span>' +\n          (param.required ? '<span class=\"schema-required\"> *</span>' : '') +\n          '</td>' +\n          '<td>' + renderSchemaType(schema, true) + '</td>' +\n          '<td>' + esc(param.description || schema.description || '') +\n          renderDefault(schema) + '</td>';\n        tbody.appendChild(tr);\n      });\n      table.appendChild(tbody);\n      container.appendChild(table);\n\n      return container;\n    }\n\n    function renderRequestBody(reqBody) {\n      if (!reqBody) return null;\n\n      const container = document.createElement('div');\n\n      if (reqBody.description) {\n        const desc = document.createElement('p');\n        desc.className = 'schema-desc';\n        desc.textContent = reqBody.description;\n        container.appendChild(desc);\n      }\n\n      // Get content type (usually application/json)\n      const content = reqBody.content || {};\n      const contentType = Object.keys(content)[0] || 'application/json';\n      const mediaType = content[contentType] || {};\n      const schema = mediaType.schema;\n\n      if (schema) {\n        const schemaEl = renderSchemaProperties(schema, schema.required || [], 0);\n        container.appendChild(schemaEl);\n\n        // Show example if available\n        if (mediaType.example || schema.example) {\n          const example = mediaType.example || schema.example;\n          const exampleDiv = document.createElement('div');\n          exampleDiv.className = 'schema-example';\n          exampleDiv.innerHTML = '<div class=\"schema-example-header\">Example</div>' +\n            '<div class=\"schema-example-body\">' + esc(JSON.stringify(example, null, 2)) + '</div>';\n          container.appendChild(exampleDiv);\n        }\n      }\n\n      return container;\n    }\n\n    function renderResponses(responses) {\n      if (!responses) return null;\n\n      const container = document.createElement('div');\n      const statusCodes = Object.keys(responses).sort();\n\n      if (statusCodes.length === 0) return null;\n\n      // Create tabs\n      const tabs = document.createElement('div');\n      tabs.className = 'response-tabs';\n\n      const contents = document.createElement('div');\n\n      statusCodes.forEach((status, idx) => {\n        const statusClass = status.startsWith('2') ? 'status-2xx' :\n                           status.startsWith('4') ? 'status-4xx' :\n                           status.startsWith('5') ? 'status-5xx' : '';\n\n        const tab = document.createElement('button');\n        tab.className = 'response-tab ' + statusClass + (idx === 0 ? ' active' : '');\n        tab.textContent = status;\n        tab.dataset.status = status;\n        tabs.appendChild(tab);\n\n        const content = document.createElement('div');\n        content.className = 'response-content' + (idx === 0 ? ' active' : '');\n        content.dataset.status = status;\n\n        const response = responses[status];\n        if (response.description) {\n          const desc = document.createElement('p');\n          desc.className = 'schema-desc';\n          desc.textContent = response.description;\n          content.appendChild(desc);\n        }\n\n        // Get schema from content\n        const respContent = response.content || {};\n        const contentType = Object.keys(respContent)[0] || 'application/json';\n        const mediaType = respContent[contentType] || {};\n        const schema = mediaType.schema;\n\n        if (schema) {\n          const schemaEl = renderSchemaProperties(schema, schema.required || [], 0);\n          content.appendChild(schemaEl);\n\n          // Show example if available\n          if (mediaType.example || schema.example) {\n            const example = mediaType.example || schema.example;\n            const exampleDiv = document.createElement('div');\n            exampleDiv.className = 'schema-example';\n            exampleDiv.innerHTML = '<div class=\"schema-example-header\">Example</div>' +\n              '<div class=\"schema-example-body\">' + esc(JSON.stringify(example, null, 2)) + '</div>';\n            content.appendChild(exampleDiv);\n          }\n        }\n\n        contents.appendChild(content);\n      });\n\n      container.appendChild(tabs);\n      container.appendChild(contents);\n\n      // Tab click handler\n      tabs.onclick = (e) => {\n        if (e.target.classList.contains('response-tab')) {\n          const status = e.target.dataset.status;\n          tabs.querySelectorAll('.response-tab').forEach(t => t.classList.remove('active'));\n          contents.querySelectorAll('.response-content').forEach(c => c.classList.remove('active'));\n          e.target.classList.add('active');\n          contents.querySelector('[data-status=\"' + status + '\"]').classList.add('active');\n        }\n      };\n\n      return container;\n    }\n\n";
-//# sourceMappingURL=schema-rendering.d.ts.map

package/dist/ui/docs/ui/client-script/schema-rendering.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema-rendering.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/client-script/schema-rendering.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,2BAA2B,+v+BAA2u+B,CAAA"}

package/dist/ui/docs/ui/client-script/try-it.d.ts

@@ -1,5 +0,0 @@
-/**
- * Embedded docs UI client script chunk.
- */
-export declare const tryItClientScript = "    // ========== TRY IT OUT ==========\n\n    function renderTryItOut(ep) {\n      const container = document.createElement('div');\n      container.className = 'try-it-out';\n\n      // Header\n      const header = document.createElement('div');\n      header.className = 'try-it-header';\n      header.innerHTML = '<span class=\"try-it-title\">Try it out</span>' +\n        '<button class=\"try-it-toggle\" type=\"button\">\u25BC</button>';\n      header.onclick = () => container.classList.toggle('collapsed');\n      container.appendChild(header);\n\n      // Form content\n      const form = document.createElement('div');\n      form.className = 'try-it-form';\n\n      const data = ep.data || {};\n      const params = data.parameters || [];\n      const baseUrl = (spec.servers && spec.servers[0]?.url) || 'http://localhost:3000';\n\n      // Server URL\n      const urlGroup = document.createElement('div');\n      urlGroup.className = 'try-it-group';\n      urlGroup.innerHTML = '<label class=\"try-it-label\">Server</label>' +\n        '<input type=\"text\" class=\"try-it-input try-it-server\" value=\"' + esc(baseUrl) + '\">';\n      form.appendChild(urlGroup);\n\n      // Path parameters\n      const pathParams = params.filter(p => p.in === 'path');\n      if (pathParams.length > 0) {\n        const section = document.createElement('div');\n        section.className = 'try-it-section';\n        section.innerHTML = '<div class=\"try-it-section-title\">Path Parameters</div>';\n        pathParams.forEach(p => {\n          const group = document.createElement('div');\n          group.className = 'try-it-group';\n          const schema = p.schema || {};\n          const placeholder = schema.example || schema.default || p.name;\n          group.innerHTML = '<label class=\"try-it-label\">' + esc(p.name) +\n            (p.required ? ' <span class=\"try-it-required\">*</span>' : '') + '</label>' +\n            '<input type=\"text\" class=\"try-it-input try-it-path-param\" ' +\n            'data-name=\"' + esc(p.name) + '\" placeholder=\"' + esc(String(placeholder)) + '\"' +\n            (schema.default !== undefined ? ' value=\"' + esc(String(schema.default)) + '\"' : '') + '>';\n          section.appendChild(group);\n        });\n        form.appendChild(section);\n      }\n\n      // Query parameters\n      const queryParams = params.filter(p => p.in === 'query');\n      if (queryParams.length > 0) {\n        const section = document.createElement('div');\n        section.className = 'try-it-section';\n        section.innerHTML = '<div class=\"try-it-section-title\">Query Parameters</div>';\n        queryParams.forEach(p => {\n          const group = document.createElement('div');\n          group.className = 'try-it-group';\n          const schema = p.schema || {};\n          const placeholder = schema.example || schema.default || '';\n          group.innerHTML = '<label class=\"try-it-label\">' + esc(p.name) +\n            (p.required ? ' <span class=\"try-it-required\">*</span>' : '') + '</label>' +\n            '<input type=\"text\" class=\"try-it-input try-it-query-param\" ' +\n            'data-name=\"' + esc(p.name) + '\" placeholder=\"' + esc(String(placeholder)) + '\"' +\n            (schema.default !== undefined ? ' value=\"' + esc(String(schema.default)) + '\"' : '') + '>';\n          section.appendChild(group);\n        });\n        form.appendChild(section);\n      }\n\n      // Header parameters\n      const headerParams = params.filter(p => p.in === 'header');\n      if (headerParams.length > 0) {\n        const section = document.createElement('div');\n        section.className = 'try-it-section';\n        section.innerHTML = '<div class=\"try-it-section-title\">Headers</div>';\n        headerParams.forEach(p => {\n          const group = document.createElement('div');\n          group.className = 'try-it-group';\n          const schema = p.schema || {};\n          group.innerHTML = '<label class=\"try-it-label\">' + esc(p.name) +\n            (p.required ? ' <span class=\"try-it-required\">*</span>' : '') + '</label>' +\n            '<input type=\"text\" class=\"try-it-input try-it-header-param\" ' +\n            'data-name=\"' + esc(p.name) + '\"' +\n            (schema.default !== undefined ? ' value=\"' + esc(String(schema.default)) + '\"' : '') + '>';\n          section.appendChild(group);\n        });\n        form.appendChild(section);\n      }\n\n      // Request body\n      if (data.requestBody) {\n        const section = document.createElement('div');\n        section.className = 'try-it-section';\n        section.innerHTML = '<div class=\"try-it-section-title\">Request Body</div>';\n\n        const content = data.requestBody.content || {};\n        const contentType = Object.keys(content)[0] || 'application/json';\n        const mediaType = content[contentType] || {};\n\n        // Build example from schema\n        let exampleBody = {};\n        if (mediaType.schema) {\n          exampleBody = buildExampleFromSchema(mediaType.schema) || {};\n        }\n\n        const textarea = document.createElement('textarea');\n        textarea.className = 'try-it-body';\n        textarea.placeholder = 'Request body (JSON)';\n        textarea.value = JSON.stringify(exampleBody, null, 2);\n        section.appendChild(textarea);\n        form.appendChild(section);\n      }\n\n      // Send button\n      const actions = document.createElement('div');\n      actions.className = 'try-it-actions';\n      const sendBtn = document.createElement('button');\n      sendBtn.type = 'button';\n      sendBtn.className = 'try-it-send';\n      sendBtn.textContent = 'Send Request';\n      actions.appendChild(sendBtn);\n      form.appendChild(actions);\n\n      // Response area\n      const responseArea = document.createElement('div');\n      responseArea.className = 'try-it-response';\n      responseArea.style.display = 'none';\n      form.appendChild(responseArea);\n\n      container.appendChild(form);\n\n      // Handle send\n      sendBtn.onclick = async () => {\n        sendBtn.disabled = true;\n        sendBtn.textContent = 'Sending...';\n        responseArea.style.display = 'block';\n        responseArea.innerHTML = '<div class=\"try-it-loading\">Loading...</div>';\n\n        try {\n          // Build URL\n          const serverInput = form.querySelector('.try-it-server');\n          let url = serverInput.value + ep.path;\n\n          // Replace path params\n          form.querySelectorAll('.try-it-path-param').forEach(input => {\n            const name = input.getAttribute('data-name');\n            const value = input.value || input.placeholder;\n            url = url.replace('{' + name + '}', encodeURIComponent(value));\n            url = url.replace(':' + name, encodeURIComponent(value));\n          });\n\n          // Add query params\n          const queryParts = [];\n          form.querySelectorAll('.try-it-query-param').forEach(input => {\n            const name = input.getAttribute('data-name');\n            const value = input.value;\n            if (value) {\n              queryParts.push(encodeURIComponent(name) + '=' + encodeURIComponent(value));\n            }\n          });\n          if (queryParts.length > 0) {\n            url += '?' + queryParts.join('&');\n          }\n\n          // Build headers\n          const headers = {};\n          form.querySelectorAll('.try-it-header-param').forEach(input => {\n            const name = input.getAttribute('data-name');\n            const value = input.value;\n            if (value) {\n              headers[name] = value;\n            }\n          });\n\n          // Build request options\n          const options = {\n            method: ep.method.toUpperCase(),\n            headers: headers,\n          };\n\n          // Add body for POST/PUT/PATCH\n          if (['POST', 'PUT', 'PATCH'].includes(options.method)) {\n            const bodyTextarea = form.querySelector('.try-it-body');\n            if (bodyTextarea && bodyTextarea.value) {\n              options.headers['Content-Type'] = 'application/json';\n              options.body = bodyTextarea.value;\n            }\n          }\n\n          // Send request\n          const startTime = performance.now();\n          const response = await fetch(url, options);\n          const endTime = performance.now();\n          const duration = Math.round(endTime - startTime);\n\n          // Get response body\n          let responseBody = '';\n          const contentType = response.headers.get('content-type') || '';\n          if (contentType.includes('application/json')) {\n            try {\n              const json = await response.json();\n              responseBody = JSON.stringify(json, null, 2);\n            } catch (e) {\n              responseBody = await response.text();\n            }\n          } else {\n            responseBody = await response.text();\n          }\n\n          // Display response\n          const statusClass = response.ok ? 'status-2xx' :\n                             response.status >= 400 && response.status < 500 ? 'status-4xx' : 'status-5xx';\n\n          responseArea.innerHTML =\n            '<div class=\"try-it-response-header\">' +\n            '<span class=\"try-it-response-status ' + statusClass + '\">' + response.status + ' ' + response.statusText + '</span>' +\n            '<span class=\"try-it-response-time\">' + duration + 'ms</span>' +\n            '</div>' +\n            '<div class=\"try-it-response-headers\">' +\n            '<div class=\"try-it-section-title\">Response Headers</div>' +\n            '<pre class=\"try-it-response-headers-pre\">' + formatResponseHeaders(response) + '</pre>' +\n            '</div>' +\n            '<div class=\"try-it-response-body\">' +\n            '<div class=\"try-it-section-title\">Response Body</div>' +\n            '<pre class=\"sample-json\"><code>' + (contentType.includes('json') ? syntaxHighlightJSON(responseBody) : esc(responseBody)) + '</code></pre>' +\n            '</div>';\n        } catch (error) {\n          responseArea.innerHTML =\n            '<div class=\"try-it-error\">' +\n            '<strong>Error:</strong> ' + esc(error.message) +\n            '</div>';\n        } finally {\n          sendBtn.disabled = false;\n          sendBtn.textContent = 'Send Request';\n        }\n      };\n\n      return container;\n    }\n\n    function formatResponseHeaders(response) {\n      const lines = [];\n      response.headers.forEach((value, key) => {\n        lines.push(esc(key) + ': ' + esc(value));\n      });\n      return lines.join('\\\\n');\n    }\n\n    // ========== TRY IT OUT WEBSOCKET ==========\n\n    function renderTryItOutWebSocket(ep) {\n      const container = document.createElement('div');\n      container.className = 'try-it-out try-it-ws';\n\n      // Header\n      const header = document.createElement('div');\n      header.className = 'try-it-header';\n      header.innerHTML = '<span class=\"try-it-title\">WebSocket Console</span>' +\n        '<button class=\"try-it-toggle\" type=\"button\">\u25BC</button>';\n      header.onclick = () => container.classList.toggle('collapsed');\n      container.appendChild(header);\n\n      // Form content\n      const form = document.createElement('div');\n      form.className = 'try-it-form';\n\n      const data = ep.data || {};\n      const baseUrl = (spec.servers && spec.servers[0]?.url) || 'http://localhost:3000';\n      const wsUrl = baseUrl.replace(/^http/, 'ws') + (ep.path || '/' + ep.id);\n\n      // WebSocket URL\n      const urlGroup = document.createElement('div');\n      urlGroup.className = 'try-it-group';\n      urlGroup.innerHTML = '<label class=\"try-it-label\">WebSocket URL</label>' +\n        '<input type=\"text\" class=\"try-it-input try-it-ws-url\" value=\"' + esc(wsUrl) + '\">';\n      form.appendChild(urlGroup);\n\n      // Connection parameters (if any)\n      if (data.parameters && Object.keys(data.parameters).length > 0) {\n        const section = document.createElement('div');\n        section.className = 'try-it-section';\n        section.innerHTML = '<div class=\"try-it-section-title\">Parameters</div>';\n        Object.entries(data.parameters).forEach(([name, param]) => {\n          const group = document.createElement('div');\n          group.className = 'try-it-group';\n          group.innerHTML = '<label class=\"try-it-label\">' + esc(name) +\n            (param.required ? ' <span class=\"try-it-required\">*</span>' : '') + '</label>' +\n            '<input type=\"text\" class=\"try-it-input try-it-ws-param\" ' +\n            'data-name=\"' + esc(name) + '\" placeholder=\"' + esc(param.description || '') + '\">';\n          section.appendChild(group);\n        });\n        form.appendChild(section);\n      }\n\n      // Message to send\n      const msgSection = document.createElement('div');\n      msgSection.className = 'try-it-section';\n      msgSection.innerHTML = '<div class=\"try-it-section-title\">Send Message</div>';\n\n      // Build example message from subscribe/publish schema\n      let exampleMsg = {};\n      if (data.subscribe?.message?.payload) {\n        exampleMsg = buildExampleFromSchema(data.subscribe.message.payload);\n      } else if (data.publish?.message?.payload) {\n        exampleMsg = buildExampleFromSchema(data.publish.message.payload);\n      }\n\n      const textarea = document.createElement('textarea');\n      textarea.className = 'try-it-body try-it-ws-message';\n      textarea.placeholder = 'Message to send (JSON)';\n      textarea.value = JSON.stringify(exampleMsg || {}, null, 2);\n      msgSection.appendChild(textarea);\n      form.appendChild(msgSection);\n\n      // Actions\n      const actions = document.createElement('div');\n      actions.className = 'try-it-actions try-it-ws-actions';\n\n      const connectBtn = document.createElement('button');\n      connectBtn.type = 'button';\n      connectBtn.className = 'try-it-send try-it-ws-connect';\n      connectBtn.textContent = 'Connect';\n\n      const sendBtn = document.createElement('button');\n      sendBtn.type = 'button';\n      sendBtn.className = 'try-it-send try-it-ws-send';\n      sendBtn.textContent = 'Send';\n      sendBtn.disabled = true;\n      sendBtn.style.marginTop = '8px';\n\n      actions.appendChild(connectBtn);\n      actions.appendChild(sendBtn);\n      form.appendChild(actions);\n\n      // Status indicator\n      const statusDiv = document.createElement('div');\n      statusDiv.className = 'try-it-ws-status';\n      statusDiv.innerHTML = '<span class=\"ws-status-dot\"></span><span class=\"ws-status-text\">Disconnected</span>';\n      form.appendChild(statusDiv);\n\n      // Messages log\n      const logSection = document.createElement('div');\n      logSection.className = 'try-it-section try-it-ws-log-section';\n      logSection.style.display = 'none';\n      logSection.innerHTML = '<div class=\"try-it-section-title\">Messages <button class=\"try-it-ws-clear\" type=\"button\">Clear</button></div>';\n      const log = document.createElement('div');\n      log.className = 'try-it-ws-log';\n      logSection.appendChild(log);\n      form.appendChild(logSection);\n\n      container.appendChild(form);\n\n      // WebSocket connection logic\n      let ws = null;\n\n      const updateStatus = (connected) => {\n        const dot = statusDiv.querySelector('.ws-status-dot');\n        const text = statusDiv.querySelector('.ws-status-text');\n        if (connected) {\n          dot.classList.add('connected');\n          text.textContent = 'Connected';\n          connectBtn.textContent = 'Disconnect';\n          sendBtn.disabled = false;\n          logSection.style.display = 'block';\n        } else {\n          dot.classList.remove('connected');\n          text.textContent = 'Disconnected';\n          connectBtn.textContent = 'Connect';\n          sendBtn.disabled = true;\n        }\n      };\n\n      const addMessage = (type, content) => {\n        const msg = document.createElement('div');\n        msg.className = 'try-it-ws-msg try-it-ws-msg-' + type;\n        const time = new Date().toLocaleTimeString();\n        msg.innerHTML = '<span class=\"ws-msg-time\">' + time + '</span>' +\n          '<span class=\"ws-msg-type\">' + type + '</span>' +\n          '<pre class=\"ws-msg-content\">' + esc(typeof content === 'string' ? content : JSON.stringify(content, null, 2)) + '</pre>';\n        log.appendChild(msg);\n        log.scrollTop = log.scrollHeight;\n      };\n\n      connectBtn.onclick = () => {\n        if (ws && ws.readyState === WebSocket.OPEN) {\n          ws.close();\n          return;\n        }\n\n        let url = form.querySelector('.try-it-ws-url').value;\n\n        // Add parameters to URL\n        const params = [];\n        form.querySelectorAll('.try-it-ws-param').forEach(input => {\n          const name = input.getAttribute('data-name');\n          const value = input.value;\n          if (value) {\n            params.push(encodeURIComponent(name) + '=' + encodeURIComponent(value));\n          }\n        });\n        if (params.length > 0) {\n          url += (url.includes('?') ? '&' : '?') + params.join('&');\n        }\n\n        try {\n          ws = new WebSocket(url);\n\n          ws.onopen = () => {\n            updateStatus(true);\n            addMessage('system', 'Connected to ' + url);\n          };\n\n          ws.onmessage = (event) => {\n            let data = event.data;\n            try {\n              data = JSON.parse(data);\n            } catch (e) {}\n            addMessage('received', data);\n          };\n\n          ws.onclose = (event) => {\n            updateStatus(false);\n            addMessage('system', 'Disconnected (code: ' + event.code + ')');\n          };\n\n          ws.onerror = () => {\n            addMessage('error', 'Connection error');\n          };\n        } catch (err) {\n          addMessage('error', err.message);\n        }\n      };\n\n      sendBtn.onclick = () => {\n        if (!ws || ws.readyState !== WebSocket.OPEN) return;\n        const message = form.querySelector('.try-it-ws-message').value;\n        ws.send(message);\n        addMessage('sent', message);\n      };\n\n      logSection.querySelector('.try-it-ws-clear').onclick = () => {\n        log.innerHTML = '';\n      };\n\n      return container;\n    }\n\n    // ========== TRY IT OUT STREAMS (SSE/EventSource) ==========\n\n    function renderTryItOutStreams(ep) {\n      const container = document.createElement('div');\n      container.className = 'try-it-out try-it-sse';\n\n      // Header\n      const header = document.createElement('div');\n      header.className = 'try-it-header';\n      header.innerHTML = '<span class=\"try-it-title\">Stream Console</span>' +\n        '<button class=\"try-it-toggle\" type=\"button\">\u25BC</button>';\n      header.onclick = () => container.classList.toggle('collapsed');\n      container.appendChild(header);\n\n      // Form content\n      const form = document.createElement('div');\n      form.className = 'try-it-form';\n\n      const data = ep.data || {};\n      const baseUrl = (spec.servers && spec.servers[0]?.url) || 'http://localhost:3000';\n      const streamUrl = baseUrl + (ep.path || '/' + ep.id);\n\n      // Stream URL\n      const urlGroup = document.createElement('div');\n      urlGroup.className = 'try-it-group';\n      urlGroup.innerHTML = '<label class=\"try-it-label\">Stream URL</label>' +\n        '<input type=\"text\" class=\"try-it-input try-it-sse-url\" value=\"' + esc(streamUrl) + '\">';\n      form.appendChild(urlGroup);\n\n      // Query parameters (if any)\n      if (data.parameters && Object.keys(data.parameters).length > 0) {\n        const section = document.createElement('div');\n        section.className = 'try-it-section';\n        section.innerHTML = '<div class=\"try-it-section-title\">Parameters</div>';\n        Object.entries(data.parameters).forEach(([name, param]) => {\n          const group = document.createElement('div');\n          group.className = 'try-it-group';\n          group.innerHTML = '<label class=\"try-it-label\">' + esc(name) +\n            (param.required ? ' <span class=\"try-it-required\">*</span>' : '') + '</label>' +\n            '<input type=\"text\" class=\"try-it-input try-it-sse-param\" ' +\n            'data-name=\"' + esc(name) + '\" placeholder=\"' + esc(param.description || '') + '\">';\n          section.appendChild(group);\n        });\n        form.appendChild(section);\n      }\n\n      // Actions\n      const actions = document.createElement('div');\n      actions.className = 'try-it-actions try-it-sse-actions';\n\n      const subscribeBtn = document.createElement('button');\n      subscribeBtn.type = 'button';\n      subscribeBtn.className = 'try-it-send try-it-sse-subscribe';\n      subscribeBtn.textContent = 'Subscribe';\n\n      actions.appendChild(subscribeBtn);\n      form.appendChild(actions);\n\n      // Status indicator\n      const statusDiv = document.createElement('div');\n      statusDiv.className = 'try-it-sse-status';\n      statusDiv.innerHTML = '<span class=\"sse-status-dot\"></span><span class=\"sse-status-text\">Disconnected</span>';\n      form.appendChild(statusDiv);\n\n      // Event types filter (shows received event types)\n      const filterSection = document.createElement('div');\n      filterSection.className = 'try-it-section try-it-sse-filter-section';\n      filterSection.style.display = 'none';\n      filterSection.innerHTML = '<div class=\"try-it-section-title\">Event Types</div>' +\n        '<div class=\"try-it-sse-filter\"></div>';\n      form.appendChild(filterSection);\n\n      // Events log\n      const logSection = document.createElement('div');\n      logSection.className = 'try-it-section try-it-sse-log-section';\n      logSection.style.display = 'none';\n      logSection.innerHTML = '<div class=\"try-it-section-title\">Events <span class=\"sse-event-count\"></span><button class=\"try-it-sse-clear\" type=\"button\">Clear</button></div>';\n      const log = document.createElement('div');\n      log.className = 'try-it-sse-log';\n      logSection.appendChild(log);\n      form.appendChild(logSection);\n\n      container.appendChild(form);\n\n      // EventSource connection logic\n      let eventSource = null;\n      let eventCount = 0;\n      const eventTypes = new Set();\n\n      const updateStatus = (connected, connecting) => {\n        const dot = statusDiv.querySelector('.sse-status-dot');\n        const text = statusDiv.querySelector('.sse-status-text');\n        dot.classList.remove('connected', 'connecting');\n        if (connected) {\n          dot.classList.add('connected');\n          text.textContent = 'Connected';\n          subscribeBtn.textContent = 'Unsubscribe';\n          logSection.style.display = 'block';\n        } else if (connecting) {\n          dot.classList.add('connecting');\n          text.textContent = 'Connecting...';\n          subscribeBtn.textContent = 'Cancel';\n        } else {\n          text.textContent = 'Disconnected';\n          subscribeBtn.textContent = 'Subscribe';\n        }\n      };\n\n      const updateEventCount = () => {\n        const countEl = logSection.querySelector('.sse-event-count');\n        countEl.textContent = '(' + eventCount + ')';\n      };\n\n      const addEvent = (type, data, lastEventId) => {\n        eventCount++;\n        updateEventCount();\n\n        // Track event type\n        if (!eventTypes.has(type)) {\n          eventTypes.add(type);\n          updateFilterSection();\n        }\n\n        const event = document.createElement('div');\n        event.className = 'try-it-sse-event' + (type === 'error' ? ' try-it-sse-event-error' : '');\n        event.setAttribute('data-type', type);\n        const time = new Date().toLocaleTimeString();\n\n        let dataStr = data;\n        try {\n          const parsed = JSON.parse(data);\n          dataStr = JSON.stringify(parsed, null, 2);\n        } catch (e) {}\n\n        event.innerHTML = '<div class=\"sse-event-header\">' +\n          '<span class=\"sse-event-time\">' + time + '</span>' +\n          '<span class=\"sse-event-type\">' + esc(type || 'message') + '</span>' +\n          (lastEventId ? '<span class=\"sse-event-id\">id: ' + esc(lastEventId) + '</span>' : '') +\n          '</div>' +\n          '<pre class=\"sse-event-data\">' + esc(dataStr) + '</pre>';\n        log.appendChild(event);\n        log.scrollTop = log.scrollHeight;\n      };\n\n      const updateFilterSection = () => {\n        if (eventTypes.size === 0) {\n          filterSection.style.display = 'none';\n          return;\n        }\n        filterSection.style.display = 'block';\n        const filterContainer = filterSection.querySelector('.try-it-sse-filter');\n        filterContainer.innerHTML = '';\n        eventTypes.forEach(type => {\n          const badge = document.createElement('span');\n          badge.className = 'sse-type-badge';\n          badge.textContent = type || 'message';\n          badge.onclick = () => {\n            badge.classList.toggle('inactive');\n            const show = !badge.classList.contains('inactive');\n            log.querySelectorAll('.try-it-sse-event[data-type=\"' + type + '\"]').forEach(el => {\n              el.style.display = show ? 'block' : 'none';\n            });\n          };\n          filterContainer.appendChild(badge);\n        });\n      };\n\n      subscribeBtn.onclick = () => {\n        if (eventSource) {\n          eventSource.close();\n          eventSource = null;\n          updateStatus(false, false);\n          return;\n        }\n\n        let url = form.querySelector('.try-it-sse-url').value;\n\n        // Add parameters to URL\n        const params = [];\n        form.querySelectorAll('.try-it-sse-param').forEach(input => {\n          const name = input.getAttribute('data-name');\n          const value = input.value;\n          if (value) {\n            params.push(encodeURIComponent(name) + '=' + encodeURIComponent(value));\n          }\n        });\n        if (params.length > 0) {\n          url += (url.includes('?') ? '&' : '?') + params.join('&');\n        }\n\n        updateStatus(false, true);\n\n        try {\n          eventSource = new EventSource(url);\n\n          eventSource.onopen = () => {\n            updateStatus(true, false);\n            addEvent('system', 'Connected to ' + url, null);\n          };\n\n          eventSource.onmessage = (e) => {\n            addEvent('message', e.data, e.lastEventId);\n          };\n\n          // Listen for named events from spec\n          const events = data.events || [];\n          events.forEach(eventName => {\n            eventSource.addEventListener(eventName, (e) => {\n              addEvent(eventName, e.data, e.lastEventId);\n            });\n          });\n\n          eventSource.onerror = () => {\n            if (eventSource.readyState === EventSource.CLOSED) {\n              addEvent('error', 'Connection closed', null);\n              updateStatus(false, false);\n              eventSource = null;\n            } else {\n              addEvent('error', 'Connection error (reconnecting...)', null);\n            }\n          };\n        } catch (err) {\n          addEvent('error', err.message, null);\n          updateStatus(false, false);\n        }\n      };\n\n      logSection.querySelector('.try-it-sse-clear').onclick = () => {\n        log.innerHTML = '';\n        eventCount = 0;\n        updateEventCount();\n      };\n\n      return container;\n    }\n\n";
-//# sourceMappingURL=try-it.d.ts.map

package/dist/ui/docs/ui/client-script/try-it.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"try-it.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/client-script/try-it.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,iBAAiB,s+1BAAu91B,CAAA"}