@inditextech/weave-sdk 5.0.0-SNAPSHOT.403.1 → 5.0.0-SNAPSHOT.413.1

package/dist/sdk.js

@@ -9115,6 +9115,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 +9149,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 +9688,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.0.0-SNAPSHOT.403.1";
+var version = "5.0.0-SNAPSHOT.413.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -10977,6 +11003,12 @@ var Weave = class {
 		this.stageManager.initStage();
 		this.status = WEAVE_INSTANCE_STATUS.CONNECTING_TO_ROOM;
 		this.emitEvent("onInstanceStatus", this.status);
+		this.emitEvent("onUndoManagerStatusChange", {
+			canUndo: false,
+			canRedo: false,
+			redoStackLength: 0,
+			undoStackLength: 0
+		});
 		this.addEventListener("onStoreConnectionStatusChange", this.handleStoreConnectionStatusChange.bind(this));
 	}
 	async destroy() {
@@ -16041,6 +16073,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();
@@ -24783,6 +24827,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 = {};
@@ -24815,7 +24860,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) {
@@ -24831,7 +24877,9 @@ var WeaveImageToolAction = class extends WeaveAction {
 					position: mousePoint
 				});
 			}
-		});
+		};
+		this.instance.addEventListener("onStageDrop", handleImageOnStageDrop);
+		this.initInitialized = true;
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
@@ -25237,6 +25285,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 = [];
@@ -25279,7 +25328,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) {
@@ -25294,7 +25344,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();
@@ -27484,6 +27536,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;
@@ -27520,7 +27573,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) {
@@ -27534,7 +27588,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

@@ -9114,6 +9114,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 +9148,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 +9687,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.0.0-SNAPSHOT.403.1";
+var version = "5.0.0-SNAPSHOT.413.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -10976,6 +11002,12 @@ var Weave = class {
 		this.stageManager.initStage();
 		this.status = WEAVE_INSTANCE_STATUS.CONNECTING_TO_ROOM;
 		this.emitEvent("onInstanceStatus", this.status);
+		this.emitEvent("onUndoManagerStatusChange", {
+			canUndo: false,
+			canRedo: false,
+			redoStackLength: 0,
+			undoStackLength: 0
+		});
 		this.addEventListener("onStoreConnectionStatusChange", this.handleStoreConnectionStatusChange.bind(this));
 	}
 	async destroy() {
@@ -16040,6 +16072,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();
@@ -24782,6 +24826,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 = {};
@@ -24814,7 +24859,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) {
@@ -24830,7 +24876,9 @@ var WeaveImageToolAction = class extends WeaveAction {
 					position: mousePoint
 				});
 			}
-		});
+		};
+		this.instance.addEventListener("onStageDrop", handleImageOnStageDrop);
+		this.initInitialized = true;
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
@@ -25236,6 +25284,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 = [];
@@ -25278,7 +25327,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) {
@@ -25293,7 +25343,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();
@@ -27483,6 +27535,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;
@@ -27519,7 +27572,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) {
@@ -27533,7 +27587,9 @@ var WeaveVideoToolAction = class extends WeaveAction {
 					position: mousePoint
 				});
 			}
-		});
+		};
+		this.instance.addEventListener("onStageDrop", handleVideoOnStageDrop);
+		this.initInitialized = true;
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();