Merge pull request dojoengine#142 from dojoengine/starknet-react-example

feat: init starknet react example connection
notV4l · Feb 29, 2024 · d157d45 · d157d45
2 parents 217ece7 + 24d28e7
commit d157d45
Show file tree

Hide file tree

Showing 77 changed files with 5,507 additions and 15,547 deletions.
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
@@ -12,12 +12,15 @@ jobs:
         steps:
             - uses: actions/checkout@v2
             - uses: oven-sh/setup-bun@v1
+            - uses: pnpm/action-setup@v3
+              with:
+                  version: 8
 
             - name: Update Submodules
               run: git submodule update --init --recursive
 
             - run: curl -L https://install.dojoengine.org | bash
-            - run: /home/runner/.config/.dojo/bin/dojoup -v v0.5.0
+            - run: /home/runner/.config/.dojo/bin/dojoup -v v0.5.1
             - run: |
                   cd examples/dojo-starter
                   /home/runner/.config/.dojo/bin/sozo build
@@ -26,22 +29,19 @@ jobs:
             - name: Install Protobuf Compiler
               run: sudo apt-get install -y protobuf-compiler
 
-            - name: Link dependencies
-              run: bun link
-
             - name: Install dependencies
-              run: bun install
+              run: pnpm i
 
             - name: Run Prettier
-              run: bun x prettier --check .
+              run: pnpm run prettier --check .
 
             - name: Build dependencies
-              run: bun run build && bun run build-examples
+              run: pnpm run build && pnpm run build-examples
 
             - name: Run tests
-              run: bun vitest
+              run: pnpm run test
 
-            # - name: Upload coverage reports to Codecov
-            #   uses: codecov/codecov-action@v3
-            #   env:
-            #       CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
+            - name: Upload coverage reports to Codecov
+              uses: codecov/codecov-action@v3
+              env:
+                  CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
diff --git a/bun.lockb b/bun.lockb
diff --git a/examples/.DS_Store b/examples/.DS_Store
diff --git a/examples/dojo-starter b/examples/dojo-starter
diff --git a/examples/node/torii-bot/bun.lockb b/examples/node/torii-bot/bun.lockb
diff --git a/examples/react/react-app/package.json b/examples/react/react-app/package.json
@@ -29,7 +29,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "rxjs": "^7.8.1",
-        "starknet": "5.24.3",
+        "starknet": "5.25.0",
         "vite-plugin-top-level-await": "^1.3.1",
         "vite-plugin-wasm": "^3.2.2"
     },

diff --git a/examples/react/react-app/src/dojo/createSystemCalls.ts b/examples/react/react-app/src/dojo/createSystemCalls.ts
@@ -1,4 +1,4 @@
-import { Account } from "starknet";
+import { AccountInterface } from "starknet";
 import { Entity, getComponentValue } from "@dojoengine/recs";
 import { uuid } from "@latticexyz/utils";
 import { ClientComponents } from "./createClientComponents";
