@nativescript/canvas-pixi 2.0.0-beta.9 → 2.0.0-webgpu.0

package/index.d.ts

@@ -1,7 +1,3 @@
 import * as Pixii from 'pixi.js';
-export declare class TNSPIXIApplication extends Pixii.Application {
-    constructor({ canvas, ...props }: {
-        [x: string]: any;
-        canvas: any;
-    });
-}
+declare let PIXI: typeof Pixii;
+export default PIXI;

package/index.js

@@ -1,14 +1,44 @@
 require('@nativescript/canvas-polyfill');
 import * as Pixii from 'pixi.js';
-export class TNSPIXIApplication extends Pixii.Application {
-    constructor({ canvas, ...props }) {
-        global.PIXI = global.window.PIXI = global.PIXI || Pixii;
+import { Screen } from '@nativescript/core';
+let PIXI = Pixii;
+// import * as filters from 'pixi-filters';
+class NSCPIXIApplication extends Pixii.Application {
+    constructor({ context, view, ...props }) {
+        let clientWidth = 300;
+        let clientHeight = 150;
+        if (context) {
+            clientWidth = context.canvas.clientWidth;
+            clientHeight = context.canvas.clientHeight;
+        }
+        if (view) {
+            clientWidth = view.clientWidth;
+            clientHeight = view.clientHeight;
+        }
+        if (!view) {
+            view = document.createElement('canvas');
+            view.nativeElement = context.canvas;
+        }
+        const width = props.width || clientWidth;
+        const height = props.height || clientHeight;
+        //	PIXI.settings.RESOLUTION = 1;
         super({
-            view: canvas,
-            width: canvas.width || undefined,
-            height: canvas.height || undefined,
             ...props,
+            resolution: Screen.mainScreen.scale,
+            view,
+            width,
+            height,
         });
+        console.log(this);
     }
 }
+if (!(PIXI.Application instanceof NSCPIXIApplication)) {
+    PIXI.Assets.setPreferences({ preferWorkers: false });
+    PIXI = {
+        ...PIXI,
+        Application: NSCPIXIApplication,
+    };
+}
+global.PIXI = global.window.PIXI = global.PIXI || PIXI;
+export default PIXI;
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/canvas-pixi/index.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,+BAA+B,CAAC,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,WAAW;IACxD,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;QAC9B,MAAc,CAAC,IAAI,GAAI,MAAc,CAAC,MAAM,CAAC,IAAI,GAAI,MAAc,CAAC,IAAI,IAAI,KAAK,CAAC;QACnF,KAAK,CAAC;YACL,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,SAAS;YAChC,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,SAAS;YAClC,GAAG,KAAK;SACR,CAAC,CAAC;IACJ,CAAC;CACD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/canvas-pixi/index.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,+BAA+B,CAAC,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,IAAI,IAAI,GAAG,KAAK,CAAC;AAEjB,2CAA2C;AAC3C,MAAM,kBAAmB,SAAQ,KAAK,CAAC,WAAW;IACjD,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE;QACtC,IAAI,WAAW,GAAG,GAAG,CAAC;QACtB,IAAI,YAAY,GAAG,GAAG,CAAC;QACvB,IAAI,OAAO,EAAE;YACZ,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;YACzC,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;SAC3C;QACD,IAAI,IAAI,EAAE;YACT,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YAC/B,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;SACjC;QACD,IAAI,CAAC,IAAI,EAAE;YACV,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;SACpC;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,WAAW,CAAC;QACzC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,YAAY,CAAC;QAE5C,gCAAgC;QAEhC,KAAK,CAAC;YACL,GAAG,KAAK;YACR,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK;YACnC,IAAI;YACJ,KAAK;YACL,MAAM;SACN,CAAC,CAAC;QACH,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;CACD;AAED,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,YAAY,kBAAkB,CAAC,EAAE;IACtD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;IACrD,IAAI,GAAG;QACN,GAAG,IAAI;QACP,WAAW,EAAE,kBAA2B;KACxC,CAAC;CACF;AAEA,MAAc,CAAC,IAAI,GAAI,MAAc,CAAC,MAAM,CAAC,IAAI,GAAI,MAAc,CAAC,IAAI,IAAI,IAAI,CAAC;AAElF,eAAe,IAAI,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nativescript/canvas-pixi",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0-webgpu.0",
   "description": "Plugin for using pixi.js in NativeScript",
   "main": "index",
   "typings": "index.d.ts",
@@ -33,12 +33,16 @@
   "readmeFilename": "README.md",
   "bootstrapper": "nativescript-plugin-seed",
   "dependencies": {
-    "@nativescript/canvas-polyfill": "alpha",
-    "pixi.js": "^7.3.1"
+    "@nativescript/canvas-polyfill": "beta",
+    "pixi-filters": "~5.3.0",
+    "pixi.js": "~7.3.1",
+    "pixi.js-legacy": "~7.3.1",
+    "set-value": "4.1.0"
   },
   "peerDependencies": {
-    "@nativescript/canvas": "2.0.0-beta.9",
-    "@nativescript/canvas-media": "2.0.0-beta.9"
+    "@nativescript/canvas": "2.0.0-webgpu.0",
+    "@nativescript/canvas-media": "2.0.0-webgpu.0",
+    "@nativescript/canvas-svg": "2.0.0-webgpu.0"
   },
   "types": "./index.d.ts"
 }