@inditextech/weave-sdk 5.0.0-SNAPSHOT.409.1 → 5.0.0

package/dist/sdk.js

@@ -6608,7 +6608,12 @@ var WeaveNode = class {
 				this.instance.emitEvent("onDrag", null);
 				const realNodeTarget = this.getRealSelectedNode(nodeTarget);
 				const isInGroupContext = (this.getSelectionPlugin()?.getActiveGroupContext() ?? null) !== null;
-				if (!isInGroupContext && this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1 && (realNodeTarget.getAttrs().lockToContainer === void 0 || !realNodeTarget.getAttrs().lockToContainer)) this.instance.stateTransactional(() => {
+				const shouldUpdateMove = this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1 && (realNodeTarget.getAttrs().lockToContainer === void 0 || !realNodeTarget.getAttrs().lockToContainer);
+				if (isInGroupContext && shouldUpdateMove) {
+					if (realNodeTarget.getAttrs().isCloned) this.instance.getCloningManager().removeClone(realNodeTarget);
+					this.instance.updateNodeNT(this.serialize(realNodeTarget));
+				}
+				if (!isInGroupContext && shouldUpdateMove) this.instance.stateTransactional(() => {
 					clearContainerTargets(this.instance);
 					const layerToMove = containerOverCursor(this.instance, [realNodeTarget]);
 					let containerToMove = this.instance.getMainLayer();
@@ -9115,6 +9120,32 @@ var WeaveFontsManager = class {
 		this.logger = this.instance.getChildLogger("fonts-manager");
 		this.logger.debug("Fonts manager created");
 	}
+	async loadFontFamily(fontFamily) {
+		const fontsPromises = [];
+		for (const fontFace of fontFamily.fontFaces) {
+			const { source,...fontFaceDescriptors } = fontFace;
+			const fontVariant = new FontFace(fontFamily.family, source, fontFaceDescriptors);
+			fontsPromises.push(fontVariant.load().then(() => document.fonts.add(fontVariant)));
+		}
+		await Promise.all(fontsPromises);
+		return {
+			id: fontFamily.family,
+			name: `${fontFamily.family}, sans-serif`,
+			offsetY: fontFamily.offset.y,
+			supportedStyles: fontFamily.supportedStyles
+		};
+	}
+	async loadFontsFamilies(fontFamilies) {
+		const familiesPromises = [];
+		for (const fontFamily of fontFamilies) familiesPromises.push(this.loadFontFamily(fontFamily));
+		try {
+			const fonts = await Promise.all(familiesPromises);
+			return fonts;
+		} catch (ex) {
+			console.error("Error loading fonts families", ex);
+			return [];
+		}
+	}
 	async loadFonts() {
 		this.logger.info("Loading fonts");
 		const fontsConfig = this.instance.getConfiguration().fonts;
@@ -9123,7 +9154,7 @@ var WeaveFontsManager = class {
 			return;
 		}
 		let fontsToLoad = [];
-		if (fontsConfig && fontsConfig instanceof Function) fontsToLoad = await fontsConfig();
+		if (fontsConfig && fontsConfig instanceof Function) fontsToLoad = await fontsConfig(this.loadFontsFamilies.bind(this));
 		if (fontsConfig && fontsConfig instanceof Array) fontsToLoad = fontsConfig;
 		for (const font of fontsToLoad) this.loadedFonts.push(font);
 		this.logger.info("Fonts loaded");
@@ -9662,7 +9693,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.0.0-SNAPSHOT.409.1";
+var version = "5.0.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -10104,7 +10135,8 @@ var WeaveExportManager = class {
 			fill: backgroundColor
 		});
 		const exportGroup = new Konva.Group();
-		if (!exportArea) {
+		if (exportArea) mainLayer.add(background);
+		else {
 			exportGroup.add(background);
 			for (const node of nodes) {
 				const clonedNode = node.clone({ id: v4_default() });
@@ -10116,7 +10148,7 @@ var WeaveExportManager = class {
 				exportGroup.add(clonedNode);
 			}
 			mainLayer.add(exportGroup);
-		} else mainLayer.add(background);
+		}
 		const backgroundRect = background.getClientRect();
 		stage.batchDraw();
 		const { pixelRatio: finalPixelRatio } = this.fitKonvaPixelRatio(Math.round(backgroundRect.width), Math.round(backgroundRect.height), pixelRatio);
@@ -15193,8 +15225,8 @@ var WeaveImageNode = class extends WeaveNode {
 		if (this.config.imageFallback.enabled) {
 			const imageFallbackId = this.config.imageFallback.getId(params);
 			let finalDataURL = "";
-			if (!dataURL) finalDataURL = this.config.imageFallback.getDataURL(imageFallbackId);
-			else finalDataURL = dataURL;
+			if (dataURL) finalDataURL = dataURL;
+			else finalDataURL = this.config.imageFallback.getDataURL(imageFallbackId);
 			this.imageFallbackURL[imageFallbackId] = finalDataURL;
 		}
 	}
@@ -15215,7 +15247,7 @@ var WeaveImageNode = class extends WeaveNode {
 			this.setupNotUsedImagesCleanup();
 		};
 		const bindedCleanupHandler = cleanupHandler.bind(this);
-		if (!this.notUsedImagesCleanup) this.notUsedImagesCleanup = setTimeout(bindedCleanupHandler, this.config.cleanup.intervalMs);
+		this.notUsedImagesCleanup ??= setTimeout(bindedCleanupHandler, this.config.cleanup.intervalMs);
 	}
 	preloadCursors() {
 		return new Promise((resolve) => {
@@ -16047,6 +16079,18 @@ var WeaveImageNode = class extends WeaveNode {
 		}
 		if (node) this.loadImage(node.getAttrs(), node, false, false);
 	}
+	forceLoadFallbackImage(nodeInstance, dataURL) {
+		const nodeId = nodeInstance.getAttrs().id ?? "";
+		const node = this.instance.getStage().findOne(`#${nodeId}`);
+		if (this.imageTryoutIds[nodeId]) {
+			clearTimeout(this.imageTryoutIds[nodeId]);
+			delete this.imageTryoutIds[nodeId];
+		}
+		if (node) {
+			this.cacheImageFallbackURL(node.getAttrs(), dataURL);
+			this.loadImage(node.getAttrs(), node, true);
+		}
+	}
 	onDestroy(nodeInstance) {
 		const nodeId = nodeInstance.getAttrs().id ?? "";
 		const utilityLayer = this.instance.getUtilityLayer();
@@ -24789,6 +24833,7 @@ const WEAVE_IMAGE_TOOL_CONFIG_DEFAULT = { style: { cursor: {
 //#endregion
 //#region src/actions/image-tool/image-tool.ts
 var WeaveImageToolAction = class extends WeaveAction {
+	initInitialized = false;
 	initialized = false;
 	initialCursor = null;
 	imageAction = {};
@@ -24821,7 +24866,8 @@ var WeaveImageToolAction = class extends WeaveAction {
 		};
 	}
 	onInit() {
-		this.instance.addEventListener("onStageDrop", (e) => {
+		if (this.initInitialized) return;
+		const handleImageOnStageDrop = (e) => {
 			const dragId = this.instance.getDragStartedId();
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGE_TOOL_ACTION_NAME) {
@@ -24837,7 +24883,9 @@ var WeaveImageToolAction = class extends WeaveAction {
 					position: mousePoint
 				});
 			}
-		});
+		};
+		this.instance.addEventListener("onStageDrop", handleImageOnStageDrop);
+		this.initInitialized = true;
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
@@ -25243,6 +25291,7 @@ const WEAVE_IMAGES_TOOL_DEFAULT_CONFIG = {
 //#endregion
 //#region src/actions/images-tool/images-tool.ts
 var WeaveImagesToolAction = class extends WeaveAction {
+	initInitialized = false;
 	initialized = false;
 	initialCursor = null;
 	nodesIds = [];
@@ -25285,7 +25334,8 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		};
 	}
 	onInit() {
-		this.instance.addEventListener("onStageDrop", (e) => {
+		if (this.initInitialized) return;
+		const handleImagesOnStageDrop = (e) => {
 			const dragId = this.instance.getDragStartedId();
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGES_TOOL_ACTION_NAME) {
@@ -25300,7 +25350,9 @@ var WeaveImagesToolAction = class extends WeaveAction {
 					...dragProperties.forceMainContainer && { forceMainContainer: dragProperties.forceMainContainer }
 				});
 			}
-		});
+		};
+		this.instance.addEventListener("onStageDrop", handleImagesOnStageDrop);
+		this.initInitialized = true;
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
@@ -27490,6 +27542,7 @@ const VIDEO_TOOL_STATE = {
 //#endregion
 //#region src/actions/video-tool/video-tool.ts
 var WeaveVideoToolAction = class extends WeaveAction {
+	initInitialized = false;
 	initialized = false;
 	initialCursor = null;
 	cursorPadding = 5;
@@ -27526,7 +27579,8 @@ var WeaveVideoToolAction = class extends WeaveAction {
 		};
 	}
 	onInit() {
-		this.instance.addEventListener("onStageDrop", (e) => {
+		if (this.initInitialized) return;
+		const handleVideoOnStageDrop = (e) => {
 			const dragId = this.instance.getDragStartedId();
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === VIDEO_TOOL_ACTION_NAME) {
@@ -27540,7 +27594,9 @@ var WeaveVideoToolAction = class extends WeaveAction {
 					position: mousePoint
 				});
 			}
-		});
+		};
+		this.instance.addEventListener("onStageDrop", handleVideoOnStageDrop);
+		this.initInitialized = true;
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();

package/dist/sdk.node.js

@@ -6607,7 +6607,12 @@ var WeaveNode = class {
 				this.instance.emitEvent("onDrag", null);
 				const realNodeTarget = this.getRealSelectedNode(nodeTarget);
 				const isInGroupContext = (this.getSelectionPlugin()?.getActiveGroupContext() ?? null) !== null;
-				if (!isInGroupContext && this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1 && (realNodeTarget.getAttrs().lockToContainer === void 0 || !realNodeTarget.getAttrs().lockToContainer)) this.instance.stateTransactional(() => {
+				const shouldUpdateMove = this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1 && (realNodeTarget.getAttrs().lockToContainer === void 0 || !realNodeTarget.getAttrs().lockToContainer);
+				if (isInGroupContext && shouldUpdateMove) {
+					if (realNodeTarget.getAttrs().isCloned) this.instance.getCloningManager().removeClone(realNodeTarget);
+					this.instance.updateNodeNT(this.serialize(realNodeTarget));
+				}
+				if (!isInGroupContext && shouldUpdateMove) this.instance.stateTransactional(() => {
 					clearContainerTargets(this.instance);
 					const layerToMove = containerOverCursor(this.instance, [realNodeTarget]);
 					let containerToMove = this.instance.getMainLayer();
@@ -9114,6 +9119,32 @@ var WeaveFontsManager = class {
 		this.logger = this.instance.getChildLogger("fonts-manager");
 		this.logger.debug("Fonts manager created");
 	}
+	async loadFontFamily(fontFamily) {
+		const fontsPromises = [];
+		for (const fontFace of fontFamily.fontFaces) {
+			const { source,...fontFaceDescriptors } = fontFace;
+			const fontVariant = new FontFace(fontFamily.family, source, fontFaceDescriptors);
+			fontsPromises.push(fontVariant.load().then(() => document.fonts.add(fontVariant)));
+		}
+		await Promise.all(fontsPromises);
+		return {
+			id: fontFamily.family,
+			name: `${fontFamily.family}, sans-serif`,
+			offsetY: fontFamily.offset.y,
+			supportedStyles: fontFamily.supportedStyles
+		};
+	}
+	async loadFontsFamilies(fontFamilies) {
+		const familiesPromises = [];
+		for (const fontFamily of fontFamilies) familiesPromises.push(this.loadFontFamily(fontFamily));
+		try {
+			const fonts = await Promise.all(familiesPromises);
+			return fonts;
+		} catch (ex) {
+			console.error("Error loading fonts families", ex);
+			return [];
+		}
+	}
 	async loadFonts() {
 		this.logger.info("Loading fonts");
 		const fontsConfig = this.instance.getConfiguration().fonts;
@@ -9122,7 +9153,7 @@ var WeaveFontsManager = class {
 			return;
 		}
 		let fontsToLoad = [];
-		if (fontsConfig && fontsConfig instanceof Function) fontsToLoad = await fontsConfig();
+		if (fontsConfig && fontsConfig instanceof Function) fontsToLoad = await fontsConfig(this.loadFontsFamilies.bind(this));
 		if (fontsConfig && fontsConfig instanceof Array) fontsToLoad = fontsConfig;
 		for (const font of fontsToLoad) this.loadedFonts.push(font);
 		this.logger.info("Fonts loaded");
@@ -9661,7 +9692,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.0.0-SNAPSHOT.409.1";
+var version = "5.0.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -10103,7 +10134,8 @@ var WeaveExportManager = class {
 			fill: backgroundColor
 		});
 		const exportGroup = new Konva.Group();
-		if (!exportArea) {
+		if (exportArea) mainLayer.add(background);
+		else {
 			exportGroup.add(background);
 			for (const node of nodes) {
 				const clonedNode = node.clone({ id: v4_default() });
@@ -10115,7 +10147,7 @@ var WeaveExportManager = class {
 				exportGroup.add(clonedNode);
 			}
 			mainLayer.add(exportGroup);
-		} else mainLayer.add(background);
+		}
 		const backgroundRect = background.getClientRect();
 		stage.batchDraw();
 		const { pixelRatio: finalPixelRatio } = this.fitKonvaPixelRatio(Math.round(backgroundRect.width), Math.round(backgroundRect.height), pixelRatio);
@@ -15192,8 +15224,8 @@ var WeaveImageNode = class extends WeaveNode {
 		if (this.config.imageFallback.enabled) {
 			const imageFallbackId = this.config.imageFallback.getId(params);
 			let finalDataURL = "";
-			if (!dataURL) finalDataURL = this.config.imageFallback.getDataURL(imageFallbackId);
-			else finalDataURL = dataURL;
+			if (dataURL) finalDataURL = dataURL;
+			else finalDataURL = this.config.imageFallback.getDataURL(imageFallbackId);
 			this.imageFallbackURL[imageFallbackId] = finalDataURL;
 		}
 	}
@@ -15214,7 +15246,7 @@ var WeaveImageNode = class extends WeaveNode {
 			this.setupNotUsedImagesCleanup();
 		};
 		const bindedCleanupHandler = cleanupHandler.bind(this);
-		if (!this.notUsedImagesCleanup) this.notUsedImagesCleanup = setTimeout(bindedCleanupHandler, this.config.cleanup.intervalMs);
+		this.notUsedImagesCleanup ??= setTimeout(bindedCleanupHandler, this.config.cleanup.intervalMs);
 	}
 	preloadCursors() {
 		return new Promise((resolve) => {
@@ -16046,6 +16078,18 @@ var WeaveImageNode = class extends WeaveNode {
 		}
 		if (node) this.loadImage(node.getAttrs(), node, false, false);
 	}
+	forceLoadFallbackImage(nodeInstance, dataURL) {
+		const nodeId = nodeInstance.getAttrs().id ?? "";
+		const node = this.instance.getStage().findOne(`#${nodeId}`);
+		if (this.imageTryoutIds[nodeId]) {
+			clearTimeout(this.imageTryoutIds[nodeId]);
+			delete this.imageTryoutIds[nodeId];
+		}
+		if (node) {
+			this.cacheImageFallbackURL(node.getAttrs(), dataURL);
+			this.loadImage(node.getAttrs(), node, true);
+		}
+	}
 	onDestroy(nodeInstance) {
 		const nodeId = nodeInstance.getAttrs().id ?? "";
 		const utilityLayer = this.instance.getUtilityLayer();
@@ -24788,6 +24832,7 @@ const WEAVE_IMAGE_TOOL_CONFIG_DEFAULT = { style: { cursor: {
 //#endregion
 //#region src/actions/image-tool/image-tool.ts
 var WeaveImageToolAction = class extends WeaveAction {
+	initInitialized = false;
 	initialized = false;
 	initialCursor = null;
 	imageAction = {};
@@ -24820,7 +24865,8 @@ var WeaveImageToolAction = class extends WeaveAction {
 		};
 	}
 	onInit() {
-		this.instance.addEventListener("onStageDrop", (e) => {
+		if (this.initInitialized) return;
+		const handleImageOnStageDrop = (e) => {
 			const dragId = this.instance.getDragStartedId();
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGE_TOOL_ACTION_NAME) {
@@ -24836,7 +24882,9 @@ var WeaveImageToolAction = class extends WeaveAction {
 					position: mousePoint
 				});
 			}
-		});
+		};
+		this.instance.addEventListener("onStageDrop", handleImageOnStageDrop);
+		this.initInitialized = true;
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
@@ -25242,6 +25290,7 @@ const WEAVE_IMAGES_TOOL_DEFAULT_CONFIG = {
 //#endregion
 //#region src/actions/images-tool/images-tool.ts
 var WeaveImagesToolAction = class extends WeaveAction {
+	initInitialized = false;
 	initialized = false;
 	initialCursor = null;
 	nodesIds = [];
@@ -25284,7 +25333,8 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		};
 	}
 	onInit() {
-		this.instance.addEventListener("onStageDrop", (e) => {
+		if (this.initInitialized) return;
+		const handleImagesOnStageDrop = (e) => {
 			const dragId = this.instance.getDragStartedId();
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGES_TOOL_ACTION_NAME) {
@@ -25299,7 +25349,9 @@ var WeaveImagesToolAction = class extends WeaveAction {
 					...dragProperties.forceMainContainer && { forceMainContainer: dragProperties.forceMainContainer }
 				});
 			}
-		});
+		};
+		this.instance.addEventListener("onStageDrop", handleImagesOnStageDrop);
+		this.initInitialized = true;
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
@@ -27489,6 +27541,7 @@ const VIDEO_TOOL_STATE = {
 //#endregion
 //#region src/actions/video-tool/video-tool.ts
 var WeaveVideoToolAction = class extends WeaveAction {
+	initInitialized = false;
 	initialized = false;
 	initialCursor = null;
 	cursorPadding = 5;
@@ -27525,7 +27578,8 @@ var WeaveVideoToolAction = class extends WeaveAction {
 		};
 	}
 	onInit() {
-		this.instance.addEventListener("onStageDrop", (e) => {
+		if (this.initInitialized) return;
+		const handleVideoOnStageDrop = (e) => {
 			const dragId = this.instance.getDragStartedId();
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === VIDEO_TOOL_ACTION_NAME) {
@@ -27539,7 +27593,9 @@ var WeaveVideoToolAction = class extends WeaveAction {
 					position: mousePoint
 				});
 			}
-		});
+		};
+		this.instance.addEventListener("onStageDrop", handleVideoOnStageDrop);
+		this.initInitialized = true;
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();