@bagelink/vue 1.9.41 → 1.9.45

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.9.41",
+  "version": "1.9.45",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",
@@ -91,6 +91,7 @@
   "scripts": {
     "dev": "tsx watch src/index.ts",
     "build": "vite build",
+    "test-build": "pnpm build && node test-build.js",
     "start": "tsx src/index.ts",
     "test": "vitest"
   }

package/src/components/form/inputs/CodeEditor/Index.vue

@@ -128,7 +128,7 @@ watch(() => props.modelValue, () => {
 </script>
 
 <template>
-	<div class="code-editor-container ltr" :style="{ maxHeight }">
+	<div class="code-editor-container ltr" :style="{ height: maxHeight }" :class="{ 'mb-2': label }">
 		<label v-if="label" class="label">{{ label }}</label>
 		<div v-if="loaded" ref="editorRef" class="code-editor-grandpa hljs">
 			<div class="editor-content-papa relative">
@@ -174,7 +174,7 @@ watch(() => props.modelValue, () => {
 .editor-content-papa {
 	position: relative;
 	width: 100%;
-	padding-bottom: calc(100% - 6.5lh);
+		min-height: 100%;
 }
 
 .code-display,

package/src/form-flow/FormFlow.vue

@@ -350,21 +350,17 @@ 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) {
-				const errorMsg = field._config.requiredMessage || 'This field is required'
-				console.log(`[FormFlow] Field "${key}" is required but empty, error:`, errorMsg)
-				newErrors[key] = errorMsg
+				newErrors[key] = field._config.requiredMessage || 'This field is required'
 				isValid = false
 				continue
 			}
@@ -372,11 +368,9 @@ 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
@@ -385,24 +379,19 @@ function validateAll(): boolean {
 		}
 	}
 
-	console.log('[FormFlow] validateAll complete:', { isValid, newErrors })
 	validationErrors.value = newErrors
 	return isValid
 }
 
-// Submit handler for the slot
+// Submit handler for the slot (arrow function preserves closure scope during bundling)
 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) {
@@ -410,7 +399,6 @@ 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
@@ -430,7 +418,6 @@ 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)
 	}
@@ -443,14 +430,6 @@ 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>
@@ -517,7 +496,7 @@ console.log('[FormFlow] Component mounted', {
 		<!-- Submit slot -->
 		<slot
 			name="submit" :submit="handleSubmit" :validate="validateAll" :form-data="formData"
-			:errors="mergedErrors" :debug-info="{ handleSubmitType: typeof handleSubmit, validateAllType: typeof validateAll }"
+			:errors="mergedErrors"
 		/>
 	</form>
 </template>

package/src/styles/text.css

@@ -10,6 +10,14 @@
     text-align: end;
 }
 
+.txt-left {
+    text-align: left;
+}
+
+.text-right {
+    text-align: right;
+}
+
 .txt-justify {
     text-align: justify;
 }
@@ -1471,6 +1479,14 @@
         text-align: end;
     }
 
+    .m_txt-left {
+        text-align: left;
+    }
+
+    .m_txt-right {
+        text-align: right;
+    }
+
     .m_txt-justify {
         text-align: justify;
     }

package/vite.config.ts

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