@koumoul/vjsf 3.0.0-beta.5 → 3.0.0-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.0.0-beta.5",
+  "version": "3.0.0-beta.7",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
     "test": "vitest",
@@ -75,7 +75,7 @@
     "vuetify": "^3.4.9"
   },
   "dependencies": {
-    "@json-layout/core": "0.11.0",
+    "@json-layout/core": "0.12.0",
     "@vueuse/core": "^10.5.0",
     "debug": "^4.3.4",
     "ejs": "^3.1.9"

package/src/composables/use-vjsf.js

@@ -1,8 +1,12 @@
 import { StatefulLayout, produceCompileOptions } from '@json-layout/core'
-import { inject, toRaw, shallowRef, computed, ref, watch, useSlots } from 'vue'
+import { inject, shallowRef, computed, ref, watch, useSlots } from 'vue'
 import { useElementSize } from '@vueuse/core'
 import { getFullOptions } from '../components/options.js'
 import { registeredNodeComponents } from '../utils/index.js'
+import { setAutoFreeze } from 'immer'
+
+// immer freezing is disabled because it is not compatible with Vue 3 reactivity
+setAutoFreeze(false)
 
 export const emits = {
   /**
@@ -49,7 +53,7 @@ export const useVjsf = (schema, modelValue, options, nodeComponents, emit, compi
 
   const slots = useSlots()
 
-  const fullOptions = computed(() => getFullOptions(options.value, form, width.value, slots, { ...nodeComponents, ...toRaw(registeredNodeComponents.value) }))
+  const fullOptions = computed(() => getFullOptions(options.value, form, width.value, slots, { ...nodeComponents, ...registeredNodeComponents.value }))
 
   // do not use a simple computed here as we want to prevent recompiling the layout when the options are the same
   /** @type {import('vue').Ref<import('@json-layout/core').PartialCompileOptions>} */
@@ -85,10 +89,10 @@ export const useVjsf = (schema, modelValue, options, nodeComponents, emit, compi
 
     // @ts-ignore
     const _statefulLayout = /** @type {import('../types.js').VjsfStatefulLayout} */(new StatefulLayout(
-      toRaw(compiledLayout.value),
-      toRaw(compiledLayout.value.skeletonTree),
-      toRaw(fullOptions.value),
-      toRaw(modelValue.value)
+      compiledLayout.value,
+      compiledLayout.value.skeletonTree,
+      fullOptions.value,
+      modelValue.value
     ))
     statefulLayout.value = _statefulLayout
     onStatefulLayoutUpdate()
@@ -118,7 +122,7 @@ export const useVjsf = (schema, modelValue, options, nodeComponents, emit, compi
 
   // case where data is updated from outside
   watch(modelValue, (newData) => {
-    if (statefulLayout.value && statefulLayout.value.data !== newData) statefulLayout.value.data = toRaw(newData)
+    if (statefulLayout.value && statefulLayout.value.data !== newData) statefulLayout.value.data = newData
   })
 
   // case where schema or compile options are updated from outside

package/types/composables/use-vjsf.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-vjsf.d.ts","sourceRoot":"","sources":["../../src/composables/use-vjsf.js"],"names":[],"mappings":"AAMA;IACE;;MAEE;gCADO,GAAG;IAGZ;;MAEE;4BADO,OAAO,aAAa,EAAE,kBAAkB;EAGlD;AAWM,gCARI,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,cACzB,OAAO,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,WACtB,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC,kBAClE,OAAO,MAAM,EAAE,OAAO,KAAK,EAAE,SAAS,CAAC,QACvC,GAAG;;;;EA2Gb"}
+{"version":3,"file":"use-vjsf.d.ts","sourceRoot":"","sources":["../../src/composables/use-vjsf.js"],"names":[],"mappings":"AAUA;IACE;;MAEE;gCADO,GAAG;IAGZ;;MAEE;4BADO,OAAO,aAAa,EAAE,kBAAkB;EAGlD;AAWM,gCARI,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,cACzB,OAAO,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,WACtB,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC,kBAClE,OAAO,MAAM,EAAE,OAAO,KAAK,EAAE,SAAS,CAAC,QACvC,GAAG;;;;EA2Gb"}