@nativescript/canvas-chartjs 2.0.0-rc.1 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/index.d.ts +3 -0
  2. package/index.js +35 -7
  3. package/index.js.map +1 -1
  4. package/package.json +2 -2
package/index.d.ts CHANGED
@@ -6,7 +6,10 @@ import '@formatjs/intl-numberformat/polyfill';
6
6
  import '@formatjs/intl-pluralrules/locale-data/en';
7
7
  import '@formatjs/intl-numberformat/locale-data/en';
8
8
  export declare class NativeScriptPlatform extends BasePlatform {
9
+ private chart?;
10
+ private _layoutChangeListener?;
9
11
  acquireContext(canvas: HTMLCanvasElement, options?: CanvasRenderingContext2DSettings): CanvasRenderingContext2D | null;
12
+ releaseContext(context: CanvasRenderingContext2D): boolean;
10
13
  getDevicePixelRatio(): number;
11
14
  addEventListener(chart: Chart, type: string, listener: (e: ChartEvent) => void): void;
12
15
  removeEventListener(chart: Chart, type: string, listener: (e: ChartEvent) => void): void;
package/index.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import { BasePlatform, Chart } from 'chart.js';
2
- import { Screen } from '@nativescript/core';
3
2
  import '@formatjs/intl-getcanonicallocales/polyfill';
4
3
  import '@formatjs/intl-locale/polyfill';
5
4
  import '@formatjs/intl-pluralrules/polyfill';
@@ -10,15 +9,40 @@ import { registerables } from 'chart.js';
10
9
  Chart.register(...registerables);
11
10
  export class NativeScriptPlatform extends BasePlatform {
12
11
  acquireContext(canvas, options) {
13
- return canvas.getContext('2d', options);
12
+ this._layoutChangeListener = () => {
13
+ if (__APPLE__) {
14
+ // this.chart?.resize?.(canvas.clientWidth * Screen.mainScreen.scale, canvas.clientHeight * Screen.mainScreen.scale);
15
+ }
16
+ // if (__ANDROID__) {
17
+ this.chart?.resize?.(canvas.clientWidth, canvas.clientHeight);
18
+ // }
19
+ };
20
+ canvas.addEventListener('layoutChanged', this._layoutChangeListener);
21
+ //canvas.style.width = `${canvas.clientWidth * Screen.mainScreen.scale}px`;
22
+ //canvas.style.height = `${canvas.clientHeight * Screen.mainScreen.scale}px`;
23
+ //@ts-ignore
24
+ canvas.width = 600;
25
+ //@ts-ignore
26
+ canvas.height = 600;
27
+ const ctx = canvas.getContext('2d', options);
28
+ if (__ANDROID__) {
29
+ //ctx?.setTransform(Screen.mainScreen.scale, 0, 0, Screen.mainScreen.scale, 0, 0);
30
+ }
31
+ return ctx;
32
+ }
33
+ releaseContext(context) {
34
+ context.canvas.removeEventListener('layoutChanged', this._layoutChangeListener);
35
+ return true;
14
36
  }
15
37
  getDevicePixelRatio() {
16
- return Screen.mainScreen.scale;
38
+ return 1;
17
39
  }
18
40
  addEventListener(chart, type, listener) {
41
+ this.chart = chart;
19
42
  chart.canvas.addEventListener(type, listener);
20
43
  }
21
44
  removeEventListener(chart, type, listener) {
45
+ this.chart = chart;
22
46
  chart.canvas.removeEventListener(type, listener);
23
47
  }
24
48
  isAttached(canvas) {
@@ -26,11 +50,15 @@ export class NativeScriptPlatform extends BasePlatform {
26
50
  }
27
51
  getMaximumSize(canvas, width, height, aspectRatio) {
28
52
  const parent = canvas.parent;
29
- width = Math.max(0, width ?? parent?.clientWidth ?? canvas.clientWidth);
30
- height = height || (parent?.clientHeight ?? canvas.clientHeight);
53
+ // if (__APPLE__) {
54
+ // return {
55
+ // width: parent?.getMeasuredWidth(),
56
+ // height: parent?.getMeasuredHeight(),
57
+ // };
58
+ // }
31
59
  return {
32
- width,
33
- height: Math.max(0, aspectRatio ? Math.floor(width / aspectRatio) : height),
60
+ width: canvas.clientWidth,
61
+ height: canvas.clientHeight,
34
62
  };
35
63
  }
36
64
  }
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/canvas-chartjs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,6CAA6C,CAAC;AACrD,OAAO,gCAAgC,CAAC;AACxC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,sCAAsC,CAAC;AAE9C,OAAO,2CAA2C,CAAC;AACnD,OAAO,4CAA4C,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,KAAK,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,CAAC;AAEjC,MAAM,OAAO,oBAAqB,SAAQ,YAAY;IACrD,cAAc,CAAC,MAAyB,EAAE,OAA0C;QACnF,OAAO,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC;IACD,mBAAmB;QAClB,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;IAChC,CAAC;IAED,gBAAgB,CAAC,KAAY,EAAE,IAAY,EAAE,QAAiC;QAC7E,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAiB,CAAC,CAAC;IACxD,CAAC;IAED,mBAAmB,CAAC,KAAY,EAAE,IAAY,EAAE,QAAiC;QAChF,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAiB,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU,CAAC,MAAyB;QACnC,OAAO,MAAM,CAAC,WAAW,CAAC;IAC3B,CAAC;IAED,cAAc,CAAC,MAAyB,EAAE,KAAc,EAAE,MAAe,EAAE,WAAoB;QAC9F,MAAM,MAAM,GAAI,MAAc,CAAC,MAAM,CAAC;QACtC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,MAAM,EAAE,WAAW,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC;QACxE,MAAM,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC;QACjE,OAAO;YACN,KAAK;YACL,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;SAC3E,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/canvas-chartjs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAG3D,OAAO,6CAA6C,CAAC;AACrD,OAAO,gCAAgC,CAAC;AACxC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,sCAAsC,CAAC;AAE9C,OAAO,2CAA2C,CAAC;AACnD,OAAO,4CAA4C,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,KAAK,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,CAAC;AAEjC,MAAM,OAAO,oBAAqB,SAAQ,YAAY;IAGrD,cAAc,CAAC,MAAyB,EAAE,OAA0C;QACnF,IAAI,CAAC,qBAAqB,GAAG,GAAG,EAAE;YACjC,IAAI,SAAS,EAAE,CAAC;gBACf,qHAAqH;YACtH,CAAC;YAED,qBAAqB;YACrB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;YAC9D,IAAI;QACL,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,qBAA8B,CAAC,CAAC;QAC9E,2EAA2E;QAC3E,6EAA6E;QAE7E,YAAY;QACZ,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;QACnB,YAAY;QACZ,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;QAEpB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE7C,IAAI,WAAW,EAAE,CAAC;YACjB,kFAAkF;QACnF,CAAC;QAED,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,cAAc,CAAC,OAAiC;QAC/C,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,qBAA8B,CAAC,CAAC;QACzF,OAAO,IAAI,CAAC;IACb,CAAC;IAED,mBAAmB;QAClB,OAAO,CAAC,CAAC;IACV,CAAC;IAED,gBAAgB,CAAC,KAAY,EAAE,IAAY,EAAE,QAAiC;QAC7E,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAiB,CAAC,CAAC;IACxD,CAAC;IAED,mBAAmB,CAAC,KAAY,EAAE,IAAY,EAAE,QAAiC;QAChF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAiB,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU,CAAC,MAAyB;QACnC,OAAO,MAAM,CAAC,WAAW,CAAC;IAC3B,CAAC;IAED,cAAc,CAAC,MAAyB,EAAE,KAAc,EAAE,MAAe,EAAE,WAAoB;QAC9F,MAAM,MAAM,GAAI,MAAc,CAAC,MAAM,CAAC;QAEtC,mBAAmB;QACnB,YAAY;QACZ,uCAAuC;QACvC,yCAAyC;QACzC,MAAM;QACN,IAAI;QAEJ,OAAO;YACN,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,MAAM,EAAE,MAAM,CAAC,YAAY;SAC3B,CAAC;IACH,CAAC;CACD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nativescript/canvas-chartjs",
3
- "version": "2.0.0-rc.1",
3
+ "version": "2.0.4",
4
4
  "description": "ChartJS",
5
5
  "main": "index",
6
6
  "typings": "index.d.ts",
@@ -33,7 +33,7 @@
33
33
  "readmeFilename": "README.md",
34
34
  "bootstrapper": "@nativescript/plugin-seed",
35
35
  "dependencies": {
36
- "@nativescript/canvas-polyfill": "rc",
36
+ "@nativescript/canvas-polyfill": "*",
37
37
  "chart.js": "~4.4.0"
38
38
  },
39
39
  "types": "./index.d.d.ts"