Dragonbones phaser library build broken? about dragonbonesjs HOT 4 OPEN

Update: I've got a majority of the project building @ https://github.com/browndragon/DragonBonesJS/tree/fork350 . I'm happy to put together a PR if you'd like a 3.50 update; lmk if there's someone available to receive such a request!

from dragonbonesjs.

When I attempt to build dragonbones locally against the phaser 3.50 library, I get many errors:

$ pwd ; npm run build
/.../src/DragonBonesJS/Phaser/3.x

> [email protected] build /.../src/DragonBonesJS/Phaser/3.x
> tsc && uglifyjs ./out/dragonBones.js -o ./out/dragonBones.min.js -m

src/dragonBones/phaser/display/Slot.ts:200:45 - error TS2339: Property 'setDisplayOrigin' does not exist on type 'SlotMesh | SlotImage | SlotSprite'.
  Property 'setDisplayOrigin' does not exist on type 'SlotMesh'.

200                         this._renderDisplay.setDisplayOrigin(this._pivotX, this._pivotY);
                                                ~~~~~~~~~~~~~~~~


src/dragonBones/phaser/display/Slot.ts:211:17 - error TS2349: Cannot invoke an expression whose type lacks a call signature. Type '((key: string, frame?: string | number) => SlotImage) | ((key: string, frame?: string | number) =...' has no compatible call signatures.

211                 this._renderDisplay.setTexture(undefined);
                    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/display/SlotMesh.ts:8:32 - error TS2345: Argument of type 'number[]' is not assignable to parameter of type 'string | Texture'.
  Type 'number[]' is not assignable to type 'Texture'.
    Property 'manager' is missing in type 'number[]'.

8             super(scene, x, y, vertices, uv, colors, alphas, texture, frame);
                                 ~~~~~~~~


src/dragonBones/phaser/display/SlotMesh.ts:22:18 - error TS2339: Property 'uv' does not exist on type 'SlotMesh'.

22             this.uv = new Float32Array(fakeIndices.length * 2) as any;
                    ~~


src/dragonBones/phaser/display/SlotMesh.ts:23:18 - error TS2551: Property 'alphas' does not exist on type 'SlotMesh'. Did you mean 'alpha'?

23             this.alphas = new Uint32Array(fakeIndices.length) as any;
                    ~~~~~~


src/dragonBones/phaser/display/SlotMesh.ts:24:18 - error TS2339: Property 'colors' does not exist on type 'SlotMesh'.

24             this.colors = new Uint32Array(fakeIndices.length) as any;
                    ~~~~~~


src/dragonBones/phaser/display/SlotMesh.ts:27:17 - error TS2322: Type 'number' is not assignable to type 'Vertex'.

27                 this.vertices[i * 2] = fakeVertices[fakeIndices[i] * 2];
                   ~~~~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/display/SlotMesh.ts:28:17 - error TS2322: Type 'number' is not assignable to type 'Vertex'.

28                 this.vertices[i * 2 + 1] = fakeVertices[fakeIndices[i] * 2 + 1];
                   ~~~~~~~~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/display/SlotMesh.ts:30:22 - error TS2339: Property 'uv' does not exist on type 'SlotMesh'.

30                 this.uv[i * 2] = fakeUvs[fakeIndices[i] * 2];
                        ~~


src/dragonBones/phaser/display/SlotMesh.ts:31:22 - error TS2339: Property 'uv' does not exist on type 'SlotMesh'.

31                 this.uv[i * 2 + 1] = fakeUvs[fakeIndices[i] * 2 + 1];
                        ~~


src/dragonBones/phaser/display/SlotMesh.ts:33:22 - error TS2551: Property 'alphas' does not exist on type 'SlotMesh'. Did you mean 'alpha'?

33                 this.alphas[i] = 1.0;
                        ~~~~~~


src/dragonBones/phaser/display/SlotMesh.ts:34:22 - error TS2339: Property 'colors' does not exist on type 'SlotMesh'.

34                 this.colors[i] = 0xFFFFFF;
                        ~~~~~~


src/dragonBones/phaser/Factory.ts:39:44 - error TS2339: Property 'dragonbone' does not exist on type 'Scene'.

39             const rawDisplay = this._scene.dragonbone.createSlotDisplayPlaceholder();
                                              ~~~~~~~~~~


src/dragonBones/phaser/Factory.ts:40:45 - error TS2339: Property 'dragonbone' does not exist on type 'Scene'.

40             const meshDisplay = this._scene.dragonbone.createMeshDisplayPlaceholder();
                                               ~~~~~~~~~~


src/dragonBones/phaser/pipeline/TextureTintPipeline.ts:15:27 - error TS2551: Property 'setPipeline' does not exist on type 'WebGLRenderer'. Did you mean 'pipelines'?

15             this.renderer.setPipeline(this);
                             ~~~~~~~~~~~


src/dragonBones/phaser/pipeline/TextureTintPipeline.ts:123:13 - error TS2554: Expected 0-1 arguments, but got 2.

123             this.setTexture2D(texture, 0);
                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/pipeline/TextureTintPipeline.ts:127:13 - error TS2554: Expected 18-20 arguments, but got 17.

127             this.batchQuad(tx0, ty0, tx1, ty1, tx2, ty2, tx3, ty3, u0, v0, u1, v1, tintTL, tintTR, tintBL, tintBR, tintEffect);
                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesFile.ts:8:42 - error TS2304: Cannot find name 'XHRSettingsObject'.

8                     textureXhrSettings?: XHRSettingsObject,
                                           ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesFile.ts:8:42 - error TS4063: Parameter 'textureXhrSettings' of constructor from exported class has or is using private name 'XHRSettingsObject'.

