@bagelink/vue 1.9.37 → 1.9.41

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.9.37",
+  "version": "1.9.41",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/form-flow/FormFlow.vue

@@ -350,17 +350,21 @@ function usesCustomComponent(field: FieldBuilder): boolean {
 
 // Validate all visible fields
 function validateAll(): boolean {
+	console.log('[FormFlow] validateAll started')
 	let isValid = true
 	const newErrors: Record<string, string> = {}
 
 	for (const { key, field } of visibleFields.value) {
 		const value = getFieldValue(key)
+		console.log(`[FormFlow] Validating field "${key}":`, { value, required: field._config.required, type: field._type })
 
 		// Check required fields first
 		if (field._config.required === true) {
 			const isEmpty = value == null || value === '' || (Array.isArray(value) && value.length === 0)
 			if (isEmpty) {
-				newErrors[key] = field._config.requiredMessage || 'This field is required'
+				const errorMsg = field._config.requiredMessage || 'This field is required'
+				console.log(`[FormFlow] Field "${key}" is required but empty, error:`, errorMsg)
+				newErrors[key] = errorMsg
 				isValid = false
 				continue
 			}
@@ -368,9 +372,11 @@ function validateAll(): boolean {
 
 		// Run custom validations
 		if (field._validations != null) {
+			console.log(`[FormFlow] Running ${field._validations.length} custom validations for "${key}"`)
 			for (const validate of field._validations) {
 				const result = validate(value)
 				if (result !== true) {
+					console.log(`[FormFlow] Field "${key}" failed validation:`, result)
 					newErrors[key] = result
 					isValid = false
 					break
@@ -379,19 +385,24 @@ function validateAll(): boolean {
 		}
 	}
 
+	console.log('[FormFlow] validateAll complete:', { isValid, newErrors })
 	validationErrors.value = newErrors
 	return isValid
 }
 
 // Submit handler for the slot
 function handleSubmit(event?: Event): boolean {
+	console.log('[FormFlow] handleSubmit called', { event, hasEvent: !!event })
+
 	// Prevent default form submission if event is provided
 	if (event) {
 		event.preventDefault()
 	}
 
 	hasSubmitted.value = true
+	console.log('[FormFlow] Before validateAll, visibleFields count:', visibleFields.value.length)
 	const isValid = validateAll()
+	console.log('[FormFlow] After validateAll, isValid:', isValid, 'validationErrors:', validationErrors.value)
 
 	// If validation fails, scroll to first error
 	if (!isValid) {
@@ -399,6 +410,7 @@ function handleSubmit(event?: Event): boolean {
 
 		// Find the first field with an error
 		const firstErrorKey = visibleFields.value.find(({ key }) => validationErrors.value[key])?.key
+		console.log('[FormFlow] Validation failed, firstErrorKey:', firstErrorKey)
 
 		if (firstErrorKey && formElement.value) {
 			// Find the input element - try multiple strategies
@@ -418,6 +430,7 @@ function handleSubmit(event?: Event): boolean {
 			}
 		}
 	} else {
+		console.log('[FormFlow] Validation passed, emitting submit with formData:', formData.value)
 		// Emit submit event with form data when validation passes
 		emit('submit', formData.value)
 	}
@@ -430,6 +443,14 @@ defineExpose({
 	validate: validateAll,
 	handleSubmit
 })
+
+// Debug logging on mount
+console.log('[FormFlow] Component mounted', {
+	version: '1.9.39-debug',
+	schemaFields: Object.keys(props.schema._fields).length,
+	handleSubmitDefined: !!handleSubmit,
+	validateAllDefined: !!validateAll
+})
 </script>
 
 <template>
@@ -496,7 +517,7 @@ defineExpose({
 		<!-- Submit slot -->
 		<slot
 			name="submit" :submit="handleSubmit" :validate="validateAll" :form-data="formData"
-			:errors="mergedErrors"
+			:errors="mergedErrors" :debug-info="{ handleSubmitType: typeof handleSubmit, validateAllType: typeof validateAll }"
 		/>
 	</form>
 </template>

package/vite.config.ts

@@ -22,7 +22,7 @@ export default defineConfig(() => ({
 	},
 	// experimental: { enableNativePlugin: true },
 	build: {
-		minify: 'oxc',
+		minify: false, // Disabled - minification breaks Vue reactive closures in production
 		lib: {
 			entry: resolve(indexDir, 'index.ts'),
 			formats: ['es', 'cjs'],