@solostylist/image-editor 1.0.13 → 1.0.15
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.
- package/lib/actions/add-filter.js +2 -1
- package/lib/actions/enable-text-content-edit.js +2 -1
- package/lib/actions/set-canvas-size.d.ts.map +1 -1
- package/lib/actions/set-crop.js +6 -1
- package/lib/actions/set-shown-image-dimensions.js +3 -2
- package/lib/components/app/index.d.ts.map +1 -1
- package/lib/components/app/index.js +111 -41
- package/lib/components/assembly-point/index.d.ts +1 -2
- package/lib/components/assembly-point/index.d.ts.map +1 -1
- package/lib/components/assembly-point/index.js +1 -5
- package/lib/components/common/annotation-options/index.js +3 -3
- package/lib/components/common/annotation-options/shadow-fields.js +2 -2
- package/lib/components/common/color-picker-modal/index.js +1 -1
- package/lib/components/common/icon-wrapper/index.js +1 -1
- package/lib/components/common/image-preview-tile/index.js +1 -1
- package/lib/components/common/slider/index.js +4 -4
- package/lib/components/feedback-popup/index.js +2 -2
- package/lib/components/layers/design-layer/index.d.ts.map +1 -1
- package/lib/components/layers/design-layer/index.js +11 -8
- package/lib/components/layers/transformers-layer/crop-transformer.js +3 -2
- package/lib/components/layers/transformers-layer/index.js +3 -2
- package/lib/components/main-canvas/canvas-node.d.ts.map +1 -1
- package/lib/components/main-canvas/canvas-node.js +8 -6
- package/lib/components/main-canvas/index.d.ts.map +1 -1
- package/lib/components/main-canvas/index.js +135 -33
- package/lib/components/main-canvas/touch-zooming-events.js +3 -2
- package/lib/components/node-controls/index.d.ts.map +1 -1
- package/lib/components/node-controls/index.js +4 -3
- package/lib/components/tabs/index.d.ts.map +1 -1
- package/lib/components/tabs/index.js +165 -23
- package/lib/components/tabs-drawer/index.d.ts +3 -3
- package/lib/components/tabs-drawer/index.d.ts.map +1 -1
- package/lib/components/tabs-drawer/index.js +66 -43
- package/lib/components/tools/crop/crop.d.ts.map +1 -1
- package/lib/components/tools/crop/crop.js +3 -3
- package/lib/components/tools/filters/filter-item.d.ts +4 -3
- package/lib/components/tools/filters/filter-item.d.ts.map +1 -1
- package/lib/components/tools/filters/filter-item.js +4 -1
- package/lib/components/tools/filters/filters.constants.d.ts +2 -2
- package/lib/components/tools/filters/filters.constants.d.ts.map +1 -1
- package/lib/components/tools/filters/filters.d.ts +4 -1
- package/lib/components/tools/filters/filters.d.ts.map +1 -1
- package/lib/components/tools/filters/filters.js +9 -3
- package/lib/components/tools/image/image-options.js +5 -4
- package/lib/components/tools/image/images-gallery.js +1 -1
- package/lib/components/tools/pen/pen-options.js +4 -3
- package/lib/components/tools/resize/resize.d.ts +1 -1
- package/lib/components/tools/resize/resize.d.ts.map +1 -1
- package/lib/components/tools/resize/resize.js +5 -2
- package/lib/components/tools/rotate/rotate-options.js +1 -1
- package/lib/components/tools/text/text-options/handle-text-change-area.d.ts.map +1 -1
- package/lib/components/tools/text/text-options/text-alignment-fields.js +1 -1
- package/lib/components/tools/text/text-options/text-controls.js +8 -6
- package/lib/components/tools/tools.constants.d.ts +2 -2
- package/lib/components/tools/tools.constants.d.ts.map +1 -1
- package/lib/components/tools/watermark/watermark-padding.js +2 -1
- package/lib/components/tools/watermark/watermark.js +9 -8
- package/lib/components/tools-bar/index.d.ts.map +1 -1
- package/lib/components/tools-bar/index.js +47 -22
- package/lib/components/tools-bar/tools-bar-item-button.d.ts.map +1 -1
- package/lib/components/tools-bar/tools-bar-item-button.js +8 -3
- package/lib/components/topbar/canvas-zooming.d.ts.map +1 -1
- package/lib/components/topbar/canvas-zooming.js +5 -5
- package/lib/components/topbar/confirmation-modal.js +2 -2
- package/lib/components/topbar/image-dimensions-and-display-toggle.d.ts.map +1 -1
- package/lib/components/topbar/image-dimensions-and-display-toggle.js +8 -6
- package/lib/components/topbar/index.d.ts.map +1 -1
- package/lib/components/topbar/index.js +33 -24
- package/lib/components/topbar/redo-button.js +1 -1
- package/lib/components/topbar/reset-button.js +1 -1
- package/lib/components/topbar/save-button.js +9 -6
- package/lib/components/topbar/topbar-action-buttons.d.ts +3 -0
- package/lib/components/topbar/topbar-action-buttons.d.ts.map +1 -0
- package/lib/components/topbar/topbar-action-buttons.js +27 -0
- package/lib/components/topbar/undo-button.js +1 -1
- package/lib/context/app-provider.d.ts.map +1 -1
- package/lib/context/app-provider.js +8 -6
- package/lib/context/app-reducer.js +2 -1
- package/lib/context/default-config.d.ts.map +1 -1
- package/lib/context/default-config.js +1 -1
- package/lib/context/default-translations.d.ts +1 -0
- package/lib/context/default-translations.d.ts.map +1 -1
- package/lib/context/default-translations.js +465 -113
- package/lib/context/get-initial-app-state.js +4 -4
- package/lib/custom/filters/moon.d.ts.map +1 -1
- package/lib/demo/app.d.ts.map +1 -1
- package/lib/demo/app.js +62 -18
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.d.ts.map +1 -1
- package/lib/hooks/index.js +2 -1
- package/lib/hooks/use-annotation/get-new-annotation-preview.js +2 -2
- package/lib/hooks/use-annotation/index.d.ts.map +1 -1
- package/lib/hooks/use-annotation/index.js +15 -2
- package/lib/hooks/use-annotation-events.d.ts.map +1 -1
- package/lib/hooks/use-app-reducer.d.ts.map +1 -1
- package/lib/hooks/use-app-reducer.js +2 -1
- package/lib/hooks/use-image-editor-actions.d.ts +16 -0
- package/lib/hooks/use-image-editor-actions.d.ts.map +1 -0
- package/lib/hooks/use-image-editor-actions.js +147 -0
- package/lib/hooks/use-resize-observer.d.ts.map +1 -1
- package/lib/hooks/use-resize-observer.js +2 -3
- package/lib/hooks/use-transformed-img-data.d.ts +1 -1
- package/lib/hooks/use-transformed-img-data.d.ts.map +1 -1
- package/lib/hooks/use-transformed-img-data.js +13 -9
- package/lib/types/actions.d.ts +0 -7
- package/lib/types/actions.d.ts.map +1 -1
- package/lib/types/config.d.ts +52 -3
- package/lib/types/config.d.ts.map +1 -1
- package/lib/types/state.d.ts +1 -1
- package/lib/types/state.d.ts.map +1 -1
- package/lib/utils/calculate-zoom-data.js +5 -4
- package/lib/utils/crop-image.d.ts +3 -1
- package/lib/utils/crop-image.d.ts.map +1 -1
- package/lib/utils/crop-image.js +10 -4
- package/lib/utils/extract-current-design-state.js +3 -2
- package/lib/utils/filter-str-to-class.js +2 -1
- package/lib/utils/finetunes-strs-to-classes.js +2 -1
- package/lib/utils/get-file-full-name.d.ts.map +1 -1
- package/lib/utils/get-file-full-name.js +3 -3
- package/lib/utils/get-pointer-offset-position-bounded-to-object.js +2 -1
- package/lib/utils/get-proper-dimensions.js +3 -2
- package/lib/utils/is-same-image.d.ts +1 -1
- package/lib/utils/is-same-image.d.ts.map +1 -1
- package/lib/utils/load-image.d.ts +1 -1
- package/lib/utils/load-image.d.ts.map +1 -1
- package/lib/utils/load-image.js +1 -3
- package/lib/utils/restrict-number.js +2 -2
- package/lib/utils/serialize-design-state.js +5 -3
- package/lib/utils/translator.d.ts +4 -1
- package/lib/utils/translator.d.ts.map +1 -1
- package/lib/utils/translator.js +11 -2
- package/package.json +14 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"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"}
|
package/lib/types/state.d.ts
CHANGED
|
@@ -62,7 +62,7 @@ export interface ImageDesignState {
|
|
|
62
62
|
export interface AppState {
|
|
63
63
|
isDesignState: boolean;
|
|
64
64
|
imgSrc?: string;
|
|
65
|
-
originalImage
|
|
65
|
+
originalImage?: HTMLImageElement | null;
|
|
66
66
|
finetunes: Filter[];
|
|
67
67
|
finetunesProps: FinetunesProps;
|
|
68
68
|
filter: Filter | null;
|
package/lib/types/state.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/types/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGvD,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,oBAAoB,CAAC,EAAE,gBAAgB,CAAC;CACzC;AAGD,MAAM,WAAW,QAAQ;IAEvB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,aAAa,EAAE,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/types/state.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import { DEFAULT_ZOOM_FACTOR } from "./constants";
|
|
5
5
|
var calculateZoomData = function calculateZoomData(newZoom, oldZoom, canvasWidth, canvasHeight) {
|
|
6
|
+
var _newZoom$x, _oldZoom$x, _newZoom$y, _oldZoom$y, _newZoom$x2, _newZoom$y2;
|
|
6
7
|
if (newZoom.factor === DEFAULT_ZOOM_FACTOR) {
|
|
7
8
|
return {
|
|
8
9
|
x: 0,
|
|
@@ -12,12 +13,12 @@ var calculateZoomData = function calculateZoomData(newZoom, oldZoom, canvasWidth
|
|
|
12
13
|
}
|
|
13
14
|
var isZoomIn = newZoom.factor > oldZoom.factor;
|
|
14
15
|
var mousePointTo = {
|
|
15
|
-
x: ((newZoom.x
|
|
16
|
-
y: ((newZoom.y
|
|
16
|
+
x: (((_newZoom$x = newZoom.x) !== null && _newZoom$x !== void 0 ? _newZoom$x : 0) - ((_oldZoom$x = oldZoom.x) !== null && _oldZoom$x !== void 0 ? _oldZoom$x : 0)) / oldZoom.factor,
|
|
17
|
+
y: (((_newZoom$y = newZoom.y) !== null && _newZoom$y !== void 0 ? _newZoom$y : 0) - ((_oldZoom$y = oldZoom.y) !== null && _oldZoom$y !== void 0 ? _oldZoom$y : 0)) / oldZoom.factor
|
|
17
18
|
};
|
|
18
19
|
var newPos = {
|
|
19
|
-
x: (newZoom.x
|
|
20
|
-
y: (newZoom.y
|
|
20
|
+
x: ((_newZoom$x2 = newZoom.x) !== null && _newZoom$x2 !== void 0 ? _newZoom$x2 : 0) - mousePointTo.x * newZoom.factor,
|
|
21
|
+
y: ((_newZoom$y2 = newZoom.y) !== null && _newZoom$y2 !== void 0 ? _newZoom$y2 : 0) - mousePointTo.y * newZoom.factor
|
|
21
22
|
};
|
|
22
23
|
if (!isZoomIn || oldZoom.factor !== 1) {
|
|
23
24
|
newPos.x = Math.min(0, Math.max(newPos.x, canvasWidth * (1 - oldZoom.factor)));
|
|
@@ -5,6 +5,8 @@ interface CropBox {
|
|
|
5
5
|
width: number;
|
|
6
6
|
height: number;
|
|
7
7
|
}
|
|
8
|
-
declare const
|
|
8
|
+
export declare const cropImageRect: (context: CanvasRenderingContext2D, cropBox: CropBox) => void;
|
|
9
|
+
export declare const cropImageEllipse: (context: CanvasRenderingContext2D, cropBox: CropBox) => void;
|
|
10
|
+
declare const cropImage: (context: CanvasRenderingContext2D, cropBox: CropBox, forceRect?: boolean) => void;
|
|
9
11
|
export default cropImage;
|
|
10
12
|
//# sourceMappingURL=crop-image.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"crop-image.d.ts","sourceRoot":"","sources":["../../src/utils/crop-image.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,SAAS,GACb,SAAS,wBAAwB,EACjC,SAAS,OAAO,EAChB,
|
|
1
|
+
{"version":3,"file":"crop-image.d.ts","sourceRoot":"","sources":["../../src/utils/crop-image.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,GACxB,SAAS,wBAAwB,EACjC,SAAS,OAAO,KACf,IAEF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,SAAS,wBAAwB,EACjC,SAAS,OAAO,KACf,IAUF,CAAC;AAEF,QAAA,MAAM,SAAS,GACb,SAAS,wBAAwB,EACjC,SAAS,OAAO,EAChB,YAAW,OAAe,KACzB,IAMF,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/lib/utils/crop-image.js
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import { ELLIPSE_CROP } from "./constants";
|
|
2
|
+
export var cropImageRect = function cropImageRect(context, cropBox) {
|
|
3
|
+
context.rect(cropBox.x, cropBox.y, cropBox.width, cropBox.height);
|
|
4
|
+
};
|
|
5
|
+
export var cropImageEllipse = function cropImageEllipse(context, cropBox) {
|
|
6
|
+
context.ellipse(cropBox.x + cropBox.width / 2, cropBox.y + cropBox.height / 2, cropBox.width / 2, cropBox.height / 2, 0, 0, 2 * Math.PI);
|
|
7
|
+
};
|
|
2
8
|
var cropImage = function cropImage(context, cropBox) {
|
|
3
|
-
var
|
|
4
|
-
if (cropBox.ratio === ELLIPSE_CROP && !
|
|
5
|
-
context
|
|
9
|
+
var forceRect = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
10
|
+
if (cropBox.ratio === ELLIPSE_CROP && !forceRect) {
|
|
11
|
+
cropImageEllipse(context, cropBox);
|
|
6
12
|
} else {
|
|
7
|
-
context
|
|
13
|
+
cropImageRect(context, cropBox);
|
|
8
14
|
}
|
|
9
15
|
};
|
|
10
16
|
export default cropImage;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import defaultConfig from "../context/default-config";
|
|
2
2
|
import getInitialAppState from "../context/get-initial-app-state";
|
|
3
3
|
var extractCurrentDesignState = function extractCurrentDesignState(state, useStateAsConfig) {
|
|
4
|
+
var _state$imgSrc, _state$filter;
|
|
4
5
|
var initialAppState = getInitialAppState(useStateAsConfig ? state : defaultConfig);
|
|
5
6
|
return {
|
|
6
|
-
imgSrc: state.imgSrc
|
|
7
|
+
imgSrc: (_state$imgSrc = state.imgSrc) !== null && _state$imgSrc !== void 0 ? _state$imgSrc : initialAppState.imgSrc,
|
|
7
8
|
finetunes: state.finetunes || initialAppState.finetunes,
|
|
8
9
|
finetunesProps: state.finetunesProps || initialAppState.finetunesProps,
|
|
9
|
-
filter: state.filter
|
|
10
|
+
filter: (_state$filter = state.filter) !== null && _state$filter !== void 0 ? _state$filter : initialAppState.filter,
|
|
10
11
|
adjustments: state.adjustments || initialAppState.adjustments,
|
|
11
12
|
annotations: state.annotations || initialAppState.annotations,
|
|
12
13
|
resize: state.resize || initialAppState.resize
|
|
@@ -2,7 +2,8 @@ import Konva from 'konva';
|
|
|
2
2
|
import * as CustomFilters from "../custom/filters";
|
|
3
3
|
var filterStrToClass = function filterStrToClass(filterString) {
|
|
4
4
|
if (filterString) {
|
|
5
|
-
|
|
5
|
+
var _filterString;
|
|
6
|
+
return (_filterString = CustomFilters[filterString]) !== null && _filterString !== void 0 ? _filterString : Konva.Filters[filterString];
|
|
6
7
|
}
|
|
7
8
|
return null;
|
|
8
9
|
};
|
|
@@ -3,7 +3,8 @@ import * as CustomFinetunes from "../custom/finetunes";
|
|
|
3
3
|
var finetunesStrsToClasses = function finetunesStrsToClasses(finetunesStrings) {
|
|
4
4
|
if (Array.isArray(finetunesStrings) && finetunesStrings.length > 0) {
|
|
5
5
|
return finetunesStrings.map(function (finetuneClassName) {
|
|
6
|
-
|
|
6
|
+
var _finetuneClassName;
|
|
7
|
+
return (_finetuneClassName = Konva.Filters[finetuneClassName]) !== null && _finetuneClassName !== void 0 ? _finetuneClassName : CustomFinetunes[finetuneClassName];
|
|
7
8
|
}).filter(function (filter) {
|
|
8
9
|
return filter !== undefined;
|
|
9
10
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-file-full-name.d.ts","sourceRoot":"","sources":["../../src/utils/get-file-full-name.ts"],"names":[],"mappings":"AAMA,UAAU,YAAY;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,eAAe,GACnB,eAAe,MAAM,EACrB,oBAAoB,MAAM,KACzB,
|
|
1
|
+
{"version":3,"file":"get-file-full-name.d.ts","sourceRoot":"","sources":["../../src/utils/get-file-full-name.ts"],"names":[],"mappings":"AAMA,UAAU,YAAY;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,eAAe,GACnB,eAAe,MAAM,EACrB,oBAAoB,MAAM,KACzB,YA2BF,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { DEFAULT_IMAGE_TYPE, POSSIBLE_IMAGE_TYPES, SUPPORTED_IMAGE_TYPES } from "./constants";
|
|
2
2
|
var getFileFullName = function getFileFullName(fileNameProp, appendedExtension) {
|
|
3
|
-
var fileName = fileNameProp
|
|
3
|
+
var fileName = fileNameProp !== null && fileNameProp !== void 0 ? fileNameProp : '';
|
|
4
4
|
var finalExtension = appendedExtension;
|
|
5
5
|
var finalFileName = fileName;
|
|
6
6
|
if (!finalExtension && POSSIBLE_IMAGE_TYPES.some(function (extension) {
|
|
7
|
-
return fileName.
|
|
7
|
+
return fileName.endsWith(".".concat(extension));
|
|
8
8
|
})) {
|
|
9
9
|
var _fileName$slice;
|
|
10
10
|
var currentExtension = (_fileName$slice = fileName.slice(fileName.lastIndexOf('.') + 1)) === null || _fileName$slice === void 0 ? void 0 : _fileName$slice.toLowerCase();
|
|
11
11
|
finalExtension = currentExtension && SUPPORTED_IMAGE_TYPES.includes(currentExtension) ? currentExtension : DEFAULT_IMAGE_TYPE;
|
|
12
12
|
finalFileName = fileName.slice(0, fileName.lastIndexOf('.'));
|
|
13
13
|
}
|
|
14
|
-
finalExtension = finalExtension
|
|
14
|
+
finalExtension = finalExtension !== null && finalExtension !== void 0 ? finalExtension : DEFAULT_IMAGE_TYPE;
|
|
15
15
|
return {
|
|
16
16
|
fullName: "".concat(finalFileName, ".").concat(finalExtension),
|
|
17
17
|
name: finalFileName,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import restrictNumber from "./restrict-number";
|
|
2
2
|
var getPointerOffsetPositionBoundedToObject = function getPointerOffsetPositionBoundedToObject() {
|
|
3
|
+
var _designLayer$getRelat;
|
|
3
4
|
var previewGroup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
4
5
|
var relativeToObject = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
|
|
5
6
|
width: 0,
|
|
@@ -14,7 +15,7 @@ var getPointerOffsetPositionBoundedToObject = function getPointerOffsetPositionB
|
|
|
14
15
|
var designLayer = previewGroup.parent;
|
|
15
16
|
var canvas = designLayer.getStage();
|
|
16
17
|
var canvasZoomFactor = canvas.attrs.zoomFactor;
|
|
17
|
-
var pos = designLayer.getRelativePointerPosition()
|
|
18
|
+
var pos = (_designLayer$getRelat = designLayer.getRelativePointerPosition()) !== null && _designLayer$getRelat !== void 0 ? _designLayer$getRelat : {
|
|
18
19
|
x: 0,
|
|
19
20
|
y: 0
|
|
20
21
|
};
|
|
@@ -11,9 +11,10 @@ var getProperDimensions = function getProperDimensions(resizeDimensions, cropDim
|
|
|
11
11
|
var mappedCropArea = mapCropBox(cropDimensions, shownImageDimensions, originalDimensions);
|
|
12
12
|
var croppedRotatedArea = getSizeAfterRotation(mappedCropArea.width, mappedCropArea.height, rotationAngle);
|
|
13
13
|
if (resizeDimensions.width || resizeDimensions.height) {
|
|
14
|
+
var _resizeDimensions$wid, _resizeDimensions$hei;
|
|
14
15
|
return {
|
|
15
|
-
width: resizeDimensions.width
|
|
16
|
-
height: resizeDimensions.height
|
|
16
|
+
width: (_resizeDimensions$wid = resizeDimensions.width) !== null && _resizeDimensions$wid !== void 0 ? _resizeDimensions$wid : croppedRotatedArea.width,
|
|
17
|
+
height: (_resizeDimensions$hei = resizeDimensions.height) !== null && _resizeDimensions$hei !== void 0 ? _resizeDimensions$hei : croppedRotatedArea.height
|
|
17
18
|
};
|
|
18
19
|
}
|
|
19
20
|
return croppedRotatedArea.width && croppedRotatedArea.height && croppedRotatedArea || _objectSpread(_objectSpread({}, originalDimensions), getSizeAfterRotation(originalDimensions.width, originalDimensions.height, rotationAngle));
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const isSameImage: (img1?: string | HTMLImageElement, img2HtmlElement?: HTMLImageElement) => boolean;
|
|
1
|
+
declare const isSameImage: (img1?: string | HTMLImageElement | null, img2HtmlElement?: HTMLImageElement | null) => boolean;
|
|
2
2
|
export default isSameImage;
|
|
3
3
|
//# sourceMappingURL=is-same-image.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"is-same-image.d.ts","sourceRoot":"","sources":["../../src/utils/is-same-image.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW,GACf,OAAO,MAAM,GAAG,gBAAgB,
|
|
1
|
+
{"version":3,"file":"is-same-image.d.ts","sourceRoot":"","sources":["../../src/utils/is-same-image.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW,GACf,OAAO,MAAM,GAAG,gBAAgB,GAAG,IAAI,EACvC,kBAAkB,gBAAgB,GAAG,IAAI,KACxC,OAUA,CAAC;AAEJ,eAAe,WAAW,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const loadImage: (imageSrc: string,
|
|
1
|
+
declare const loadImage: (imageSrc: string, _imageFileName?: string, noCrossOrigin?: boolean) => Promise<HTMLImageElement>;
|
|
2
2
|
export default loadImage;
|
|
3
3
|
//# sourceMappingURL=load-image.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"load-image.d.ts","sourceRoot":"","sources":["../../src/utils/load-image.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"load-image.d.ts","sourceRoot":"","sources":["../../src/utils/load-image.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS,GACb,UAAU,MAAM,EAChB,iBAAiB,MAAM,EACvB,gBAAe,OAAe,KAC7B,OAAO,CAAC,gBAAgB,CAiBvB,CAAC;AAEL,eAAe,SAAS,CAAC"}
|
package/lib/utils/load-image.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var loadImage = function loadImage(imageSrc, imageFileName) {
|
|
1
|
+
var loadImage = function loadImage(imageSrc, _imageFileName) {
|
|
3
2
|
var noCrossOrigin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
4
3
|
return new Promise(function (resolve, reject) {
|
|
5
4
|
var imageElement = new Image();
|
|
@@ -7,7 +6,6 @@ var loadImage = function loadImage(imageSrc, imageFileName) {
|
|
|
7
6
|
imageElement.crossOrigin = 'Anonymous';
|
|
8
7
|
}
|
|
9
8
|
imageElement.src = imageSrc;
|
|
10
|
-
imageElement.name = imageFileName !== null && imageFileName !== void 0 ? imageFileName : extractNameFromUrl(imageSrc);
|
|
11
9
|
imageElement.onload = function () {
|
|
12
10
|
resolve(imageElement);
|
|
13
11
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var restrictNumber = function restrictNumber(number, minProp, max) {
|
|
2
|
-
var min = minProp
|
|
3
|
-
var currentMax = max
|
|
2
|
+
var min = minProp !== null && minProp !== void 0 ? minProp : 0;
|
|
3
|
+
var currentMax = max !== null && max !== void 0 ? max : 1000000;
|
|
4
4
|
var convertedNumber = +number;
|
|
5
5
|
return Math.min(Math.max(min, convertedNumber), currentMax);
|
|
6
6
|
};
|
|
@@ -4,13 +4,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
4
4
|
import { isImageAnnotation } from "../types/annotations";
|
|
5
5
|
import imageToBase64 from "./image-to-base64";
|
|
6
6
|
export var filterToString = function filterToString(filter) {
|
|
7
|
+
var _namedFilter$filterNa;
|
|
7
8
|
if (!filter) return undefined;
|
|
8
9
|
var namedFilter = filter;
|
|
9
|
-
return namedFilter.filterName
|
|
10
|
+
return (_namedFilter$filterNa = namedFilter.filterName) !== null && _namedFilter$filterNa !== void 0 ? _namedFilter$filterNa : namedFilter.name;
|
|
10
11
|
};
|
|
11
12
|
export var finetuneToString = function finetuneToString(finetune) {
|
|
13
|
+
var _ref, _namedFinetune$finetu;
|
|
12
14
|
var namedFinetune = finetune;
|
|
13
|
-
return namedFinetune.finetuneName
|
|
15
|
+
return (_ref = (_namedFinetune$finetu = namedFinetune.finetuneName) !== null && _namedFinetune$finetu !== void 0 ? _namedFinetune$finetu : namedFinetune.name) !== null && _ref !== void 0 ? _ref : '';
|
|
14
16
|
};
|
|
15
17
|
export var finetunesToStrings = function finetunesToStrings(finetunes) {
|
|
16
18
|
return finetunes.map(finetuneToString).filter(Boolean);
|
|
@@ -22,7 +24,7 @@ export var serializeAnnotations = function serializeAnnotations(annotations) {
|
|
|
22
24
|
if (isImageAnnotation(annotation) && annotation.image) {
|
|
23
25
|
var imgSrc = typeof annotation.image === 'string' ? annotation.image : annotation.image.src;
|
|
24
26
|
if (annotation.image instanceof HTMLImageElement) {
|
|
25
|
-
if (imgSrc && imgSrc.startsWith('blob:')) {
|
|
27
|
+
if (imgSrc !== null && imgSrc !== void 0 && imgSrc.startsWith('blob:')) {
|
|
26
28
|
serialized[annotationId] = _objectSpread(_objectSpread({}, annotation), {}, {
|
|
27
29
|
image: imageToBase64(annotation.image)
|
|
28
30
|
});
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const SUPPORTED_LANGUAGES: readonly ["en", "vi", "zh", "fr"];
|
|
2
|
+
export type SupportedLanguage = (typeof SUPPORTED_LANGUAGES)[number];
|
|
3
|
+
export declare const resolveLanguage: (language?: string, supportedLanguages?: ReadonlyArray<SupportedLanguage>) => SupportedLanguage;
|
|
4
|
+
export declare const updateTranslations: (newTranslations?: Record<string, string>, language?: string, supportedLanguages?: ReadonlyArray<SupportedLanguage>) => Record<string, string>;
|
|
2
5
|
export declare const translate: (key: string) => string;
|
|
3
6
|
//# sourceMappingURL=translator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"translator.d.ts","sourceRoot":"","sources":["../../src/utils/translator.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"translator.d.ts","sourceRoot":"","sources":["../../src/utils/translator.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,mCAAoC,CAAC;AAErE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAOrE,eAAO,MAAM,eAAe,GAC1B,WAAW,MAAM,EACjB,qBAAoB,aAAa,CAAC,iBAAiB,CAAuB,KACzE,iBAOF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,kBAAiB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,EAC5C,WAAU,MAAa,EACvB,qBAAoB,aAAa,CAAC,iBAAiB,CAAuB,KACzE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWvB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,KAAK,MAAM,KAAG,MACC,CAAC"}
|
package/lib/utils/translator.js
CHANGED
|
@@ -1,13 +1,22 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import defaultTranslations from "../context/default-translations";
|
|
4
|
+
import defaultTranslations, { translationsByLanguage } from "../context/default-translations";
|
|
5
|
+
export var SUPPORTED_LANGUAGES = ['en', 'vi', 'zh', 'fr'];
|
|
5
6
|
var customTranslations = {};
|
|
6
7
|
var activatedTranslations = _objectSpread({}, defaultTranslations);
|
|
8
|
+
export var resolveLanguage = function resolveLanguage(language) {
|
|
9
|
+
var supportedLanguages = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SUPPORTED_LANGUAGES;
|
|
10
|
+
var normalized = language === null || language === void 0 ? void 0 : language.toLowerCase();
|
|
11
|
+
var safeList = supportedLanguages !== null && supportedLanguages !== void 0 && supportedLanguages.length ? supportedLanguages : SUPPORTED_LANGUAGES;
|
|
12
|
+
return safeList.includes(normalized || 'en') ? normalized : 'en';
|
|
13
|
+
};
|
|
7
14
|
export var updateTranslations = function updateTranslations() {
|
|
8
15
|
var newTranslations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
9
16
|
var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
|
|
10
|
-
|
|
17
|
+
var supportedLanguages = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : SUPPORTED_LANGUAGES;
|
|
18
|
+
var resolvedLanguage = resolveLanguage(language, supportedLanguages);
|
|
19
|
+
return Object.assign(activatedTranslations, translationsByLanguage[resolvedLanguage] || translationsByLanguage.en || defaultTranslations, (customTranslations === null || customTranslations === void 0 ? void 0 : customTranslations[resolvedLanguage]) || {}, newTranslations);
|
|
11
20
|
};
|
|
12
21
|
export var translate = function translate(key) {
|
|
13
22
|
return activatedTranslations[key] || key || '';
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "1.0.
|
|
6
|
+
"version": "1.0.15",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"author": "Lê Đặng Trường Đạt",
|
|
9
9
|
"main": "./lib/index.js",
|
|
@@ -40,13 +40,15 @@
|
|
|
40
40
|
"@mui/material": "^7.3.7",
|
|
41
41
|
"@mui/system": "^7.3.7",
|
|
42
42
|
"@mui/utils": "^7.3.7",
|
|
43
|
-
"@solostylist/ui-kit": "^1.0.
|
|
43
|
+
"@solostylist/ui-kit": "^1.0.206",
|
|
44
44
|
"dayjs": "^1.11.19",
|
|
45
45
|
"framer-motion": "^12.34.0",
|
|
46
46
|
"konva": "10.2.0",
|
|
47
47
|
"overlayscrollbars": "^2.14.0",
|
|
48
48
|
"overlayscrollbars-react": "^0.5.6",
|
|
49
49
|
"react-colorful": "^5.6.1",
|
|
50
|
+
"react-slick": "^0.31.0",
|
|
51
|
+
"slick-carousel": "^1.8.1",
|
|
50
52
|
"uuid": "^13.0.0"
|
|
51
53
|
},
|
|
52
54
|
"peerDependencies": {
|
|
@@ -59,10 +61,17 @@
|
|
|
59
61
|
"build:babel": "cross-env BABEL_ENV=production NODE_ENV=production babel src -d lib --config-file ../../babel.config.json --extensions '.ts,.tsx' --ignore '**/*.d.ts' --copy-files -D",
|
|
60
62
|
"build:types": "tsc --project tsconfig.build.json",
|
|
61
63
|
"clean": "rimraf lib",
|
|
62
|
-
"lint": "eslint src --ext .ts,.tsx",
|
|
63
|
-
"lint:fix": "eslint src --ext .ts,.tsx --fix",
|
|
64
|
+
"lint": "yarn --cwd ../.. exec eslint packages/image-editor/src --ext .ts,.tsx",
|
|
65
|
+
"lint:fix": "yarn --cwd ../.. exec eslint packages/image-editor/src --ext .ts,.tsx --fix",
|
|
64
66
|
"typecheck": "tsc --noEmit",
|
|
65
67
|
"app:publish": "yarn npm publish"
|
|
66
68
|
},
|
|
67
|
-
"gitHead": "eb3c52c580ba7169cbfe3a226748fa9b4ddd0d30"
|
|
69
|
+
"gitHead": "eb3c52c580ba7169cbfe3a226748fa9b4ddd0d30",
|
|
70
|
+
"devDependencies": {
|
|
71
|
+
"@types/react": "^19.2.14",
|
|
72
|
+
"@types/react-dom": "^19.2.3",
|
|
73
|
+
"react": "^19.2.4",
|
|
74
|
+
"react-dom": "^19.2.4",
|
|
75
|
+
"typescript": "^5.9.3"
|
|
76
|
+
}
|
|
68
77
|
}
|