+
+
+
+
+ Vite + React
+
+
+
+
+ Edit src/App.tsx and save to test HMR
+
+ Click on the Vite and React logos to learn more +
+ + ); +} + +export default App; diff --git a/examples/react/react-app/src/assets/react.svg b/examples/example-predeployed-connector/src/assets/react.svg similarity index 100% rename from examples/react/react-app/src/assets/react.svg rename to examples/example-predeployed-connector/src/assets/react.svg diff --git a/examples/react/react-pwa-app/src/index.css b/examples/example-predeployed-connector/src/index.css similarity index 94% rename from examples/react/react-pwa-app/src/index.css rename to examples/example-predeployed-connector/src/index.css index fa9cf5e5f..279fff56b 100644 --- a/examples/react/react-pwa-app/src/index.css +++ b/examples/example-predeployed-connector/src/index.css @@ -11,7 +11,6 @@ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - -webkit-text-size-adjust: 100%; } a { @@ -19,7 +18,6 @@ a { color: #646cff; text-decoration: inherit; } - a:hover { color: #535bf2; } @@ -48,11 +46,9 @@ button { cursor: pointer; transition: border-color 0.25s; } - button:hover { border-color: #646cff; } - button:focus, button:focus-visible { outline: 4px auto -webkit-focus-ring-color; @@ -63,16 +59,10 @@ button:focus-visible { color: #213547; background-color: #ffffff; } - a:hover { color: #747bff; } - button { background-color: #f9f9f9; } } - -canvas { - display: block; -} diff --git a/examples/example-predeployed-connector/src/main.tsx b/examples/example-predeployed-connector/src/main.tsx new file mode 100644 index 000000000..9a0f3ac2d --- /dev/null +++ b/examples/example-predeployed-connector/src/main.tsx @@ -0,0 +1,13 @@ +import { StrictMode } from "react"; +import { createRoot } from "react-dom/client"; +import "./index.css"; +import App from "./App.tsx"; +import StarknetProvider from "./starknet-provider.tsx"; + +createRoot(document.getElementById("root")!).render( +${JSON.stringify(update, null, 2)}`;
+ hljs.highlightElement(updateElement.firstChild! as HTMLElement);
+
+ const copyButton = document.createElement("button");
+ copyButton.textContent = "copy";
+ copyButton.style.cssText = `
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ padding: 2px 4px;
+ border: none;
+ border-radius: 4px;
+ background: #e0e0e0;
+ cursor: pointer;
+ `;
+
+ copyButton.onclick = async () => {
+ try {
+ await navigator.clipboard.writeText(
+ JSON.stringify(update, null, 2)
+ );
+ copyButton.textContent = "✓";
+ setTimeout(() => (copyButton.textContent = "copy"), 1000);
+ } catch (err) {
+ console.error("Failed to copy:", err);
+ copyButton.textContent = "❌";
+ setTimeout(() => (copyButton.textContent = "copy"), 1000);
+ }
+ };
+
+ updateContainer.appendChild(titleElement);
+ updateContainer.appendChild(updateElement);
+ updateContainer.appendChild(copyButton);
+ updatesDiv.appendChild(updateContainer);
+ updatesDiv.scrollTop = updatesDiv.scrollHeight;
+ }
+}
diff --git a/examples/react/react-phaser-example/src/vite-env.d.ts b/examples/example-vite-experimental-sdk/src/vite-env.d.ts
similarity index 100%
rename from examples/react/react-phaser-example/src/vite-env.d.ts
rename to examples/example-vite-experimental-sdk/src/vite-env.d.ts
diff --git a/examples/example-vite-experimental-sdk/tsconfig.json b/examples/example-vite-experimental-sdk/tsconfig.json
new file mode 100644
index 000000000..c62b3b564
--- /dev/null
+++ b/examples/example-vite-experimental-sdk/tsconfig.json
@@ -0,0 +1,22 @@
+{
+ "compilerOptions": {
+ "target": "ES2022",
+ "useDefineForClassFields": true,
+ "module": "ESNext",
+ "lib": ["ES2023"],
+ "skipLibCheck": true,
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "isolatedModules": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": ["src"]
+}
diff --git a/examples/example-vite-experimental-sdk/vite.config.ts b/examples/example-vite-experimental-sdk/vite.config.ts
new file mode 100644
index 000000000..9ec33a86d
--- /dev/null
+++ b/examples/example-vite-experimental-sdk/vite.config.ts
@@ -0,0 +1,17 @@
+import path from "path";
+import { defineConfig } from "vite";
+import wasm from "vite-plugin-wasm";
+import topLevelAwait from "vite-plugin-top-level-await";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [wasm(), topLevelAwait()],
+ resolve: {
+ alias: {
+ "@": path.resolve(__dirname, "./src"),
+ },
+ },
+ build: {
+ target: "ES2022",
+ },
+});
diff --git a/examples/example-vite-grpc-playground/.gitignore b/examples/example-vite-grpc-playground/.gitignore
new file mode 100644
index 000000000..a547bf36d
--- /dev/null
+++ b/examples/example-vite-grpc-playground/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/examples/example-vite-grpc-playground/.prettierignore b/examples/example-vite-grpc-playground/.prettierignore
new file mode 100644
index 000000000..b21d6f79d
--- /dev/null
+++ b/examples/example-vite-grpc-playground/.prettierignore
@@ -0,0 +1,19 @@
+**/*/target
+**/*/dist
+packages/torii-client/wasm
+packages/torii-client/pkg
+packages/torii-wasm/pkg/
+packages/utils-wasm/pkg/
+
+packages/create-burner/coverage
+packages/core/coverage
+
+worlds/dojo-starter
+worlds/onchain-dash
+
+# ignore lock files
+**/*-lock.yaml
+package-lock.json
+dev-dist
+
+**/CHANGELOG.md
diff --git a/examples/example-vite-grpc-playground/README.md b/examples/example-vite-grpc-playground/README.md
new file mode 100644
index 000000000..44f2acc07
--- /dev/null
+++ b/examples/example-vite-grpc-playground/README.md
@@ -0,0 +1,50 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+ languageOptions: {
+ // other options...
+ parserOptions: {
+ project: ["./tsconfig.node.json", "./tsconfig.app.json"],
+ tsconfigRootDir: import.meta.dirname,
+ },
+ },
+});
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from "eslint-plugin-react";
+
+export default tseslint.config({
+ // Set the react version
+ settings: { react: { version: "18.3" } },
+ plugins: {
+ // Add the react plugin
+ react,
+ },
+ rules: {
+ // other rules...
+ // Enable its recommended rules
+ ...react.configs.recommended.rules,
+ ...react.configs["jsx-runtime"].rules,
+ },
+});
+```
diff --git a/examples/react/react-app/dojoConfig.ts b/examples/example-vite-grpc-playground/dojoConfig.ts
similarity index 60%
rename from examples/react/react-app/dojoConfig.ts
rename to examples/example-vite-grpc-playground/dojoConfig.ts
index 634a32e5f..e45ee85a3 100644
--- a/examples/react/react-app/dojoConfig.ts
+++ b/examples/example-vite-grpc-playground/dojoConfig.ts
@@ -1,6 +1,7 @@
-import manifest from "../../dojo-starter/manifests/deployments/KATANA.json";
import { createDojoConfig } from "@dojoengine/core";
+import manifest from "../../worlds/dojo-starter/manifest_dev.json";
+
export const dojoConfig = createDojoConfig({
manifest,
});
diff --git a/examples/example-vite-grpc-playground/eslint.config.js b/examples/example-vite-grpc-playground/eslint.config.js
new file mode 100644
index 000000000..1c38349ad
--- /dev/null
+++ b/examples/example-vite-grpc-playground/eslint.config.js
@@ -0,0 +1,28 @@
+import js from "@eslint/js";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+ { ignores: ["dist"] },
+ {
+ extends: [js.configs.recommended, ...tseslint.configs.recommended],
+ files: ["**/*.{ts,tsx}"],
+ languageOptions: {
+ ecmaVersion: 2020,
+ globals: globals.browser,
+ },
+ plugins: {
+ "react-hooks": reactHooks,
+ "react-refresh": reactRefresh,
+ },
+ rules: {
+ ...reactHooks.configs.recommended.rules,
+ "react-refresh/only-export-components": [
+ "warn",
+ { allowConstantExport: true },
+ ],
+ },
+ }
+);
diff --git a/examples/example-vite-grpc-playground/index.html b/examples/example-vite-grpc-playground/index.html
new file mode 100644
index 000000000..9b2e0d820
--- /dev/null
+++ b/examples/example-vite-grpc-playground/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/examples/react/starknet-react-app/src/assets/react.svg b/examples/example-vite-grpc-playground/src/assets/react.svg
similarity index 100%
rename from examples/react/starknet-react-app/src/assets/react.svg
rename to examples/example-vite-grpc-playground/src/assets/react.svg
diff --git a/examples/example-vite-grpc-playground/src/components/minimal-worker.ts b/examples/example-vite-grpc-playground/src/components/minimal-worker.ts
new file mode 100644
index 000000000..b328c8b44
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/components/minimal-worker.ts
@@ -0,0 +1,7 @@
+// minimal-worker.ts
+console.log("Worker initializing...");
+
+self.onmessage = (e) => {
+ console.log("Worker received message:", e.data);
+ self.postMessage({ type: "success", result: "test" });
+};
diff --git a/examples/example-vite-grpc-playground/src/components/query-editor.tsx b/examples/example-vite-grpc-playground/src/components/query-editor.tsx
new file mode 100644
index 000000000..1f8ba5dee
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/components/query-editor.tsx
@@ -0,0 +1,212 @@
+import sdkType from "@dojoengine/sdk/types?raw";
+import * as monaco from "monaco-editor";
+import { useEffect, useRef } from "react";
+import * as ts from "typescript";
+import { Button } from "./ui/button";
+
+monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+ target: monaco.languages.typescript.ScriptTarget.ESNext,
+ moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+ allowNonTsExtensions: true,
+ lib: ["ESNext", "dom", "dojoenginesdk"],
+});
+monaco.languages.typescript.typescriptDefaults.addExtraLib(
+ `declare module dojoenginesdk { ${sdkType} };`,
+ "sdk.d.ts"
+);
+// const dojoenginesdkModel = monaco.editor.createModel(
+// sdkType,
+// "typescript",
+// monaco.Uri.parse("sdk.d.ts")
+// );
+
+const sourceFile = ts.createSourceFile(
+ "sdk.d.ts",
+ sdkType,
+ ts.ScriptTarget.Latest
+);
+
+// Step 2: Extract relevant information
+const completionItems: Partial
+
+
+
+
+
+
+ + Torii gRPC Playground +
+ + BETA + ++ Write and execute gRPC queries in real-time +
+
+
+
+
+
+
+ {activeTab === "history" ? (
+ {
+ setQuery(query);
+ setActiveTab("editor");
+ }}
+ onToggleFavorite={handleToggleFavorite}
+ />
+ ) : activeTab === "editor" ? (
+
+
+
+
+
+
+
+
+
+
+
+ + Query Editor +
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/examples/example-vite-grpc-playground/src/components/query-history.tsx b/examples/example-vite-grpc-playground/src/components/query-history.tsx
new file mode 100644
index 000000000..5a4827ab0
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/components/query-history.tsx
@@ -0,0 +1,54 @@
+export type QueryItem = {
+ query: string;
+ favorite: boolean;
+ timestamp: number;
+ rows: number;
+};
+interface QueryHistoryProps {
+ queries: QueryItem[];
+ onSelectQuery: (query: string) => void;
+ onToggleFavorite: (favoriteIdx: number) => void;
+}
+
+export const QueryHistory = ({
+ queries,
+ onSelectQuery,
+ onToggleFavorite,
+}: QueryHistoryProps) => {
+ return (
+
+ {queries.map((item, index) => (
+
+ );
+};
diff --git a/examples/example-vite-grpc-playground/src/components/query-results.tsx b/examples/example-vite-grpc-playground/src/components/query-results.tsx
new file mode 100644
index 000000000..90d12a96f
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/components/query-results.tsx
@@ -0,0 +1,107 @@
+import { Alert } from "./ui/alert";
+import { Button } from "./ui/button";
+
+interface QueryResultsProps {
+ response: any;
+ error: string | null;
+ loading: boolean;
+ executionTime: number | null;
+ onDownload: () => void;
+}
+
+export const QueryResults = ({
+ response,
+ error,
+ loading,
+ executionTime,
+ onDownload,
+}: QueryResultsProps) => {
+ return (
+ <>
+
+
+ ))}
+
+
+ onSelectQuery(item.query)}
+ >
+
+
+
+ {item.query}
+
+
+
+ {new Date(item.timestamp).toLocaleTimeString()}
+
+ {item.rows != null && {item.rows} rows}
+
+
+
+ Results
+ {response && ( + + )} +
+ {error && ! {error} }
+ {response && response.length > 0 && (
+
+ {response && (
+
+
+
+
+
+ )}
+ {(!response || response.length === 0) && !error && !loading && (
+ | + {header} + | + ))} +
|---|
| + {value === null ? ( + + NULL + + ) : typeof value === + "object" ? ( + JSON.stringify(value) + ) : ( + String(value) + )} + | + ) + )} +
+
+ )}
+ No Results Yet
++ Execute a query to see results here +
+
+
+ )}
+
+ );
+};
diff --git a/examples/example-vite-grpc-playground/src/components/schema-explorer.tsx b/examples/example-vite-grpc-playground/src/components/schema-explorer.tsx
new file mode 100644
index 000000000..ff62e7fae
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/components/schema-explorer.tsx
@@ -0,0 +1,77 @@
+import { useState } from "react";
+
+export type SchemaItem = {
+ table_name: string;
+ column_name: string;
+ data_type: string;
+ is_primary_key: boolean;
+ is_nullable: boolean;
+};
+interface SchemaExplorerProps {
+ schema: SchemaItem[];
+}
+export const SchemaExplorer = ({ schema }: SchemaExplorerProps) => {
+ const [expandedTables, setExpandedTables] = useState<{
+ [x: string]: boolean | SchemaItem[];
+ }>({});
+
+ // Group schema by table
+ const tableSchema = schema.reduce(
+ (acc: Record
+
+ + Showing {response.length} row + {response.length !== 1 ? "s" : ""} +
+ {executionTime && ( ++ {executionTime.toFixed(0)}ms +
+ )} +
+
+ );
+};
diff --git a/examples/example-vite-grpc-playground/src/components/ts-executor.ts b/examples/example-vite-grpc-playground/src/components/ts-executor.ts
new file mode 100644
index 000000000..4d32d8485
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/components/ts-executor.ts
@@ -0,0 +1,24 @@
+// Create a worker to evaluate user input code.
+async function createWorker(code: string) {
+ return new Promise((resolve, reject) => {
+ const worker = new Worker(new URL("./worker.ts", import.meta.url), {
+ type: "module",
+ });
+
+ worker.onmessage = (event) => {
+ if (event.data.type === "success") {
+ resolve(event.data.result);
+ }
+ if (event.data.type === "error") {
+ reject(event.data.error);
+ }
+ worker.terminate();
+ };
+
+ worker.postMessage({ code });
+ });
+}
+
+export async function evaluateUserInput(query: string): Promise
+ {Object.entries(tableSchema).map(([tableName, columns]) => (
+
+
+
+ ))}
+
+ setExpandedTables((prev) => ({
+ ...prev,
+ [tableName]: !prev[tableName],
+ }))
+ }
+ >
+ {expandedTables[tableName] ? "▼" : "▶"}
+ {tableName}
+
+ {expandedTables[tableName] && (
+
+ {columns.map((column) => (
+
+ )}
+
+ {column.column_name}
+
+ ({column.data_type}
+ {column.is_primary_key
+ ? ", PK"
+ : ""}
+ {column.is_nullable
+ ? ""
+ : ", NOT NULL"}
+ )
+
+
+ ))}
+ {children}
;
+};
diff --git a/examples/example-vite-grpc-playground/src/components/ui/button.tsx b/examples/example-vite-grpc-playground/src/components/ui/button.tsx
new file mode 100644
index 000000000..897f48f52
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/components/ui/button.tsx
@@ -0,0 +1,34 @@
+import type { PropsWithChildren } from "react";
+
+interface ButtonProps {
+ onClick: (...args: any) => any;
+ disabled?: boolean;
+ variant?: string;
+ className?: string;
+}
+
+export const Button = ({
+ children,
+ onClick,
+ disabled = false,
+ variant,
+ className,
+}: PropsWithChildren
+ {children}
+
+ );
+};
diff --git a/examples/example-vite-grpc-playground/src/components/worker.ts b/examples/example-vite-grpc-playground/src/components/worker.ts
new file mode 100644
index 000000000..9eeefccb9
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/components/worker.ts
@@ -0,0 +1,38 @@
+self.onmessage = async (e) => {
+ const {
+ ToriiQueryBuilder,
+ ClauseBuilder,
+ AndComposeClause,
+ OrComposeClause,
+ KeysClause,
+ MemberClause,
+ } = await import("@dojoengine/sdk");
+ try {
+ const inputCode = new Function(
+ "ToriiQueryBuilder",
+ "ClauseBuilder",
+ "AndComposeClause",
+ "OrComposeClause",
+ "KeysClause",
+ "MemberClause",
+ `return function() { ${e.data.code} }`
+ );
+ const result = inputCode(
+ ToriiQueryBuilder,
+ ClauseBuilder,
+ AndComposeClause,
+ OrComposeClause,
+ KeysClause,
+ MemberClause
+ )();
+ self.postMessage({ type: "success", result });
+ } catch (error) {
+ self.postMessage({
+ type: "error",
+ error: {
+ message: (error as Error).message,
+ stack: (error as Error).stack,
+ },
+ });
+ }
+};
diff --git a/examples/example-vite-grpc-playground/src/index.css b/examples/example-vite-grpc-playground/src/index.css
new file mode 100644
index 000000000..982b30315
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/index.css
@@ -0,0 +1,31 @@
+@import "tailwindcss";
+
+.animate-spin {
+ animation: spin 1s linear infinite;
+}
+@keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+::-webkit-scrollbar-track {
+ background: #f1f1f1;
+}
+::-webkit-scrollbar-thumb {
+ background: #888;
+ border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+ background: #555;
+}
+#monaco-editor {
+ width: 100%;
+ height: 100%;
+}
diff --git a/examples/example-vite-grpc-playground/src/main.tsx b/examples/example-vite-grpc-playground/src/main.tsx
new file mode 100644
index 000000000..dc6328018
--- /dev/null
+++ b/examples/example-vite-grpc-playground/src/main.tsx
@@ -0,0 +1,29 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
+import { init } from "@dojoengine/sdk";
+import { dojoConfig } from "../dojoConfig.ts";
+import { App } from "./App.tsx";
+
+async function main() {
+ const sdk = await init({
+ client: {
+ toriiUrl: dojoConfig.toriiUrl,
+ worldAddress: dojoConfig.manifest.world.address,
+ },
+ domain: {
+ name: "WORLD_NAME",
+ version: "1.0",
+ chainId: "KATANA",
+ revision: "1",
+ },
+ });
+
+ createRoot(document.getElementById("root")!).render(
+
+
+
+
+
+ 
+
+
+
+ OnChain Dash
+
+
+
+
+
+
+ Change theme on chain
+
+
+ handleChangeTheme(AvailableTheme.Light)
+ }
+ >
+ Light
+ ⇧⌘P
+
+
+ handleChangeTheme(AvailableTheme.Dark)
+ }
+ >
+ Dark
+ ⌘B
+
+
+ handleChangeTheme(AvailableTheme.Dojo)
+ }
+ >
+ Dojo
+ ⌘S
+
+
+
+
+
+ );
+}
diff --git a/examples/example-vite-kitchen-sink/src/components/ui/badge.tsx b/examples/example-vite-kitchen-sink/src/components/ui/badge.tsx
new file mode 100644
index 000000000..2b8b9108b
--- /dev/null
+++ b/examples/example-vite-kitchen-sink/src/components/ui/badge.tsx
@@ -0,0 +1,36 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const badgeVariants = cva(
+ "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+ {
+ variants: {
+ variant: {
+ default:
+ "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+ secondary:
+ "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ destructive:
+ "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+ outline: "text-foreground",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ },
+ }
+);
+
+export interface BadgeProps
+ extends React.HTMLAttributes+**Play:** Some of the amazing games [#madewithphaser](https://twitter.com/search?q=%23madewithphaser&src=typed_query&f=live)
+**Learn:** [API Docs](https://newdocs.phaser.io), [Support Forum](https://phaser.discourse.group/) and [StackOverflow](https://stackoverflow.com/questions/tagged/phaser-framework)
+**Discord:** Join us on [Discord](https://discord.gg/phaser)
+**Code:** 2000+ [Examples](https://labs.phaser.io)
+**Read:** The [Phaser World](https://phaser.io/community/newsletter) Newsletter
+ +Created by [Phaser Studio](mailto:support@phaser.io). Powered by coffee, anime, pixels and love. + +The Phaser logo and characters are © 2011 - 2024 Phaser Studio Inc. + +All rights reserved. diff --git a/examples/example-vite-phaser-sdk/dojoConfig.ts b/examples/example-vite-phaser-sdk/dojoConfig.ts new file mode 100644 index 000000000..e45ee85a3 --- /dev/null +++ b/examples/example-vite-phaser-sdk/dojoConfig.ts @@ -0,0 +1,7 @@ +import { createDojoConfig } from "@dojoengine/core"; + +import manifest from "../../worlds/dojo-starter/manifest_dev.json"; + +export const dojoConfig = createDojoConfig({ + manifest, +}); diff --git a/examples/example-vite-phaser-sdk/index.html b/examples/example-vite-phaser-sdk/index.html new file mode 100644 index 000000000..84b606628 --- /dev/null +++ b/examples/example-vite-phaser-sdk/index.html @@ -0,0 +1,17 @@ + + + + + + + +
+
+
+
+
+
diff --git a/examples/example-vite-phaser-sdk/log.js b/examples/example-vite-phaser-sdk/log.js
new file mode 100644
index 000000000..7988c6977
--- /dev/null
+++ b/examples/example-vite-phaser-sdk/log.js
@@ -0,0 +1,36 @@
+const fs = require("fs");
+const https = require("https");
+
+const main = async () => {
+ const args = process.argv.slice(2);
+ const packageData = JSON.parse(fs.readFileSync("./package.json", "utf8"));
+ const event = args[0] || "unknown";
+ const phaserVersion = packageData.dependencies.phaser;
+
+ const options = {
+ hostname: "gryzor.co",
+ port: 443,
+ path: `/v/${event}/${phaserVersion}/${packageData.name}`,
+ method: "GET",
+ };
+
+ try {
+ const req = https.request(options, (res) => {
+ res.on("data", () => {});
+ res.on("end", () => {
+ process.exit(0);
+ });
+ });
+
+ req.on("error", (error) => {
+ process.exit(1);
+ });
+
+ req.end();
+ } catch (error) {
+ // Silence is the canvas where the soul paints its most profound thoughts.
+ process.exit(1);
+ }
+};
+
+main();
diff --git a/examples/example-vite-phaser-sdk/package-lock.json b/examples/example-vite-phaser-sdk/package-lock.json
new file mode 100644
index 000000000..acae87520
--- /dev/null
+++ b/examples/example-vite-phaser-sdk/package-lock.json
@@ -0,0 +1,952 @@
+{
+ "name": "template-vite-ts",
+ "version": "1.3.2",
+ "private": true,
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "template-vite-ts",
+ "version": "1.3.2",
+ "license": "MIT",
+ "dependencies": {
+ "phaser": "^3.85.0"
+ },
+ "devDependencies": {
+ "terser": "^5.31.0",
+ "typescript": "^5.4.5",
+ "vite": "^5.3.1"
+ }
+ },
+ "node_modules/@esbuild/aix-ppc64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+ "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "aix"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/android-arm": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+ "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/android-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+ "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/android-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+ "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/darwin-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+ "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/darwin-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+ "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/freebsd-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+ "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/freebsd-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+ "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-arm": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+ "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+ "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-ia32": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+ "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-loong64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+ "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+ "cpu": [
+ "loong64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-mips64el": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+ "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+ "cpu": [
+ "mips64el"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-ppc64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+ "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-riscv64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+ "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+ "cpu": [
+ "riscv64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-s390x": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+ "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+ "cpu": [
+ "s390x"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+ "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/netbsd-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+ "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "netbsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/openbsd-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+ "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "openbsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/sunos-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+ "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "sunos"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/win32-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+ "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/win32-ia32": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+ "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/win32-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+ "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@jridgewell/gen-mapping": {
+ "version": "0.3.3",
+ "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+ "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+ "dev": true,
+ "dependencies": {
+ "@jridgewell/set-array": "^1.0.1",
+ "@jridgewell/sourcemap-codec": "^1.4.10",
+ "@jridgewell/trace-mapping": "^0.3.9"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/@jridgewell/resolve-uri": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+ "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+ "dev": true,
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/@jridgewell/set-array": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+ "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+ "dev": true,
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/@jridgewell/source-map": {
+ "version": "0.3.5",
+ "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+ "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+ "dev": true,
+ "dependencies": {
+ "@jridgewell/gen-mapping": "^0.3.0",
+ "@jridgewell/trace-mapping": "^0.3.9"
+ }
+ },
+ "node_modules/@jridgewell/sourcemap-codec": {
+ "version": "1.4.15",
+ "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+ "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+ "dev": true
+ },
+ "node_modules/@jridgewell/trace-mapping": {
+ "version": "0.3.22",
+ "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.22.tgz",
+ "integrity": "sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw==",
+ "dev": true,
+ "dependencies": {
+ "@jridgewell/resolve-uri": "^3.1.0",
+ "@jridgewell/sourcemap-codec": "^1.4.14"
+ }
+ },
+ "node_modules/@rollup/rollup-android-arm-eabi": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.1.tgz",
+ "integrity": "sha512-lncuC4aHicncmbORnx+dUaAgzee9cm/PbIqgWz1PpXuwc+sa1Ct83tnqUDy/GFKleLiN7ZIeytM6KJ4cAn1SxA==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ]
+ },
+ "node_modules/@rollup/rollup-android-arm64": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.1.tgz",
+ "integrity": "sha512-F/tkdw0WSs4ojqz5Ovrw5r9odqzFjb5LIgHdHZG65dFI1lWTWRVy32KDJLKRISHgJvqUeUhdIvy43fX41znyDg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ]
+ },
+ "node_modules/@rollup/rollup-darwin-arm64": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.1.tgz",
+ "integrity": "sha512-vk+ma8iC1ebje/ahpxpnrfVQJibTMyHdWpOGZ3JpQ7Mgn/3QNHmPq7YwjZbIE7km73dH5M1e6MRRsnEBW7v5CQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ]
+ },
+ "node_modules/@rollup/rollup-darwin-x64": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.1.tgz",
+ "integrity": "sha512-IgpzXKauRe1Tafcej9STjSSuG0Ghu/xGYH+qG6JwsAUxXrnkvNHcq/NL6nz1+jzvWAnQkuAJ4uIwGB48K9OCGA==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.1.tgz",
+ "integrity": "sha512-P9bSiAUnSSM7EmyRK+e5wgpqai86QOSv8BwvkGjLwYuOpaeomiZWifEos517CwbG+aZl1T4clSE1YqqH2JRs+g==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.1.tgz",
+ "integrity": "sha512-5RnjpACoxtS+aWOI1dURKno11d7krfpGDEn19jI8BuWmSBbUC4ytIADfROM1FZrFhQPSoP+KEa3NlEScznBTyQ==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm64-gnu": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.1.tgz",
+ "integrity": "sha512-8mwmGD668m8WaGbthrEYZ9CBmPug2QPGWxhJxh/vCgBjro5o96gL04WLlg5BA233OCWLqERy4YUzX3bJGXaJgQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm64-musl": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.1.tgz",
+ "integrity": "sha512-dJX9u4r4bqInMGOAQoGYdwDP8lQiisWb9et+T84l2WXk41yEej8v2iGKodmdKimT8cTAYt0jFb+UEBxnPkbXEQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.1.tgz",
+ "integrity": "sha512-V72cXdTl4EI0x6FNmho4D502sy7ed+LuVW6Ym8aI6DRQ9hQZdp5sj0a2usYOlqvFBNKQnLQGwmYnujo2HvjCxQ==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.1.tgz",
+ "integrity": "sha512-f+pJih7sxoKmbjghrM2RkWo2WHUW8UbfxIQiWo5yeCaCM0TveMEuAzKJte4QskBp1TIinpnRcxkquY+4WuY/tg==",
+ "cpu": [
+ "riscv64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-s390x-gnu": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.1.tgz",
+ "integrity": "sha512-qb1hMMT3Fr/Qz1OKovCuUM11MUNLUuHeBC2DPPAWUYYUAOFWaxInaTwTQmc7Fl5La7DShTEpmYwgdt2hG+4TEg==",
+ "cpu": [
+ "s390x"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-x64-gnu": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.1.tgz",
+ "integrity": "sha512-7O5u/p6oKUFYjRbZkL2FLbwsyoJAjyeXHCU3O4ndvzg2OFO2GinFPSJFGbiwFDaCFc+k7gs9CF243PwdPQFh5g==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-x64-musl": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.1.tgz",
+ "integrity": "sha512-pDLkYITdYrH/9Cv/Vlj8HppDuLMDUBmgsM0+N+xLtFd18aXgM9Nyqupb/Uw+HeidhfYg2lD6CXvz6CjoVOaKjQ==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-arm64-msvc": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.1.tgz",
+ "integrity": "sha512-W2ZNI323O/8pJdBGil1oCauuCzmVd9lDmWBBqxYZcOqWD6aWqJtVBQ1dFrF4dYpZPks6F+xCZHfzG5hYlSHZ6g==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-ia32-msvc": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.1.tgz",
+ "integrity": "sha512-ELfEX1/+eGZYMaCIbK4jqLxO1gyTSOIlZr6pbC4SRYFaSIDVKOnZNMdoZ+ON0mrFDp4+H5MhwNC1H/AhE3zQLg==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-x64-msvc": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.1.tgz",
+ "integrity": "sha512-yjk2MAkQmoaPYCSu35RLJ62+dz358nE83VfTePJRp8CG7aMg25mEJYpXFiD+NcevhX8LxD5OP5tktPXnXN7GDw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@types/estree": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+ "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+ "dev": true
+ },
+ "node_modules/acorn": {
+ "version": "8.11.3",
+ "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
+ "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+ "dev": true,
+ "bin": {
+ "acorn": "bin/acorn"
+ },
+ "engines": {
+ "node": ">=0.4.0"
+ }
+ },
+ "node_modules/buffer-from": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+ "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+ "dev": true
+ },
+ "node_modules/commander": {
+ "version": "2.20.3",
+ "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+ "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+ "dev": true
+ },
+ "node_modules/esbuild": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+ "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+ "dev": true,
+ "hasInstallScript": true,
+ "bin": {
+ "esbuild": "bin/esbuild"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "optionalDependencies": {
+ "@esbuild/aix-ppc64": "0.21.5",
+ "@esbuild/android-arm": "0.21.5",
+ "@esbuild/android-arm64": "0.21.5",
+ "@esbuild/android-x64": "0.21.5",
+ "@esbuild/darwin-arm64": "0.21.5",
+ "@esbuild/darwin-x64": "0.21.5",
+ "@esbuild/freebsd-arm64": "0.21.5",
+ "@esbuild/freebsd-x64": "0.21.5",
+ "@esbuild/linux-arm": "0.21.5",
+ "@esbuild/linux-arm64": "0.21.5",
+ "@esbuild/linux-ia32": "0.21.5",
+ "@esbuild/linux-loong64": "0.21.5",
+ "@esbuild/linux-mips64el": "0.21.5",
+ "@esbuild/linux-ppc64": "0.21.5",
+ "@esbuild/linux-riscv64": "0.21.5",
+ "@esbuild/linux-s390x": "0.21.5",
+ "@esbuild/linux-x64": "0.21.5",
+ "@esbuild/netbsd-x64": "0.21.5",
+ "@esbuild/openbsd-x64": "0.21.5",
+ "@esbuild/sunos-x64": "0.21.5",
+ "@esbuild/win32-arm64": "0.21.5",
+ "@esbuild/win32-ia32": "0.21.5",
+ "@esbuild/win32-x64": "0.21.5"
+ }
+ },
+ "node_modules/eventemitter3": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+ "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
+ },
+ "node_modules/fsevents": {
+ "version": "2.3.3",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+ "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+ "dev": true,
+ "hasInstallScript": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+ }
+ },
+ "node_modules/nanoid": {
+ "version": "3.3.7",
+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+ "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "bin": {
+ "nanoid": "bin/nanoid.cjs"
+ },
+ "engines": {
+ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+ }
+ },
+ "node_modules/phaser": {
+ "version": "3.85.0",
+ "resolved": "https://registry.npmjs.org/phaser/-/phaser-3.85.0.tgz",
+ "integrity": "sha512-mFcsD7Q5jDGpPXJF8zHeHo9SM6TFVw7zk2p7BEIkL+uokVPsom3+eTv7tPKZ7Bok3D5GAS9u/lN9lTz8jl63sw==",
+ "dependencies": {
+ "eventemitter3": "^5.0.1"
+ }
+ },
+ "node_modules/picocolors": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+ "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+ "dev": true
+ },
+ "node_modules/postcss": {
+ "version": "8.4.39",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.39.tgz",
+ "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/postcss"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "dependencies": {
+ "nanoid": "^3.3.7",
+ "picocolors": "^1.0.1",
+ "source-map-js": "^1.2.0"
+ },
+ "engines": {
+ "node": "^10 || ^12 || >=14"
+ }
+ },
+ "node_modules/rollup": {
+ "version": "4.18.1",
+ "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.18.1.tgz",
+ "integrity": "sha512-Elx2UT8lzxxOXMpy5HWQGZqkrQOtrVDDa/bm9l10+U4rQnVzbL/LgZ4NOM1MPIDyHk69W4InuYDF5dzRh4Kw1A==",
+ "dev": true,
+ "dependencies": {
+ "@types/estree": "1.0.5"
+ },
+ "bin": {
+ "rollup": "dist/bin/rollup"
+ },
+ "engines": {
+ "node": ">=18.0.0",
+ "npm": ">=8.0.0"
+ },
+ "optionalDependencies": {
+ "@rollup/rollup-android-arm-eabi": "4.18.1",
+ "@rollup/rollup-android-arm64": "4.18.1",
+ "@rollup/rollup-darwin-arm64": "4.18.1",
+ "@rollup/rollup-darwin-x64": "4.18.1",
+ "@rollup/rollup-linux-arm-gnueabihf": "4.18.1",
+ "@rollup/rollup-linux-arm-musleabihf": "4.18.1",
+ "@rollup/rollup-linux-arm64-gnu": "4.18.1",
+ "@rollup/rollup-linux-arm64-musl": "4.18.1",
+ "@rollup/rollup-linux-powerpc64le-gnu": "4.18.1",
+ "@rollup/rollup-linux-riscv64-gnu": "4.18.1",
+ "@rollup/rollup-linux-s390x-gnu": "4.18.1",
+ "@rollup/rollup-linux-x64-gnu": "4.18.1",
+ "@rollup/rollup-linux-x64-musl": "4.18.1",
+ "@rollup/rollup-win32-arm64-msvc": "4.18.1",
+ "@rollup/rollup-win32-ia32-msvc": "4.18.1",
+ "@rollup/rollup-win32-x64-msvc": "4.18.1",
+ "fsevents": "~2.3.2"
+ }
+ },
+ "node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/source-map-js": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+ "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/source-map-support": {
+ "version": "0.5.21",
+ "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+ "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+ "dev": true,
+ "dependencies": {
+ "buffer-from": "^1.0.0",
+ "source-map": "^0.6.0"
+ }
+ },
+ "node_modules/terser": {
+ "version": "5.31.2",
+ "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.2.tgz",
+ "integrity": "sha512-LGyRZVFm/QElZHy/CPr/O4eNZOZIzsrQ92y4v9UJe/pFJjypje2yI3C2FmPtvUEnhadlSbmG2nXtdcjHOjCfxw==",
+ "dev": true,
+ "dependencies": {
+ "@jridgewell/source-map": "^0.3.3",
+ "acorn": "^8.8.2",
+ "commander": "^2.20.0",
+ "source-map-support": "~0.5.20"
+ },
+ "bin": {
+ "terser": "bin/terser"
+ },
+ "engines": {
+ "node": ">=10"
+ }
+ },
+ "node_modules/typescript": {
+ "version": "5.5.3",
+ "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.3.tgz",
+ "integrity": "sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==",
+ "dev": true,
+ "bin": {
+ "tsc": "bin/tsc",
+ "tsserver": "bin/tsserver"
+ },
+ "engines": {
+ "node": ">=14.17"
+ }
+ },
+ "node_modules/vite": {
+ "version": "5.3.3",
+ "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.3.tgz",
+ "integrity": "sha512-NPQdeCU0Dv2z5fu+ULotpuq5yfCS1BzKUIPhNbP3YBfAMGJXbt2nS+sbTFu+qchaqWTD+H3JK++nRwr6XIcp6A==",
+ "dev": true,
+ "dependencies": {
+ "esbuild": "^0.21.3",
+ "postcss": "^8.4.39",
+ "rollup": "^4.13.0"
+ },
+ "bin": {
+ "vite": "bin/vite.js"
+ },
+ "engines": {
+ "node": "^18.0.0 || >=20.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/vitejs/vite?sponsor=1"
+ },
+ "optionalDependencies": {
+ "fsevents": "~2.3.3"
+ },
+ "peerDependencies": {
+ "@types/node": "^18.0.0 || >=20.0.0",
+ "less": "*",
+ "lightningcss": "^1.21.0",
+ "sass": "*",
+ "stylus": "*",
+ "sugarss": "*",
+ "terser": "^5.4.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/node": {
+ "optional": true
+ },
+ "less": {
+ "optional": true
+ },
+ "lightningcss": {
+ "optional": true
+ },
+ "sass": {
+ "optional": true
+ },
+ "stylus": {
+ "optional": true
+ },
+ "sugarss": {
+ "optional": true
+ },
+ "terser": {
+ "optional": true
+ }
+ }
+ }
+ }
+}
diff --git a/examples/example-vite-phaser-sdk/package.json b/examples/example-vite-phaser-sdk/package.json
new file mode 100644
index 000000000..e21d776cc
--- /dev/null
+++ b/examples/example-vite-phaser-sdk/package.json
@@ -0,0 +1,46 @@
+{
+ "name": "example-vite-phaser-sdk",
+ "description": "A Phaser 3 TypeScript template using Vite.",
+ "version": "1.5.4",
+ "private": true,
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/phaserjs/template-vite-ts.git"
+ },
+ "author": "Phaser Studio
+
+ );
+}
+
+export default App;
diff --git a/examples/react/react-app/src/dojo/DojoContext.tsx b/examples/example-vite-react-app-recs/src/dojo/DojoContext.tsx
similarity index 50%
rename from examples/react/react-app/src/dojo/DojoContext.tsx
rename to examples/example-vite-react-app-recs/src/dojo/DojoContext.tsx
index aee45952c..af6526679 100644
--- a/examples/react/react-app/src/dojo/DojoContext.tsx
+++ b/examples/example-vite-react-app-recs/src/dojo/DojoContext.tsx
@@ -1,7 +1,8 @@
+import { createContext, ReactNode, useContext, useMemo } from "react";
import { BurnerAccount, useBurnerManager } from "@dojoengine/create-burner";
-import { ReactNode, createContext, useContext, useMemo } from "react";
import { Account } from "starknet";
-import { SetupResult } from "./generated/setup";
+
+import { SetupResult } from "./setup";
interface DojoContextType extends SetupResult {
masterAccount: Account;
@@ -18,7 +19,9 @@ export const DojoProvider = ({
value: SetupResult;
}) => {
const currentValue = useContext(DojoContext);
- if (currentValue) throw new Error("DojoProvider can only be used once");
+ if (currentValue) {
+ throw new Error("DojoProvider can only be used once");
+ }
const {
config: { masterAddress, masterPrivateKey },
@@ -28,29 +31,15 @@ export const DojoProvider = ({
const masterAccount = useMemo(
() =>
- new Account(
- dojoProvider.provider,
- masterAddress,
- masterPrivateKey,
- "1"
- ),
+ new Account({
+ provider: dojoProvider.provider,
+ address: masterAddress,
+ signer: masterPrivateKey,
+ }),
[masterAddress, masterPrivateKey, dojoProvider.provider]
);
- const {
- create,
- list,
- get,
- account,
- select,
- isDeploying,
- clear,
- count,
- copyToClipboard,
- applyFromClipboard,
- } = useBurnerManager({
- burnerManager,
- });
+ const burnerManagerData = useBurnerManager({ burnerManager });
return (
+
+
+
+ Dojo + Recs + Tailwind
+ ++ This is a simple example of using Dojo, Recs, and + Tailwind CSS in a React application. +
+ +
+ Read the{" "}
+
+ book
+
+
+
+
+ {account && account?.list().length > 0 && (
+
+ )}
+
+ {clipboardStatus.message && (
+
+
+
+ {clipboardStatus.message}
+
+ )}
+
+
+
+ {`Burners Deployed: ${account.count}`}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Moves Left:{" "}
+ {moves ? `${moves.remaining}` : "Need to Spawn"}
+
+
+ {position
+ ? `x: ${position?.vec.x}, y: ${position?.vec.y}`
+ : "Need to Spawn"}
+
+
+ {moves && moves.last_direction}
+
+
+ {[
+ {
+ direction: "Up" as const,
+ label: "↑",
+ col: "col-start-2",
+ },
+ {
+ direction: "Left" as const,
+ label: "←",
+ col: "col-start-1",
+ },
+ {
+ direction: "Right" as const,
+ label: "→",
+ col: "col-start-3",
+ },
+ {
+ direction: "Down" as const,
+ label: "↓",
+ col: "col-start-2",
+ },
+ ].map(({ direction, label, col }) => (
+
+ ))}
+
+
+ Yes, blazingly fast! Every action here is a transaction.
+
+
+ Loading....
+
+);
+
+// Perform setup and then render the app
+setup(dojoConfig)
+ .then((setupResult) => {
+ if (!setupResult) {
+ // Optionally update the loader or show an error
+ root.render(
+
+ Loading....
+
+ );
+ return;
+ }
+
+ root.render(
+
+ Initialization failed
+
+ );
+ });
diff --git a/examples/react/starknet-react-app/src/vite-env.d.ts b/examples/example-vite-react-app-recs/src/vite-env.d.ts
similarity index 100%
rename from examples/react/starknet-react-app/src/vite-env.d.ts
rename to examples/example-vite-react-app-recs/src/vite-env.d.ts
diff --git a/examples/example-vite-react-app-recs/tailwind.config.js b/examples/example-vite-react-app-recs/tailwind.config.js
new file mode 100644
index 000000000..40eda6655
--- /dev/null
+++ b/examples/example-vite-react-app-recs/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+};
diff --git a/examples/react/react-pwa-app/tsconfig.json b/examples/example-vite-react-app-recs/tsconfig.json
similarity index 84%
rename from examples/react/react-pwa-app/tsconfig.json
rename to examples/example-vite-react-app-recs/tsconfig.json
index 7f1be29a3..77a377434 100644
--- a/examples/react/react-pwa-app/tsconfig.json
+++ b/examples/example-vite-react-app-recs/tsconfig.json
@@ -1,11 +1,11 @@
{
"compilerOptions": {
- "target": "ES2020",
+ "target": "ES2022",
"useDefineForClassFields": true,
- "lib": ["ES2020", "DOM", "DOM.Iterable"],
"module": "ESNext",
+ "lib": ["ES2023", "DOM"],
"skipLibCheck": true,
- "moduleResolution": "node",
+ "moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
diff --git a/examples/react/react-app/tsconfig.node.json b/examples/example-vite-react-app-recs/tsconfig.node.json
similarity index 100%
rename from examples/react/react-app/tsconfig.node.json
rename to examples/example-vite-react-app-recs/tsconfig.node.json
diff --git a/examples/react/starknet-react-app/vite.config.ts b/examples/example-vite-react-app-recs/vite.config.ts
similarity index 86%
rename from examples/react/starknet-react-app/vite.config.ts
rename to examples/example-vite-react-app-recs/vite.config.ts
index a77004fe8..650e02ec4 100644
--- a/examples/react/starknet-react-app/vite.config.ts
+++ b/examples/example-vite-react-app-recs/vite.config.ts
@@ -1,9 +1,12 @@
-import { defineConfig } from "vite";
-import wasm from "vite-plugin-wasm";
import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
import topLevelAwait from "vite-plugin-top-level-await";
+import wasm from "vite-plugin-wasm";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react(), wasm(), topLevelAwait()],
+ build: {
+ target: "ES2022",
+ },
});
diff --git a/examples/react/react-phaser-example/.env.development b/examples/example-vite-react-phaser-recs/.env.development
similarity index 100%
rename from examples/react/react-phaser-example/.env.development
rename to examples/example-vite-react-phaser-recs/.env.development
diff --git a/examples/react/react-phaser-example/.eslintrc.cjs b/examples/example-vite-react-phaser-recs/.eslintrc.cjs
similarity index 100%
rename from examples/react/react-phaser-example/.eslintrc.cjs
rename to examples/example-vite-react-phaser-recs/.eslintrc.cjs
diff --git a/examples/react/react-phaser-example/.gitignore b/examples/example-vite-react-phaser-recs/.gitignore
similarity index 100%
rename from examples/react/react-phaser-example/.gitignore
rename to examples/example-vite-react-phaser-recs/.gitignore
diff --git a/examples/example-vite-react-phaser-recs/.prettierignore b/examples/example-vite-react-phaser-recs/.prettierignore
new file mode 100644
index 000000000..b21d6f79d
--- /dev/null
+++ b/examples/example-vite-react-phaser-recs/.prettierignore
@@ -0,0 +1,19 @@
+**/*/target
+**/*/dist
+packages/torii-client/wasm
+packages/torii-client/pkg
+packages/torii-wasm/pkg/
+packages/utils-wasm/pkg/
+
+packages/create-burner/coverage
+packages/core/coverage
+
+worlds/dojo-starter
+worlds/onchain-dash
+
+# ignore lock files
+**/*-lock.yaml
+package-lock.json
+dev-dist
+
+**/CHANGELOG.md
diff --git a/examples/react/react-app/LICENSE b/examples/example-vite-react-phaser-recs/LICENSE
similarity index 100%
rename from examples/react/react-app/LICENSE
rename to examples/example-vite-react-phaser-recs/LICENSE
diff --git a/examples/react/react-phaser-example/components.json b/examples/example-vite-react-phaser-recs/components.json
similarity index 100%
rename from examples/react/react-phaser-example/components.json
rename to examples/example-vite-react-phaser-recs/components.json
diff --git a/examples/example-vite-react-phaser-recs/dojoConfig.ts b/examples/example-vite-react-phaser-recs/dojoConfig.ts
new file mode 100644
index 000000000..2c9d5c0b4
--- /dev/null
+++ b/examples/example-vite-react-phaser-recs/dojoConfig.ts
@@ -0,0 +1,6 @@
+import manifest from "../../worlds/dojo-starter/manifest_dev.json";
+import { createDojoConfig } from "@dojoengine/core";
+
+export const dojoConfig = createDojoConfig({
+ manifest,
+});
diff --git a/examples/react/react-phaser-example/index.html b/examples/example-vite-react-phaser-recs/index.html
similarity index 100%
rename from examples/react/react-phaser-example/index.html
rename to examples/example-vite-react-phaser-recs/index.html
diff --git a/examples/example-vite-react-phaser-recs/package.json b/examples/example-vite-react-phaser-recs/package.json
new file mode 100644
index 000000000..c905e172b
--- /dev/null
+++ b/examples/example-vite-react-phaser-recs/package.json
@@ -0,0 +1,67 @@
+{
+ "name": "example-vite-react-phaser-recs",
+ "private": true,
+ "version": "0.1.0",
+ "type": "module",
+ "scripts": {
+ "lint:check": "biome lint .",
+ "lint": "biome lint . --write",
+ "dev": "vite",
+ "build": "tsc && vite build",
+ "preview": "vite preview",
+ "codegen": "graphql-codegen",
+ "format:check": "biome format .",
+ "format": "biome format . --write"
+ },
+ "dependencies": {
+ "@dojoengine/core": "workspace:*",
+ "@dojoengine/create-burner": "workspace:*",
+ "@dojoengine/react": "workspace:*",
+ "@dojoengine/recs": "2.0.13",
+ "@dojoengine/state": "workspace:*",
+ "@dojoengine/sdk": "workspace:*",
+ "@dojoengine/torii-client": "workspace:*",
+ "@dojoengine/torii-wasm": "workspace:*",
+ "@dojoengine/utils": "workspace:*",
+ "@latticexyz/phaserx": "2.0.0-transaction-context-af4b168c",
+ "@latticexyz/utils": "^2.2.16",
+ "@radix-ui/react-slot": "^1.1.1",
+ "alea": "^1.0.1",
+ "class-variance-authority": "^0.7.1",
+ "clsx": "^2.1.1",
+ "ethers": "^5.7.2",
+ "events": "^3.3.0",
+ "lucide-react": "^0.292.0",
+ "mobx": "^6.13.5",
+ "phaser": "3.60.0-beta.14",
+ "proxy-deep": "^3.1.1",
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1",
+ "rxjs": "^7.8.1",
+ "simplex-noise": "^4.0.3",
+ "starknet": "catalog:",
+ "styled-components": "^6.1.14",
+ "tailwind-merge": "^2.6.0",
+ "tailwindcss-animate": "^1.0.7",
+ "vite-plugin-wasm": "^3.4.1",
+ "zustand": "^4.5.6"
+ },
+ "devDependencies": {
+ "@biomejs/biome": "^2.1.3",
+ "@types/node": "^20.17.14",
+ "@types/react": "^18.3.18",
+ "@types/react-dom": "^18.3.5",
+ "@typescript-eslint/eslint-plugin": "^5.62.0",
+ "@typescript-eslint/parser": "^5.62.0",
+ "@vitejs/plugin-react": "^4.3.4",
+ "autoprefixer": "^10.4.20",
+ "eslint": "^8.57.1",
+ "eslint-plugin-react-hooks": "^4.6.2",
+ "eslint-plugin-react-refresh": "^0.3.5",
+ "postcss": "^8.5.1",
+ "tailwindcss": "^3.4.17",
+ "typescript": "^5.7.3",
+ "vite": "^6.0.11",
+ "vite-plugin-top-level-await": "^1.4.4"
+ }
+}
diff --git a/examples/react/react-threejs/postcss.config.js b/examples/example-vite-react-phaser-recs/postcss.config.js
similarity index 100%
rename from examples/react/react-threejs/postcss.config.js
rename to examples/example-vite-react-phaser-recs/postcss.config.js
diff --git a/examples/react/react-phaser-example/public/assets/atlases/atlas.json b/examples/example-vite-react-phaser-recs/public/assets/atlases/atlas.json
similarity index 100%
rename from examples/react/react-phaser-example/public/assets/atlases/atlas.json
rename to examples/example-vite-react-phaser-recs/public/assets/atlases/atlas.json
diff --git a/examples/react/react-phaser-example/public/assets/atlases/atlas.png b/examples/example-vite-react-phaser-recs/public/assets/atlases/atlas.png
similarity index 100%
rename from examples/react/react-phaser-example/public/assets/atlases/atlas.png
rename to examples/example-vite-react-phaser-recs/public/assets/atlases/atlas.png
diff --git a/examples/react/react-phaser-example/public/assets/paper.png b/examples/example-vite-react-phaser-recs/public/assets/paper.png
similarity index 100%
rename from examples/react/react-phaser-example/public/assets/paper.png
rename to examples/example-vite-react-phaser-recs/public/assets/paper.png
diff --git a/examples/react/react-phaser-example/public/assets/rock.png b/examples/example-vite-react-phaser-recs/public/assets/rock.png
similarity index 100%
rename from examples/react/react-phaser-example/public/assets/rock.png
rename to examples/example-vite-react-phaser-recs/public/assets/rock.png
diff --git a/examples/react/react-phaser-example/public/assets/scissors.png b/examples/example-vite-react-phaser-recs/public/assets/scissors.png
similarity index 100%
rename from examples/react/react-phaser-example/public/assets/scissors.png
rename to examples/example-vite-react-phaser-recs/public/assets/scissors.png
diff --git a/examples/react/react-phaser-example/public/assets/texture.json b/examples/example-vite-react-phaser-recs/public/assets/texture.json
similarity index 100%
rename from examples/react/react-phaser-example/public/assets/texture.json
rename to examples/example-vite-react-phaser-recs/public/assets/texture.json
diff --git a/examples/react/react-phaser-example/public/assets/texture.png b/examples/example-vite-react-phaser-recs/public/assets/texture.png
similarity index 100%
rename from examples/react/react-phaser-example/public/assets/texture.png
rename to examples/example-vite-react-phaser-recs/public/assets/texture.png
diff --git a/examples/react/react-phaser-example/public/assets/tilesets/land.png b/examples/example-vite-react-phaser-recs/public/assets/tilesets/land.png
similarity index 100%
rename from examples/react/react-phaser-example/public/assets/tilesets/land.png
rename to examples/example-vite-react-phaser-recs/public/assets/tilesets/land.png
diff --git a/examples/react/react-phaser-example/public/assets/tilesets/world.png b/examples/example-vite-react-phaser-recs/public/assets/tilesets/world.png
similarity index 100%
rename from examples/react/react-phaser-example/public/assets/tilesets/world.png
rename to examples/example-vite-react-phaser-recs/public/assets/tilesets/world.png
diff --git a/examples/react/react-phaser-example/public/paper.png b/examples/example-vite-react-phaser-recs/public/paper.png
similarity index 100%
rename from examples/react/react-phaser-example/public/paper.png
rename to examples/example-vite-react-phaser-recs/public/paper.png
diff --git a/examples/react/react-phaser-example/public/rock.png b/examples/example-vite-react-phaser-recs/public/rock.png
similarity index 100%
rename from examples/react/react-phaser-example/public/rock.png
rename to examples/example-vite-react-phaser-recs/public/rock.png
diff --git a/examples/react/react-phaser-example/public/scissors.png b/examples/example-vite-react-phaser-recs/public/scissors.png
similarity index 100%
rename from examples/react/react-phaser-example/public/scissors.png
rename to examples/example-vite-react-phaser-recs/public/scissors.png
diff --git a/examples/react/react-phaser-example/public/texture.png b/examples/example-vite-react-phaser-recs/public/texture.png
similarity index 100%
rename from examples/react/react-phaser-example/public/texture.png
rename to examples/example-vite-react-phaser-recs/public/texture.png
diff --git a/examples/example-vite-react-phaser-recs/public/vite.svg b/examples/example-vite-react-phaser-recs/public/vite.svg
new file mode 100644
index 000000000..e7b8dfb1b
--- /dev/null
+++ b/examples/example-vite-react-phaser-recs/public/vite.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/examples/example-vite-react-phaser-recs/readme.md b/examples/example-vite-react-phaser-recs/readme.md
new file mode 100644
index 000000000..14efb414d
--- /dev/null
+++ b/examples/example-vite-react-phaser-recs/readme.md
@@ -0,0 +1,3 @@
+## Dojo Phaser React App
+
+[book](https://book.dojoengine.org/)
diff --git a/examples/react/react-phaser-example/src/App.tsx b/examples/example-vite-react-phaser-recs/src/App.tsx
similarity index 100%
rename from examples/react/react-phaser-example/src/App.tsx
rename to examples/example-vite-react-phaser-recs/src/App.tsx
diff --git a/examples/react/react-phaser-example/src/assets/paper.png b/examples/example-vite-react-phaser-recs/src/assets/paper.png
similarity index 100%
rename from examples/react/react-phaser-example/src/assets/paper.png
rename to examples/example-vite-react-phaser-recs/src/assets/paper.png
diff --git a/examples/react/react-phaser-example/src/assets/rock.png b/examples/example-vite-react-phaser-recs/src/assets/rock.png
similarity index 100%
rename from examples/react/react-phaser-example/src/assets/rock.png
rename to examples/example-vite-react-phaser-recs/src/assets/rock.png
diff --git a/examples/react/react-phaser-example/src/assets/scissors.png b/examples/example-vite-react-phaser-recs/src/assets/scissors.png
similarity index 100%
rename from examples/react/react-phaser-example/src/assets/scissors.png
rename to examples/example-vite-react-phaser-recs/src/assets/scissors.png
diff --git a/examples/react/react-phaser-example/src/assets/texture.json b/examples/example-vite-react-phaser-recs/src/assets/texture.json
similarity index 100%
rename from examples/react/react-phaser-example/src/assets/texture.json
rename to examples/example-vite-react-phaser-recs/src/assets/texture.json
diff --git a/examples/react/react-phaser-example/src/assets/texture.png b/examples/example-vite-react-phaser-recs/src/assets/texture.png
similarity index 100%
rename from examples/react/react-phaser-example/src/assets/texture.png
rename to examples/example-vite-react-phaser-recs/src/assets/texture.png
diff --git a/examples/react/react-phaser-example/src/assets/tilesets/land.png b/examples/example-vite-react-phaser-recs/src/assets/tilesets/land.png
similarity index 100%
rename from examples/react/react-phaser-example/src/assets/tilesets/land.png
rename to examples/example-vite-react-phaser-recs/src/assets/tilesets/land.png
diff --git a/examples/react/react-phaser-example/src/assets/world.ts b/examples/example-vite-react-phaser-recs/src/assets/world.ts
similarity index 100%
rename from examples/react/react-phaser-example/src/assets/world.ts
rename to examples/example-vite-react-phaser-recs/src/assets/world.ts
diff --git a/examples/react/react-phaser-example/src/dojo/contractComponents.ts b/examples/example-vite-react-phaser-recs/src/dojo/contractComponents.ts
similarity index 100%
rename from examples/react/react-phaser-example/src/dojo/contractComponents.ts
rename to examples/example-vite-react-phaser-recs/src/dojo/contractComponents.ts
diff --git a/examples/react/react-phaser-example/src/dojo/createBurner.ts b/examples/example-vite-react-phaser-recs/src/dojo/createBurner.ts
similarity index 81%
rename from examples/react/react-phaser-example/src/dojo/createBurner.ts
rename to examples/example-vite-react-phaser-recs/src/dojo/createBurner.ts
index e1380fac3..010e90fbd 100644
--- a/examples/react/react-phaser-example/src/dojo/createBurner.ts
+++ b/examples/example-vite-react-phaser-recs/src/dojo/createBurner.ts
@@ -10,13 +10,11 @@ export const createBurner = async ({ ...config }: DojoConfig) => {
});
const burnerManager = new BurnerManager({
- masterAccount: new Account(
- {
- nodeUrl: config.rpcUrl,
- },
- config.masterAddress,
- config.masterPrivateKey
- ),
+ masterAccount: new Account({
+ provider: rpcProvider,
+ address: config.masterAddress,
+ signer: config.masterPrivateKey,
+ }),
accountClassHash: config.accountClassHash,
rpcProvider: rpcProvider,
feeTokenAddress: config.feeTokenAddress,
diff --git a/examples/react/react-app/src/dojo/createClientComponents.ts b/examples/example-vite-react-phaser-recs/src/dojo/createClientComponents.ts
similarity index 100%
rename from examples/react/react-app/src/dojo/createClientComponents.ts
rename to examples/example-vite-react-phaser-recs/src/dojo/createClientComponents.ts
diff --git a/examples/react/react-phaser-example/src/dojo/createNetworkLayer.ts b/examples/example-vite-react-phaser-recs/src/dojo/createNetworkLayer.ts
similarity index 100%
rename from examples/react/react-phaser-example/src/dojo/createNetworkLayer.ts
rename to examples/example-vite-react-phaser-recs/src/dojo/createNetworkLayer.ts
diff --git a/examples/react/react-phaser-example/src/dojo/createSystemCalls.ts b/examples/example-vite-react-phaser-recs/src/dojo/createSystemCalls.ts
similarity index 83%
rename from examples/react/react-phaser-example/src/dojo/createSystemCalls.ts
rename to examples/example-vite-react-phaser-recs/src/dojo/createSystemCalls.ts
index b1f71a0a8..e77f64950 100644
--- a/examples/react/react-phaser-example/src/dojo/createSystemCalls.ts
+++ b/examples/example-vite-react-phaser-recs/src/dojo/createSystemCalls.ts
@@ -1,6 +1,5 @@
-import { AccountInterface } from "starknet";
+import { AccountInterface, CairoCustomEnum } from "starknet";
import { ClientComponents } from "./createClientComponents";
-import { Direction } from "./utils";
import { ContractComponents } from "./generated/contractComponents";
import type { IWorld } from "./generated/generated";
@@ -21,7 +20,10 @@ export function createSystemCalls(
}
};
- const move = async (account: AccountInterface, direction: Direction) => {
+ const move = async (
+ account: AccountInterface,
+ direction: CairoCustomEnum
+ ) => {
try {
await client.actions.move({
account,
diff --git a/examples/react/react-phaser-example/src/dojo/generated/contractComponents.ts b/examples/example-vite-react-phaser-recs/src/dojo/generated/contractComponents.ts
similarity index 57%
rename from examples/react/react-phaser-example/src/dojo/generated/contractComponents.ts
rename to examples/example-vite-react-phaser-recs/src/dojo/generated/contractComponents.ts
index f192d584e..24396f7e5 100644
--- a/examples/react/react-phaser-example/src/dojo/generated/contractComponents.ts
+++ b/examples/example-vite-react-phaser-recs/src/dojo/generated/contractComponents.ts
@@ -1,4 +1,8 @@
-/* Autogenerated file. Do not edit manually. */
+/*
+ * Autogenerated file. Do not edit manually.
+ * Generated using @dojoengine/core
+ * Command: npx @dojoengine/core