@bensitu/image-editor 1.5.2 → 2.1.0
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/README.md +460 -509
- package/dist/cjs/index.cjs +6892 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/esm/animation/animation-queue.js +74 -0
- package/dist/esm/animation/animation-queue.js.map +1 -0
- package/dist/esm/core/callback-reporter.js +23 -0
- package/dist/esm/core/callback-reporter.js.map +1 -0
- package/dist/esm/core/default-options.js +529 -0
- package/dist/esm/core/default-options.js.map +1 -0
- package/dist/esm/core/errors.js +156 -0
- package/dist/esm/core/errors.js.map +1 -0
- package/dist/esm/core/operation-guard.js +157 -0
- package/dist/esm/core/operation-guard.js.map +1 -0
- package/dist/esm/core/public-types.js +4 -0
- package/dist/esm/core/public-types.js.map +1 -0
- package/dist/esm/core/state-serializer.js +252 -0
- package/dist/esm/core/state-serializer.js.map +1 -0
- package/dist/esm/crop/crop-controller.js +405 -0
- package/dist/esm/crop/crop-controller.js.map +1 -0
- package/dist/esm/export/export-format.js +53 -0
- package/dist/esm/export/export-format.js.map +1 -0
- package/dist/esm/export/export-service.js +607 -0
- package/dist/esm/export/export-service.js.map +1 -0
- package/dist/esm/fabric/fabric-adapter.js +37 -0
- package/dist/esm/fabric/fabric-adapter.js.map +1 -0
- package/dist/esm/fabric/fabric-animation.js +89 -0
- package/dist/esm/fabric/fabric-animation.js.map +1 -0
- package/dist/esm/history/command.js +2 -0
- package/dist/esm/history/command.js.map +1 -0
- package/dist/esm/history/history-manager.js +103 -0
- package/dist/esm/history/history-manager.js.map +1 -0
- package/dist/esm/image/image-loader.js +238 -0
- package/dist/esm/image/image-loader.js.map +1 -0
- package/dist/esm/image/image-resampler.js +60 -0
- package/dist/esm/image/image-resampler.js.map +1 -0
- package/dist/esm/image/layout-manager.js +206 -0
- package/dist/esm/image/layout-manager.js.map +1 -0
- package/dist/esm/image/transform-controller.js +132 -0
- package/dist/esm/image/transform-controller.js.map +1 -0
- package/dist/esm/image-editor.js +2076 -0
- package/dist/esm/image-editor.js.map +1 -0
- package/dist/esm/index.js +5 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/mask/mask-factory.js +356 -0
- package/dist/esm/mask/mask-factory.js.map +1 -0
- package/dist/esm/mask/mask-label-manager.js +120 -0
- package/dist/esm/mask/mask-label-manager.js.map +1 -0
- package/dist/esm/mask/mask-list.js +53 -0
- package/dist/esm/mask/mask-list.js.map +1 -0
- package/dist/esm/mask/mask-style.js +182 -0
- package/dist/esm/mask/mask-style.js.map +1 -0
- package/dist/esm/mosaic/mosaic-controller.js +670 -0
- package/dist/esm/mosaic/mosaic-controller.js.map +1 -0
- package/dist/esm/mosaic/mosaic-geometry.js +81 -0
- package/dist/esm/mosaic/mosaic-geometry.js.map +1 -0
- package/dist/esm/mosaic/mosaic-pixelate.js +71 -0
- package/dist/esm/mosaic/mosaic-pixelate.js.map +1 -0
- package/dist/esm/ui/dom-bindings.js +67 -0
- package/dist/esm/ui/dom-bindings.js.map +1 -0
- package/dist/esm/ui/ui-state.js +25 -0
- package/dist/esm/ui/ui-state.js.map +1 -0
- package/dist/esm/ui/visibility-state.js +11 -0
- package/dist/esm/ui/visibility-state.js.map +1 -0
- package/dist/esm/utils/canvas-region.js +100 -0
- package/dist/esm/utils/canvas-region.js.map +1 -0
- package/dist/esm/utils/dom.js +6 -0
- package/dist/esm/utils/dom.js.map +1 -0
- package/dist/esm/utils/file.js +53 -0
- package/dist/esm/utils/file.js.map +1 -0
- package/dist/esm/utils/number.js +24 -0
- package/dist/esm/utils/number.js.map +1 -0
- package/dist/esm/utils/timeout.js +17 -0
- package/dist/esm/utils/timeout.js.map +1 -0
- package/dist/types/animation/animation-queue.d.ts +111 -0
- package/dist/types/animation/animation-queue.d.ts.map +1 -0
- package/dist/types/core/callback-reporter.d.ts +125 -0
- package/dist/types/core/callback-reporter.d.ts.map +1 -0
- package/dist/types/core/default-options.d.ts +84 -0
- package/dist/types/core/default-options.d.ts.map +1 -0
- package/dist/types/core/errors.d.ts +142 -0
- package/dist/types/core/errors.d.ts.map +1 -0
- package/dist/types/core/operation-guard.d.ts +194 -0
- package/dist/types/core/operation-guard.d.ts.map +1 -0
- package/dist/types/core/public-types.d.ts +788 -0
- package/dist/types/core/public-types.d.ts.map +1 -0
- package/dist/types/core/state-serializer.d.ts +303 -0
- package/dist/types/core/state-serializer.d.ts.map +1 -0
- package/dist/types/crop/crop-controller.d.ts +407 -0
- package/dist/types/crop/crop-controller.d.ts.map +1 -0
- package/dist/types/export/export-format.d.ts +136 -0
- package/dist/types/export/export-format.d.ts.map +1 -0
- package/dist/types/export/export-service.d.ts +333 -0
- package/dist/types/export/export-service.d.ts.map +1 -0
- package/dist/types/fabric/fabric-adapter.d.ts +74 -0
- package/dist/types/fabric/fabric-adapter.d.ts.map +1 -0
- package/dist/types/fabric/fabric-animation.d.ts +141 -0
- package/dist/types/fabric/fabric-animation.d.ts.map +1 -0
- package/dist/types/history/command.d.ts +16 -0
- package/dist/types/history/command.d.ts.map +1 -0
- package/dist/types/history/history-manager.d.ts +129 -0
- package/dist/types/history/history-manager.d.ts.map +1 -0
- package/dist/types/image/image-loader.d.ts +263 -0
- package/dist/types/image/image-loader.d.ts.map +1 -0
- package/dist/types/image/image-resampler.d.ts +139 -0
- package/dist/types/image/image-resampler.d.ts.map +1 -0
- package/dist/types/image/layout-manager.d.ts +211 -0
- package/dist/types/image/layout-manager.d.ts.map +1 -0
- package/dist/types/image/transform-controller.d.ts +286 -0
- package/dist/types/image/transform-controller.d.ts.map +1 -0
- package/dist/types/image-editor.d.ts +661 -0
- package/dist/types/image-editor.d.ts.map +1 -0
- package/dist/types/index.d.cts +31 -0
- package/dist/types/index.d.cts.map +1 -0
- package/dist/types/index.d.ts +31 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/mask/mask-factory.d.ts +212 -0
- package/dist/types/mask/mask-factory.d.ts.map +1 -0
- package/dist/types/mask/mask-label-manager.d.ts +171 -0
- package/dist/types/mask/mask-label-manager.d.ts.map +1 -0
- package/dist/types/mask/mask-list.d.ts +144 -0
- package/dist/types/mask/mask-list.d.ts.map +1 -0
- package/dist/types/mask/mask-style.d.ts +338 -0
- package/dist/types/mask/mask-style.d.ts.map +1 -0
- package/dist/types/mosaic/mosaic-controller.d.ts +82 -0
- package/dist/types/mosaic/mosaic-controller.d.ts.map +1 -0
- package/dist/types/mosaic/mosaic-geometry.d.ts +29 -0
- package/dist/types/mosaic/mosaic-geometry.d.ts.map +1 -0
- package/dist/types/mosaic/mosaic-pixelate.d.ts +23 -0
- package/dist/types/mosaic/mosaic-pixelate.d.ts.map +1 -0
- package/dist/types/ui/dom-bindings.d.ts +105 -0
- package/dist/types/ui/dom-bindings.d.ts.map +1 -0
- package/dist/types/ui/ui-state.d.ts +112 -0
- package/dist/types/ui/ui-state.d.ts.map +1 -0
- package/dist/types/ui/visibility-state.d.ts +77 -0
- package/dist/types/ui/visibility-state.d.ts.map +1 -0
- package/dist/types/utils/canvas-region.d.ts +177 -0
- package/dist/types/utils/canvas-region.d.ts.map +1 -0
- package/dist/types/utils/dom.d.ts +26 -0
- package/dist/types/utils/dom.d.ts.map +1 -0
- package/dist/types/utils/file.d.ts +80 -0
- package/dist/types/utils/file.d.ts.map +1 -0
- package/dist/types/utils/number.d.ts +131 -0
- package/dist/types/utils/number.d.ts.map +1 -0
- package/dist/types/utils/timeout.d.ts +84 -0
- package/dist/types/utils/timeout.d.ts.map +1 -0
- package/dist/umd/image-editor.umd.js +2 -0
- package/dist/umd/image-editor.umd.js.map +1 -0
- package/package.json +72 -66
- package/dist/image-editor.cjs +0 -4407
- package/dist/image-editor.cjs.map +0 -7
- package/dist/image-editor.esm.js +0 -4376
- package/dist/image-editor.esm.js.map +0 -7
- package/dist/image-editor.esm.min.js +0 -9
- package/dist/image-editor.esm.min.js.map +0 -7
- package/dist/image-editor.esm.min.mjs +0 -9
- package/dist/image-editor.esm.min.mjs.map +0 -7
- package/dist/image-editor.esm.mjs +0 -4376
- package/dist/image-editor.esm.mjs.map +0 -7
- package/dist/image-editor.js +0 -4373
- package/dist/image-editor.js.map +0 -7
- package/dist/image-editor.min.js +0 -9
- package/dist/image-editor.min.js.map +0 -7
- package/image-editor.d.ts +0 -271
- package/src/browser.js +0 -11
- package/src/esm.js +0 -9
- package/src/image-editor.js +0 -5013
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
function looksLikeFabricModule(value) {
|
|
2
|
+
if (value === null || typeof value !== 'object')
|
|
3
|
+
return false;
|
|
4
|
+
const candidate = value.Canvas;
|
|
5
|
+
return typeof candidate === 'function';
|
|
6
|
+
}
|
|
7
|
+
function readGlobalFabric(globalScope) {
|
|
8
|
+
return globalScope.fabric;
|
|
9
|
+
}
|
|
10
|
+
export function detectFabric(fabricOrOptions, maybeOptions, globalScope = globalThis) {
|
|
11
|
+
var _a;
|
|
12
|
+
if (looksLikeFabricModule(fabricOrOptions)) {
|
|
13
|
+
return {
|
|
14
|
+
fabric: fabricOrOptions,
|
|
15
|
+
isFabricLoaded: true,
|
|
16
|
+
options: maybeOptions !== null && maybeOptions !== void 0 ? maybeOptions : {},
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
const options = (_a = fabricOrOptions) !== null && _a !== void 0 ? _a : {};
|
|
20
|
+
const globalFabric = readGlobalFabric(globalScope);
|
|
21
|
+
if (looksLikeFabricModule(globalFabric)) {
|
|
22
|
+
return {
|
|
23
|
+
fabric: globalFabric,
|
|
24
|
+
isFabricLoaded: true,
|
|
25
|
+
options,
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
console.error('[ImageEditor] fabric.js v7 is not available. ' +
|
|
29
|
+
'Pass it as the first constructor argument (ESM) or ' +
|
|
30
|
+
'load it as a global <script> before instantiation.');
|
|
31
|
+
return {
|
|
32
|
+
fabric: null,
|
|
33
|
+
isFabricLoaded: false,
|
|
34
|
+
options,
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=fabric-adapter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fabric-adapter.js","sourceRoot":"","sources":["../../../src/fabric/fabric-adapter.ts"],"names":[],"mappings":"AAoEA,SAAS,qBAAqB,CAAC,KAAc;IACzC,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAI,KAA8B,CAAC,MAAM,CAAC;IACzD,OAAO,OAAO,SAAS,KAAK,UAAU,CAAC;AAC3C,CAAC;AAQD,SAAS,gBAAgB,CAAC,WAA8B;IAIpD,OAAQ,WAA+C,CAAC,MAAM,CAAC;AACnE,CAAC;AAwBD,MAAM,UAAU,YAAY,CACxB,eAAqE,EACrE,YAA4C,EAC5C,cAAiC,UAAU;;IAG3C,IAAI,qBAAqB,CAAC,eAAe,CAAC,EAAE,CAAC;QACzC,OAAO;YACH,MAAM,EAAE,eAAe;YACvB,cAAc,EAAE,IAAI;YACpB,OAAO,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE;SAC9B,CAAC;IACN,CAAC;IAKD,MAAM,OAAO,GACT,MAAC,eAAyD,mCAAI,EAAE,CAAC;IACrE,MAAM,YAAY,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAEnD,IAAI,qBAAqB,CAAC,YAAY,CAAC,EAAE,CAAC;QACtC,OAAO;YACH,MAAM,EAAE,YAAY;YACpB,cAAc,EAAE,IAAI;YACpB,OAAO;SACV,CAAC;IACN,CAAC;IAOD,OAAO,CAAC,KAAK,CACT,+CAA+C;QAC3C,qDAAqD;QACrD,oDAAoD,CAC3D,CAAC;IAEF,OAAO;QACH,MAAM,EAAE,IAAI;QACZ,cAAc,EAAE,KAAK;QACrB,OAAO;KACV,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
const ANIMATION_SETTLE_GRACE_MS = 1000;
|
|
2
|
+
export function animateProps(object, props, options, guard) {
|
|
3
|
+
return new Promise((resolve, reject) => {
|
|
4
|
+
const propCount = Object.keys(props).length;
|
|
5
|
+
if (propCount === 0 || guard.isDisposed()) {
|
|
6
|
+
resolve();
|
|
7
|
+
return;
|
|
8
|
+
}
|
|
9
|
+
let completed = 0;
|
|
10
|
+
let settled = false;
|
|
11
|
+
let aborters = [];
|
|
12
|
+
let timeoutId = null;
|
|
13
|
+
let unregisterAborter = null;
|
|
14
|
+
const cleanup = () => {
|
|
15
|
+
if (timeoutId !== null) {
|
|
16
|
+
clearTimeout(timeoutId);
|
|
17
|
+
timeoutId = null;
|
|
18
|
+
}
|
|
19
|
+
unregisterAborter === null || unregisterAborter === void 0 ? void 0 : unregisterAborter();
|
|
20
|
+
unregisterAborter = null;
|
|
21
|
+
};
|
|
22
|
+
const settle = () => {
|
|
23
|
+
if (settled)
|
|
24
|
+
return;
|
|
25
|
+
settled = true;
|
|
26
|
+
cleanup();
|
|
27
|
+
resolve();
|
|
28
|
+
};
|
|
29
|
+
const fail = (error) => {
|
|
30
|
+
if (settled)
|
|
31
|
+
return;
|
|
32
|
+
settled = true;
|
|
33
|
+
cleanup();
|
|
34
|
+
reject(error);
|
|
35
|
+
};
|
|
36
|
+
const abortAndSettle = () => {
|
|
37
|
+
for (const abort of aborters) {
|
|
38
|
+
try {
|
|
39
|
+
abort();
|
|
40
|
+
}
|
|
41
|
+
catch {
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
settle();
|
|
45
|
+
};
|
|
46
|
+
const duration = Number.isFinite(options.duration) ? Math.max(0, options.duration) : 0;
|
|
47
|
+
timeoutId = setTimeout(abortAndSettle, duration + ANIMATION_SETTLE_GRACE_MS);
|
|
48
|
+
unregisterAborter = guard.registerAnimationAborter(abortAndSettle);
|
|
49
|
+
try {
|
|
50
|
+
const animationResult = object.animate(props, {
|
|
51
|
+
duration: options.duration,
|
|
52
|
+
onChange: () => {
|
|
53
|
+
var _a;
|
|
54
|
+
if (guard.isDisposed())
|
|
55
|
+
return;
|
|
56
|
+
(_a = options.onChange) === null || _a === void 0 ? void 0 : _a.call(options);
|
|
57
|
+
},
|
|
58
|
+
onComplete: () => {
|
|
59
|
+
if (++completed >= propCount)
|
|
60
|
+
settle();
|
|
61
|
+
},
|
|
62
|
+
});
|
|
63
|
+
aborters = collectAnimationAborters(animationResult);
|
|
64
|
+
}
|
|
65
|
+
catch (error) {
|
|
66
|
+
fail(error);
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
function collectAnimationAborters(animationResult) {
|
|
71
|
+
const handles = Array.isArray(animationResult)
|
|
72
|
+
? animationResult
|
|
73
|
+
: animationResult && typeof animationResult === 'object'
|
|
74
|
+
? Object.values(animationResult)
|
|
75
|
+
: [animationResult];
|
|
76
|
+
return handles.flatMap((handle) => {
|
|
77
|
+
const abort = handle === null || handle === void 0 ? void 0 : handle.abort;
|
|
78
|
+
return typeof abort === 'function' ? [() => abort.call(handle)] : [];
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
export function restoreOrigin(object, originX, originY) {
|
|
82
|
+
try {
|
|
83
|
+
object.set({ originX, originY });
|
|
84
|
+
object.setCoords();
|
|
85
|
+
}
|
|
86
|
+
catch {
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
//# sourceMappingURL=fabric-animation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fabric-animation.js","sourceRoot":"","sources":["../../../src/fabric/fabric-animation.ts"],"names":[],"mappings":"AAoDA,MAAM,yBAAyB,GAAG,IAAI,CAAC;AAkEvC,MAAM,UAAU,YAAY,CACxB,MAAS,EACT,KAA6B,EAC7B,OAAuB,EACvB,KAAqB;IAErB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACzC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;QAC5C,IAAI,SAAS,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;YAGxC,OAAO,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,QAAQ,GAAsB,EAAE,CAAC;QACrC,IAAI,SAAS,GAAyC,IAAI,CAAC;QAC3D,IAAI,iBAAiB,GAAwB,IAAI,CAAC;QAElD,MAAM,OAAO,GAAG,GAAS,EAAE;YACvB,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;gBACrB,YAAY,CAAC,SAAS,CAAC,CAAC;gBACxB,SAAS,GAAG,IAAI,CAAC;YACrB,CAAC;YACD,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,EAAI,CAAC;YACtB,iBAAiB,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC;QAEF,MAAM,MAAM,GAAG,GAAS,EAAE;YACtB,IAAI,OAAO;gBAAE,OAAO;YACpB,OAAO,GAAG,IAAI,CAAC;YACf,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,MAAM,IAAI,GAAG,CAAC,KAAc,EAAQ,EAAE;YAClC,IAAI,OAAO;gBAAE,OAAO;YACpB,OAAO,GAAG,IAAI,CAAC;YACf,OAAO,EAAE,CAAC;YACV,MAAM,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,GAAS,EAAE;YAC9B,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;gBAC3B,IAAI,CAAC;oBACD,KAAK,EAAE,CAAC;gBACZ,CAAC;gBAAC,MAAM,CAAC;gBAET,CAAC;YACL,CAAC;YACD,MAAM,EAAE,CAAC;QACb,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvF,SAAS,GAAG,UAAU,CAAC,cAAc,EAAE,QAAQ,GAAG,yBAAyB,CAAC,CAAC;QAC7E,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,cAAc,CAAC,CAAC;QAEnE,IAAI,CAAC;YAID,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE;gBAC1C,QAAQ,EAAE,OAAO,CAAC,QAAQ;gBAC1B,QAAQ,EAAE,GAAG,EAAE;;oBACX,IAAI,KAAK,CAAC,UAAU,EAAE;wBAAE,OAAO;oBAC/B,MAAA,OAAO,CAAC,QAAQ,uDAAI,CAAC;gBACzB,CAAC;gBACD,UAAU,EAAE,GAAG,EAAE;oBAKb,IAAI,EAAE,SAAS,IAAI,SAAS;wBAAE,MAAM,EAAE,CAAC;gBAC3C,CAAC;aACJ,CAAC,CAAC;YACH,QAAQ,GAAG,wBAAwB,CAAC,eAAe,CAAC,CAAC;QACzD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAKb,IAAI,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;IACL,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,wBAAwB,CAAC,eAAwB;IACtD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;QAC1C,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,eAAe,IAAI,OAAO,eAAe,KAAK,QAAQ;YACtD,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,eAA0C,CAAC;YAC3D,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAE1B,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAqB,EAAE;QACjD,MAAM,KAAK,GAAI,MAAgD,aAAhD,MAAM,uBAAN,MAAM,CAA4C,KAAK,CAAC;QACvE,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;AACP,CAAC;AA+BD,MAAM,UAAU,aAAa,CACzB,MAA6B,EAC7B,OAA0B,EAC1B,OAA0B;IAE1B,IAAI,CAAC;QACD,MAAM,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QACjC,MAAM,CAAC,SAAS,EAAE,CAAC;IACvB,CAAC;IAAC,MAAM,CAAC;IAIT,CAAC;AACL,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../src/history/command.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
export class Command {
|
|
2
|
+
constructor(execute, undo) {
|
|
3
|
+
Object.defineProperty(this, "execute", {
|
|
4
|
+
enumerable: true,
|
|
5
|
+
configurable: true,
|
|
6
|
+
writable: true,
|
|
7
|
+
value: void 0
|
|
8
|
+
});
|
|
9
|
+
Object.defineProperty(this, "undo", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
configurable: true,
|
|
12
|
+
writable: true,
|
|
13
|
+
value: void 0
|
|
14
|
+
});
|
|
15
|
+
this.execute = execute;
|
|
16
|
+
this.undo = undo;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
export class HistoryManager {
|
|
20
|
+
constructor(maxSize = 50) {
|
|
21
|
+
Object.defineProperty(this, "history", {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
configurable: true,
|
|
24
|
+
writable: true,
|
|
25
|
+
value: []
|
|
26
|
+
});
|
|
27
|
+
Object.defineProperty(this, "currentIndex", {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
configurable: true,
|
|
30
|
+
writable: true,
|
|
31
|
+
value: -1
|
|
32
|
+
});
|
|
33
|
+
Object.defineProperty(this, "isProcessing", {
|
|
34
|
+
enumerable: true,
|
|
35
|
+
configurable: true,
|
|
36
|
+
writable: true,
|
|
37
|
+
value: false
|
|
38
|
+
});
|
|
39
|
+
Object.defineProperty(this, "maxSize", {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
configurable: true,
|
|
42
|
+
writable: true,
|
|
43
|
+
value: void 0
|
|
44
|
+
});
|
|
45
|
+
this.maxSize = maxSize;
|
|
46
|
+
}
|
|
47
|
+
execute(command) {
|
|
48
|
+
void command.execute();
|
|
49
|
+
this.pushAndTrim(command);
|
|
50
|
+
}
|
|
51
|
+
push(command) {
|
|
52
|
+
this.pushAndTrim(command);
|
|
53
|
+
}
|
|
54
|
+
canUndo() {
|
|
55
|
+
return this.currentIndex >= 0;
|
|
56
|
+
}
|
|
57
|
+
canRedo() {
|
|
58
|
+
return this.currentIndex < this.history.length - 1;
|
|
59
|
+
}
|
|
60
|
+
async undo() {
|
|
61
|
+
if (this.isProcessing || !this.canUndo())
|
|
62
|
+
return;
|
|
63
|
+
this.isProcessing = true;
|
|
64
|
+
try {
|
|
65
|
+
const cmd = this.history[this.currentIndex];
|
|
66
|
+
if (!cmd)
|
|
67
|
+
return;
|
|
68
|
+
await cmd.undo();
|
|
69
|
+
this.currentIndex--;
|
|
70
|
+
}
|
|
71
|
+
finally {
|
|
72
|
+
this.isProcessing = false;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
async redo() {
|
|
76
|
+
if (this.isProcessing || !this.canRedo())
|
|
77
|
+
return;
|
|
78
|
+
this.isProcessing = true;
|
|
79
|
+
try {
|
|
80
|
+
const cmd = this.history[this.currentIndex + 1];
|
|
81
|
+
if (!cmd)
|
|
82
|
+
return;
|
|
83
|
+
await cmd.execute();
|
|
84
|
+
this.currentIndex++;
|
|
85
|
+
}
|
|
86
|
+
finally {
|
|
87
|
+
this.isProcessing = false;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
pushAndTrim(command) {
|
|
91
|
+
if (this.currentIndex < this.history.length - 1) {
|
|
92
|
+
this.history = this.history.slice(0, this.currentIndex + 1);
|
|
93
|
+
}
|
|
94
|
+
this.history.push(command);
|
|
95
|
+
if (this.history.length > this.maxSize) {
|
|
96
|
+
this.history.shift();
|
|
97
|
+
}
|
|
98
|
+
else {
|
|
99
|
+
this.currentIndex++;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
//# sourceMappingURL=history-manager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"history-manager.js","sourceRoot":"","sources":["../../../src/history/history-manager.ts"],"names":[],"mappings":"AAwDA,MAAM,OAAO,OAAO;IAMhB,YAAY,OAA4B,EAAE,IAAyB;QAJ1D;;;;;WAA6B;QAE7B;;;;;WAA0B;QAG/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;CACJ;AAMD,MAAM,OAAO,cAAc;IAYvB,YAAY,UAAkB,EAAE;QAXxB;;;;mBAAqB,EAAE;WAAC;QACxB;;;;mBAAe,CAAC,CAAC;WAAC;QAClB;;;;mBAAe,KAAK;WAAC;QAGpB;;;;;WAAgB;QAOrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IAC3B,CAAC;IAYD,OAAO,CAAC,OAAgB;QAIpB,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAOD,IAAI,CAAC,OAAgB;QACjB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAGD,OAAO;QACH,OAAO,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC;IAClC,CAAC;IAGD,OAAO;QACH,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IACvD,CAAC;IAYD,KAAK,CAAC,IAAI;QACN,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAAE,OAAO;QACjD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC;YACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAC5C,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAEjB,IAAI,CAAC,YAAY,EAAE,CAAC;QACxB,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC9B,CAAC;IACL,CAAC;IASD,KAAK,CAAC,IAAI;QACN,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAAE,OAAO;QACjD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC;YACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;YAChD,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,MAAM,GAAG,CAAC,OAAO,EAAE,CAAC;YAEpB,IAAI,CAAC,YAAY,EAAE,CAAC;QACxB,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC9B,CAAC;IACL,CAAC;IAWO,WAAW,CAAC,OAAgB;QAEhC,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;QAChE,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE3B,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAGrC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,YAAY,EAAE,CAAC;QACxB,CAAC;IACL,CAAC;CACJ"}
|
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
import { reportError, reportWarning } from '../core/callback-reporter.js';
|
|
2
|
+
import { ImageDecodeError } from '../core/errors.js';
|
|
3
|
+
import { saveState, SNAPSHOT_CUSTOM_KEYS } from '../core/state-serializer.js';
|
|
4
|
+
import { withTimeout } from '../utils/timeout.js';
|
|
5
|
+
import { computeCoverLayout, computeExpandLayout, computeFitLayout, selectLayoutStrategy, applyCanvasDimensions, measureScrollbarSize, } from './layout-manager.js';
|
|
6
|
+
import { computeDownsampleDimensions, detectSourceMimeType, resampleImage, } from './image-resampler.js';
|
|
7
|
+
export async function loadImage(context, imageBase64, loadOptions = {}) {
|
|
8
|
+
if (typeof imageBase64 !== 'string' || !imageBase64.startsWith('data:image/')) {
|
|
9
|
+
return;
|
|
10
|
+
}
|
|
11
|
+
const placeholderHidden = context.placeholderElement
|
|
12
|
+
? !!context.placeholderElement.hidden
|
|
13
|
+
: null;
|
|
14
|
+
const containerScrollTop = context.containerElement ? context.containerElement.scrollTop : null;
|
|
15
|
+
const containerScrollLeft = context.containerElement
|
|
16
|
+
? context.containerElement.scrollLeft
|
|
17
|
+
: null;
|
|
18
|
+
const bundle = {
|
|
19
|
+
placeholderHidden,
|
|
20
|
+
containerScrollTop,
|
|
21
|
+
containerScrollLeft,
|
|
22
|
+
originalImage: context.getOriginalImage(),
|
|
23
|
+
isImageLoadedToCanvas: context.getIsImageLoadedToCanvas(),
|
|
24
|
+
lastSnapshot: context.getLastSnapshot(),
|
|
25
|
+
canvasJson: serializeCanvas(context.canvas),
|
|
26
|
+
maskCounter: context.getMaskCounter(),
|
|
27
|
+
currentScale: context.getCurrentScale(),
|
|
28
|
+
currentRotation: context.getCurrentRotation(),
|
|
29
|
+
baseImageScale: context.getBaseImageScale(),
|
|
30
|
+
currentImageMimeType: context.getCurrentImageMimeType(),
|
|
31
|
+
};
|
|
32
|
+
try {
|
|
33
|
+
context.setPlaceholderVisible(false);
|
|
34
|
+
const decode = startImageDecode(imageBase64);
|
|
35
|
+
let imageElement;
|
|
36
|
+
try {
|
|
37
|
+
imageElement = await withTimeout(decode.promise, context.options.imageLoadTimeoutMs, 'image decode');
|
|
38
|
+
}
|
|
39
|
+
catch (error) {
|
|
40
|
+
decode.cleanup(true);
|
|
41
|
+
throw error;
|
|
42
|
+
}
|
|
43
|
+
const loadSource = maybeDownsample(imageElement, imageBase64, context.options, getCanvasDocument(context.canvas));
|
|
44
|
+
const fabricImage = await withTimeout(context.fabric.FabricImage.fromURL(loadSource.dataUrl, { crossOrigin: 'anonymous' }), context.options.imageLoadTimeoutMs, 'FabricImage.fromURL');
|
|
45
|
+
context.canvas.discardActiveObject();
|
|
46
|
+
context.canvas.clear();
|
|
47
|
+
context.canvas.backgroundColor = context.options.backgroundColor;
|
|
48
|
+
fabricImage.set({
|
|
49
|
+
originX: 'left',
|
|
50
|
+
originY: 'top',
|
|
51
|
+
selectable: false,
|
|
52
|
+
evented: false,
|
|
53
|
+
});
|
|
54
|
+
const layout = computeLayout(context, fabricImage);
|
|
55
|
+
applyCanvasDimensions(context.canvas, layout.canvasWidth, layout.canvasHeight, context.containerElement);
|
|
56
|
+
fabricImage.set({ left: layout.imageLeft, top: layout.imageTop });
|
|
57
|
+
fabricImage.scale(layout.imageScale);
|
|
58
|
+
context.canvas.add(fabricImage);
|
|
59
|
+
context.canvas.sendObjectToBack(fabricImage);
|
|
60
|
+
context.setOriginalImage(fabricImage);
|
|
61
|
+
context.setBaseImageScale(layout.baseImageScale);
|
|
62
|
+
context.setCurrentScale(1);
|
|
63
|
+
context.setCurrentRotation(0);
|
|
64
|
+
context.setMaskCounter(0);
|
|
65
|
+
context.setIsImageLoadedToCanvas(true);
|
|
66
|
+
context.setCurrentImageMimeType(loadSource.mimeType);
|
|
67
|
+
context.canvas.renderAll();
|
|
68
|
+
context.setLastSnapshot(saveState({
|
|
69
|
+
canvas: context.canvas,
|
|
70
|
+
currentScale: 1,
|
|
71
|
+
currentRotation: 0,
|
|
72
|
+
baseImageScale: layout.baseImageScale,
|
|
73
|
+
currentImageMimeType: loadSource.mimeType,
|
|
74
|
+
}));
|
|
75
|
+
if (loadOptions.preserveScroll === true && context.containerElement) {
|
|
76
|
+
try {
|
|
77
|
+
if (bundle.containerScrollTop !== null) {
|
|
78
|
+
context.containerElement.scrollTop = bundle.containerScrollTop;
|
|
79
|
+
}
|
|
80
|
+
if (bundle.containerScrollLeft !== null) {
|
|
81
|
+
context.containerElement.scrollLeft = bundle.containerScrollLeft;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
catch (error) {
|
|
85
|
+
console.warn('[ImageEditor] preserveScroll restore failed', error);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
catch (error) {
|
|
90
|
+
await replayRollback(context, bundle);
|
|
91
|
+
const errorMessage = error instanceof Error ? `loadImage failed: ${error.message}` : 'loadImage failed';
|
|
92
|
+
reportError(context.options, error, errorMessage);
|
|
93
|
+
throw error;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
function startImageDecode(dataUrl) {
|
|
97
|
+
const imageElement = new Image();
|
|
98
|
+
const cleanup = (clearSource = false) => {
|
|
99
|
+
if (typeof imageElement.removeEventListener === 'function') {
|
|
100
|
+
imageElement.removeEventListener('load', handleLoad);
|
|
101
|
+
imageElement.removeEventListener('error', handleError);
|
|
102
|
+
}
|
|
103
|
+
else {
|
|
104
|
+
imageElement.onload = null;
|
|
105
|
+
imageElement.onerror = null;
|
|
106
|
+
}
|
|
107
|
+
if (clearSource) {
|
|
108
|
+
imageElement.src = '';
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
const handleLoad = () => {
|
|
112
|
+
if (!hasNaturalImageDimensions(imageElement)) {
|
|
113
|
+
cleanup(true);
|
|
114
|
+
rejectImage(new ImageDecodeError('Failed to decode image data URL: image has no natural dimensions.', null));
|
|
115
|
+
return;
|
|
116
|
+
}
|
|
117
|
+
cleanup(false);
|
|
118
|
+
resolveImage(imageElement);
|
|
119
|
+
};
|
|
120
|
+
const handleError = (e) => {
|
|
121
|
+
cleanup(true);
|
|
122
|
+
rejectImage(new ImageDecodeError('Failed to decode image data URL.', e));
|
|
123
|
+
};
|
|
124
|
+
let resolveImage;
|
|
125
|
+
let rejectImage;
|
|
126
|
+
const promise = new Promise((resolve, reject) => {
|
|
127
|
+
resolveImage = resolve;
|
|
128
|
+
rejectImage = reject;
|
|
129
|
+
if (typeof imageElement.addEventListener === 'function') {
|
|
130
|
+
imageElement.addEventListener('load', handleLoad, { once: true });
|
|
131
|
+
imageElement.addEventListener('error', handleError, { once: true });
|
|
132
|
+
}
|
|
133
|
+
else {
|
|
134
|
+
imageElement.onload = handleLoad;
|
|
135
|
+
imageElement.onerror = handleError;
|
|
136
|
+
}
|
|
137
|
+
imageElement.src = dataUrl;
|
|
138
|
+
});
|
|
139
|
+
return { promise, cleanup };
|
|
140
|
+
}
|
|
141
|
+
function hasNaturalImageDimensions(imageElement) {
|
|
142
|
+
return (Number.isFinite(imageElement.naturalWidth) &&
|
|
143
|
+
Number.isFinite(imageElement.naturalHeight) &&
|
|
144
|
+
imageElement.naturalWidth > 0 &&
|
|
145
|
+
imageElement.naturalHeight > 0);
|
|
146
|
+
}
|
|
147
|
+
function isPositiveFinite(value) {
|
|
148
|
+
return Number.isFinite(value) && value > 0;
|
|
149
|
+
}
|
|
150
|
+
function toSupportedImageMimeType(mimeType) {
|
|
151
|
+
return mimeType === 'image/jpeg' || mimeType === 'image/png' || mimeType === 'image/webp'
|
|
152
|
+
? mimeType
|
|
153
|
+
: null;
|
|
154
|
+
}
|
|
155
|
+
function maybeDownsample(imageElement, originalDataUrl, options, ownerDocument) {
|
|
156
|
+
const originalMimeType = toSupportedImageMimeType(detectSourceMimeType(originalDataUrl));
|
|
157
|
+
if (!options.downsampleOnLoad) {
|
|
158
|
+
return { dataUrl: originalDataUrl, mimeType: originalMimeType };
|
|
159
|
+
}
|
|
160
|
+
if (!isPositiveFinite(options.downsampleMaxWidth) ||
|
|
161
|
+
!isPositiveFinite(options.downsampleMaxHeight)) {
|
|
162
|
+
reportWarning(options, null, 'loadImage skipped downsampling because downsample bounds are invalid.');
|
|
163
|
+
return { dataUrl: originalDataUrl, mimeType: originalMimeType };
|
|
164
|
+
}
|
|
165
|
+
const downsampleDimensions = computeDownsampleDimensions(imageElement.naturalWidth, imageElement.naturalHeight, options.downsampleMaxWidth, options.downsampleMaxHeight);
|
|
166
|
+
if (!downsampleDimensions.needsResize) {
|
|
167
|
+
return { dataUrl: originalDataUrl, mimeType: originalMimeType };
|
|
168
|
+
}
|
|
169
|
+
const sourceMime = detectSourceMimeType(originalDataUrl);
|
|
170
|
+
const resampledImage = resampleImage(imageElement, options.downsampleMaxWidth, options.downsampleMaxHeight, sourceMime, options.preserveSourceFormat, options.downsampleMimeType, options.downsampleQuality, ownerDocument);
|
|
171
|
+
const actualMimeType = toSupportedImageMimeType(detectSourceMimeType(resampledImage.dataUrl));
|
|
172
|
+
return {
|
|
173
|
+
dataUrl: resampledImage.dataUrl,
|
|
174
|
+
mimeType: actualMimeType !== null && actualMimeType !== void 0 ? actualMimeType : resampledImage.mimeType,
|
|
175
|
+
};
|
|
176
|
+
}
|
|
177
|
+
function getCanvasDocument(canvas) {
|
|
178
|
+
var _a, _b, _c, _d, _e;
|
|
179
|
+
const canvasLike = canvas;
|
|
180
|
+
return ((_e = (_c = (_b = (_a = canvasLike.getElement) === null || _a === void 0 ? void 0 : _a.call(canvasLike)) === null || _b === void 0 ? void 0 : _b.ownerDocument) !== null && _c !== void 0 ? _c : (_d = canvasLike.lowerCanvasEl) === null || _d === void 0 ? void 0 : _d.ownerDocument) !== null && _e !== void 0 ? _e : (typeof document !== 'undefined' ? document : undefined));
|
|
181
|
+
}
|
|
182
|
+
function computeLayout(context, fabricImage) {
|
|
183
|
+
var _a, _b, _c, _d;
|
|
184
|
+
const imageWidth = (_a = fabricImage.width) !== null && _a !== void 0 ? _a : 0;
|
|
185
|
+
const imageHeight = (_b = fabricImage.height) !== null && _b !== void 0 ? _b : 0;
|
|
186
|
+
const scrollbarSize = measureScrollbarSize((_d = (_c = context.containerElement) === null || _c === void 0 ? void 0 : _c.ownerDocument) !== null && _d !== void 0 ? _d : null);
|
|
187
|
+
const viewport = context.viewportCache.measure(context.containerElement, {
|
|
188
|
+
width: context.options.canvasWidth,
|
|
189
|
+
height: context.options.canvasHeight,
|
|
190
|
+
}, scrollbarSize);
|
|
191
|
+
const strategy = selectLayoutStrategy(context.options.layoutMode);
|
|
192
|
+
if (strategy === 'fit') {
|
|
193
|
+
return computeFitLayout(imageWidth, imageHeight, context.options.canvasWidth, context.options.canvasHeight, viewport);
|
|
194
|
+
}
|
|
195
|
+
if (strategy === 'cover') {
|
|
196
|
+
return computeCoverLayout(imageWidth, imageHeight, context.options.canvasWidth, context.options.canvasHeight, viewport, scrollbarSize);
|
|
197
|
+
}
|
|
198
|
+
return computeExpandLayout(imageWidth, imageHeight, context.options.canvasWidth, context.options.canvasHeight, viewport);
|
|
199
|
+
}
|
|
200
|
+
function serializeCanvas(canvas) {
|
|
201
|
+
canvas.discardActiveObject();
|
|
202
|
+
const json = canvas.toJSON(SNAPSHOT_CUSTOM_KEYS);
|
|
203
|
+
return JSON.stringify(json);
|
|
204
|
+
}
|
|
205
|
+
async function replayRollback(context, bundle) {
|
|
206
|
+
try {
|
|
207
|
+
await context.canvas.loadFromJSON(JSON.parse(bundle.canvasJson));
|
|
208
|
+
context.canvas.renderAll();
|
|
209
|
+
}
|
|
210
|
+
catch (rollbackError) {
|
|
211
|
+
console.warn('[ImageEditor] rollback: loadFromJSON failed', rollbackError);
|
|
212
|
+
}
|
|
213
|
+
context.setOriginalImage(bundle.originalImage);
|
|
214
|
+
context.setIsImageLoadedToCanvas(bundle.isImageLoadedToCanvas);
|
|
215
|
+
context.setLastSnapshot(bundle.lastSnapshot);
|
|
216
|
+
context.setMaskCounter(bundle.maskCounter);
|
|
217
|
+
context.setCurrentScale(bundle.currentScale);
|
|
218
|
+
context.setCurrentRotation(bundle.currentRotation);
|
|
219
|
+
context.setBaseImageScale(bundle.baseImageScale);
|
|
220
|
+
context.setCurrentImageMimeType(bundle.currentImageMimeType);
|
|
221
|
+
if (context.containerElement) {
|
|
222
|
+
try {
|
|
223
|
+
if (bundle.containerScrollTop !== null) {
|
|
224
|
+
context.containerElement.scrollTop = bundle.containerScrollTop;
|
|
225
|
+
}
|
|
226
|
+
if (bundle.containerScrollLeft !== null) {
|
|
227
|
+
context.containerElement.scrollLeft = bundle.containerScrollLeft;
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
catch (rollbackError) {
|
|
231
|
+
console.warn('[ImageEditor] rollback: scroll restore failed', rollbackError);
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
if (bundle.placeholderHidden !== null) {
|
|
235
|
+
context.setPlaceholderVisible(!bundle.placeholderHidden);
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
//# sourceMappingURL=image-loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-loader.js","sourceRoot":"","sources":["../../../src/image/image-loader.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { DownsampleError } from '../core/errors.js';
|
|
2
|
+
export function computeDownsampleDimensions(srcWidth, srcHeight, maxWidth, maxHeight) {
|
|
3
|
+
if (!isPositiveFinite(srcWidth) ||
|
|
4
|
+
!isPositiveFinite(srcHeight) ||
|
|
5
|
+
!isPositiveFinite(maxWidth) ||
|
|
6
|
+
!isPositiveFinite(maxHeight)) {
|
|
7
|
+
return {
|
|
8
|
+
width: Math.max(1, Math.round(srcWidth) || 1),
|
|
9
|
+
height: Math.max(1, Math.round(srcHeight) || 1),
|
|
10
|
+
needsResize: false,
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
const needsResize = srcWidth > maxWidth || srcHeight > maxHeight;
|
|
14
|
+
if (!needsResize) {
|
|
15
|
+
return { width: srcWidth, height: srcHeight, needsResize: false };
|
|
16
|
+
}
|
|
17
|
+
const ratio = Math.min(maxWidth / srcWidth, maxHeight / srcHeight);
|
|
18
|
+
return {
|
|
19
|
+
width: Math.max(1, Math.round(srcWidth * ratio)),
|
|
20
|
+
height: Math.max(1, Math.round(srcHeight * ratio)),
|
|
21
|
+
needsResize: true,
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
function isPositiveFinite(value) {
|
|
25
|
+
return Number.isFinite(value) && value > 0;
|
|
26
|
+
}
|
|
27
|
+
export function selectDownsampleMimeType(sourceMime, preserveSourceFormat, downsampleMimeType) {
|
|
28
|
+
if (downsampleMimeType)
|
|
29
|
+
return downsampleMimeType;
|
|
30
|
+
if (preserveSourceFormat && (sourceMime === 'image/png' || sourceMime === 'image/webp')) {
|
|
31
|
+
return sourceMime;
|
|
32
|
+
}
|
|
33
|
+
return 'image/jpeg';
|
|
34
|
+
}
|
|
35
|
+
export function detectSourceMimeType(dataUrl) {
|
|
36
|
+
const match = /^data:(image\/[a-z0-9+\-.]+)\s*;/i.exec(dataUrl);
|
|
37
|
+
return match ? match[1].toLowerCase() : null;
|
|
38
|
+
}
|
|
39
|
+
export function resampleImage(imageElement, maxWidth, maxHeight, sourceMime, preserveSourceFormat, downsampleMimeType, quality, ownerDocument) {
|
|
40
|
+
var _a;
|
|
41
|
+
const { width, height } = computeDownsampleDimensions(imageElement.naturalWidth, imageElement.naturalHeight, maxWidth, maxHeight);
|
|
42
|
+
const mimeType = selectDownsampleMimeType(sourceMime, preserveSourceFormat, downsampleMimeType);
|
|
43
|
+
const documentForCanvas = (_a = ownerDocument !== null && ownerDocument !== void 0 ? ownerDocument : imageElement.ownerDocument) !== null && _a !== void 0 ? _a : (typeof document !== 'undefined' ? document : null);
|
|
44
|
+
if (!documentForCanvas) {
|
|
45
|
+
throw new DownsampleError('Failed to obtain an owner document for downsampling.');
|
|
46
|
+
}
|
|
47
|
+
const offscreenCanvas = documentForCanvas.createElement('canvas');
|
|
48
|
+
offscreenCanvas.width = width;
|
|
49
|
+
offscreenCanvas.height = height;
|
|
50
|
+
const context = offscreenCanvas.getContext('2d');
|
|
51
|
+
if (!context) {
|
|
52
|
+
throw new DownsampleError('Failed to obtain a 2D context for downsampling.');
|
|
53
|
+
}
|
|
54
|
+
context.drawImage(imageElement, 0, 0, imageElement.naturalWidth, imageElement.naturalHeight, 0, 0, width, height);
|
|
55
|
+
const dataUrl = mimeType === 'image/png'
|
|
56
|
+
? offscreenCanvas.toDataURL(mimeType)
|
|
57
|
+
: offscreenCanvas.toDataURL(mimeType, quality);
|
|
58
|
+
return { dataUrl, width, height, mimeType };
|
|
59
|
+
}
|
|
60
|
+
//# sourceMappingURL=image-resampler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-resampler.js","sourceRoot":"","sources":["../../../src/image/image-resampler.ts"],"names":[],"mappings":"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"}
|