lutaml-jsonschema 0.1.6 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7489a2b5deaa74c751691afdf57939c046e29d6a853774462ce5587e05dcbcf3
-  data.tar.gz: fca882189c10df105bc30df80c5fe34cc0108ca82b87420e638170ec7a62d1e3
+  metadata.gz: 31a527e5dd1e038e5c5fc36559c1d9a169581eb57f48ecafd87b55e941202154
+  data.tar.gz: 39f1bc49c2a3143fd73b156a9e560c83597540d3707906c4e1dd128cbd1f640d
 SHA512:
-  metadata.gz: b27dd39b382a08e4fc1aa58ae1b9803ffbeee75fc3db6e3df0261871ce43d3aabfbe7cc863207b190c5a88e52212fca6f43acd40506d4f82088094a0ffd57ebf
-  data.tar.gz: d3af571ef80959e85a9c3e7ccaebb0a5e721d94348616a873edd25f6c488c596542ca0a8a836b94917a34bfdbc675cc2dc50f844995d7c5a055fc44348987926
+  metadata.gz: a0f41867a7d7220534d7e0f4301aa5b624fde7f1a60b6ce152a9ea3fad666e8fe76201de9256b9eb4209eb515927512b39346001a21975177227076953be0616
+  data.tar.gz: 672ea77bd554cd8a288cdd0b54a7d196efaf141861177af25d9225372b56fe4832caf3773b21b9e6131b72950aff899bdd732ce63847c74a8e9b23af160b18bd

data/.rubocop_todo.yml

@@ -1,6 +1,6 @@
 # This configuration was generated by
 # `rubocop --auto-gen-config`
-# on 2026-05-07 10:44:46 UTC using RuboCop version 1.86.1.
+# on 2026-05-08 02:21:36 UTC using RuboCop version 1.86.1.
 # The point is for the user to remove these configuration records
 # one by one as the offenses are removed from the code base.
 # Note that changes in the inspected code, or installation of new

data/frontend/src/components/AppSidebar.vue

@@ -180,7 +180,8 @@ const searchResults = computed(() => {
   return schemaStore.searchIndex.filter(entry =>
     entry.name.toLowerCase().includes(q) ||
     (entry.title && entry.title.toLowerCase().includes(q)) ||
-    entry.schemaName.toLowerCase().includes(q),
+    entry.schemaName.toLowerCase().includes(q) ||
+    (entry.description && entry.description.toLowerCase().includes(q)),
   ).slice(0, 15)
 })
 

data/frontend/src/components/SchemaBuilder.vue

@@ -66,7 +66,9 @@
               :value="field.rawValue"
               :disabled="!field.included"
               class="ctrl-number"
+              :class="{ 'ctrl-error': fieldError(field.prop.name) }"
               @input="field.rawValue = ($event.target as HTMLInputElement).value"
+              @blur="validate(field.prop.name, field.rawValue, field.prop)"
             />
 
             <!-- Number -->
@@ -76,11 +78,22 @@
               :value="field.rawValue"
               :disabled="!field.included"
               class="ctrl-number"
+              :class="{ 'ctrl-error': fieldError(field.prop.name) }"
               @input="field.rawValue = ($event.target as HTMLInputElement).value"
+              @blur="validate(field.prop.name, field.rawValue, field.prop)"
             />
 
-            <!-- Object without $ref -->
-            <span v-else-if="isObjectProperty(field.prop)" class="ctrl-static">{"..."}</span>
+            <!-- Object without $ref: editable JSON textarea -->
+            <textarea
+              v-else-if="isObjectProperty(field.prop)"
+              v-model="field.rawValue"
+              :disabled="!field.included"
+              class="ctrl-textarea"
+              :class="{ 'ctrl-error': fieldError(field.prop.name) }"
+              rows="2"
+              placeholder='{"key": "value"}'
+              @blur="validate(field.prop.name, field.rawValue, field.prop)"
+            />
 
             <!-- Array with itemsType -->
             <div v-else-if="primaryType(field.prop.type) === 'array'" class="ctrl-array">
@@ -113,11 +126,17 @@
               :value="field.rawValue"
               :disabled="!field.included"
               class="ctrl-text"
+              :class="{ 'ctrl-error': fieldError(field.prop.name) }"
               @input="field.rawValue = ($event.target as HTMLInputElement).value"
+              @blur="validate(field.prop.name, field.rawValue, field.prop)"
             />
           </div>
         </div>
 
+        <div v-if="fieldError(field.prop.name)" class="field-error-hint">
+          {{ fieldError(field.prop.name) }}
+        </div>
+
         <div v-if="field.prop.description" class="field-desc-wrap">
           <div class="field-desc text-secondary" :class="{ 'desc-collapsed': !descExpanded.has(field.prop.name) && field.prop.description.length > 200 }" v-html="renderInlineMarkdown(field.prop.description)"></div>
           <button v-if="field.prop.description.length > 200" class="btn-see-more" @click="toggleDesc(field.prop.name)">
