fix: linting

dojoengine · Oct 31, 2024 · e283447 · e283447
1 parent 5bec93a
commit e283447
Show file tree

Hide file tree

Showing 9 changed files with 398 additions and 59 deletions.
diff --git a/examples/example-vite-svelte-recs/bun.lockb b/examples/example-vite-svelte-recs/bun.lockb
diff --git a/examples/example-vite-svelte-recs/dojoConfig.ts b/examples/example-vite-svelte-recs/dojoConfig.ts
@@ -1,4 +1,4 @@
-import manifest from "../manifests/dev/deployment/manifest.json";
+import manifest from "../../worlds/dojo-starter/manifests/dev/deployment/manifest.json";
 
 import { createDojoConfig } from "@dojoengine/core";
 

diff --git a/examples/example-vite-svelte-recs/index.html b/examples/example-vite-svelte-recs/index.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <link rel="icon" type="image/svg+xml" href="/vite.svg" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Vite + Svelte + TS</title>
+        <title>Vite + Svelte + TS + Dojo</title>
     </head>
     <body>
         <div id="app"></div>

diff --git a/examples/example-vite-svelte-recs/src/App.svelte b/examples/example-vite-svelte-recs/src/App.svelte
@@ -1,26 +1,35 @@
 <script lang="ts">
     import type { Entity } from "@dojoengine/recs";
-    import { componentValueStore, type ComponentStore } from "./dojo/componentValueStore";
+    import {
+        componentValueStore,
+        type ComponentStore,
+    } from "./dojo/componentValueStore";
     import { dojoStore, accountStore, burnerStore } from "./stores";
     import { Account } from "starknet";
     import { type Burner } from "@dojoengine/create-burner";
-    import { handleBurnerChange, handleNewBurner, handleClearBurners } from "./handlers";
+    import {
+        handleBurnerChange,
+        handleNewBurner,
+        handleClearBurners,
+    } from "./handlers";
 
     let entityId: Entity;
     let account: Account;
     let position: ComponentStore;
     let moves: ComponentStore;
-    let burners: Burner[]
-    
-    $: ({ clientComponents, torii, burnerManager, client } = $dojoStore);
-    $: if ($accountStore) account = $accountStore; 
+    let burners: Burner[];
 
-    $: if (torii && account) entityId = torii.poseidonHash([account.address])
+    $: ({ clientComponents, torii, burnerManager, client } = $dojoStore);
+    $: if ($accountStore) account = $accountStore;
 
-    $: if (dojoStore) position = componentValueStore(clientComponents.Position, entityId);
-    $: if (dojoStore) moves = componentValueStore(clientComponents.Moves, entityId);
-    $: if ($burnerStore) burners = $burnerStore
+    $: if (torii && account)
+        entityId = torii.poseidonHash([account.address]) as Entity;
 
+    $: if (dojoStore)
+        position = componentValueStore(clientComponents.Position, entityId);
+    $: if (dojoStore)
+        moves = componentValueStore(clientComponents.Moves, entityId);
+    $: if ($burnerStore) burners = $burnerStore;
 </script>
 
 <main>
@@ -40,21 +49,20 @@
             select signer:{" "}
             <select on:change={handleBurnerChange}>
                 {#each burners as burner}
-                        <option value={burner.address}>
-                            {burner.address}
-                        </option>
+                    <option value={burner.address}>
+                        {burner.address}
+                    </option>
                 {/each}
             </select>
         </div>
         <div>
-            <button on:click={handleClearBurners}>
-                Clear burners
-            </button>
+            <button on:click={handleClearBurners}> Clear burners </button>
         </div>
     </div>
 
     <div class="card">
-        <button on:click={() => client.actions.spawn({account})}>Spawn</button>
+        <button on:click={() => client.actions.spawn({ account })}>Spawn</button
+        >
         <div>
             Moves Left: {moves ? `${$moves?.remaining}` : "Need to Spawn"}
         </div>
@@ -66,17 +74,18 @@
         </div>
 
         <div>{$moves && $moves.last_direction}</div>
-
     </div>
 
     <div class="card">
         <div>
             <button
                 on:click={() =>
                     position && $position.vec.y > 0
-                        ? client.actions.move({account, direction:{ type: "Up" }})
-                        : console.log("Reach the borders of the world.")
-                }
+                        ? client.actions.move({
+                              account,
+                              direction: { type: "Up" },
+                          })
+                        : console.log("Reach the borders of the world.")}
             >
                 Move Up
             </button>
@@ -85,21 +94,31 @@
             <button
                 on:click={() =>
                     position && $position.vec.x > 0
-                        ? client.actions.move({account, direction: { type: "Left" }})
-                        : console.log("Reach the borders of the world.")
-                }
+                        ? client.actions.move({
+                              account,
+                              direction: { type: "Left" },
+                          })
+                        : console.log("Reach the borders of the world.")}
             >
                 Move Left
             </button>
             <button
-                on:click={() => client.actions.move({account, direction: { type: "Right" }})}
+                on:click={() =>
+                    client.actions.move({
+                        account,
+                        direction: { type: "Right" },
+                    })}
             >
                 Move Right
             </button>
         </div>
         <div>
             <button
-                on:click={() => client.actions.move({account, direction: { type: "Down" }})}
+                on:click={() =>
+                    client.actions.move({
+                        account,
+                        direction: { type: "Down" },
+                    })}
             >
                 Move Down
             </button>

diff --git a/examples/example-vite-svelte-recs/src/handlers.ts b/examples/example-vite-svelte-recs/src/handlers.ts
@@ -11,14 +11,14 @@ export function handleBurnerChange(event: Event) {
     accountStore.set(burnerManager.getActiveAccount());
 }
 
-export async function handleNewBurner(event: Event) {
+export async function handleNewBurner() {
     burnerManager = get(dojoStore).burnerManager;
     await burnerManager.create();
     burnerStore.set(burnerManager.list());
     accountStore.set(burnerManager.getActiveAccount());
 }
 
-export function handleClearBurners(event: Event) {
+export function handleClearBurners() {
     burnerManager = get(dojoStore).burnerManager;
     burnerManager.clear();
     burnerStore.set(burnerManager.list());

diff --git a/examples/example-vite-svelte-recs/src/main.ts b/examples/example-vite-svelte-recs/src/main.ts
@@ -4,10 +4,8 @@ import { setup } from "./dojo/setup";
 import { dojoConfig } from "../dojoConfig";
 import { accountStore, burnerStore, dojoStore } from "./stores";
 
-// Create a writable store for the setup result
-
 async function initApp() {
-    // Update the store with the setup result
+    // Set up dojo
     let setupRes = await setup(dojoConfig);
     dojoStore.set(setupRes);
     burnerStore.set(setupRes.burnerManager.list());

diff --git a/examples/example-vite-svelte-recs/src/stores.ts b/examples/example-vite-svelte-recs/src/stores.ts
@@ -1,4 +1,4 @@
-import { writable, derived } from "svelte/store";
+import { writable } from "svelte/store";
 import { type SetupResult } from "./dojo/setup";
 import { Account } from "starknet";
 import { type Burner } from "@dojoengine/create-burner";