Update pixi.js-legacy to latest major version

.github/workflows/ci-cd.yml

@@ -21,7 +21,7 @@ jobs:
       fail-fast: false
       matrix:
         os: [ubuntu-latest]
-        node-version: [18, 20, 22]
+        node-version: [20, 22]
 
     steps:
       - name: Checkout

example/package.json

@@ -10,8 +10,7 @@
   },
   "devDependencies": {
     "@types/lodash.throttle": "^4.1.4",
-    "@types/node": "^8.0.26",
-    "file-loader": "^2.0.0",
+    "@types/node": "^20.0.0",
     "source-map-loader": "^5.0.0",
     "ts-loader": "9.2.6",
     "webpack": "^5.65.0",

example/tsconfig.json

@@ -9,13 +9,14 @@
         "experimentalDecorators": true,
         "emitDecoratorMetadata": true,
         "downlevelIteration": true,
-        "module": "commonjs",
-        "moduleResolution": "node",
-        "target": "es5",
+        "module": "ESnext",
+        "moduleResolution": "node10",
+        "esModuleInterop": true,
+        "target": "es2017",
         "jsx": "react",
         "allowJs": true,
         "lib": [
-            "es6",
+            "es2017",
             "dom",
             "esnext.bigint"
         ],

example/webpack.config.js

@@ -20,12 +20,6 @@ module.exports = {
                 enforce: "pre",
                 test: /\.js$/,
                 loader: "source-map-loader"
-            },
-            {
-                test: /\.png$/,
-                use: [
-                    'file-loader'
-                ]
             }
         ]
     },

package.json

@@ -26,6 +26,16 @@
         "example"
     ],
     "dependencies": {
-        "pixi.js": "^5.0.0"
+        "@pixi/core": "^7.4.3",
+        "@pixi/display": "^7.4.3",
+        "@pixi/extract": "^7.4.3",
+        "@pixi/graphics": "^7.4.3",
+        "@pixi/mesh": "^7.4.3",
+        "@pixi/mesh-extras": "^7.4.3",
+        "@pixi/particle-container": "^7.4.3",
+        "@pixi/prepare": "^7.4.3",
+        "@pixi/sprite": "^7.4.3",
+        "@pixi/sprite-tiling": "^7.4.3",
+        "@pixi/text": "^7.4.3"
     }
 }

timeline-chart/jest.config.json

@@ -1,11 +1,12 @@
 {
-  "globals": {
-    "ts-jest": {
-      "tsconfig": "tsconfig.json"
-    }
-  },
+  "testTimeout": 10000,
   "transform": {
-    "^.+\\.tsx?$": "ts-jest"
+    "^.+\\.tsx?$": [
+      "ts-jest",
+      {
+        "tsconfig": "tsconfig.json"
+      }
+    ]
   },
   "testEnvironment": "jsdom",
   "testPathIgnorePatterns": [

timeline-chart/package.json

@@ -14,23 +14,27 @@
     "watch": "tsc --watch",
     "prepare": "yarn run clean && yarn run build",
     "clean": "rimraf lib",
-    "test": "jest --config jest.config.json"
+    "test": "jest --config jest.config.json",
+    "test:runInBand": "jest --runInBand --no-cache --config jest.config.json",
+    "test:detectOpenHandles": "jest --detectOpenHandles --config jest.config.json",
+    "test:detectLeaks": "jest --detectLeaks --config jest.config.json"
   },
   "dependencies": {
     "@types/lodash.throttle": "^4.1.4",
     "glob": "^7.1.6",
     "keyboard-key": "1.1.0",
     "lodash.throttle": "^4.1.1",
-    "pixi.js-legacy": "^5.3.3"
+    "pixi.js-legacy": "^7.0.0"
   },
   "devDependencies": {
     "@types/enzyme": "^3.10.10",
     "@types/enzyme-adapter-react-16": "^1.0.6",
-    "@types/jest": "^27.0.3",
+    "@types/jest": "^29.0.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
-    "jest": "^27.4.3",
+    "jest": "^29.0.0",
     "jest-canvas-mock": "^2.3.1",
+    "jest-environment-jsdom": "29.0.0",
     "rimraf": "^5.0.0",
     "ts-jest": "^29.0.0"
   },