Merge pull request #213 from DRincs-Productions/209-fix-pixijs-import…

…-in-codepen

209 fix pixijs import in codepen

package.json

@@ -26,22 +26,20 @@
   "funding": "https://github.com/DRincs-Productions/pixi-vn?sponsor=1",
   "devDependencies": {
     "@drincs/pixi-vn": "^0.6.16",
+    "@pixi/devtools": "^2.0.1",
+    "@pixi/sound": "^6.0.1",
     "@types/crypto-js": "^4.2.2",
     "@types/css-font-loading-module": "^0.0.13",
     "@types/deep-diff": "^1.0.5",
+    "crypto-js": "^4.2.0",
+    "deep-diff": "^1.0.2",
     "jsdom": "^24.1.1",
+    "pixi.js": "^8.3.4",
     "ts-node": "^10.9.2",
     "tsup": "^8.2.4",
     "typescript": "^5.5.4",
     "vitest": "^2.0.5"
   },
-  "dependencies": {
-    "@pixi/devtools": "^2.0.1",
-    "@pixi/sound": "^6.0.1",
-    "crypto-js": "^4.2.0",
-    "deep-diff": "^1.0.2",
-    "pixi.js": "^8.3.3"
-  },
   "keywords": [
     "game",
     "js",

src/managers/WindowManager.ts

@@ -1,7 +1,6 @@
 import { initDevtools } from '@pixi/devtools';
 import sha1 from 'crypto-js/sha1';
-import * as PIXI from "pixi.js";
-import { ApplicationOptions, Container, Ticker } from "pixi.js";
+import { Application, ApplicationOptions, Container, Ticker } from "pixi.js";
 import CanvasBase from "../classes/canvas/CanvasBase";
 import TickerBase, { TickerArgsType } from "../classes/ticker/TickerBase";
 import { Repeat } from "../constants";
@@ -23,7 +22,7 @@ import { aliasToRemoveAfter } from '../types/ticker/AliasToRemoveAfterType';
 export default class GameWindowManager {
     private constructor() { }
 
-    private static _app: PIXI.Application | undefined = undefined
+    private static _app: Application | undefined = undefined
     /**
      * The PIXI Application instance.
      * It not recommended to use this property directly.
@@ -74,7 +73,7 @@ export default class GameWindowManager {
     public static async initialize(element: HTMLElement, width: number, height: number, options?: Partial<ApplicationOptions>): Promise<void> {
         GameWindowManager.canvasWidth = width
         GameWindowManager.canvasHeight = height
-        GameWindowManager._app = new PIXI.Application()
+        GameWindowManager._app = new Application()
         return GameWindowManager.app.init({
             resolution: window.devicePixelRatio || 1,
             autoDensity: true,

tsup.config.ts

@@ -7,10 +7,10 @@ export default defineConfig({
     dts: true, // Generate declaration file (.d.ts)
     treeshake: true,
     splitting: false,
-    sourcemap: true,
+    // sourcemap: true, // Generate sourcemap, it was removed because otherwise it would explode
     clean: true,
     minify: true,
     bundle: true,
-    skipNodeModulesBundle: true,
+    skipNodeModulesBundle: false, // Skip bundling of node_modules
     entryPoints: ['src/index.ts'],
 });