chore(examples): add vite example

remarkablegames · Jan 10, 2024 · 9da64d2 · 9da64d2
1 parent 37e89f8
commit 9da64d2
Show file tree

Hide file tree

Showing 7 changed files with 90 additions and 0 deletions.
diff --git a/examples/vite/.gitignore b/examples/vite/.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/vite/.npmrc b/examples/vite/.npmrc
@@ -0,0 +1 @@
+package-lock=false
diff --git a/examples/vite/index.html b/examples/vite/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>phaser-jsx</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="src/main.tsx"></script>
+  </body>
+</html>
diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -0,0 +1,18 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "start": "vite --open --force"
+  },
+  "dependencies": {
+    "phaser": "^3.70.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8"
+  },
+  "license": "MIT"
+}
diff --git a/examples/vite/src/main.tsx b/examples/vite/src/main.tsx
@@ -0,0 +1,11 @@
+import Phaser from 'phaser';
+
+import { render, Text } from '../../../src';
+
+new Phaser.Game({
+  scene: {
+    create() {
+      render(<Text text="Hello, world!" />, this);
+    },
+  },
+});
diff --git a/examples/vite/src/vite-env.d.ts b/examples/vite/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/examples/vite/tsconfig.json b/examples/vite/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "jsx": "react-jsx"
+  },
+  "include": ["src"]
+}