8                     textureXhrSettings?: XHRSettingsObject,
                                           ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesFile.ts:9:40 - error TS2304: Cannot find name 'XHRSettingsObject'.

9                     atlasXhrSettings?: XHRSettingsObject,
                                         ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesFile.ts:9:40 - error TS4063: Parameter 'atlasXhrSettings' of constructor from exported class has or is using private name 'XHRSettingsObject'.

9                     atlasXhrSettings?: XHRSettingsObject,
                                         ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesFile.ts:10:39 - error TS2304: Cannot find name 'XHRSettingsObject'.

10                     boneXhrSettings?: XHRSettingsObject) {
                                         ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesFile.ts:10:39 - error TS4063: Parameter 'boneXhrSettings' of constructor from exported class has or is using private name 'XHRSettingsObject'.

10                     boneXhrSettings?: XHRSettingsObject) {
                                         ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesFile.ts:21:127 - error TS2304: Cannot find name 'XHRSettingsObject'.

21             const createBoneFileByType = (loader: Phaser.Loader.LoaderPlugin, key: string, boneURL: string, boneXhrSettings?: XHRSettingsObject): Phaser.Loader.File => {
                                                                                                                                 ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesPlugin.ts:16:31 - error TS2551: Property 'hasPipeline' does not exist on type 'WebGLRenderer'. Did you mean 'pipelines'?

16                 if (!renderer.hasPipeline('PhaserTextureTintPipeline'))
                                 ~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesPlugin.ts:17:30 - error TS2551: Property 'addPipeline' does not exist on type 'WebGLRenderer'. Did you mean 'pipelines'?

17                     renderer.addPipeline('PhaserTextureTintPipeline', new pipeline.TextureTintPipeline({ game, renderer }));
                                ~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesPlugin.ts:109:34 - error TS2304: Cannot find name 'XHRSettingsObject'.

109             textureXhrSettings?: XHRSettingsObject,
                                     ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesPlugin.ts:110:32 - error TS2304: Cannot find name 'XHRSettingsObject'.

110             atlasXhrSettings?: XHRSettingsObject,
                                   ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/plugin/DragonBonesPlugin.ts:111:31 - error TS2304: Cannot find name 'XHRSettingsObject'.

111             boneXhrSettings?: XHRSettingsObject) {
                                  ~~~~~~~~~~~~~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:5:35 - error TS2339: Property 'skewX' does not exist on type 'object'.

5             this.decomposedMatrix.skewX = 0;
                                    ~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:6:35 - error TS2339: Property 'skewY' does not exist on type 'object'.

6             this.decomposedMatrix.skewY = 0;
                                    ~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:22:39 - error TS2339: Property 'rotation' does not exist on type 'object'.

22                 this.decomposedMatrix.rotation = skewY;
                                         ~~~~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:24:43 - error TS2339: Property 'rotation' does not exist on type 'object'.

24                     this.decomposedMatrix.rotation += (this.decomposedMatrix.rotation <= 0) ? Math.PI : -Math.PI;
                                             ~~~~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:24:78 - error TS2339: Property 'rotation' does not exist on type 'object'.

24                     this.decomposedMatrix.rotation += (this.decomposedMatrix.rotation <= 0) ? Math.PI : -Math.PI;
                                                                                ~~~~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:26:39 - error TS2339: Property 'skewX' does not exist on type 'object'.

26                 this.decomposedMatrix.skewX = this.decomposedMatrix.skewY = 0;
                                         ~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:26:69 - error TS2339: Property 'skewY' does not exist on type 'object'.

26                 this.decomposedMatrix.skewX = this.decomposedMatrix.skewY = 0;
                                                                       ~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:28:39 - error TS2339: Property 'rotation' does not exist on type 'object'.

28                 this.decomposedMatrix.rotation = 0;
                                         ~~~~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:29:39 - error TS2339: Property 'skewX' does not exist on type 'object'.

29                 this.decomposedMatrix.skewX = skewX;
                                         ~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:30:39 - error TS2339: Property 'skewY' does not exist on type 'object'.

30                 this.decomposedMatrix.skewY = skewY;
                                         ~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:34:35 - error TS2339: Property 'scaleX' does not exist on type 'object'.

34             this.decomposedMatrix.scaleX = Math.sqrt((a * a) + (b * b));
                                     ~~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:35:35 - error TS2339: Property 'scaleY' does not exist on type 'object'.

35             this.decomposedMatrix.scaleY = Math.sqrt((c * c) + (d * d));
                                     ~~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:38:35 - error TS2339: Property 'translateX' does not exist on type 'object'.

38             this.decomposedMatrix.translateX = this.tx;
                                     ~~~~~~~~~~


src/dragonBones/phaser/util/TransformMatrix.ts:39:35 - error TS2339: Property 'translateY' does not exist on type 'object'.

39             this.decomposedMatrix.translateY = this.ty;
                                     ~~~~~~~~~~


types/phaser.d.ts:9393:54 - error TS2304: Cannot find name 'ActiveXObject'.

9393         function ParseXML(data: string): DOMParser | ActiveXObject;
                                                          ~~~~~~~~~~~~~


npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `tsc && uglifyjs ./out/dragonBones.js -o ./out/dragonBones.min.js -m`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /.../.npm/_logs/2021-01-07T22_01_49_527Z-debug.log

$

My build is https://github.com/browndragon/DragonBonesJS/tree/try_update -- including various patches from @MadDogMayCry0 -- to try to update the library.

Good luck, thanks!

so do i

from dragonbonesjs.

So Do I

from dragonbonesjs.

https://phaser.discourse.group/t/dragonbones-improvments/7673/19?u=maddogmaycry

from dragonbonesjs.