@@ -18,7 +18,7 @@ export function createSystemCalls(
     contractComponents: ContractComponents,
     { Position, Moves }: ClientComponents
 ) {
-    const spawn = async (account: Account) => {
+    const spawn = async (account: AccountInterface) => {
         const entityId = getEntityIdFromKeys([
             BigInt(account.address),
         ]) as Entity;
@@ -62,7 +62,7 @@ export function createSystemCalls(
         }
     };
 
-    const move = async (account: Account, direction: Direction) => {
+    const move = async (account: AccountInterface, direction: Direction) => {
         const entityId = getEntityIdFromKeys([
             BigInt(account.address),
         ]) as Entity;

diff --git a/examples/react/react-app/src/dojo/generated/generated.ts b/examples/react/react-app/src/dojo/generated/generated.ts
@@ -1,16 +1,21 @@
 /* Autogenerated file. Do not edit manually. */
 
-import { Account } from "starknet";
+import { Account, AccountInterface } from "starknet";
 import { DojoProvider } from "@dojoengine/core";
 import { Direction } from "../../utils";
 
 export type IWorld = Awaited<ReturnType<typeof setupWorld>>;
 
+export interface MoveProps {
+    account: Account | AccountInterface;
+    direction: Direction;
+}
+
 export async function setupWorld(provider: DojoProvider) {
     function actions() {
         const contract_name = "actions";
 
-        const spawn = async ({ account }: { account: Account }) => {
+        const spawn = async ({ account }: { account: AccountInterface }) => {
             try {
                 return await provider.execute(
                     account,
@@ -24,13 +29,7 @@ export async function setupWorld(provider: DojoProvider) {
             }
         };
 
-        const move = async ({
-            account,
-            direction,
-        }: {
-            account: Account;
-            direction: Direction;
-        }) => {
+        const move = async ({ account, direction }: MoveProps) => {
             try {
                 return await provider.execute(account, contract_name, "move", [
                     direction,

diff --git a/examples/react/react-phaser-example/package.json b/examples/react/react-phaser-example/package.json
@@ -36,7 +36,7 @@
         "react-dom": "^18.2.0",
         "rxjs": "^7.8.1",
         "simplex-noise": "^4.0.1",
-        "starknet": "5.24.3",
+        "starknet": "5.25.0",
         "styled-components": "^6.0.7",
         "tailwind-merge": "^2.0.0",
         "tailwindcss-animate": "^1.0.7",

diff --git a/examples/react/react-phaser-example/src/dojo/createSystemCalls.ts b/examples/react/react-phaser-example/src/dojo/createSystemCalls.ts
@@ -1,4 +1,4 @@
-import { Account } from "starknet";
+import { AccountInterface } from "starknet";
 import { ClientComponents } from "./createClientComponents";
 import { Direction } from "./utils";
 import { ContractComponents } from "./generated/contractComponents";
@@ -11,7 +11,7 @@ export function createSystemCalls(
     contractComponents: ContractComponents,
     { Position, Moves }: ClientComponents
 ) {
-    const spawn = async (account: Account) => {
+    const spawn = async (account: AccountInterface) => {
         try {
             await client.actions.spawn({
                 account,
@@ -21,7 +21,7 @@ export function createSystemCalls(
         }
     };
 
-    const move = async (account: Account, direction: Direction) => {
+    const move = async (account: AccountInterface, direction: Direction) => {
         try {
             await client.actions.move({
                 account,

diff --git a/examples/react/react-phaser-example/src/dojo/generated/generated.ts b/examples/react/react-phaser-example/src/dojo/generated/generated.ts
@@ -1,16 +1,21 @@
 /* Autogenerated file. Do not edit manually. */
 
-import { Account } from "starknet";
+import { Account, AccountInterface } from "starknet";
 import { DojoProvider } from "@dojoengine/core";
 import { Direction } from "../utils";
 
 export type IWorld = Awaited<ReturnType<typeof setupWorld>>;
 
+export interface MoveProps {
+    account: Account | AccountInterface;
+    direction: Direction;
+}
+
 export async function setupWorld(provider: DojoProvider) {
     function actions() {
         const contract_name = "actions";
 
-        const spawn = async ({ account }: { account: Account }) => {
+        const spawn = async ({ account }: { account: AccountInterface }) => {
             try {
                 return await provider.execute(
                     account,
@@ -24,13 +29,7 @@ export async function setupWorld(provider: DojoProvider) {
             }
         };
 
-        const move = async ({
-            account,
-            direction,
-        }: {
-            account: Account;
-            direction: Direction;
-        }) => {
+        const move = async ({ account, direction }: MoveProps) => {
             try {
                 return await provider.execute(account, contract_name, "move", [
                     direction,

diff --git a/examples/react/react-pwa-app/package.json b/examples/react/react-pwa-app/package.json
@@ -31,7 +31,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "rxjs": "^7.8.1",
-        "starknet": "5.24.3",
+        "starknet": "5.25.0",
         "vite-plugin-top-level-await": "^1.3.1",
         "vite-plugin-wasm": "^3.2.2"
     },

diff --git a/examples/react/react-pwa-app/src/dojo/createSystemCalls.ts b/examples/react/react-pwa-app/src/dojo/createSystemCalls.ts
@@ -1,4 +1,4 @@
-import { Account } from "starknet";
+import { Account, AccountInterface } from "starknet";
 import { Entity, getComponentValue } from "@dojoengine/recs";
 import { uuid } from "@latticexyz/utils";
 import { ClientComponents } from "./createClientComponents";
@@ -18,7 +18,7 @@ export function createSystemCalls(
     contractComponents: ContractComponents,
     { Position, Moves }: ClientComponents
 ) {
-    const spawn = async (account: Account) => {
+    const spawn = async (account: AccountInterface) => {
         const entityId = getEntityIdFromKeys([
             BigInt(account.address),
         ]) as Entity;
@@ -62,7 +62,7 @@ export function createSystemCalls(
         }
     };
 
-    const move = async (account: Account, direction: Direction) => {
+    const move = async (account: AccountInterface, direction: Direction) => {
         const entityId = getEntityIdFromKeys([
             BigInt(account.address),
         ]) as Entity;

diff --git a/examples/react/react-pwa-app/src/dojo/generated/generated.ts b/examples/react/react-pwa-app/src/dojo/generated/generated.ts
@@ -1,16 +1,21 @@
 /* Autogenerated file. Do not edit manually. */
 
-import { Account } from "starknet";
+import { Account, AccountInterface } from "starknet";
 import { DojoProvider } from "@dojoengine/core";
 import { Direction } from "../../utils";
 
 export type IWorld = Awaited<ReturnType<typeof setupWorld>>;
 
+export interface MoveProps {
+    account: Account | AccountInterface;
+    direction: Direction;
+}
+
 export async function setupWorld(provider: DojoProvider) {
     function actions() {
         const contract_name = "actions";
 
-        const spawn = async ({ account }: { account: Account }) => {
+        const spawn = async ({ account }: { account: AccountInterface }) => {
             try {
                 return await provider.execute(
                     account,
@@ -24,13 +29,7 @@ export async function setupWorld(provider: DojoProvider) {
             }
         };
 
-        const move = async ({
-            account,
-            direction,
-        }: {
-            account: Account;
-            direction: Direction;
-        }) => {
+        const move = async ({ account, direction }: MoveProps) => {
             try {
                 return await provider.execute(account, contract_name, "move", [
                     direction,

diff --git a/examples/react/react-threejs/bun.lockb b/examples/react/react-threejs/bun.lockb
diff --git a/examples/react/react-threejs/package.json b/examples/react/react-threejs/package.json
@@ -47,7 +47,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "rxjs": "^7.8.1",
-        "starknet": "5.24.3",
+        "starknet": "5.25.0",
         "tailwind-merge": "^2.2.0",
         "tailwindcss": "^3.4.1",
         "tailwindcss-animate": "^1.0.7",
+5 −0		.github/workflows/test.yaml
+1 −1		.vscode/settings.json
+4 −4		README.md
+3 −3		Scarb.lock
+4 −3		Scarb.toml