@leapfrog/interactive-canvas 2.0.22-beta-5 → 2.0.22-beta-7

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.
@@ -319,7 +319,7 @@ export declare abstract class AbstractInteractiveCanvas implements IInteractiveC
319
319
  * @override
320
320
  * @inheritDoc
321
321
  */
322
- createPNGStream(multiplier?: number): any;
322
+ createPNGStream(): any;
323
323
  /**
324
324
  * @override
325
325
  * @inheritDoc
@@ -2,7 +2,6 @@ import _, { round, each, values, reduce, clone, max, isEqual } from 'lodash';
2
2
  import { BehaviorSubject, Subject } from 'rxjs';
3
3
  import * as fabric from 'fabric';
4
4
  import { JSDOM } from 'jsdom';
5
- import { createCanvas } from 'canvas';
6
5
 
7
6
  const PIXELS_PER_MM$2 = 3.937;
8
7
  class MillimeterDimensions {
@@ -3489,13 +3488,8 @@ class AbstractInteractiveCanvas {
3489
3488
  * @override
3490
3489
  * @inheritDoc
3491
3490
  */
3492
- createPNGStream(multiplier) {
3493
- const options = {
3494
- format: "png",
3495
- multiplier: multiplier || this.IMAGE_CAPTURE_COEFFICIENT,
3496
- enableRetinaScaling: true
3497
- };
3498
- return this.fabricCanvas.toDataURL(options);
3491
+ createPNGStream() {
3492
+ return this.fabricCanvas.toDataURL();
3499
3493
  }
3500
3494
  /**
3501
3495
  * @override
@@ -3740,6 +3734,7 @@ class SelectionData {
3740
3734
  }
3741
3735
  }
3742
3736
 
3737
+ //import { createCanvas, loadImage } from 'canvas';
3743
3738
  class HeadlessInteractiveCanvas extends AbstractInteractiveCanvas {
3744
3739
  constructor() {
3745
3740
  let canvas;
@@ -3755,13 +3750,13 @@ class HeadlessInteractiveCanvas extends AbstractInteractiveCanvas {
3755
3750
  global.window.cancelAnimationFrame = (id) => {
3756
3751
  clearTimeout(id);
3757
3752
  };
3758
- const nodeCanvas = createCanvas(640, 480);
3759
- canvas = new fabric.StaticCanvas(nodeCanvas);
3760
- }
3761
- else {
3762
- canvas = new fabric.StaticCanvas(undefined, { width: 640, height: 480 });
3753
+ // const nodeCanvas = createCanvas(640, 480);
3754
+ // canvas = new fabric.StaticCanvas(nodeCanvas as unknown as HTMLCanvasElement) as Canvas;
3763
3755
  }
3764
- super(fabric, canvas, 0);
3756
+ //else {
3757
+ canvas = new fabric.StaticCanvas(undefined, { width: 640, height: 480 });
3758
+ // }
3759
+ super(fabric, canvas, 1);
3765
3760
  this.headless = true;
3766
3761
  }
3767
3762
  /**
@@ -4,7 +4,6 @@ var _ = require('lodash');
4
4
  var rxjs = require('rxjs');
5
5
  var fabric = require('fabric');
6
6
  var jsdom = require('jsdom');
7
- var canvas = require('canvas');
8
7
 
9
8
  function _interopNamespaceDefault(e) {
10
9
  var n = Object.create(null);
@@ -3510,13 +3509,8 @@ class AbstractInteractiveCanvas {
3510
3509
  * @override
3511
3510
  * @inheritDoc
3512
3511
  */
3513
- createPNGStream(multiplier) {
3514
- const options = {
3515
- format: "png",
3516
- multiplier: multiplier || this.IMAGE_CAPTURE_COEFFICIENT,
3517
- enableRetinaScaling: true
3518
- };
3519
- return this.fabricCanvas.toDataURL(options);
3512
+ createPNGStream() {
3513
+ return this.fabricCanvas.toDataURL();
3520
3514
  }
3521
3515
  /**
3522
3516
  * @override
@@ -3761,9 +3755,10 @@ class SelectionData {
3761
3755
  }
3762
3756
  }
3763
3757
 
3758
+ //import { createCanvas, loadImage } from 'canvas';
3764
3759
  class HeadlessInteractiveCanvas extends AbstractInteractiveCanvas {
3765
3760
  constructor() {
3766
- let canvas$1;
3761
+ let canvas;
3767
3762
  if (typeof window === "undefined") {
3768
3763
  const { window } = new jsdom.JSDOM('<!DOCTYPE html><html><body></body></html>');
3769
3764
  global.window = window;
@@ -3776,13 +3771,13 @@ class HeadlessInteractiveCanvas extends AbstractInteractiveCanvas {
3776
3771
  global.window.cancelAnimationFrame = (id) => {
3777
3772
  clearTimeout(id);
3778
3773
  };
3779
- const nodeCanvas = canvas.createCanvas(640, 480);
3780
- canvas$1 = new fabric__namespace.StaticCanvas(nodeCanvas);
3781
- }
3782
- else {
3783
- canvas$1 = new fabric__namespace.StaticCanvas(undefined, { width: 640, height: 480 });
3774
+ // const nodeCanvas = createCanvas(640, 480);
3775
+ // canvas = new fabric.StaticCanvas(nodeCanvas as unknown as HTMLCanvasElement) as Canvas;
3784
3776
  }
3785
- super(fabric__namespace, canvas$1, 0);
3777
+ //else {
3778
+ canvas = new fabric__namespace.StaticCanvas(undefined, { width: 640, height: 480 });
3779
+ // }
3780
+ super(fabric__namespace, canvas, 1);
3786
3781
  this.headless = true;
3787
3782
  }
3788
3783
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leapfrog/interactive-canvas",
3
- "version": "2.0.22-beta-5",
3
+ "version": "2.0.22-beta-7",
4
4
  "description": "Leapfrog interactive canvas",
5
5
  "files": [
6
6
  "dist"
@@ -19,7 +19,6 @@
19
19
  "typescript": "^6.0.3"
20
20
  },
21
21
  "dependencies": {
22
- "canvas": "^3.2.3",
23
22
  "fabric": "^7.2.0",
24
23
  "jsdom": "^29.0.2",
25
24
  "lodash": "^4.18.1",