@@ -215,6 +234,7 @@ import {
   isObjectProperty,
   hasConstraints,
   humanizeConstraints,
+  validateFieldValue,
 } from '../composables/useSchemaTypes'
 import {
   createField,
@@ -256,6 +276,7 @@ const descExpanded = ref(new Set<string>())
 const enumExpanded = ref(new Set<string>())
 
 const MAX_ENUM_SHOW = 8
+const validationErrors = ref<Map<string, string>>(new Map())
 
 function toggleDesc(name: string) {
   const s = new Set(descExpanded.value)
@@ -276,6 +297,18 @@ function toggleEnum(name: string) {
   enumExpanded.value = s
 }
 
+function fieldError(name: string): string | undefined {
+  return validationErrors.value.get(name)
+}
+
+function validate(name: string, rawValue: string, prop: SpaProperty) {
+  const err = validateFieldValue(rawValue, prop)
+  const m = new Map(validationErrors.value)
+  if (err) m.set(name, err)
+  else m.delete(name)
+  validationErrors.value = m
+}
+
 const fields = ref<BuilderField[]>(props.properties.map(p => createField(p, props.required, props.schema, props.allSchemas)))
 
 const sortedFields = computed(() => {
@@ -618,6 +651,21 @@ async function copyJson() {
   border-color: var(--color-primary);
 }
 
+.ctrl-error {
+  border-color: var(--color-red) !important;
+}
+
+.ctrl-error:focus {
+  box-shadow: 0 0 0 2px rgba(179, 31, 36, 0.15);
+}
+
+.field-error-hint {
+  font-size: var(--text-xs);
+  color: var(--color-red);
+  margin-top: 2px;
+  margin-left: 22px;
+}
+
 .ctrl-toggle {
   display: flex;
   align-items: center;
@@ -649,6 +697,28 @@ async function copyJson() {
   color: var(--text-muted);
 }
 
+.ctrl-textarea {
+  width: 100%;
+  padding: 3px 8px;
+  font-size: var(--text-sm);
+  font-family: var(--font-mono);
+  background: var(--bg-primary);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-sm);
+  color: var(--text-primary);
+  resize: vertical;
+  min-height: 2em;
+}
+
+.ctrl-textarea:disabled {
+  opacity: 0.35;
+}
+
+.ctrl-textarea:focus {
+  outline: none;
+  border-color: var(--color-primary);
+}
+
 .chevron {
   font-size: 10px;
   transition: transform var(--transition-fast);
@@ -986,6 +1056,11 @@ async function copyJson() {
   text-decoration: underline;
 }
 
+.json-block :deep(.jv-row:hover) {
+  background: var(--bg-hover);
+  border-radius: 2px;
+}
+
 :root[data-theme="dark"] .json-block :deep(.jv-key) { color: var(--color-primary-light); }
 :root[data-theme="dark"] .json-block :deep(.jv-string) { color: var(--color-teal); }
 

data/frontend/src/composables/useSchemaTypes.ts

@@ -16,10 +16,12 @@ export function primaryType(type?: string): string {
  */
 export function displayType(prop: SpaProperty, resolvedTitle?: string): string {
   const t = primaryType(prop.type)
-  if (t === 'array' && prop.itemsType) return `array of ${prop.itemsType}`
-  if (resolvedTitle && (t === 'object' || t === 'any') && prop.ref) return resolvedTitle
-  if (prop.format) return `${t} (${prop.format})`
-  return t
+  const isNullable = (prop.type || '').split(',').map(s => s.trim()).includes('null')
+  const suffix = isNullable ? ' | null' : ''
+  if (t === 'array' && prop.itemsType) return `array of ${prop.itemsType}${suffix}`
+  if (resolvedTitle && (t === 'object' || t === 'any') && prop.ref) return resolvedTitle + suffix
+  if (prop.format) return `${t} (${prop.format})${suffix}`
+  return t + suffix
 }
 
 /**
@@ -69,6 +71,7 @@ export function initialValue(prop: SpaProperty): string {
     case 'number': return '0.0'
     case 'boolean': return 'false'
     case 'string': return formatDefault(prop.format)
+    case 'object': return '{}'
     default: return ''
   }
 }
@@ -158,7 +161,9 @@ export function parsePropertyValue(rawValue: string, prop: SpaProperty): unknown
     const n = parseFloat(rawValue)
     return isNaN(n) ? 0 : n
   }
-  if (t === 'object' && !prop.ref) return {}
+  if (t === 'object' && !prop.ref) {
+    try { return JSON.parse(rawValue) } catch { return {} }
+  }
   return rawValue
 }
 
@@ -261,3 +266,52 @@ export function humanizeConstraints(prop: SpaProperty): ConstraintChip[] {
 
   return chips
 }
+
+export type ValidationError = string
+
+export function validateFieldValue(rawValue: string, prop: SpaProperty): ValidationError | null {
+  const t = primaryType(prop.type)
+
+  if (t === 'string' || t === 'any' || !t) {
+    if (prop.minLength != null && rawValue.length < prop.minLength && rawValue.length > 0) {
+      return `Min ${prop.minLength} characters`
+    }
+    if (prop.maxLength != null && rawValue.length > prop.maxLength) {
+      return `Max ${prop.maxLength} characters`
+    }
+    if (prop.pattern && rawValue.length > 0) {
+      try {
+        if (!new RegExp(prop.pattern).test(rawValue)) {
+          return `Must match /${prop.pattern.length > 30 ? prop.pattern.slice(0, 30) + '…' : prop.pattern}/`
+        }
+      } catch { /* invalid regex, skip */ }
+    }
+  }
+
+  if (t === 'integer' || t === 'number') {
+    const n = t === 'integer' ? parseInt(rawValue, 10) : parseFloat(rawValue)
+    if (rawValue !== '' && isNaN(n)) return 'Invalid number'
+    if (!isNaN(n)) {
+      if (prop.minimum != null && n < prop.minimum) return `Must be >= ${prop.minimum}`
+      if (prop.maximum != null && n > prop.maximum) return `Must be <= ${prop.maximum}`
+      if (prop.exclusiveMinimum != null && n <= prop.exclusiveMinimum) return `Must be > ${prop.exclusiveMinimum}`
+      if (prop.exclusiveMaximum != null && n >= prop.exclusiveMaximum) return `Must be < ${prop.exclusiveMaximum}`
+      if (prop.multipleOf != null && n % prop.multipleOf !== 0) return `Must be multiple of ${prop.multipleOf}`
+    }
+  }
+
+  if (t === 'array') {
+    if (rawValue.length > 0) {
+      try {
+        const arr = JSON.parse(rawValue)
+        if (Array.isArray(arr)) {
+          if (prop.minItems != null && arr.length < prop.minItems) return `Min ${prop.minItems} items`
+          if (prop.maxItems != null && arr.length > prop.maxItems) return `Max ${prop.maxItems} items`
+          if (prop.uniqueItems && new Set(arr).size !== arr.length) return 'Items must be unique'
+        }
+      } catch { /* not JSON, skip */ }
+    }
+  }
+
+  return null
+}

data/frontend/src/composables/useSearch.ts

@@ -8,6 +8,7 @@ interface SearchResult {
   name: string
   rawName: string
   schemaName: string
+  description?: string
 }
 
 export function useSearch() {
@@ -26,6 +27,7 @@ export function useSearch() {
       name: entry.title || entry.name,
       rawName: entry.name,
       schemaName: entry.schemaName,
+      description: entry.description,
     }))
   }
 
