Configuring files of global and phaser types

src/index.ts

@@ -1,9 +1,28 @@
 import Phaser from 'phaser';
-import { config } from './config';
+
+// plugins 
+// import 'phaser3-rex-plugins/.....'
+import 'phaser/plugins/spine/dist/SpinePlugin'
+
+// scenes
 import Preload from './scenes/Preload';
 
-new Phaser.Game(
-  Object.assign(config, {
-    scene: [Preload]
-  })
-);
+new Phaser.Game({
+  //SCENES
+  scene: [Preload],
+  //PLUGINS
+  plugins: {
+    scene: [
+			{ key: 'SpinePlugin', plugin: window.SpinePlugin, mapping: 'spine' }
+		]
+  },
+  type: Phaser.AUTO,
+  parent: 'db739594-062e-4b43-b0b5-3d3e3d17846e',
+  backgroundColor: '#222',
+  scale: {
+    width: 1920,
+    height: 1080,
+    mode: Phaser.Scale.FIT,
+    autoCenter: Phaser.Scale.CENTER_BOTH
+  },
+});

src/types/global.d.ts

@@ -1,28 +1,8 @@
-
-//PHASER GLOBAL
 declare global {
-    namespace Phaser {
-        interface Game {
-
-        }
-        interface Scene {
-
-        }
-        namespace GameObjects {
-            interface Text {
-
-            }
-            interface Image {
-
-            }
-            interface DOMElement {
-
-            }
-        }
-
+    interface Window {
+        SpinePlugin: any
     }
 
 }
-
-export interface HexColor extends String { }
+export {}
 

src/types/phaser.d.ts

@@ -0,0 +1,29 @@
+/// <reference path="../../node_modules/phaser/types/SpineGameObject.d.ts" />
+/// <reference path="../../node_modules/phaser/types/SpinePlugin.d.ts" />
+/// others type references here!
+
+declare global {
+
+    namespace Phaser {
+        interface Game {
+
+        }
+        interface Scene {
+           teste:string
+        }
+        namespace GameObjects {
+            interface Text {
+
+            }
+            interface Image {
+
+            }
+            interface DOMElement {
+
+            }
+        }
+
+    }
+
+}
+export {}

src/types/utils.ts

@@ -0,0 +1 @@
+export interface HexColor extends String { }

src/utils/phaser.ts

@@ -1,5 +1,5 @@
 import { Scene } from "phaser";
-import { HexColor } from "../types/global";
+import { HexColor } from "../types/utils";
 
 const get = (scene: Scene) => {
     const center = () => {

tsconfig.json

@@ -13,7 +13,12 @@
     "moduleResolution": "Node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": true
+    "noEmit": true,
+    "typeRoots": [
+      "src/types",
+      "node_modules/@types",
+      "node_module/phaser/types"
+    ]
   },
   "include": ["./src/**/*", "src/types"]
 }