feat(tanstack-query): new implementation of tanstack-query react hooks

README.md

@@ -51,7 +51,8 @@ Even without using advanced features, ZenStack offers the following benefits as
 
 # Quick start
 
-> You can also check the [blog sample](./samples/blog) for a complete example.
+- [ORM](./samples/orm): A simple example demonstrating ZenStack ORM usage.
+- [Next.js + TanStack Query](./samples/next.js): A full-stack sample demonstrating using TanStack Query to consume ZenStack's automatic CRUD services in a Next.js app.
 
 ## Installation
 

package.json

@@ -31,7 +31,8 @@
         "typescript": "catalog:",
         "typescript-eslint": "^8.34.1",
         "vitest": "^3.2.4",
-        "yaml": "^2.8.0"
+        "yaml": "^2.8.0",
+        "prisma": "catalog:"
     },
     "pnpm": {
         "onlyBuiltDependencies": [

packages/cli/package.json

@@ -45,7 +45,7 @@
         "prisma": "catalog:"
     },
     "devDependencies": {
-        "@types/better-sqlite3": "^7.6.13",
+        "@types/better-sqlite3": "catalog:",
         "@types/semver": "^7.7.0",
         "@types/tmp": "catalog:",
         "@zenstackhq/eslint-config": "workspace:*",

packages/clients/tanstack-query/package.json

@@ -0,0 +1,62 @@
+{
+    "name": "@zenstackhq/tanstack-query",
+    "version": "3.0.0-beta.15",
+    "description": "TanStack Query Client for consuming ZenStack v3's CRUD service",
+    "main": "index.js",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "build": "tsc --noEmit && tsup-node",
+        "watch": "tsup-node --watch",
+        "lint": "eslint src --ext ts",
+        "test": "vitest run",
+        "pack": "pnpm pack"
+    },
+    "keywords": [
+        "tanstack-query",
+        "react-query",
+        "zenstack",
+        "orm",
+        "fullstack"
+    ],
+    "author": "ZenStack Team",
+    "license": "MIT",
+    "exports": {
+        "./react": {
+            "import": {
+                "types": "./dist/react.d.ts",
+                "default": "./dist/react.js"
+            },
+            "require": {
+                "types": "./dist/react.d.cts",
+                "default": "./dist/react.cjs"
+            }
+        }
+    },
+    "dependencies": {
+        "@zenstackhq/common-helpers": "workspace:*",
+        "@zenstackhq/schema": "workspace:*",
+        "@zenstackhq/orm": "workspace:*",
+        "superjson": "^2.2.3",
+        "decimal.js": "catalog:"
+    },
+    "devDependencies": {
+        "@zenstackhq/eslint-config": "workspace:*",
+        "@zenstackhq/typescript-config": "workspace:*",
+        "react": "catalog:",
+        "@types/react": "catalog:",
+        "@tanstack/react-query": "catalog:"
+    },
+    "peerDependencies": {
+        "@tanstack/react-query": "^5.0.0",
+        "react": "^18 || ^19"
+    },
+    "peerDependenciesMeta": {
+        "@tanstack/react-query": {
+            "optional": true
+        },
+        "react": {
+            "optional": true
+        }
+    }
+}