@anu3ev/fabric-image-editor 0.8.24 → 0.8.26

package/dist/main.js

@@ -7,14 +7,28 @@ var E = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D =
 	return t;
 }, O = 300, k = class t {
 	constructor({ editor: e, options: n = {} }) {
-		this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.savedSelection = [], this.canvasDragging = !1, this.mouseWheelZooming = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = n, this.handleContainerResizeBound = t.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = this.handleObjectModifiedHistory.bind(this), this.handleObjectRotatingHistoryBound = this.handleObjectRotatingHistory.bind(this), this.handleObjectTransformStartBound = this.handleObjectTransformStart.bind(this), this.handleObjectTransformEndBound = this.handleObjectTransformEnd.bind(this), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleBackgroundUpdateBound = this.handleBackgroundUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleCanvasWheelZoomBound = this.handleCanvasWheelZoom.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.init();
+		this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.savedSelection = [], this.canvasDragging = !1, this.mouseWheelZooming = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.cutObjectsByHotkey = !1, this.duplicateObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = n, this.handleContainerResizeBound = t.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handleCutEventBound = this.handleCutEvent.bind(this), this.handleDuplicateEventBound = this.handleDuplicateEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = this.handleObjectModifiedHistory.bind(this), this.handleObjectRotatingHistoryBound = this.handleObjectRotatingHistory.bind(this), this.handleObjectTransformStartBound = this.handleObjectTransformStart.bind(this), this.handleObjectTransformEndBound = this.handleObjectTransformEnd.bind(this), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleBackgroundUpdateBound = this.handleBackgroundUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleCanvasWheelZoomBound = this.handleCanvasWheelZoom.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.init();
 	}
 	init() {
-		let { adaptCanvasToContainerOnResize: e, canvasDragging: t, mouseWheelZooming: n, copyObjectsByHotkey: r, pasteImageFromClipboard: i, undoRedoByHotKeys: a, selectAllByHotkey: o, deleteObjectsByHotkey: s, resetObjectFitByDoubleClick: c } = this.options;
-		t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), n && this.canvas.wrapperEl.addEventListener("wheel", this.handleCanvasWheelZoomBound, {
+		this._bindCanvasInteractionEvents(), this._bindDomEvents(), this._bindHistoryEvents(), this._bindOverlayEvents(), this._bindBackgroundEvents();
+	}
+	_bindCanvasInteractionEvents() {
+		this.options.canvasDragging && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), this.options.mouseWheelZooming && this.canvas.wrapperEl.addEventListener("wheel", this.handleCanvasWheelZoomBound, {
 			capture: !0,
 			passive: !1
-		}), c && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), r && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), i && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), a && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), o && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), s && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:moving", this.handleObjectTransformStartBound), this.canvas.on("object:scaling", this.handleObjectTransformStartBound), this.canvas.on("object:rotating", this.handleObjectTransformStartBound), this.canvas.on("object:skewing", this.handleObjectTransformStartBound), this.canvas.on("object:resizing", this.handleObjectTransformStartBound), this.canvas.on("object:modified", this.handleObjectTransformEndBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
+		}), this.options.resetObjectFitByDoubleClick && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound);
+	}
+	_bindDomEvents() {
+		this.options.adaptCanvasToContainerOnResize && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), this.options.copyObjectsByHotkey && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), this.options.cutObjectsByHotkey && document.addEventListener("keydown", this.handleCutEventBound, { capture: !0 }), this.options.duplicateObjectsByHotkey && document.addEventListener("keydown", this.handleDuplicateEventBound, { capture: !0 }), this.options.pasteImageFromClipboard && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), this.options.undoRedoByHotKeys && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), this.options.selectAllByHotkey && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), this.options.deleteObjectsByHotkey && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 });
+	}
+	_bindHistoryEvents() {
+		this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:moving", this.handleObjectTransformStartBound), this.canvas.on("object:scaling", this.handleObjectTransformStartBound), this.canvas.on("object:rotating", this.handleObjectTransformStartBound), this.canvas.on("object:skewing", this.handleObjectTransformStartBound), this.canvas.on("object:resizing", this.handleObjectTransformStartBound), this.canvas.on("object:modified", this.handleObjectTransformEndBound);
+	}
+	_bindOverlayEvents() {
+		this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound);
+	}
+	_bindBackgroundEvents() {
+		this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
 	}
 	handleObjectModifiedHistory({ target: e } = {}) {
 		let { historyManager: t, textManager: n } = this.editor, r = e;
@@ -60,6 +74,14 @@ var E = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D =
 		let { ctrlKey: t, metaKey: n, code: r } = e;
 		this._shouldIgnoreKeyboardEvent(e) || !t && !n || r !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
 	}