@@ -41,7 +43,8 @@ export function useSearch() {
 
     results.value = entries.filter(e =>
       e.name.toLowerCase().includes(q) ||
-      e.schemaName.toLowerCase().includes(q)
+      e.schemaName.toLowerCase().includes(q) ||
+      (e.description && e.description.toLowerCase().includes(q))
     ).slice(0, 50)
 
     isSearching.value = false

data/frontend/src/stores/uiStore.ts

@@ -8,7 +8,7 @@ export const useUiStore = defineStore('ui', () => {
   const resolvedTheme = ref<'light' | 'dark'>('light')
   const sidebarCollapsed = ref(false)
   const detailPanelOpen = ref(false)
-  const activePanelTab = ref<'overview' | 'definition'>('overview')
+  const activePanelTab = ref<'overview' | 'properties' | 'examples'>('overview')
   const searchOpen = ref(false)
   const expandedSchemaNames = ref<Set<string>>(new Set())
 
@@ -47,7 +47,7 @@ export const useUiStore = defineStore('ui', () => {
   function toggleSidebar() { sidebarCollapsed.value = !sidebarCollapsed.value }
   function openDetailPanel() { detailPanelOpen.value = true }
   function closeDetailPanel() { detailPanelOpen.value = false }
-  function setPanelTab(tab: 'overview' | 'definition') { activePanelTab.value = tab }
+  function setPanelTab(tab: 'overview' | 'properties' | 'examples') { activePanelTab.value = tab }
   function openSearch() { searchOpen.value = true }
   function closeSearch() { searchOpen.value = false }
 

data/frontend/src/types.ts

@@ -77,6 +77,7 @@ export interface SpaSchema {
 export interface SpaSearchEntry {
   name: string
   title?: string
+  description?: string
   type: string
   schemaName: string
 }

data/frontend/src/views/HomeView.vue

@@ -166,7 +166,7 @@
           class="btn btn-outline btn-sm"
           @click="downloadAllSchemas"
         >
-          Download All Schemas (.zip)
+          Download All Schemas
         </button>
       </div>
 

data/lib/lutaml/jsonschema/version.rb

@@ -2,6 +2,6 @@
 
 module Lutaml
   module Jsonschema
-    VERSION = "0.1.6"
+    VERSION = "0.1.7"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lutaml-jsonschema
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.7
 platform: ruby
 authors:
 - Ribose Inc.
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-05-07 00:00:00.000000000 Z
+date: 2026-05-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: json