@effect-app/vue 2.93.8 → 2.94.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @effect-app/vue
 
+## 2.94.0
+
+### Minor Changes
+
+- 1a102e2: update packages
+
+### Patch Changes
+
+- Updated dependencies [1a102e2]
+  - effect-app@3.16.0
+
 ## 2.93.8
 
 ### Patch Changes

package/package.json

@@ -1,38 +1,38 @@
 {
   "name": "@effect-app/vue",
-  "version": "2.93.8",
+  "version": "2.94.0",
   "license": "MIT",
   "type": "module",
   "homepage": "https://github.com/effect-ts-app/libs/tree/main/packages/vue",
   "dependencies": {
-    "@formatjs/intl": "^3.1.8",
+    "@formatjs/intl": "^4.1.0",
     "@tanstack/query-core": "5.83.1",
     "@tanstack/vue-query": "5.83.1",
-    "@vueuse/core": "^14.0.0",
+    "@vueuse/core": "^14.1.0",
     "change-case": "^5.4.4",
     "query-string": "^9.3.1",
-    "effect-app": "3.15.1"
+    "effect-app": "3.16.0"
   },
   "peerDependencies": {
-    "@effect-atom/atom": "^0.4.2",
-    "@effect-atom/atom-vue": "^0.4.0",
-    "@effect/platform": "^0.93.2",
-    "@effect/platform-browser": "^0.73.0",
-    "@sentry/browser": "^10.25.0",
-    "effect": "^3.19.3",
-    "vue": "^3.5.24"
+    "@effect-atom/atom": "^0.4.13",
+    "@effect-atom/atom-vue": "^0.4.5",
+    "@effect/platform": "^0.94.1",
+    "@effect/platform-browser": "^0.74.0",
+    "@sentry/browser": "^10.34.0",
+    "effect": "^3.19.14",
+    "vue": "^3.5.26"
   },
   "devDependencies": {
     "@effect/vitest": "^0.27.0",
-    "@formatjs/icu-messageformat-parser": "^2.11.4",
-    "@types/node": "24.10.1",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "intl-messageformat": "^10.7.18",
+    "@formatjs/icu-messageformat-parser": "^3.4.0",
+    "@types/node": "25.0.8",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "intl-messageformat": "^11.1.0",
     "json5": "^2.2.3",
     "typescript": "~5.9.3",
-    "vite": "^7.2.2",
-    "vitest": "^4.0.9",
-    "@effect-app/eslint-shared-config": "0.4.1"
+    "vite": "^7.3.1",
+    "vitest": "^4.0.17",
+    "@effect-app/eslint-shared-config": "0.5.0"
   },
   "typesVersions": {
     "*": {
@@ -139,6 +139,6 @@
     "testsuite": "pnpm lint && pnpm circular && pnpm run test:run",
     "ncu": "ncu",
     "pub": "pnpm prepublish && npm publish --access public",
-    "prepublish": "pnpm build && cp -f ./tsconfig.json ./tsconfig.json.bak && node ../../scripts/mergeTsConfig.mjs ./tsconfig.json"
+    "prepublish": "cp -f ./tsconfig.json ./tsconfig.json.bak && node ../../scripts/mergeTsConfig.mjs ./tsconfig.json"
   }
 }

package/test/dist/stubs.d.ts

@@ -13,7 +13,7 @@ export declare const fakeIntlLayer: (messages?: Record<string, string> | Record<
 export declare const useExperimental: (options?: {
     messages?: Record<string, string> | Record<string, MessageFormatElement[]>;
     toasts: any[];
-}) => import("../src/experimental/makeUseCommand.js").CommanderResolved<Toast.Toast | I18n | WithToast, never>;
+}) => import("../src/experimental/makeUseCommand.js").CommanderResolved<WithToast | Toast.Toast | I18n, never>;
 declare const RequestContextMap_base: (new () => {
     readonly config: {};
 }) & {

package/test/form-validation-errors.test.ts

@@ -8,74 +8,133 @@ class TestSchema extends S.Class<TestSchema>("TestSchema")({
   stringField: S.String
 }) {}
 
-// mock translate function to capture translation calls
+// translation dictionaries
+const translations: Record<string, Record<string, string>> = {
+  en: {
+    "validation.integer.expected": "Expected an integer, actual {actualValue}",
+    "validation.number.expected": "Expected a number, actual {actualValue}"
+  },
+  de: {
+    "validation.integer.expected": "Es wird eine ganze Zahl erwartet, tatsächlich: {actualValue}",
+    "validation.number.expected": "Es wird eine Zahl erwartet, tatsächlich: {actualValue}"
+  }
+}
+
+// mock translate function to capture translation calls and return actual translated string
 const translationCalls: Array<{ id: string; defaultMessage: string; params?: any }> = []
+let currentLocale = "en"
+
 const mockTranslate = (msg: { id: string; defaultMessage: string }, params?: any) => {
   translationCalls.push({ id: msg.id, defaultMessage: msg.defaultMessage, params })
-  // return a marker to know the translation was called
-  return `[TRANSLATED:${msg.id}]`
+
+  // get the translation template
+  const template = translations[currentLocale]?.[msg.id] || msg.defaultMessage
+
+  // replace parameters in the template
+  if (params) {
+    return Object.entries(params).reduce((result, [key, value]) => {
+      return result.replace(`{${key}}`, String(value))
+    }, template)
+  }
+
+  return template
 }
 
 beforeEach(() => {
   translationCalls.length = 0
+  currentLocale = "en"
   translate.value = mockTranslate as any
 })
 
-it("validates integer field with decimal value", () =>
-  Effect.gen(function*() {
-    const fieldInfo = buildFieldInfoFromFieldsRoot(TestSchema)
-    const integerFieldInfo = fieldInfo.fields.integerField
+it("validates integer field with decimal value (English)", () =>
+  Effect
+    .gen(function*() {
+      currentLocale = "en"
+      const fieldInfo = buildFieldInfoFromFieldsRoot(TestSchema)
+      const integerFieldInfo = fieldInfo.fields.integerField
+
+      expect(integerFieldInfo._tag).toBe("FieldInfo")
+      expect(integerFieldInfo.type).toBe("int")
+
+      // test validation rules with a decimal value
+      const result = integerFieldInfo.rules[1] ? integerFieldInfo.rules[1]("59.5") : undefined
+
+      console.log("Validation result (EN):", result)
+      console.log("Translation calls:", translationCalls)
+
+      // the validation should fail
+      expect(result).not.toBe(true)
+      expect(typeof result).toBe("string")
+
+      // check if the correct translation key was called
+      const integerErrorCall = translationCalls.find((call) => call.id === "validation.integer.expected")
+      expect(integerErrorCall).toBeDefined()
+      expect(integerErrorCall?.params).toHaveProperty("actualValue")
+      expect(integerErrorCall?.params.actualValue).toBe("59.5")
+
+      // MOST IMPORTANT: verify the actual translated string returned
+      expect(result).toBe("Expected an integer, actual 59.5")
+    })
+    .pipe(Effect.runPromise))
+
+it("validates integer field with decimal value (German)", () =>
+  Effect
+    .gen(function*() {
+      currentLocale = "de"
+      const fieldInfo = buildFieldInfoFromFieldsRoot(TestSchema)
+      const integerFieldInfo = fieldInfo.fields.integerField
 
-    expect(integerFieldInfo._tag).toBe("FieldInfo")
-    expect(integerFieldInfo.type).toBe("int")
+      expect(integerFieldInfo._tag).toBe("FieldInfo")
+      expect(integerFieldInfo.type).toBe("int")
 
-    // test validation rules with a decimal value
-    const result = integerFieldInfo.rules[1]("59.5")
+      // test validation rules with a decimal value
+      const result = integerFieldInfo.rules[1] ? integerFieldInfo.rules[1]("59.5") : undefined
 
-    console.log("Validation result:", result)
-    console.log("Translation calls:", translationCalls)
+      console.log("Validation result (DE):", result)
 
-    // the validation should fail
-    expect(result).not.toBe(true)
-    expect(typeof result).toBe("string")
+      // the validation should fail
+      expect(result).not.toBe(true)
+      expect(typeof result).toBe("string")
 
-    // check if the correct translation key was called
-    const integerErrorCall = translationCalls.find(call => call.id === "validation.integer.expected")
-    expect(integerErrorCall).toBeDefined()
-    expect(integerErrorCall?.params).toHaveProperty("actualValue")
-    expect(integerErrorCall?.params.actualValue).toBe("59.5")
-  }).pipe(Effect.runPromise))
+      // MOST IMPORTANT: verify the actual German translated string returned
+      expect(result).toBe("Es wird eine ganze Zahl erwartet, tatsächlich: 59.5")
+    })
+    .pipe(Effect.runPromise))
 
 it("validates string field parsed as number", () =>
-  Effect.gen(function*() {
-    const fieldInfo = buildFieldInfoFromFieldsRoot(TestSchema)
-    const stringFieldInfo = fieldInfo.fields.stringField
+  Effect
+    .gen(function*() {
+      const fieldInfo = buildFieldInfoFromFieldsRoot(TestSchema)
+      const stringFieldInfo = fieldInfo.fields.stringField
 
-    expect(stringFieldInfo._tag).toBe("FieldInfo")
-    expect(stringFieldInfo.type).toBe("text")
+      expect(stringFieldInfo._tag).toBe("FieldInfo")
+      expect(stringFieldInfo.type).toBe("text")
 
-    // test validation rules with a number that should fail string validation
-    const result = stringFieldInfo.rules[1]("123")
+      // test validation rules with a number that should fail string validation
+      const result = stringFieldInfo.rules[0] ? stringFieldInfo.rules[0]("123") : undefined
 
-    console.log("Validation result for string field:", result)
+      console.log("Validation result for string field:", result)
 
-    // string field should accept "123" as a valid string
-    expect(result).toBe(true)
-  }).pipe(Effect.runPromise))
+      // string field should accept "123" as a valid string
+      expect(result).toBe(true)
+    })
+    .pipe(Effect.runPromise))
 
 it("validates integer field with valid integer", () =>
-  Effect.gen(function*() {
-    const fieldInfo = buildFieldInfoFromFieldsRoot(TestSchema)
-    const integerFieldInfo = fieldInfo.fields.integerField
+  Effect
+    .gen(function*() {
+      const fieldInfo = buildFieldInfoFromFieldsRoot(TestSchema)
+      const integerFieldInfo = fieldInfo.fields.integerField
 
-    // test validation rules with a valid integer
-    const result = integerFieldInfo.rules[1]("59")
+      // test validation rules with a valid integer
+      const result = integerFieldInfo.rules[1] ? integerFieldInfo.rules[1]("42") : undefined
 
-    console.log("Validation result for valid integer:", result)
+      console.log("Validation result for valid integer:", result)
 
-    // the validation should pass
-    expect(result).toBe(true)
-  }).pipe(Effect.runPromise))
+      // the validation should pass
+      expect(result).toBe(true)
+    })
+    .pipe(Effect.runPromise))
 
 it("error message format matches regex pattern", () => {
   // test the actual error message format from Effect Schema
@@ -95,5 +154,5 @@ it("error message format matches regex pattern", () => {
 
   const numberMatch = numberErrorMessage.match(/Expected.*number.*actual\s+(.+)/i)
   expect(numberMatch).toBeTruthy()
-  expect(numberMatch![1]).toBe('"not-a-number"')
+  expect(numberMatch![1]).toBe("\"not-a-number\"")
 })

package/tsconfig.json

@@ -35,7 +35,9 @@
       {
         "name": "@effect/language-service",
         "diagnosticSeverity": {
-          "missingEffectServiceDependency": "error"
+          "missingEffectServiceDependency": "error",
+          "effectFnOpportunity": "warning",
+          "globalErrorInEffectFailure": "warning"
         }
       }
     ],