labellife-design-tool 2.1.8 → 2.2.0

package/dist/cjs/index.js

@@ -1429,6 +1429,31 @@ var _excluded$5 = ["mimeType", "quality", "dpi", "dpiMetadata"],
   _excluded2$1 = ["mimeType", "quality"],
   _excluded3$1 = ["fileName"],
   _excluded4 = ["fileName"];
+
+// Detect embedded base64 data URLs (data:...;base64,...).
+// These bloat exported JSON significantly (a single image can be 1MB+).
+// Regular http/https/blob URLs are preserved.
+var isBase64DataUrl = function isBase64DataUrl(v) {
+  return typeof v === 'string' && v.startsWith('data:') && v.includes(';base64,');
+};
+var _stripBase64FromElement = function stripBase64FromElement(el) {
+  var out = _objectSpread2({}, el);
+  if (isBase64DataUrl(out.src)) out.src = '';
+  if (isBase64DataUrl(out.clipSrc)) out.clipSrc = '';
+  if (Array.isArray(out.children)) {
+    out.children = out.children.map(_stripBase64FromElement);
+  }
+  return out;
+};
+var stripBase64FromExport = function stripBase64FromExport(data) {
+  return _objectSpread2(_objectSpread2({}, data), {}, {
+    pages: (data.pages || []).map(function (page) {
+      return _objectSpread2(_objectSpread2({}, page), {}, {
+        children: (page.children || []).map(_stripBase64FromElement)
+      });
+    })
+  });
+};
 var Font = mobxStateTree.types.model('Font', {
   fontFamily: mobxStateTree.types.string,
   url: mobxStateTree.types.optional(mobxStateTree.types.string, ''),
@@ -2133,8 +2158,11 @@ var Store = mobxStateTree.types.model('Store', {
     saveAsJSON: function saveAsJSON() {
       var _ref0 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
         _ref0$fileName = _ref0.fileName,
-        fileName = _ref0$fileName === void 0 ? 'design.json' : _ref0$fileName;
-      var json = JSON.stringify(self.toJSON(), null, 2);
+        fileName = _ref0$fileName === void 0 ? 'design.json' : _ref0$fileName,
+        _ref0$stripBase = _ref0.stripBase64,
+        stripBase64 = _ref0$stripBase === void 0 ? true : _ref0$stripBase;
+      var data = stripBase64 ? stripBase64FromExport(self.toJSON()) : self.toJSON();
+      var json = JSON.stringify(data, null, 2);
       var blob = new Blob([json], {
         type: 'application/json'
       });
@@ -8469,7 +8497,9 @@ var DefaultDownloadButton = mobxReactLite.observer(function (_ref9) {
     _useState6 = _slicedToArray(_useState5, 2),
     fileType = _useState6[0],
     setFileType = _useState6[1];
-  var _useState7 = React.useState(1),
+  // Default quality so pixelRatio=1 (output = template's own pixel size).
+  // qualityToPixelRatio(q) = q * 3, so q = 1/3 → pixelRatio = 1.
+  var _useState7 = React.useState(1 / 3),
     _useState8 = _slicedToArray(_useState7, 2),
     quality = _useState8[0],
     setQuality = _useState8[1];
@@ -8840,7 +8870,7 @@ var Toolbar = mobxReactLite.observer(function (_ref11) {
     children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: _objectSpread2(_objectSpread2({}, rowSx), {}, {
         minHeight: 52,
-        borderBottom: element ? '1px solid #f0f0f0' : 'none'
+        borderBottom: '1px solid #f0f0f0'
       }),
       children: [/*#__PURE__*/jsxRuntime.jsx(material.Tooltip, {
         title: t('toolbar.undo', 'Undo'),
@@ -8953,12 +8983,13 @@ var Toolbar = mobxReactLite.observer(function (_ref11) {
       }), DownloadButton && /*#__PURE__*/jsxRuntime.jsx(DownloadButton, {
         store: store
       })]
-    }), element && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+    }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
       sx: _objectSpread2(_objectSpread2({}, rowSx), {}, {
         minHeight: 44,
-        backgroundColor: '#fafafa'
+        backgroundColor: '#fafafa',
+        visibility: element ? 'visible' : 'hidden'
       }),
-      children: /*#__PURE__*/jsxRuntime.jsx(CommonControls, {
+      children: element && /*#__PURE__*/jsxRuntime.jsx(CommonControls, {
         element: element,
         store: store
       })