Feat/use mixins add player mode

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  printWidth: 100,
+  semi: false,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: "all",
+}

.vscode/settings.json

@@ -1,24 +1,22 @@
 {
-    "typescript.tsdk": "node_modules/typescript/lib",
-    "editor.tabSize": 2,
-    "eslint.validate": [
-      "javascript",
-      "javascriptreact",
-      {
-        "language": "typescript",
-        "autoFix": true
-      },
-    ],
-    "[javascript]": {
-      "editor.formatOnSave": true
-    },
-    "[typescript]": {
-      "editor.formatOnSave": true
-    },
-    "[html]": {
-      "editor.formatOnSave": true
-    },
-    "editor.codeActionsOnSave": {
-      "source.fixAll.eslint": true
-    },
-  }
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "editor.tabSize": 2,
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "eslint.validate": ["javascript", "javascriptreact", "typescript"],
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "always"
+  }
+}

package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "dev": "webpack serve --mode development",
-    "build": "webpack --mode production"
+    "build": "webpack --mode production",
+    "format": "prettier --write \"src/**/*.ts\""
   },
   "repository": {
     "type": "git",
@@ -33,6 +34,7 @@
     "json-loader": "^0.5.7",
     "phaser": "^3.60.0",
     "phaser-raycaster": "^0.10.6",
+    "prettier": "^3.8.1",
     "ts-loader": "^9.4.2",
     "typescript": "^5.0.3",
     "webpack": "^5.77.0",

src/assets/credits.ts

@@ -1,65 +1,59 @@
-type AssetType =
-  | "2D Art"
-  | "3D Art"
-  | "Textures"
-  | "Music"
-  | "Sound Effects"
-  | "Fonts";
+type AssetType = '2D Art' | '3D Art' | 'Textures' | 'Music' | 'Sound Effects' | 'Fonts'
 
 export interface Asset {
-  type: AssetType;
-  name: string;
-  url: string;
+  type: AssetType
+  name: string
+  url: string
 }
 
 export interface Credit {
-  author: string;
-  url?: string;
-  assets: Asset[];
+  author: string
+  url?: string
+  assets: Asset[]
 }
 
 export const credits: Credit[] = [
   {
-    author: "Riley Gombart",
-    url: "https://opengameart.org/users/rileygombart",
+    author: 'Riley Gombart',
+    url: 'https://opengameart.org/users/rileygombart',
     assets: [
       {
-        type: "2D Art",
-        name: "Animated Top Down Survivor Player",
-        url: "https://opengameart.org/content/animated-top-down-survivor-player",
+        type: '2D Art',
+        name: 'Animated Top Down Survivor Player',
+        url: 'https://opengameart.org/content/animated-top-down-survivor-player',
       },
     ],
   },
   {
-    author: "Kay Lousberg",
-    url: "https://www.kaylousberg.com/",
+    author: 'Kay Lousberg',
+    url: 'https://www.kaylousberg.com/',
     assets: [
       {
-        type: "2D Art",
-        name: "2D Guns",
-        url: "https://opengameart.org/content/2d-guns",
+        type: '2D Art',
+        name: '2D Guns',
+        url: 'https://opengameart.org/content/2d-guns',
       },
     ],
   },
   {
-    author: "Tiziana",
+    author: 'Tiziana',
     assets: [
       {
-        type: "Textures",
-        name: "Even grey stone tile floor 256px",
-        url: "https://opengameart.org/content/even-grey-stone-tile-floor-256px",
+        type: 'Textures',
+        name: 'Even grey stone tile floor 256px',
+        url: 'https://opengameart.org/content/even-grey-stone-tile-floor-256px',
       },
     ],
   },
   {
-    author: "iwanPlays",
-    url: "https://sketchfab.com/iwanPlays",
+    author: 'iwanPlays',
+    url: 'https://sketchfab.com/iwanPlays',
     assets: [
       {
-        type: "3D Art",
-        name: "Industrial Bulkhead Wall Lamp Lowpoly",
-        url: "https://sketchfab.com/3d-models/industrial-bulkhead-wall-lamp-lowpoly-4c50439bcbc247629fe2194862d7acc9",
+        type: '3D Art',
+        name: 'Industrial Bulkhead Wall Lamp Lowpoly',
+        url: 'https://sketchfab.com/3d-models/industrial-bulkhead-wall-lamp-lowpoly-4c50439bcbc247629fe2194862d7acc9',
       },
     ],
   },
-];
+]