+	handleCutEvent(e) {
+		let { ctrlKey: t, metaKey: n, code: r } = e;
+		this._shouldIgnoreKeyboardEvent(e) || !t && !n || r !== "KeyX" || (e.preventDefault(), this.editor.clipboardManager.cut());
+	}
+	handleDuplicateEvent(e) {
+		let { ctrlKey: t, metaKey: n, code: r } = e;
+		this._shouldIgnoreKeyboardEvent(e) || !t && !n || r !== "KeyD" || (e.preventDefault(), this.editor.clipboardManager.copyPaste());
+	}
 	handlePasteEvent(e) {
 		this._shouldIgnoreKeyboardEvent(e) || this.editor.clipboardManager.handlePasteEvent(e);
 	}
@@ -195,7 +217,7 @@ var E = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D =
 		return !1;
 	}
 	destroy() {
-		window.removeEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), document.removeEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), document.removeEventListener("paste", this.handlePasteEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.removeEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 }), document.removeEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.options.canvasDragging && (this.canvas.off("mouse:down", this.handleCanvasDragStartBound), this.canvas.off("mouse:move", this.handleCanvasDraggingBound), this.canvas.off("mouse:up", this.handleCanvasDragEndBound), document.removeEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.removeEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), this.options.mouseWheelZooming && this.canvas.wrapperEl.removeEventListener("wheel", this.handleCanvasWheelZoomBound, { capture: !0 }), this.options.resetObjectFitByDoubleClick && this.canvas.off("mouse:dblclick", this.handleResetObjectFitBound), this.canvas.off("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.off("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.off("object:added", this.handleObjectAddedHistoryBound), this.canvas.off("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.off("object:moving", this.handleObjectTransformStartBound), this.canvas.off("object:scaling", this.handleObjectTransformStartBound), this.canvas.off("object:rotating", this.handleObjectTransformStartBound), this.canvas.off("object:skewing", this.handleObjectTransformStartBound), this.canvas.off("object:resizing", this.handleObjectTransformStartBound), this.canvas.off("object:modified", this.handleObjectTransformEndBound), this.canvas.off("object:added", this.handleOverlayUpdateBound), this.canvas.off("selection:created", this.handleOverlayUpdateBound), this.canvas.off("object:added", this.handleBackgroundUpdateBound), this.canvas.off("selection:created", this.handleBackgroundUpdateBound);
+		window.removeEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), document.removeEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleCutEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleDuplicateEventBound, { capture: !0 }), document.removeEventListener("paste", this.handlePasteEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.removeEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 }), document.removeEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.options.canvasDragging && (this.canvas.off("mouse:down", this.handleCanvasDragStartBound), this.canvas.off("mouse:move", this.handleCanvasDraggingBound), this.canvas.off("mouse:up", this.handleCanvasDragEndBound), document.removeEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.removeEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), this.options.mouseWheelZooming && this.canvas.wrapperEl.removeEventListener("wheel", this.handleCanvasWheelZoomBound, { capture: !0 }), this.options.resetObjectFitByDoubleClick && this.canvas.off("mouse:dblclick", this.handleResetObjectFitBound), this.canvas.off("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.off("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.off("object:added", this.handleObjectAddedHistoryBound), this.canvas.off("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.off("object:moving", this.handleObjectTransformStartBound), this.canvas.off("object:scaling", this.handleObjectTransformStartBound), this.canvas.off("object:rotating", this.handleObjectTransformStartBound), this.canvas.off("object:skewing", this.handleObjectTransformStartBound), this.canvas.off("object:resizing", this.handleObjectTransformStartBound), this.canvas.off("object:modified", this.handleObjectTransformEndBound), this.canvas.off("object:added", this.handleOverlayUpdateBound), this.canvas.off("selection:created", this.handleOverlayUpdateBound), this.canvas.off("object:added", this.handleBackgroundUpdateBound), this.canvas.off("selection:created", this.handleBackgroundUpdateBound);
 	}
 	static debounce(e, t) {
 		let n = null;
@@ -7254,7 +7276,7 @@ var Si = class {
 		}, this._handleTextChanged = (e) => {
 			if (!(e.target instanceof v)) return;
 			let t = e.target;
-			U(t.group) && this.runtime.syncShapeTextLayoutAfterTextMutation({ textNode: t }) && this.runtime.editor.canvas.requestRenderAll();
+			U(t.group) && (this.runtime.editor.textManager.syncLineStylesWithText({ textbox: t }), this.runtime.syncShapeTextLayoutAfterTextMutation({ textNode: t }) && this.runtime.editor.canvas.requestRenderAll());
 		}, this._handleBeforeTextUpdated = (e) => {
 			let { textbox: t, style: n } = e;
 			if (!(t instanceof v)) return;
@@ -9473,31 +9495,37 @@ var pa = {
 	}
 	copy() {
 		let { canvas: e } = this.editor, t = e.getActiveObject();
-		!t || t.locked || (this._cloneToInternalClipboard(t), this._copyToSystemClipboard(t).catch((e) => {
-			this.editor.errorManager.emitWarning({
-				origin: "ClipboardManager",
-				method: "copy",
-				code: "COPY_FAILED",
-				message: "Ошибка копирования объекта в системный буфер обмена",
-				data: e
-			});
+		!t || t.locked || (this._cloneToInternalClipboard(t), this._copyToSystemClipboardInBackground({
+			activeObject: t,
+			method: "copy"
 		}));
 	}
 	async _cloneToInternalClipboard(e) {
 		let { canvas: t, errorManager: n } = this.editor;
 		try {
 			let n = await e.clone(Mt);
-			this._materializeCloneGeometry({ clonedObject: n }), this.clipboard = n, t.fire("editor:object-copied", { object: n });
+			return this._materializeCloneGeometry({ clonedObject: n }), this.clipboard = n, t.fire("editor:object-copied", { object: n }), !0;
 		} catch (e) {
-			n.emitError({
+			return n.emitError({
 				origin: "ClipboardManager",
 				method: "_cloneToInternalClipboard",
 				code: "CLONE_FAILED",
 				message: "Ошибка клонирования объекта для внутреннего буфера",
 				data: e
-			});
+			}), !1;
 		}
 	}
+	_copyToSystemClipboardInBackground({ activeObject: e, method: t }) {
+		this._copyToSystemClipboard(e).catch((e) => {
+			this.editor.errorManager.emitWarning({
+				origin: "ClipboardManager",
+				method: t,
+				code: "COPY_FAILED",
+				message: "Ошибка копирования объекта в системный буфер обмена",
+				data: e
+			});
+		});
+	}
 	async _copyToSystemClipboard(e) {
 		let { errorManager: t } = this.editor;
 		if (typeof ClipboardItem > "u" || !navigator.clipboard) return t.emitWarning({
@@ -9643,6 +9671,27 @@ var pa = {
 			}), !1;
 		}
 	}
+	async cut() {
+		let { canvas: t, deletionManager: n, errorManager: r } = this.editor, i = t.getActiveObject();
+		if (!i || i.locked) return !1;
+		try {
+			if (!await this._cloneToInternalClipboard(i)) return !1;
+			this._copyToSystemClipboardInBackground({
+				activeObject: i,
+				method: "cut"
+			});
+			let t = i instanceof e ? i.getObjects() : [i];
+			return !!n.deleteSelectedObjects({ objects: t });
+		} catch (e) {
+			return r.emitError({
+				origin: "ClipboardManager",
+				method: "cut",
+				code: "CUT_FAILED",
+				message: "Ошибка вырезания объекта",
+				data: e
+			}), !1;
+		}
+	}
 	async handlePasteEvent({ clipboardData: e }) {
 		if (!e?.items?.length) {
 			this.paste();
@@ -10098,6 +10147,7 @@ var pa = {
 		CLIPBOARD_WRITE_IMAGE_FAILED: "CLIPBOARD_WRITE_IMAGE_FAILED",
 		CLONE_FAILED: "CLONE_FAILED",
 		COPY_FAILED: "COPY_FAILED",
+		CUT_FAILED: "CUT_FAILED",
 		PASTE_IMAGE_FAILED: "PASTE_IMAGE_FAILED",
 		EXTERNAL_PASTE_DEFERRED_REJECTED: "EXTERNAL_PASTE_DEFERRED_REJECTED",
 		PASTE_HTML_IMAGE_FAILED: "PASTE_HTML_IMAGE_FAILED",
@@ -11179,10 +11229,10 @@ var Wa = class {
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
-				this._syncLineStylesWithText({ textbox: n });
+				this.syncLineStylesWithText({ textbox: n });
 				return;
 			}
-			this._syncLineStylesWithText({ textbox: n }), this._normalizeTextboxAfterContentChange({
+			this.syncLineStylesWithText({ textbox: n }), this._normalizeTextboxAfterContentChange({
 				textbox: n,
 				placement: u,
 				shouldAutoExpand: c,
@@ -11237,7 +11287,7 @@ var Wa = class {
 			resolveTextObject: (e) => this._resolveTextObject(e),
 			normalizeTextboxAfterContentChange: (e) => this._normalizeTextboxAfterContentChange(e),
 			restoreTextboxContentPlacement: (e) => this._restoreTextboxContentPlacement(e),
-			syncLineStylesWithText: (e) => this._syncLineStylesWithText(e),
+			syncLineStylesWithText: (e) => this.syncLineStylesWithText(e),
 			getSnapshot: (t) => e._getSnapshot(t)
 		} }), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), Ia();
 	}
@@ -11414,7 +11464,7 @@ var Wa = class {
 		let { canvas: e } = this;
 		e.on("object:scaling", this.scalingController.handleObjectScaling), e.on("object:resizing", this._handleObjectResizing), e.on("object:modified", this.scalingController.handleObjectModified), e.on("mouse:move", this.scalingController.handleMouseMove), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged);
 	}
-	_syncLineStylesWithText({ textbox: e, previousText: t, currentText: n }) {
+	syncLineStylesWithText({ textbox: e, previousText: t, currentText: n }) {
 		let r = n ?? e.text ?? "", i = Xi({
 			textbox: e,
 			previousText: t ?? e.__lineDefaultsPrevText ?? r,
@@ -13854,6 +13904,8 @@ var Wa = class {
 	mouseWheelZooming: !0,
 	canvasDragging: !0,
 	copyObjectsByHotkey: !0,
+	cutObjectsByHotkey: !0,
+	duplicateObjectsByHotkey: !0,
 	pasteImageFromClipboard: !0,
 	undoRedoByHotKeys: !0,
 	selectAllByHotkey: !0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.8.24",
+  "version": "0.8.26",
   "description": "TypeScript image editor library built on FabricJS, allowing you to create instances with an integrated montage area and providing an API to modify and manage state.",
   "module": "dist/main.js",
   "files": [