@effect-app/vue 4.0.0-beta.19 → 4.0.0-beta.190

package/eslint.config.mjs

@@ -1,6 +1,6 @@
+import { augmentedConfig } from "@effect-app/eslint-shared-config/eslint.base.config"
 import path from "node:path"
 import { fileURLToPath } from "node:url"
-import { augmentedConfig } from "@effect-app/eslint-shared-config/eslint.base.config"
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
@@ -18,7 +18,7 @@ export default [
   {
     rules: {
       "@typescript-eslint/no-empty-interface": "off",
-      "@typescript-eslint/no-explicit-any": "warn",
+      "@typescript-eslint/no-explicit-any": "warn"
     }
   }
 ]

package/examples/streamMutation.ts

@@ -0,0 +1,70 @@
+/**
+ * Example: stream-based mutation for a long-running operation.
+ *
+ * The server streams a tagged union of progress updates and a final result.
+ * The Vue ref is updated for every emitted value; `AsyncResult` stays in the
+ * `waiting` state until the stream ends.
+ *
+ * When using `makeClient` / `clientFor`, stream-type requests are exposed as
+ * `mutate` on the client object. Use `client.exportData.mutate` with `streamFn`
+ * combinators, or use `client.exportData.streamFn` to define a full command.
+ *
+ * The example below shows the low-level `asStreamResult` API.
+ */
+import { Effect, S, Stream } from "effect-app"
+import { asStreamResult } from "../src/mutate.js"
+
+// ---------------------------------------------------------------------------
+// Domain model
+// ---------------------------------------------------------------------------
+
+/** Intermediate progress report, e.g. "5 of 400 items processed". */
+export class OperationProgress extends S.TaggedClass<OperationProgress>()("OperationProgress", {
+  completed: S.NonNegativeInt,
+  total: S.NonNegativeInt
+}) {}
+
+/** The final result produced once the operation is complete. */
+export class ExportComplete extends S.TaggedClass<ExportComplete>()("ExportComplete", {
+  fileUrl: S.NonEmptyString
+}) {}
+
+/** Tagged union emitted by the stream. */
+export type ExportEvent = OperationProgress | ExportComplete
+
+// ---------------------------------------------------------------------------
+// Simulated stream (replace with a real RPC / SSE stream in production)
+// ---------------------------------------------------------------------------
+
+/**
+ * Produces `total` progress updates followed by a single `ExportComplete`.
+ * Each step is separated by a 50 ms delay to simulate real async work.
+ */
+const makeExportStream = (total: S.NonNegativeInt): Stream.Stream<ExportEvent> =>
+  Stream.concat(
+    Stream.range(1, total).pipe(
+      Stream.map((completed) => new OperationProgress({ completed: S.NonNegativeInt(completed), total })),
+      Stream.tap(() => Effect.sleep("50 millis"))
+    ),
+    Stream.make(new ExportComplete({ fileUrl: S.NonEmptyString("https://example.com/export.csv") }))
+  )
+
+// ---------------------------------------------------------------------------
+// Option A: low-level `asStreamResult` (call inside a `setup()` function)
+// ---------------------------------------------------------------------------
+
+export const useExportMutation = () => {
+  /**
+   * `result`   - reactive ref, always reflects the latest stream event.
+   *              `AsyncResult` tag:
+   *                - Initial (waiting=true)  - operation in progress
+   *                - Success (waiting=true)  - progress update received, still running
+   *                - Success (waiting=false) - final result, operation complete
+   *                - Failure                 - operation failed
+   *
+   * `execute`  - call with the desired `total` to kick off the stream.
+   */
+  const [result, execute] = asStreamResult((total: S.NonNegativeInt) => makeExportStream(total))
+
+  return { result, execute }
+}

package/package.json

