labellife-design-tool 2.2.3 → 2.2.5

package/dist/cjs/model/store.js

@@ -1901,11 +1901,11 @@ var Store = mobxStateTree.types.model('Store', {
     _toCanvas: function _toCanvas() {
       var _arguments = arguments;
       return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-        var _ref4, _ref4$pixelRatio, pixelRatio, pageId, stage, page, layer, prevX, prevY, prevScaleX, prevScaleY, canvas;
+        var _ref4, _ref4$pixelRatio, pixelRatio, pageId, _ref4$mimeType, mimeType, stage, page, layer, prevX, prevY, prevScaleX, prevScaleY, displayOnlyNodes, rawCanvas, finalCanvas, ctx;
         return _regenerator().w(function (_context) {
           while (1) switch (_context.n) {
             case 0:
-              _ref4 = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : {}, _ref4$pixelRatio = _ref4.pixelRatio, pixelRatio = _ref4$pixelRatio === void 0 ? 1 : _ref4$pixelRatio, _ref4.ignoreBackground, pageId = _ref4.pageId, _ref4.mimeType, _ref4.includeBleed, _ref4._skipTimeout, _ref4.quickMode;
+              _ref4 = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : {}, _ref4$pixelRatio = _ref4.pixelRatio, pixelRatio = _ref4$pixelRatio === void 0 ? 1 : _ref4$pixelRatio, _ref4.ignoreBackground, pageId = _ref4.pageId, _ref4$mimeType = _ref4.mimeType, mimeType = _ref4$mimeType === void 0 ? 'image/png' : _ref4$mimeType, _ref4.includeBleed, _ref4._skipTimeout, _ref4.quickMode;
               stage = self._stageRef;
               if (stage) {
                 _context.n = 1;
@@ -1940,20 +1940,47 @@ var Store = mobxStateTree.types.model('Store', {
               layer.y(0);
               layer.scaleX(1);
               layer.scaleY(1);
+
+              // Hide display-only nodes (shadow, checkerboard, overlay) — not wanted in export
+              displayOnlyNodes = layer.find('.display-only');
+              displayOnlyNodes.forEach(function (n) {
+                return n.hide();
+              });
               layer.draw();
-              canvas = layer.toCanvas({
+              rawCanvas = layer.toCanvas({
                 pixelRatio: pixelRatio,
                 x: 0,
                 y: 0,
                 width: self.width,
                 height: self.height
-              }); // Restore
+              }); // Restore display-only nodes
+              displayOnlyNodes.forEach(function (n) {
+                return n.show();
+              });
+
+              // Restore layer transform
               layer.x(prevX);
               layer.y(prevY);
               layer.scaleX(prevScaleX);
               layer.scaleY(prevScaleY);
               layer.draw();
-              return _context.a(2, canvas);
+
+              // For JPEG, composite onto a white canvas to eliminate any remaining transparency
+              // (avoids black areas and reduces file size vs checkerboard patterns)
+              if (!(mimeType === 'image/jpeg')) {
+                _context.n = 4;
+                break;
+              }
+              finalCanvas = document.createElement('canvas');
+              finalCanvas.width = rawCanvas.width;
+              finalCanvas.height = rawCanvas.height;
+              ctx = finalCanvas.getContext('2d');
+              ctx.fillStyle = '#ffffff';
+              ctx.fillRect(0, 0, finalCanvas.width, finalCanvas.height);
+              ctx.drawImage(rawCanvas, 0, 0);
+              return _context.a(2, finalCanvas);
+            case 4:
+              return _context.a(2, rawCanvas);
           }
         }, _callee);
       }))();
@@ -1984,7 +2011,7 @@ var Store = mobxStateTree.types.model('Store', {
         return _regenerator().w(function (_context3) {
           while (1) switch (_context3.n) {
             case 0:
-              _ref6 = _arguments3.length > 0 && _arguments3[0] !== undefined ? _arguments3[0] : {}, _ref6$mimeType = _ref6.mimeType, mimeType = _ref6$mimeType === void 0 ? 'image/png' : _ref6$mimeType, _ref6$quality = _ref6.quality, quality = _ref6$quality === void 0 ? 1 : _ref6$quality, rest = _objectWithoutProperties(_ref6, _excluded2);
+              _ref6 = _arguments3.length > 0 && _arguments3[0] !== undefined ? _arguments3[0] : {}, _ref6$mimeType = _ref6.mimeType, mimeType = _ref6$mimeType === void 0 ? 'image/png' : _ref6$mimeType, _ref6$quality = _ref6.quality, quality = _ref6$quality === void 0 ? 0.92 : _ref6$quality, rest = _objectWithoutProperties(_ref6, _excluded2);
               _context3.n = 1;
               return self._toCanvas(_objectSpread2({
                 mimeType: mimeType