Merge pull request #285 from dojoengine/feat/sdk-example

feat: example

Author: ponderingdemocritus

examples/example-vite-kitchen-sink/.eslintrc.json

@@ -1,3 +1,3 @@
 {
-  "extends": ["next/core-web-vitals", "next/typescript"]
+    "extends": ["next/core-web-vitals", "next/typescript"]
 }

examples/example-vite-kitchen-sink/README.md

@@ -14,16 +14,16 @@ In one terminal window, start katana (the sequencer). If you want to use sepolia
 
 ```bash
 katana --disable-fee --allowed-origins "*"
-``` 
+```
 
 In another terminal window, start torii server
 
 ```bash
 # with katana
 torii --world 0x6dd367f5e11f11e0502cb2c4db7ae9bb6d8b5a4a431750bed7bec88b218e12 --allowed-origins "*"
 # with mainnet|sepolia
-torii --world 0x6dd367f5e11f11e0502cb2c4db7ae9bb6d8b5a4a431750bed7bec88b218e12 --allowed-origins "*" --rpc "https://rpc.nethermind.io/(mainnet|sepolia)-juno?apikey={apikey}" -s 204922 
-``` 
+torii --world 0x6dd367f5e11f11e0502cb2c4db7ae9bb6d8b5a4a431750bed7bec88b218e12 --allowed-origins "*" --rpc "https://rpc.nethermind.io/(mainnet|sepolia)-juno?apikey={apikey}" -s 204922
+```
 
 Then, start the development server:
 
@@ -45,5 +45,5 @@ sozo migrate apply
 
 ### Notes
 
-- you main want to update `actions` contract address in `src/components/caller-counter.tsx` & `src/components/global-counter.tsx` which is hardcoded in those files.
-- if you want to have braavos & argent wallet working, you need to deploy classes and deploy your wallet manually.
+-   you main want to update `actions` contract address in `src/components/caller-counter.tsx` & `src/components/global-counter.tsx` which is hardcoded in those files.
+-   if you want to have braavos & argent wallet working, you need to deploy classes and deploy your wallet manually.

examples/example-vite-kitchen-sink/components.json

@@ -1,20 +1,20 @@
 {
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.ts",
-    "css": "app/globals.css",
-    "baseColor": "zinc",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  }
+    "$schema": "https://ui.shadcn.com/schema.json",
+    "style": "new-york",
+    "rsc": true,
+    "tsx": true,
+    "tailwind": {
+        "config": "tailwind.config.ts",
+        "css": "app/globals.css",
+        "baseColor": "zinc",
+        "cssVariables": true,
+        "prefix": ""
+    },
+    "aliases": {
+        "components": "@/components",
+        "utils": "@/lib/utils",
+        "ui": "@/components/ui",
+        "lib": "@/lib",
+        "hooks": "@/hooks"
+    }
 }

examples/example-vite-kitchen-sink/package.json

@@ -1,59 +1,59 @@
 {
-  "name": "sink",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@cartridge/connector": "^0.3.46",
-    "@dojoengine/core": "workspace:*",
-    "@dojoengine/sdk": "workspace:*",
-    "@dojoengine/torii-wasm": "workspace:*",
-    "@dojoengine/torii-client": "workspace:*",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-select": "^2.1.1",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.2",
-    "@starknet-react/chains": "^3.0.0",
-    "@starknet-react/core": "2.9.0",
-    "@t3-oss/env-core": "^0.11.1",
-    "@t3-oss/env-nextjs": "^0.11.1",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
-    "dotenv": "^16.4.5",
-    "jiti": "^1.21.6",
-    "lucide-react": "^0.441.0",
-    "next": "14.2.12",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.0",
-    "starknet": "6.11.0",
-    "tailwind-merge": "^2.5.2",
-    "tailwindcss-animate": "^1.0.7",
-    "vaul": "^0.9.9",
-    "zod": "^3.23.8"
-  },
-  "devDependencies": {
-    "@types/node": "^20.16.10",
-    "@types/react": "^18.3.10",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.2",
-    "eslint": "^8.57.1",
-    "eslint-config-next": "14.2.12",
-    "postcss": "^8.4.47",
-    "tailwindcss": "^3.4.13",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.8",
-    "vite-plugin-top-level-await": "^1.4.4",
-    "vite-plugin-wasm": "^3.3.0",
-    "vite-preset-react": "^2.3.0"
-  }
+    "name": "sink",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "dev": "vite",
+        "build": "tsc -b && vite build",
+        "lint": "eslint .",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "@cartridge/connector": "^0.3.46",
+        "@dojoengine/core": "workspace:*",
+        "@dojoengine/sdk": "workspace:*",
+        "@dojoengine/torii-wasm": "workspace:*",
+        "@dojoengine/torii-client": "workspace:*",
+        "@radix-ui/react-dialog": "^1.1.1",
+        "@radix-ui/react-dropdown-menu": "^2.1.1",
+        "@radix-ui/react-icons": "^1.3.0",
+        "@radix-ui/react-label": "^2.1.0",
+        "@radix-ui/react-select": "^2.1.1",
+        "@radix-ui/react-slot": "^1.1.0",
+        "@radix-ui/react-switch": "^1.1.0",
+        "@radix-ui/react-tooltip": "^1.1.2",
+        "@starknet-react/chains": "^3.0.0",
+        "@starknet-react/core": "2.9.0",
+        "@t3-oss/env-core": "^0.11.1",
+        "@t3-oss/env-nextjs": "^0.11.1",
+        "class-variance-authority": "^0.7.0",
+        "clsx": "^2.1.1",
+        "dotenv": "^16.4.5",
+        "jiti": "^1.21.6",
+        "lucide-react": "^0.441.0",
+        "next": "14.2.12",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-hook-form": "^7.53.0",
+        "starknet": "6.11.0",
+        "tailwind-merge": "^2.5.2",
+        "tailwindcss-animate": "^1.0.7",
+        "vaul": "^0.9.9",
+        "zod": "^3.23.8"
+    },
+    "devDependencies": {
+        "@types/node": "^20.16.10",
+        "@types/react": "^18.3.10",
+        "@types/react-dom": "^18.3.0",
+        "@vitejs/plugin-react": "^4.3.2",
+        "eslint": "^8.57.1",
+        "eslint-config-next": "14.2.12",
+        "postcss": "^8.4.47",
+        "tailwindcss": "^3.4.13",
+        "typescript": "^5.6.2",
+        "vite": "^5.4.8",
+        "vite-plugin-top-level-await": "^1.4.4",
+        "vite-plugin-wasm": "^3.3.0",
+        "vite-preset-react": "^2.3.0"
+    }
 }

examples/example-vite-kitchen-sink/postcss.config.mjs

@@ -1,8 +1,8 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
-  plugins: {
-    tailwindcss: {},
-  },
+    plugins: {
+        tailwindcss: {},
+    },
 };
 
 export default config;