@@ -1,36 +1,36 @@
 {
   "name": "@effect-app/vue",
-  "version": "4.0.0-beta.19",
+  "version": "4.0.0-beta.190",
   "license": "MIT",
   "type": "module",
   "homepage": "https://github.com/effect-ts-app/libs/tree/main/packages/vue",
   "dependencies": {
-    "@formatjs/intl": "^4.1.2",
-    "@tanstack/query-core": "5.83.1",
-    "@tanstack/vue-query": "5.83.1",
+    "@formatjs/intl": "^4.1.7",
+    "@tanstack/query-core": "5.96.2",
+    "@tanstack/vue-query": "5.96.2",
     "@vueuse/core": "^14.2.1",
     "change-case": "^5.4.4",
     "query-string": "^9.3.1",
-    "effect-app": "4.0.0-beta.19"
+    "effect-app": "4.0.0-beta.190"
   },
   "peerDependencies": {
-    "@effect/atom-vue": "^4.0.0-beta.31",
-    "@effect/platform-browser": "^4.0.0-beta.31",
-    "@sentry/browser": "^10.42.0",
-    "effect": "^4.0.0-beta.31",
-    "vue": "^3.5.29"
+    "@effect/atom-vue": "^4.0.0-beta.59",
+    "@effect/platform-browser": "^4.0.0-beta.59",
+    "@sentry/browser": "^10.50.0",
+    "effect": "^4.0.0-beta.60",
+    "vue": "^3.5.33"
   },
   "devDependencies": {
-    "@effect/vitest": "^4.0.0-beta.31",
-    "@formatjs/icu-messageformat-parser": "^3.5.1",
-    "@types/node": "25.3.3",
-    "@vitejs/plugin-vue": "^6.0.4",
-    "intl-messageformat": "^11.1.2",
+    "@effect/vitest": "^4.0.0-beta.59",
+    "@formatjs/icu-messageformat-parser": "^3.5.5",
+    "@types/node": "25.6.0",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "intl-messageformat": "^11.2.2",
     "json5": "^2.2.3",
-    "typescript": "~5.9.3",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.18",
-    "@effect-app/eslint-shared-config": "0.5.7-beta.2"
+    "typescript": "~6.0.3",
+    "vite": "^8.0.10",
+    "vitest": "^4.1.5",
+    "@effect-app/eslint-shared-config": "0.6.0-beta.18"
   },
   "typesVersions": {
     "*": {
@@ -44,38 +44,26 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./commander": {
+      "types": "./dist/commander.d.ts",
+      "default": "./dist/commander.js"
+    },
+    "./confirm": {
+      "types": "./dist/confirm.d.ts",
+      "default": "./dist/confirm.js"
+    },
     "./errorReporter": {
       "types": "./dist/errorReporter.d.ts",
       "default": "./dist/errorReporter.js"
     },
-    "./experimental/commander": {
-      "types": "./dist/experimental/commander.d.ts",
-      "default": "./dist/experimental/commander.js"
-    },
-    "./experimental/confirm": {
-      "types": "./dist/experimental/confirm.d.ts",
-      "default": "./dist/experimental/confirm.js"
-    },
-    "./experimental/intl": {
-      "types": "./dist/experimental/intl.d.ts",
-      "default": "./dist/experimental/intl.js"
-    },
-    "./experimental/makeUseCommand": {
-      "types": "./dist/experimental/makeUseCommand.d.ts",
-      "default": "./dist/experimental/makeUseCommand.js"
-    },
-    "./experimental/toast": {
-      "types": "./dist/experimental/toast.d.ts",
-      "default": "./dist/experimental/toast.js"
-    },
-    "./experimental/withToast": {
-      "types": "./dist/experimental/withToast.d.ts",
-      "default": "./dist/experimental/withToast.js"
-    },
     "./form": {
       "types": "./dist/form.d.ts",
       "default": "./dist/form.js"
     },
+    "./intl": {
+      "types": "./dist/intl.d.ts",
+      "default": "./dist/intl.js"
+    },
     "./lib": {
       "types": "./dist/lib.d.ts",
       "default": "./dist/lib.js"
@@ -92,6 +80,10 @@
       "types": "./dist/makeIntl.d.ts",
       "default": "./dist/makeIntl.js"
     },
+    "./makeUseCommand": {
+      "types": "./dist/makeUseCommand.d.ts",
+      "default": "./dist/makeUseCommand.js"
+    },
     "./mutate": {
       "types": "./dist/mutate.d.ts",
       "default": "./dist/mutate.js"
@@ -107,6 +99,14 @@
     "./runtime": {
       "types": "./dist/runtime.d.ts",
       "default": "./dist/runtime.js"
+    },
+    "./toast": {
+      "types": "./dist/toast.d.ts",
+      "default": "./dist/toast.js"
+    },
+    "./withToast": {
+      "types": "./dist/withToast.d.ts",
+      "default": "./dist/withToast.js"
     }
   },
   "gitHead": "bd8e27eea3eff97db8739d577d67e7336c078d28",
@@ -121,18 +121,18 @@
   "scripts": {
     "watch": "pnpm build:tsc -w",
     "build:tsc": "pnpm clean-dist && effect-app-cli packagejson pnpm check",
-    "check": "tsc --build",
+    "check": "tsgo --build",
     "build": "pnpm build:tsc",
-    "watch2": "pnpm clean-dist && NODE_OPTIONS=--max-old-space-size=6144 tsc -w",
+    "watch2": "pnpm clean-dist && NODE_OPTIONS=--max-old-space-size=6144 tsgo -w",
     "clean": "rm -rf dist",
     "clean-dist": "sh ../../scripts/clean-dist.sh",
     "circular": "pnpm circular:src && pnpm circular:dist",
     "circular:src": "madge --circular --ts-config ./tsconfig.json --extensions ts ./src",
     "circular:dist": "madge --circular --extensions js ./dist",
-    "compile": "NODE_OPTIONS=--max-old-space-size=6144 tsc --noEmit",
-    "lint": "NODE_OPTIONS=--max-old-space-size=6144 ESLINT_TS=1 eslint ./src",
+    "compile": "NODE_OPTIONS=--max-old-space-size=6144 tsgo --noEmit",
+    "lint": "oxlint ./src && NODE_OPTIONS=--max-old-space-size=6144 ESLINT_TS=1 eslint ./src && pnpm exec dprint check --config ../../dprint.jsonc .",
     "lint:watch": "ESLINT_TS=1 esw -w --changed --clear --ext ts,tsx .",
-    "lint-fix": "pnpm lint --fix",
+    "lint-fix": "oxlint --fix ./src && NODE_OPTIONS=--max-old-space-size=6144 ESLINT_TS=1 eslint --fix ./src && pnpm exec dprint fmt --config ../../dprint.jsonc .",
     "test": "vitest",
     "test:run": "pnpm run test run --passWithNoTests",
     "testsuite": "pnpm lint && pnpm circular && pnpm run test:run",