feat: impl composite clause for subs

Author: ponderingdemocritus

examples/dojo-starter

@@ -8,7 +8,7 @@
         "build": "tsc && vite build",
         "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
         "preview": "vite preview",
-        "create-components": "npx /Users/os/Documents/code/dojo/dojo.js/packages/core/bin/generateComponents.cjs /Users/os/Documents/code/dojo/dojo.js/examples/dojo-starter/manifests/dev/deployment/manifest.json src/dojo/generated/contractComponents.ts http://0.0.0.0:5050 0x16a15cc2a571bf95eef741c701a5657e4dbf1a5b9ce3785b4060b60f58913f4"
+        "create-components": "npx @dojoengine/core ../../dojo-starter/manifests/dev/manifest.json src/dojo/generated/contractComponents.ts http://localhost:5050 0xb4079627ebab1cd3cf9fd075dda1ad2454a7a448bf659591f259efa2519b18"
     },
     "dependencies": {
         "@dojoengine/core": "workspace:*",

examples/react/react-app/package.json

@@ -1,11 +1,7 @@
-import {
-    useComponentValue,
-    useEntityQuery,
-    useQuerySync,
-} from "@dojoengine/react";
-import { Entity, HasValue } from "@dojoengine/recs";
-import { useEffect, useState } from "react";
 import "./App.css";
+import { useComponentValue, useQuerySync } from "@dojoengine/react";
+import { Entity } from "@dojoengine/recs";
+import { useEffect, useState } from "react";
 import { Direction } from "./utils";
 import { getEntityIdFromKeys } from "@dojoengine/utils";
 import { useDojo } from "./dojo/useDojo";
@@ -21,14 +17,15 @@ function App() {
         account,
     } = useDojo();
 
-    useQuerySync(
-        toriiClient,
-        contractComponents as any,
-        ["Moves", "Position", "DirectionsAvailable"],
-        [account?.account.address.toString()]
-    );
-
-    // get entites = filter by
+    useQuerySync(toriiClient, contractComponents as any, [
+        {
+            Keys: {
+                keys: [BigInt(account?.account.address).toString()],
+                models: ["Position", "Moves", "DirectionsAvailable"],
+                pattern_matching: "FixedLen",
+            },
+        },
+    ]);
 
     const [clipboardStatus, setClipboardStatus] = useState({
         message: "",

examples/react/react-app/src/App.tsx

@@ -1,4 +1,4 @@
-import { describe, it, expect, vi } from "vitest";
+import { describe, it, expect } from "vitest";
 import { createDojoConfig } from "../../config/index";
 
 describe("config", () => {