@inditextech/weave-sdk 1.0.3 → 1.1.0

package/dist/sdk.node.js

@@ -15012,6 +15012,10 @@ var require_lodash = __commonJS({ "../../node_modules/lodash/lodash.js"(exports,
 } });
 var import_lodash = __toESM(require_lodash(), 1);
 
+//#endregion
+//#region src/yjs.ts
+var yjs_default = Y;
+
 //#endregion
 //#region src/stores/store.ts
 var WeaveStore = class {
@@ -15058,7 +15062,7 @@ var WeaveStore = class {
 	}
 	getStateSnapshot() {
 		const doc = this.getDocument();
-		return Y.encodeStateAsUpdate(doc);
+		return yjs_default.encodeStateAsUpdate(doc);
 	}
 	setup() {
 		this.isRoomLoaded = false;
@@ -15069,7 +15073,7 @@ var WeaveStore = class {
 				// eslint-disable-next-line @typescript-eslint/no-explicit-any
 );
 			if (weaveStateValues) {
-				this.undoManager = new Y.UndoManager([weaveStateValues], {
+				this.undoManager = new yjs_default.UndoManager([weaveStateValues], {
 					captureTimeout: 250,
 					trackedOrigins: new Set([this.config.getUser().id]),
 					...this.config?.undoManagerOptions
@@ -21634,7 +21638,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "1.0.3";
+var version = "1.1.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -23908,7 +23912,6 @@ var WeaveImageNode = class extends WeaveNode {
 		this.lastTapTime = 0;
 		this.config = mergeExceptArrays(WEAVE_IMAGE_DEFAULT_CONFIG, config);
 		this.imageCrop = null;
-		this.imageLoaded = false;
 	}
 	triggerCrop(imageNode) {
 		const stage = this.instance.getStage();
@@ -23969,7 +23972,9 @@ var WeaveImageNode = class extends WeaveNode {
 			...groupImageProps,
 			...internalImageProps,
 			id,
-			name: "node"
+			name: "node",
+			loadedImage: false,
+			loadedImageError: false
 		});
 		this.setupDefaultNodeAugmentation(image);
 		image.movedToContainer = () => {
@@ -24048,7 +24053,7 @@ var WeaveImageNode = class extends WeaveNode {
 		image.add(cropGroup);
 		this.setupDefaultNodeEvents(image);
 		image.dblClick = () => {
-			this.config.onDblClick?.(this, image);
+			if (this.imageState[id]?.loaded && !this.imageState[id]?.error) this.config.onDblClick?.(this, image);
 		};
 		if (this.imageSource[id]) {
 			imagePlaceholder.destroy();
@@ -24058,7 +24063,7 @@ var WeaveImageNode = class extends WeaveNode {
 				image: this.imageSource[id],
 				visible: true
 			});
-			this.imageLoaded = true;
+			image.setAttr("width", this.imageSource[id].width);
 			image.setAttr("width", this.imageSource[id].width);
 			image.setAttr("height", this.imageSource[id].height);
 			image.setAttr("cropInfo", props.cropInfo ?? void 0);
@@ -24090,7 +24095,41 @@ var WeaveImageNode = class extends WeaveNode {
 		delete internalImageProps.imageProperties;
 		delete internalImageProps.imageURL;
 		delete internalImageProps.zIndex;
-		if (!this.imageLoaded) {
+		if (!this.imageState[id ?? ""]?.loaded) {
+			imagePlaceholder?.setAttrs({
+				...internalImageProps,
+				...nodeAttrs.imageProperties ?? {},
+				name: void 0,
+				id: `${id}-placeholder`,
+				nodeId: id,
+				x: 0,
+				y: 0,
+				scaleX: 1,
+				scaleY: 1,
+				rotation: 0,
+				visible: true,
+				fill: "#ccccccff",
+				strokeWidth: 0,
+				draggable: false,
+				zIndex: 0
+			});
+			internalImage?.setAttrs({
+				...internalImageProps,
+				...nodeAttrs.imageProperties ?? {},
+				name: void 0,
+				id: `${id}-image`,
+				nodeId: id,
+				x: 0,
+				y: 0,
+				scaleX: 1,
+				scaleY: 1,
+				rotation: 0,
+				visible: false,
+				draggable: false,
+				zIndex: 1
+			});
+		}
+		if (this.imageState[id ?? ""]?.loaded && this.imageState[id ?? ""]?.error) {
 			imagePlaceholder?.setAttrs({
 				...internalImageProps,
 				...nodeAttrs.imageProperties ?? {},
@@ -24113,6 +24152,7 @@ var WeaveImageNode = class extends WeaveNode {
 				...nodeAttrs.imageProperties ?? {},
 				name: void 0,
 				id: `${id}-image`,
+				image: void 0,
 				nodeId: id,
 				x: 0,
 				y: 0,
@@ -24124,7 +24164,7 @@ var WeaveImageNode = class extends WeaveNode {
 				zIndex: 1
 			});
 		}
-		if (this.imageLoaded) {
+		if (this.imageState[id ?? ""]?.loaded && !this.imageState[id ?? ""]?.error) {
 			internalImage?.setAttrs({
 				...internalImageProps,
 				...nodeAttrs.imageProperties ?? {},
@@ -24152,6 +24192,8 @@ var WeaveImageNode = class extends WeaveNode {
 				loaded: false,
 				error: true
 			};
+			delete this.imageSource[imageId];
+			delete this.imageState[imageId];
 			onError(error);
 		};
 		this.imageSource[imageId].onload = () => {
@@ -24165,7 +24207,11 @@ var WeaveImageNode = class extends WeaveNode {
 			loaded: false,
 			error: false
 		};
-		if (realImageURL) this.imageSource[imageId].src = realImageURL;
+		try {
+			if (realImageURL) this.imageSource[imageId].src = realImageURL;
+		} catch (ex) {
+			console.error(ex);
+		}
 	}
 	loadImage(params, image) {
 		const imageProps = params;
@@ -24193,11 +24239,6 @@ var WeaveImageNode = class extends WeaveNode {
 						height: this.imageSource[id].height
 					});
 					internalImage.zIndex(0);
-					this.imageLoaded = true;
-					image.setAttrs({
-						width: imageProps.width ? imageProps.width : this.imageSource[id].width,
-						height: imageProps.height ? imageProps.height : this.imageSource[id].height
-					});
 					image.setAttr("imageInfo", {
 						width: this.imageSource[id].width,
 						height: this.imageSource[id].height
@@ -24227,6 +24268,19 @@ var WeaveImageNode = class extends WeaveNode {
 					loaded: false,
 					error: true
 				};
+				image.setAttrs({
+					image: void 0,
+					width: 100,
+					height: 100,
+					imageInfo: {
+						width: 100,
+						height: 100
+					},
+					uncroppedImage: {
+						width: 100,
+						height: 100
+					}
+				});
 				this.resolveAsyncElement(id);
 				console.error("Error loading image", realImageURL, error);
 				imagePlaceholder?.setAttrs({ visible: true });
@@ -24236,6 +24290,7 @@ var WeaveImageNode = class extends WeaveNode {
 	}
 	updatePlaceholderSize(image, imagePlaceholder) {
 		const imageAttrs = image.getAttrs();
+		if (!imageAttrs.loadedImage) return;
 		if (!imageAttrs.adding && imageAttrs.cropInfo) {
 			const actualScale = imageAttrs.uncroppedImage.width / imageAttrs.imageInfo.width;
 			const cropScale = imageAttrs.cropInfo ? imageAttrs.cropInfo.scaleX : actualScale;
@@ -24252,6 +24307,7 @@ var WeaveImageNode = class extends WeaveNode {
 		const stage = this.instance.getStage();
 		const image = stage.findOne(`#${imageAttrs.id}`);
 		const internalImage = image?.findOne(`#${imageAttrs.id}-image`);
+		if (!imageAttrs.loadedImage) return;
 		if (image && internalImage && !imageAttrs.adding && imageAttrs.cropInfo) {
 			const actualScale = imageAttrs.uncroppedImage.width / imageAttrs.imageInfo.width;
 			const cropScale = imageAttrs.cropInfo ? imageAttrs.cropInfo.scaleX : actualScale;