feat: advanced filter

.prettierignore

@@ -1,5 +1,6 @@
 dist
 .next
+package.json
 pnpm-lock.yaml
 tests/snapshots/
 __snapshots__/

README.md

@@ -10,8 +10,9 @@ The playground of [Yjs](https://docs.yjs.dev/).
   ![image](https://github.com/yjs/yjs-playground/assets/18554747/144810a2-4da1-4fd3-822d-1f4a015af29f)
 - Inspect the Yjs document model<br />
   ![image](https://github.com/yjs/yjs-playground/assets/18554747/edb040f2-6bdd-4c2a-b9cf-43f7eaef08d2)
+- Advanced Filters<br />
+  ![image](https://github.com/user-attachments/assets/ecadd716-0163-462e-8762-daf08d964370)
 - Edit the Yjs document model.<br />
   ![image](https://github.com/yjs/yjs-playground/assets/18554747/46a061e9-3466-46bd-91cc-80e80476de37)
-
 - Export the YDoc snapshot
 - Dark mode

package.json

@@ -15,6 +15,7 @@
   "dependencies": {
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
+    "@fn-sphere/filter": "^0.4.0",
     "@mui/material": "^5.16.6",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
@@ -34,7 +35,8 @@
     "tailwind-merge": "^2.4.0",
     "tailwindcss-animate": "^1.0.7",
     "y-websocket": "^2.0.4",
-    "yjs": "13.6.18"
+    "yjs": "13.6.18",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@types/node": "^22.1.0",
@@ -58,5 +60,5 @@
   "engines": {
     "node": ">=18.19.0"
   },
-  "packageManager": "pnpm@9.0.0"
-}
+  "packageManager": "pnpm@9.6.0"
+}