feat: examples

Author: ponderingdemocritus

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

@@ -2,9 +2,17 @@ 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";
+import { Direction } from "./dojo/typescript/models.gen";
+
+enum DirectionEnum {
+    None = "0",
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down",
+}
 
 function App() {
     const {
@@ -139,7 +147,9 @@ function App() {
                     <button
                         onClick={() =>
                             position && position.vec.y > 0
-                                ? move(account.account, Direction.Up)
+                                ? move(account.account, {
+                                      type: DirectionEnum.Up,
+                                  })
                                 : console.log("Reach the borders of the world.")
                         }
                     >
@@ -150,21 +160,27 @@ function App() {
                     <button
                         onClick={() =>
                             position && position.vec.x > 0
-                                ? move(account.account, Direction.Left)
+                                ? move(account.account, {
+                                      type: DirectionEnum.Left,
+                                  })
                                 : console.log("Reach the borders of the world.")
                         }
                     >
                         Move Left
                     </button>
                     <button
-                        onClick={() => move(account.account, Direction.Right)}
+                        onClick={() =>
+                            move(account.account, { type: DirectionEnum.Right })
+                        }
                     >
                         Move Right
                     </button>
                 </div>
                 <div>
                     <button
-                        onClick={() => move(account.account, Direction.Down)}
+                        onClick={() =>
+                            move(account.account, { type: DirectionEnum.Down })
+                        }
                     >
                         Move Down
                     </button>

examples/clients/react/react-app/src/dojo/createSystemCalls.ts

@@ -9,9 +9,9 @@ import {
 } from "@dojoengine/recs";
 import { uuid } from "@latticexyz/utils";
 import { ClientComponents } from "./createClientComponents";
-import { Direction, updatePositionWithDirection } from "../utils";
 import { getEntityIdFromKeys } from "@dojoengine/utils";
 import type { IWorld } from "./typescript/contracts.gen";
+import { Direction } from "./typescript/models.gen";
 
 export type SystemCalls = ReturnType<typeof createSystemCalls>;
 
@@ -81,34 +81,10 @@ export function createSystemCalls(
             BigInt(account.address),
         ]) as Entity;
 
-        // Update the state before the transaction
-        // const positionId = uuid();
-        // Position.addOverride(positionId, {
-        //     entity: entityId,
-        //     value: {
-        //         player: BigInt(entityId),
-        //         vec: updatePositionWithDirection(
-        //             direction,
-        //             getComponentValue(Position, entityId) as any
-        //         ).vec,
-        //     },
-        // });
-
-        // // Update the state before the transaction
-        // const movesId = uuid();
-        // Moves.addOverride(movesId, {
-        //     entity: entityId,
-        //     value: {
-        //         player: BigInt(entityId),
-        //         remaining:
-        //             (getComponentValue(Moves, entityId)?.remaining || 0) - 1,
-        //     },
-        // });
-
         try {
             await client.actions.move({
                 account,
-                direction: { type: "Left" },
+                direction,
             });
 
             // Wait for the indexer to update the entity

examples/clients/react/react-app/src/utils/index.ts

@@ -1,29 +0,0 @@
-export enum Direction {
-    Left = 1,
-    Right = 2,
-    Up = 3,
-    Down = 4,
-}
-
-export function updatePositionWithDirection(
-    direction: Direction,
-    value: { vec: { x: number; y: number } }
-) {
-    switch (direction) {
-        case Direction.Left:
-            value.vec.x--;
-            break;
-        case Direction.Right:
-            value.vec.x++;
-            break;
-        case Direction.Up:
-            value.vec.y--;
-            break;
-        case Direction.Down:
-            value.vec.y++;
-            break;
-        default:
-            throw new Error("Invalid direction provided");
-    }
-    return value;
-}

examples/clients/react/react-sdk/src/App.tsx

@@ -28,8 +28,9 @@ function App() {
                         Moves: {
                             $: {
                                 where: {
-                                    can_move: { $is: true },
-                                    last_direction: { $is: "Down" },
+                                    player: {
+                                        $is: "0x3628a39cc6bd2347e79967e9458ac41ab65bac6949f2aa311b311aff0d7334d",
+                                    },
                                 },
                             },
                         },

examples/clients/react/react-sdk/src/bindings.ts

@@ -19,11 +19,11 @@ interface Position {
 }
 
 enum Direction {
-    None,
-    Left,
-    Right,
-    Up,
-    Down,
+    None = "0",
+    Left = "1",
+    Right = "2",
+    Up = "3",
+    Down = "4",
 }
 
 interface Vec2 {

packages/sdk/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@dojoengine/sdk",
     "version": "1.0.0-alpha.11",
-    "description": "Dojo SDK for interacting with the Dojo engine.",
+    "description": "Dojo SDK for interacting with the Dojo provable game engine.",
     "author": "Dojo Team",
     "license": "MIT",
     "main": "dist/index.js",
@@ -10,26 +10,52 @@
         "build": "tsup --dts-resolve",
         "test": "vitest run --config ./vitest.config.ts",
         "coverage": "vitest run --coverage",
-        "lint": "eslint . --ext .ts,.tsx"
+        "lint": "eslint . --ext .ts,.tsx",
+        "dev": "vite",
+        "format": "prettier --write ."
     },
     "exports": {
         ".": {
             "import": "./dist/index.js",
             "types": "./dist/index.d.ts"
-        }
+        },
+        "./package.json": "./package.json"
     },
     "devDependencies": {
         "@vitest/coverage-v8": "^1.3.0",
         "tsup": "^8.0.1",
         "typescript": "^5.5.4",
-        "vitest": "^1.6.0"
+        "vitest": "^1.6.0",
+        "eslint": "^8.30.0",
+        "prettier": "^2.7.1",
+        "vite": "^3.2.3"
     },
     "peerDependencies": {
         "starknet": "6.11.0"
     },
     "dependencies": {
         "@dojoengine/torii-client": "workspace:*",
         "vite-plugin-wasm": "^3.3.0",
-        "zustand": "^4.5.2"
+        "zustand": "^4.5.2",
+        "axios": "^0.27.2",
+        "lodash": "^4.17.21"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/dojoengine/sdk.git"
+    },
+    "bugs": {
+        "url": "https://github.com/dojoengine/sdk/issues"
+    },
+    "homepage": "https://github.com/dojoengine/sdk#readme",
+    "keywords": [
+        "dojo",
+        "sdk",
+        "engine",
+        "typescript",
+        "torii"
+    ],
+    "engines": {
+        "node": ">=14.0.0"
     }
 }