@effect-app/vue 4.0.0-beta.33 → 4.0.0-beta.331

package/examples/streamMutation.ts

@@ -0,0 +1,72 @@
+/**
+ * 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.fn` to define a full command.
+ *
+ * The example below shows the low-level `asStreamResult` API.
+ */
+import * as Effect from "effect-app/Effect"
+import * as S from "effect-app/Schema"
+import * as Stream from "effect/Stream"
+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,38 @@
 {
   "name": "@effect-app/vue",
-  "version": "4.0.0-beta.33",
+  "version": "4.0.0-beta.331",
   "license": "MIT",
   "type": "module",
-  "homepage": "https://github.com/effect-ts-app/libs/tree/main/packages/vue",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/effect-app/libs.git",
+    "directory": "packages/vue"
+  },
+  "homepage": "https://github.com/effect-app/libs/tree/main/packages/vue",
   "dependencies": {
-    "@formatjs/intl": "^4.1.2",
-    "@tanstack/query-core": "5.83.1",
-    "@tanstack/vue-query": "5.83.1",
-    "@vueuse/core": "^14.2.1",
+    "@formatjs/intl": "^4.1.12",
+    "@tanstack/vue-query": "5.96.2",
+    "@vueuse/core": "^14.3.0",
     "change-case": "^5.4.4",
-    "query-string": "^9.3.1",
-    "effect-app": "4.0.0-beta.33"
+    "query-string": "^9.4.0",
+    "effect-app": "4.0.0-beta.331"
   },
   "peerDependencies": {
-    "@effect/atom-vue": "^4.0.0-beta.37",
-    "@effect/platform-browser": "^4.0.0-beta.37",
-    "@sentry/browser": "^10.42.0",
-    "effect": "^4.0.0-beta.37",
-    "vue": "^3.5.29"
+    "@effect/atom-vue": "^4.0.0-rc.115",
+    "@effect/platform-browser": "^4.0.0-rc.115",
+    "@sentry/browser": "^10.55.0",
+    "effect": "^4.0.0-rc.115",
+    "vue": "^3.5.35"
   },
   "devDependencies": {
-    "@effect/vitest": "^4.0.0-beta.37",
-    "@formatjs/icu-messageformat-parser": "^3.5.1",
-    "@types/node": "25.3.3",
-    "@vitejs/plugin-vue": "^6.0.4",
-    "intl-messageformat": "^11.1.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"
+    "@effect/vitest": "4.0.0-rc.115",
+    "@formatjs/icu-messageformat-parser": "^3.5.10",
+    "@types/node": "25.9.1",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "intl-messageformat": "^11.2.7",
+    "typescript": "~6.0.3",
+    "vite": "^8.0.15",
+    "vitest": "^4.1.7"
   },
   "typesVersions": {
     "*": {
@@ -44,69 +46,10 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.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"
-    },
-    "./lib": {
-      "types": "./dist/lib.d.ts",
-      "default": "./dist/lib.js"
-    },
-    "./makeClient": {
-      "types": "./dist/makeClient.d.ts",
-      "default": "./dist/makeClient.js"
-    },
-    "./makeContext": {
-      "types": "./dist/makeContext.d.ts",
-      "default": "./dist/makeContext.js"
-    },
-    "./makeIntl": {
-      "types": "./dist/makeIntl.d.ts",
-      "default": "./dist/makeIntl.js"
-    },
-    "./mutate": {
-      "types": "./dist/mutate.d.ts",
-      "default": "./dist/mutate.js"
-    },
-    "./query": {
-      "types": "./dist/query.d.ts",
-      "default": "./dist/query.js"
-    },
-    "./routeParams": {
-      "types": "./dist/routeParams.d.ts",
-      "default": "./dist/routeParams.js"
-    },
-    "./runtime": {
-      "types": "./dist/runtime.d.ts",
-      "default": "./dist/runtime.js"
+    "./internal/*": null,
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
     }
   },
   "gitHead": "bd8e27eea3eff97db8739d577d67e7336c078d28",
@@ -120,24 +63,22 @@
   ],
   "scripts": {
     "watch": "pnpm build:tsc -w",
-    "build:tsc": "pnpm clean-dist && effect-app-cli packagejson pnpm check",
-    "check": "tsc --build",
+    "build:tsc": "pnpm clean-dist && pnpm check && node ../../scripts/rewrite-dist-declaration-imports.mjs dist",
+    "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",
-    "lint:watch": "ESLINT_TS=1 esw -w --changed --clear --ext ts,tsx .",
-    "lint-fix": "pnpm lint --fix",
+    "compile": "NODE_OPTIONS=--max-old-space-size=6144 tsgo --noEmit",
+    "lint": "oxlint --quiet --type-aware ./src && pnpm exec dprint check --config ../../dprint.jsonc .",
+    "lint-fix": "oxlint --quiet --type-aware --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",
     "ncu": "ncu",
-    "pub": "pnpm prepublish && npm publish --access public",
-    "prepublish": "cp -f ./tsconfig.json ./tsconfig.json.bak && node ../../scripts/mergeTsConfig.mjs ./tsconfig.json"
+    "pub": "npm publish --access public"
   }
 }