@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop-integration.20261014184332

package/dist/modules/multimedia/ImageEditor/effects/crop.js

@@ -1 +1,171 @@
-import{getApplicationScale}from"./misc.js";import*as PIXI from"pixi.js";var CORNERS=[`TOP_LEFT`,`TOP_RIGHT`,`BOTTOM_LEFT`,`BOTTOM_RIGHT`],PADDING=0,POINT_RADIUS=20,CROP_BACKGROUND_NAME=`CROP_BACKGROUND_NAME`,CROP_MASK_NAME=`CROP_MASK_NAME`;function getCornerName(corner){return`CROP_CORNER_`+corner}function drawBackground(application,{spriteName}){removeBackground(application);let sprite=application.stage.getChildByLabel(spriteName);if(!sprite)return;let spriteBounds=sprite.getBounds(),stageTexture=application.renderer.generateTexture(application.stage),clonedStage=new PIXI.Sprite(stageTexture);clonedStage.height=spriteBounds.height,clonedStage.width=spriteBounds.width,clonedStage.position=new PIXI.Point(0,0);let background=new PIXI.Container;background.label=CROP_BACKGROUND_NAME,background.position=new PIXI.Point(spriteBounds.x,spriteBounds.y);let backdrop=new PIXI.Graphics;backdrop.rect(0,0,spriteBounds.width,spriteBounds.height),backdrop.fill({color:16777215,alpha:.5});let rectMask=new PIXI.Graphics;rectMask.rect(0,0,spriteBounds.width-2*PADDING,spriteBounds.height-2*PADDING),rectMask.fill({color:0,alpha:1}),rectMask.position=new PIXI.Point(PADDING,PADDING),rectMask.label=CROP_MASK_NAME,clonedStage.mask=rectMask,application.stage.addChild(background),background.addChild(backdrop),background.addChild(rectMask),background.addChild(clonedStage)}function removeBackground(application){application.stage.getChildByLabel(CROP_BACKGROUND_NAME,!0)?.removeFromParent()}function computeCornerPosition(cornerType,bounds){switch(cornerType){case`TOP_LEFT`:return{x:bounds.x,y:bounds.y,start:0,end:Math.PI/2};case`TOP_RIGHT`:return{x:bounds.x+bounds.width,y:bounds.y,start:Math.PI/2,end:Math.PI};case`BOTTOM_LEFT`:return{x:bounds.x,y:bounds.y+bounds.height,start:3*Math.PI/2,end:2*Math.PI};case`BOTTOM_RIGHT`:return{x:bounds.x+bounds.width,y:bounds.y+bounds.height,start:Math.PI,end:3*Math.PI/2}}}function refreshCorners(application){let mask=application.stage.getChildByLabel(CROP_MASK_NAME,!0);mask&&CORNERS.forEach(cornerType=>{let corner=application.stage.getChildByLabel(getCornerName(cornerType),!0);if(!corner)return;let position=computeCornerPosition(cornerType,{height:mask.height,width:mask.width,x:mask.x,y:mask.y});corner.position=new PIXI.Point(position.x,position.y)})}function drawCorner(application,cornerType,{spriteName}){let previous=application.stage.getChildByLabel(getCornerName(cornerType),!0),scale=getApplicationScale(application);previous?.removeFromParent();let background=application.stage.getChildByLabel(CROP_BACKGROUND_NAME,!0),mask=application.stage.getChildByLabel(CROP_MASK_NAME,!0);if(!application.stage.getChildByLabel(spriteName)||!background||!mask)return;let position=computeCornerPosition(cornerType,{height:mask.height,width:mask.width,x:mask.x,y:mask.y}),corner=new PIXI.Graphics;corner.arc(0,0,POINT_RADIUS/scale,position.start,position.end),corner.lineTo(0,0),corner.fill({color:4960213,alpha:1}),corner.position=new PIXI.Point(position.x,position.y),corner.label=getCornerName(cornerType),corner.interactive=!0;let enable=!1,handlePointerMove=event=>{if(!enable)return;let localPosition=background.toLocal(event.global);corner.position.x=localPosition.x,corner.position.y=localPosition.y,moveMask(application,cornerType,localPosition)};application.stage.on(`pointermove`,handlePointerMove),corner.on(`pointerdown`,()=>{enable=!0});let handlePointerUp=()=>{enable=!1};globalThis.addEventListener(`pointerup`,handlePointerUp),corner.once(`destroyed`,()=>{corner.off(`pointerdown`),application.stage.off(`pointermove`,handlePointerMove),globalThis.removeEventListener(`pointerup`,handlePointerUp)}),background.addChild(corner)}function moveMask(application,cornerType,position){let mask=application.stage.getChildByLabel(CROP_MASK_NAME,!0);if(!mask)return;let right=mask.position.x+mask.width,bottom=mask.position.y+mask.height;switch(cornerType){case`TOP_LEFT`:mask.position.x=position.x,mask.position.y=position.y,mask.width=right-position.x,mask.height=bottom-position.y;break;case`TOP_RIGHT`:mask.position.y=position.y,mask.width=position.x-mask.position.x,mask.height=bottom-position.y;break;case`BOTTOM_LEFT`:mask.position.x=position.x,mask.width=right-position.x,mask.height=position.y-mask.position.y;break;case`BOTTOM_RIGHT`:mask.width=position.x-mask.position.x,mask.height=position.y-mask.position.y;break}refreshCorners(application)}function start(application,{spriteName}){stop(application),application.stage.interactive=!0,application.stage.interactiveChildren=!0,drawBackground(application,{spriteName}),drawCorner(application,`BOTTOM_LEFT`,{spriteName}),drawCorner(application,`BOTTOM_RIGHT`,{spriteName}),drawCorner(application,`TOP_LEFT`,{spriteName}),drawCorner(application,`TOP_RIGHT`,{spriteName})}function stop(application){removeBackground(application),application.stage.off(`pointermove`),application.render()}function save(application){let mask=application.stage.getChildByLabel(CROP_MASK_NAME,!0);if(!mask)return;let background=application.stage.getChildByLabel(CROP_BACKGROUND_NAME,!0),offsetX=background?.x??0,offsetY=background?.y??0,frame=new PIXI.Rectangle(Math.floor(offsetX+mask.x),Math.floor(offsetY+mask.y),Math.floor(mask.width),Math.floor(mask.height));background&&(background.visible=!1);let croppedTexture=application.renderer.generateTexture({target:application.stage,frame});return removeBackground(application),application.stage.off(`pointermove`),new PIXI.Sprite(croppedTexture)}export{save,start,stop};
+import * as PIXI from "pixi.js";
+import { getApplicationScale } from "./misc.js";
+const CORNERS = ["TOP_LEFT", "TOP_RIGHT", "BOTTOM_LEFT", "BOTTOM_RIGHT"], PADDING = 0, POINT_RADIUS = 20, CROP_BACKGROUND_NAME = "CROP_BACKGROUND_NAME", CROP_MASK_NAME = "CROP_MASK_NAME";
+function getCornerName(corner) {
+  return "CROP_CORNER_" + corner;
+}
+function drawBackground(application, {
+  spriteName
+}) {
+  removeBackground(application);
+  const sprite = application.stage.getChildByLabel(spriteName);
+  if (!sprite) return;
+  const spriteBounds = sprite.getBounds(), stageTexture = application.renderer.generateTexture(application.stage), clonedStage = new PIXI.Sprite(stageTexture);
+  clonedStage.height = spriteBounds.height, clonedStage.width = spriteBounds.width, clonedStage.position = new PIXI.Point(0, 0);
+  const background = new PIXI.Container();
+  background.label = CROP_BACKGROUND_NAME, background.position = new PIXI.Point(spriteBounds.x, spriteBounds.y);
+  const backdrop = new PIXI.Graphics();
+  backdrop.rect(0, 0, spriteBounds.width, spriteBounds.height), backdrop.fill({
+    color: 16777215,
+    alpha: 0.5
+  });
+  const rectMask = new PIXI.Graphics();
+  rectMask.rect(0, 0, spriteBounds.width - 2 * PADDING, spriteBounds.height - 2 * PADDING), rectMask.fill({
+    color: 0,
+    alpha: 1
+  }), rectMask.position = new PIXI.Point(PADDING, PADDING), rectMask.label = CROP_MASK_NAME, clonedStage.mask = rectMask, application.stage.addChild(background), background.addChild(backdrop), background.addChild(rectMask), background.addChild(clonedStage);
+}
+function removeBackground(application) {
+  const child = application.stage.getChildByLabel(CROP_BACKGROUND_NAME, !0);
+  child == null || child.removeFromParent();
+}
+function computeCornerPosition(cornerType, bounds) {
+  switch (cornerType) {
+    case "TOP_LEFT":
+      return {
+        x: bounds.x,
+        y: bounds.y,
+        start: 0,
+        end: Math.PI / 2
+      };
+    case "TOP_RIGHT":
+      return {
+        x: bounds.x + bounds.width,
+        y: bounds.y,
+        start: Math.PI / 2,
+        end: Math.PI
+      };
+    case "BOTTOM_LEFT":
+      return {
+        x: bounds.x,
+        y: bounds.y + bounds.height,
+        start: 3 * Math.PI / 2,
+        end: 2 * Math.PI
+      };
+    case "BOTTOM_RIGHT":
+      return {
+        x: bounds.x + bounds.width,
+        y: bounds.y + bounds.height,
+        start: Math.PI,
+        end: 3 * Math.PI / 2
+      };
+  }
+}
+function refreshCorners(application) {
+  const mask = application.stage.getChildByLabel(CROP_MASK_NAME, !0);
+  mask && CORNERS.forEach((cornerType) => {
+    const corner = application.stage.getChildByLabel(getCornerName(cornerType), !0);
+    if (!corner) return;
+    const position = computeCornerPosition(cornerType, {
+      height: mask.height,
+      width: mask.width,
+      x: mask.x,
+      y: mask.y
+    });
+    corner.position = new PIXI.Point(position.x, position.y);
+  });
+}
+function drawCorner(application, cornerType, {
+  spriteName
+}) {
+  const previous = application.stage.getChildByLabel(getCornerName(cornerType), !0), scale = getApplicationScale(application);
+  previous == null || previous.removeFromParent();
+  const background = application.stage.getChildByLabel(CROP_BACKGROUND_NAME, !0), mask = application.stage.getChildByLabel(CROP_MASK_NAME, !0);
+  if (!application.stage.getChildByLabel(spriteName) || !background || !mask)
+    return;
+  const position = computeCornerPosition(cornerType, {
+    height: mask.height,
+    width: mask.width,
+    x: mask.x,
+    y: mask.y
+  }), corner = new PIXI.Graphics();
+  corner.arc(0, 0, POINT_RADIUS / scale, position.start, position.end), corner.lineTo(0, 0), corner.fill({
+    color: 4960213,
+    alpha: 1
+  }), corner.position = new PIXI.Point(position.x, position.y), corner.label = getCornerName(cornerType), corner.interactive = !0;
+  let enable = !1;
+  const handlePointerMove = (event) => {
+    if (!enable) return;
+    const localPosition = background.toLocal(event.global);
+    corner.position.x = localPosition.x, corner.position.y = localPosition.y, moveMask(application, cornerType, localPosition);
+  };
+  application.stage.on("pointermove", handlePointerMove);
+  const handlePointerDown = () => {
+    enable = !0;
+  };
+  corner.on("pointerdown", handlePointerDown);
+  const handlePointerUp = () => {
+    enable = !1;
+  };
+  globalThis.addEventListener("pointerup", handlePointerUp), corner.once("destroyed", () => {
+    corner.off("pointerdown"), application.stage.off("pointermove", handlePointerMove), globalThis.removeEventListener("pointerup", handlePointerUp);
+  }), background.addChild(corner);
+}
+function moveMask(application, cornerType, position) {
+  const mask = application.stage.getChildByLabel(CROP_MASK_NAME, !0);
+  if (!mask) return;
+  const right = mask.position.x + mask.width, bottom = mask.position.y + mask.height;
+  switch (cornerType) {
+    case "TOP_LEFT": {
+      mask.position.x = position.x, mask.position.y = position.y, mask.width = right - position.x, mask.height = bottom - position.y;
+      break;
+    }
+    case "TOP_RIGHT": {
+      mask.position.y = position.y, mask.width = position.x - mask.position.x, mask.height = bottom - position.y;
+      break;
+    }
+    case "BOTTOM_LEFT": {
+      mask.position.x = position.x, mask.width = right - position.x, mask.height = position.y - mask.position.y;
+      break;
+    }
+    case "BOTTOM_RIGHT": {
+      mask.width = position.x - mask.position.x, mask.height = position.y - mask.position.y;
+      break;
+    }
+  }
+  refreshCorners(application);
+}
+function start(application, {
+  spriteName
+}) {
+  stop(application), application.stage.interactive = !0, application.stage.interactiveChildren = !0, drawBackground(application, {
+    spriteName
+  }), drawCorner(application, "BOTTOM_LEFT", {
+    spriteName
+  }), drawCorner(application, "BOTTOM_RIGHT", {
+    spriteName
+  }), drawCorner(application, "TOP_LEFT", {
+    spriteName
+  }), drawCorner(application, "TOP_RIGHT", {
+    spriteName
+  });
+}
+function stop(application) {
+  removeBackground(application), application.stage.off("pointermove"), application.render();
+}
+function save(application) {
+  const mask = application.stage.getChildByLabel(CROP_MASK_NAME, !0);
+  if (!mask) return;
+  const background = application.stage.getChildByLabel(CROP_BACKGROUND_NAME, !0), offsetX = (background == null ? void 0 : background.x) ?? 0, offsetY = (background == null ? void 0 : background.y) ?? 0, frame = new PIXI.Rectangle(Math.floor(offsetX + mask.x), Math.floor(offsetY + mask.y), Math.floor(mask.width), Math.floor(mask.height));
+  background && (background.visible = !1);
+  const croppedTexture = application.renderer.generateTexture({
+    target: application.stage,
+    frame
+  });
+  return removeBackground(application), application.stage.off("pointermove"), new PIXI.Sprite(croppedTexture);
+}
+export {
+  save,
+  start,
+  stop
+};

package/dist/modules/multimedia/ImageEditor/effects/misc.js

@@ -1 +1,177 @@
-import{BLUR_LAYER_NAME}from"./constants.js";import*as PIXI from"pixi.js";var MIN_HEIGHT=100,MIN_WIDTH=100,MODAL_VERTICAL_PADDING=450,MODAL_HORIZONTAL_PADDING=64,DEFAULT_QUALITY=.5,DEFAULT_SPRITE_NAME=`image`;function updateImageFromBlob(application,{spriteName,imgDatasource,settings}){let imageUrl=URL.createObjectURL(imgDatasource),image=new Image;return image.src=imageUrl,new Promise((resolve,reject)=>{image.onload=async()=>{URL.revokeObjectURL(imageUrl),await updateImage(application,{spriteName,imgDatasource:image,settings});let newSprite=application?.stage.getChildByLabel(spriteName,!0);resolve(newSprite)},image.onerror=()=>{URL.revokeObjectURL(imageUrl),reject(Error(`Failed to load image from Blob`))}})}async function updateImage(application,{spriteName,imgDatasource,settings}){if(application===void 0||application.stage===null)return;application.stage.getChildByLabel(spriteName,!0)?.removeFromParent(),application.stage.getChildByLabel(BLUR_LAYER_NAME)?.removeFromParent();let sprite;if(imgDatasource instanceof PIXI.Sprite)sprite=imgDatasource;else if(imgDatasource instanceof HTMLImageElement)sprite=new PIXI.Sprite(PIXI.Texture.from(imgDatasource));else{let img=new Image;img.crossOrigin=`anonymous`,img.src=imgDatasource,await new Promise((resolve,reject)=>{img.complete?resolve():(img.onload=()=>resolve(),img.onerror=reject)}),sprite=new PIXI.Sprite(PIXI.Texture.from(img))}if(sprite.interactive=!0,sprite.label=spriteName,settings){let{sprite:{anchor,position,scale,size:spriteSize,rotation},stage:{size:stageSize}}=settings,isRotated=rotation%Math.PI!==0;sprite.anchor.x=anchor.x,sprite.anchor.y=anchor.y,sprite.position.x=position.x,sprite.position.y=position.y,sprite.scale.x=scale.x,sprite.scale.y=scale.y,sprite.width=isRotated?spriteSize.height:spriteSize.width,sprite.height=isRotated?spriteSize.width:spriteSize.height,application.stage.height=stageSize.height,application.stage.width=stageSize.width,application.renderer.resize(stageSize.width,stageSize.height),application.stage.addChild(sprite)}else application.stage.addChild(sprite),application.renderer.resize(sprite.width,sprite.height);autoResize(application,sprite)}function autoResize(application,sprite){let parent=application.canvas.parentNode,maxMobileWidth=window.innerWidth-MODAL_HORIZONTAL_PADDING,parentWidth=Math.max(parent?.offsetWidth??0,MIN_WIDTH),{height:newHeight,width:newWidth}=constraintSize({width:sprite.width,height:sprite.height},{width:{max:Math.min(parentWidth,maxMobileWidth),min:MIN_WIDTH},height:{min:MIN_HEIGHT,max:window.innerHeight-MODAL_VERTICAL_PADDING}});application.canvas?.style&&(application.canvas.style.width=`${newWidth}px`,application.canvas.style.height=`${newHeight}px`)}function constraintSize(size,constraints){let{height,width}=size,ratio=width/height,{height:constraintHeight,width:constraintWidth}=constraints,newWidth=constraintWidth.max,newHeight=constraintWidth.max/ratio;return width>constraintWidth.max&&(newWidth=constraintWidth.max,newHeight=newWidth/ratio),newHeight>constraintHeight.max&&(newHeight=constraintHeight.max,newWidth=newHeight*ratio),newWidth<constraintWidth.min&&(newWidth=constraintWidth.min,newHeight=newWidth/ratio),newHeight<constraintHeight.min&&(newHeight=constraintHeight.min,newWidth=newHeight*ratio),{width:newWidth,height:newHeight}}function saveAsBlob(application){return new Promise((resolve,reject)=>{application?.canvas?.toBlob?application.canvas.toBlob(blob=>{blob?resolve(blob):reject(`EXTRACT_FAILED`)},`image/jpeg`,DEFAULT_QUALITY):reject(`EXTRACT_FAILED`)})}function saveAsDataURL(application){return application.canvas.toDataURL?.()}function getApplicationScale(application){return application.canvas.getBoundingClientRect?application.canvas.getBoundingClientRect().width/application.canvas.width:1}function toBlob(application){return new Promise((resolve,reject)=>{application.canvas.toBlob?.(blob=>{blob?resolve(blob):reject(`EXTRACT_FAIL`)},`image/png`,1)})}function createImageSettings({application,sprite}){return{sprite:{rotation:sprite.rotation,size:{width:sprite.width,height:sprite.height},position:{x:sprite.position.x,y:sprite.position.y},scale:{x:sprite.scale.x,y:sprite.scale.y},anchor:{x:sprite.anchor.x,y:sprite.anchor.y}},stage:{size:{width:application.stage.width,height:application.stage.height},scale:{x:application.stage.scale.x,y:application.stage.scale.y}}}}function resizeStage({application,sprite,newHeight,newWidth}){sprite.anchor.x=.5,sprite.anchor.y=.5,sprite.position=new PIXI.Point(newWidth/2,newHeight/2),application.stage.height=newHeight,application.stage.width=newWidth,application.renderer.resize(newWidth,newHeight)}export{DEFAULT_SPRITE_NAME,autoResize,createImageSettings,getApplicationScale,resizeStage,saveAsBlob,saveAsDataURL,toBlob,updateImage,updateImageFromBlob};
+import * as PIXI from "pixi.js";
+import { BLUR_LAYER_NAME } from "./constants.js";
+const MIN_HEIGHT = 100, MIN_WIDTH = 100, MODAL_VERTICAL_PADDING = 450, MODAL_HORIZONTAL_PADDING = 64, DEFAULT_QUALITY = 0.5, DEFAULT_SPRITE_NAME = "image";
+function updateImageFromBlob(application, {
+  spriteName,
+  imgDatasource,
+  settings
+}) {
+  const imageUrl = URL.createObjectURL(imgDatasource), image = new Image();
+  return image.src = imageUrl, new Promise((resolve, reject) => {
+    image.onload = async () => {
+      URL.revokeObjectURL(imageUrl), await updateImage(application, {
+        spriteName,
+        imgDatasource: image,
+        settings
+      });
+      const newSprite = application == null ? void 0 : application.stage.getChildByLabel(spriteName, !0);
+      resolve(newSprite);
+    }, image.onerror = () => {
+      URL.revokeObjectURL(imageUrl), reject(new Error("Failed to load image from Blob"));
+    };
+  });
+}
+async function updateImage(application, {
+  spriteName,
+  imgDatasource,
+  settings
+}) {
+  if (application === void 0 || application.stage === null)
+    return;
+  const previous = application.stage.getChildByLabel(spriteName, !0);
+  previous == null || previous.removeFromParent();
+  const blurLayer = application.stage.getChildByLabel(BLUR_LAYER_NAME);
+  blurLayer == null || blurLayer.removeFromParent();
+  let sprite;
+  if (imgDatasource instanceof PIXI.Sprite)
+    sprite = imgDatasource;
+  else if (imgDatasource instanceof HTMLImageElement)
+    sprite = new PIXI.Sprite(PIXI.Texture.from(imgDatasource));
+  else {
+    const img = new Image();
+    img.crossOrigin = "anonymous", img.src = imgDatasource, await new Promise((resolve, reject) => {
+      img.complete ? resolve() : (img.onload = () => resolve(), img.onerror = reject);
+    }), sprite = new PIXI.Sprite(PIXI.Texture.from(img));
+  }
+  if (sprite.interactive = !0, sprite.label = spriteName, settings) {
+    const {
+      sprite: {
+        anchor,
+        position,
+        scale,
+        size: spriteSize,
+        rotation
+      },
+      stage: {
+        size: stageSize
+      }
+    } = settings, isRotated = rotation % Math.PI !== 0;
+    sprite.anchor.x = anchor.x, sprite.anchor.y = anchor.y, sprite.position.x = position.x, sprite.position.y = position.y, sprite.scale.x = scale.x, sprite.scale.y = scale.y, sprite.width = isRotated ? spriteSize.height : spriteSize.width, sprite.height = isRotated ? spriteSize.width : spriteSize.height, application.stage.height = stageSize.height, application.stage.width = stageSize.width, application.renderer.resize(stageSize.width, stageSize.height), application.stage.addChild(sprite);
+  } else
+    application.stage.addChild(sprite), application.renderer.resize(sprite.width, sprite.height);
+  autoResize(application, sprite);
+}
+function autoResize(application, sprite) {
+  var _a;
+  const parent = application.canvas.parentNode, maxMobileWidth = window.innerWidth - MODAL_HORIZONTAL_PADDING, parentWidth = Math.max((parent == null ? void 0 : parent.offsetWidth) ?? 0, MIN_WIDTH), newSize = constraintSize({
+    width: sprite.width,
+    height: sprite.height
+  }, {
+    width: {
+      max: Math.min(parentWidth, maxMobileWidth),
+      min: MIN_WIDTH
+    },
+    height: {
+      min: MIN_HEIGHT,
+      max: window.innerHeight - MODAL_VERTICAL_PADDING
+    }
+  }), {
+    height: newHeight,
+    width: newWidth
+  } = newSize;
+  (_a = application.canvas) != null && _a.style && (application.canvas.style.width = `${newWidth}px`, application.canvas.style.height = `${newHeight}px`);
+}
+function constraintSize(size, constraints) {
+  const {
+    height,
+    width
+  } = size, ratio = width / height, {
+    height: constraintHeight,
+    width: constraintWidth
+  } = constraints;
+  let newWidth = constraintWidth.max, newHeight = constraintWidth.max / ratio;
+  return width > constraintWidth.max && (newWidth = constraintWidth.max, newHeight = newWidth / ratio), newHeight > constraintHeight.max && (newHeight = constraintHeight.max, newWidth = newHeight * ratio), newWidth < constraintWidth.min && (newWidth = constraintWidth.min, newHeight = newWidth / ratio), newHeight < constraintHeight.min && (newHeight = constraintHeight.min, newWidth = newHeight * ratio), {
+    width: newWidth,
+    height: newHeight
+  };
+}
+function saveAsBlob(application) {
+  return new Promise((resolve, reject) => {
+    var _a;
+    (_a = application == null ? void 0 : application.canvas) != null && _a.toBlob ? application.canvas.toBlob((blob) => {
+      blob ? resolve(blob) : reject("EXTRACT_FAILED");
+    }, "image/jpeg", DEFAULT_QUALITY) : reject("EXTRACT_FAILED");
+  });
+}
+function saveAsDataURL(application) {
+  var _a, _b;
+  return (_b = (_a = application.canvas).toDataURL) == null ? void 0 : _b.call(_a);
+}
+function getApplicationScale(application) {
+  return application.canvas.getBoundingClientRect ? application.canvas.getBoundingClientRect().width / application.canvas.width : 1;
+}
+function toBlob(application) {
+  return new Promise((resolve, reject) => {
+    var _a, _b;
+    (_b = (_a = application.canvas).toBlob) == null || _b.call(_a, (blob) => {
+      blob ? resolve(blob) : reject("EXTRACT_FAIL");
+    }, "image/png", 1);
+  });
+}
+function createImageSettings({
+  application,
+  sprite
+}) {
+  return {
+    sprite: {
+      rotation: sprite.rotation,
+      size: {
+        width: sprite.width,
+        height: sprite.height
+      },
+      position: {
+        x: sprite.position.x,
+        y: sprite.position.y
+      },
+      scale: {
+        x: sprite.scale.x,
+        y: sprite.scale.y
+      },
+      anchor: {
+        x: sprite.anchor.x,
+        y: sprite.anchor.y
+      }
+    },
+    stage: {
+      size: {
+        width: application.stage.width,
+        height: application.stage.height
+      },
+      scale: {
+        x: application.stage.scale.x,
+        y: application.stage.scale.y
+      }
+    }
+  };
+}
+function resizeStage({
+  application,
+  sprite,
+  newHeight,
+  newWidth
+}) {
+  sprite.anchor.x = 0.5, sprite.anchor.y = 0.5, sprite.position = new PIXI.Point(newWidth / 2, newHeight / 2), application.stage.height = newHeight, application.stage.width = newWidth, application.renderer.resize(newWidth, newHeight);
+}
+export {
+  DEFAULT_SPRITE_NAME,
+  autoResize,
+  constraintSize,
+  createImageSettings,
+  getApplicationScale,
+  resizeStage,
+  saveAsBlob,
+  saveAsDataURL,
+  toBlob,
+  updateImage,
+  updateImageFromBlob
+};

package/dist/modules/multimedia/ImageEditor/effects/resize.js

@@ -1 +1,166 @@
-import*as PIXI from"pixi.js";var POINT_RADIUS=20,CONTROL_NAME=`CONTROL_NAME`;function getCornerName(index){return`RESIZE_CORNER_`+index}function computeCornerPosition(position,sprite){let left=sprite.x,top=sprite.y;switch(position){case`TOP_LEFT`:return{x:left,y:top,start:0,end:Math.PI/2};case`TOP_RIGHT`:return{x:left+sprite.width,y:top,start:Math.PI/2,end:Math.PI};case`BOTTOM_LEFT`:return{x:left,y:top+sprite.height,start:3*Math.PI/2,end:2*Math.PI};case`BOTTOM_RIGHT`:return{x:left+sprite.width,y:top+sprite.height,start:Math.PI,end:3*Math.PI/2}}}function resizeContainer(application,{container,cornerType,position,spriteName}){let sprite=application.stage.getChildByLabel(spriteName,!0);if(!sprite)return;let isRotated=sprite.rotation%Math.PI!==0,spriteWidth=isRotated?sprite.height:sprite.width,spriteHeight=isRotated?sprite.width:sprite.height;switch(cornerType){case`TOP_LEFT`:container.position=new PIXI.Point(position.x,position.y),container.width=spriteWidth-2*position.x,container.height=spriteHeight-2*position.y;break;case`TOP_RIGHT`:{let newX=spriteWidth-position.x;container.position=new PIXI.Point(newX,position.y),container.width=spriteWidth-2*newX,container.height=spriteHeight-2*position.y;break}case`BOTTOM_LEFT`:{let newY=spriteHeight-position.y;container.position=new PIXI.Point(position.x,newY),container.width=spriteWidth-2*position.x,container.height=spriteHeight-2*newY;break}case`BOTTOM_RIGHT`:{let newY=spriteHeight-position.y,newX=spriteWidth-position.x;container.position=new PIXI.Point(newX,newY),container.width=spriteWidth-2*newX,container.height=spriteHeight-2*newY;break}}}function removeCorner(application,cornerType){application.stage.getChildByLabel(getCornerName(cornerType),!0)?.removeFromParent()}function drawCorner(application,cornerType,{spriteName}){removeCorner(application,cornerType);let sprite=application.stage.getChildByLabel(spriteName,!0),container=application.stage.getChildByLabel(CONTROL_NAME,!0);if(!sprite||!container)return;let position=computeCornerPosition(cornerType,container),corner=new PIXI.Graphics;corner.arc(0,0,POINT_RADIUS,position.start,position.end),corner.lineTo(0,0),corner.fill({color:4960213,alpha:1}),corner.position=new PIXI.Point(position.x,position.y),corner.label=getCornerName(cornerType),corner.interactive=!0;let enable=!1,handlePointerMove=event=>{enable&&resizeContainer(application,{cornerType,position:application.stage.toLocal(event.global),container,spriteName})};application.stage.on(`pointermove`,handlePointerMove),corner.on(`pointerdown`,()=>{enable=!0});let handlePointerUp=()=>{enable=!1};globalThis.addEventListener(`pointerup`,handlePointerUp),corner.once(`destroyed`,()=>{corner.off(`pointerdown`),application.stage.off(`pointermove`,handlePointerMove),globalThis.removeEventListener(`pointerup`,handlePointerUp)}),container.addChild(corner)}function drawContainer(application,spriteName){removeContainer(application);let sprite=application.stage.getChildByLabel(spriteName,!0);if(!sprite)return;let stageTexture=application.renderer.generateTexture(application.stage),clonedStage=new PIXI.Sprite(stageTexture);application.stage.children.forEach(child=>{child.alpha=0});let container=new PIXI.Container;container.label=CONTROL_NAME,container.interactive=!0,container.interactiveChildren=!0;let bounds=new PIXI.Graphics;bounds.rect(0,0,sprite.width,sprite.height),bounds.fill({color:0,alpha:0}),application.stage.interactive=!0,application.stage.interactiveChildren=!0,application.stage.addChild(container),container.addChild(bounds),container.addChild(clonedStage)}function removeContainer(application){application.stage.getChildByLabel(CONTROL_NAME,!0)?.removeFromParent(),application.stage.children.forEach(child=>{child.alpha=1})}function drawControl(application,spriteName){drawContainer(application,spriteName),drawCorner(application,`BOTTOM_LEFT`,{spriteName}),drawCorner(application,`BOTTOM_RIGHT`,{spriteName}),drawCorner(application,`TOP_LEFT`,{spriteName}),drawCorner(application,`TOP_RIGHT`,{spriteName})}function removeControl(application){removeContainer(application),removeCorner(application,`BOTTOM_LEFT`),removeCorner(application,`BOTTOM_RIGHT`),removeCorner(application,`TOP_LEFT`),removeCorner(application,`TOP_RIGHT`),application.stage.off(`pointermove`)}function start(application,spriteName){drawControl(application,spriteName)}function stop(application){removeControl(application),application.stage.off(`pointermove`),application.render()}function save(application){let container=application?.stage?.getChildByLabel(CONTROL_NAME,!0),size=container?{height:container.height,width:container.width}:void 0;if(removeControl(application),size){let stageTexture=application.renderer.generateTexture(application.stage),clonedStage=new PIXI.Sprite(stageTexture);return clonedStage.width=size.width,clonedStage.height=size.height,clonedStage}else return}export{save,start,stop};
+import * as PIXI from "pixi.js";
+const POINT_RADIUS = 20, CONTROL_NAME = "CONTROL_NAME";
+function getCornerName(index) {
+  return "RESIZE_CORNER_" + index;
+}
+function computeCornerPosition(position, sprite) {
+  const left = sprite.x, top = sprite.y;
+  switch (position) {
+    case "TOP_LEFT":
+      return {
+        x: left,
+        y: top,
+        start: 0,
+        end: Math.PI / 2
+      };
+    case "TOP_RIGHT":
+      return {
+        x: left + sprite.width,
+        y: top,
+        start: Math.PI / 2,
+        end: Math.PI
+      };
+    case "BOTTOM_LEFT":
+      return {
+        x: left,
+        y: top + sprite.height,
+        start: 3 * Math.PI / 2,
+        end: 2 * Math.PI
+      };
+    case "BOTTOM_RIGHT":
+      return {
+        x: left + sprite.width,
+        y: top + sprite.height,
+        start: Math.PI,
+        end: 3 * Math.PI / 2
+      };
+  }
+}
+function resizeContainer(application, {
+  container,
+  cornerType,
+  position,
+  spriteName
+}) {
+  const sprite = application.stage.getChildByLabel(spriteName, !0);
+  if (!sprite) return;
+  const isRotated = sprite.rotation % Math.PI !== 0, spriteWidth = isRotated ? sprite.height : sprite.width, spriteHeight = isRotated ? sprite.width : sprite.height;
+  switch (cornerType) {
+    case "TOP_LEFT": {
+      container.position = new PIXI.Point(position.x, position.y), container.width = spriteWidth - 2 * position.x, container.height = spriteHeight - 2 * position.y;
+      break;
+    }
+    case "TOP_RIGHT": {
+      const newX = spriteWidth - position.x;
+      container.position = new PIXI.Point(newX, position.y), container.width = spriteWidth - 2 * newX, container.height = spriteHeight - 2 * position.y;
+      break;
+    }
+    case "BOTTOM_LEFT": {
+      const newY = spriteHeight - position.y;
+      container.position = new PIXI.Point(position.x, newY), container.width = spriteWidth - 2 * position.x, container.height = spriteHeight - 2 * newY;
+      break;
+    }
+    case "BOTTOM_RIGHT": {
+      const newY = spriteHeight - position.y, newX = spriteWidth - position.x;
+      container.position = new PIXI.Point(newX, newY), container.width = spriteWidth - 2 * newX, container.height = spriteHeight - 2 * newY;
+      break;
+    }
+  }
+}
+function removeCorner(application, cornerType) {
+  const previous = application.stage.getChildByLabel(getCornerName(cornerType), !0);
+  previous == null || previous.removeFromParent();
+}
+function drawCorner(application, cornerType, {
+  spriteName
+}) {
+  removeCorner(application, cornerType);
+  const sprite = application.stage.getChildByLabel(spriteName, !0), container = application.stage.getChildByLabel(CONTROL_NAME, !0);
+  if (!sprite || !container) return;
+  const position = computeCornerPosition(cornerType, container), corner = new PIXI.Graphics();
+  corner.arc(0, 0, POINT_RADIUS, position.start, position.end), corner.lineTo(0, 0), corner.fill({
+    color: 4960213,
+    alpha: 1
+  }), corner.position = new PIXI.Point(position.x, position.y), corner.label = getCornerName(cornerType), corner.interactive = !0;
+  let enable = !1;
+  const handlePointerMove = (event) => {
+    if (!enable) return;
+    const localPosition = application.stage.toLocal(event.global);
+    resizeContainer(application, {
+      cornerType,
+      position: localPosition,
+      container,
+      spriteName
+    });
+  };
+  application.stage.on("pointermove", handlePointerMove);
+  const handlePointerDown = () => {
+    enable = !0;
+  };
+  corner.on("pointerdown", handlePointerDown);
+  const handlePointerUp = () => {
+    enable = !1;
+  };
+  globalThis.addEventListener("pointerup", handlePointerUp), corner.once("destroyed", () => {
+    corner.off("pointerdown"), application.stage.off("pointermove", handlePointerMove), globalThis.removeEventListener("pointerup", handlePointerUp);
+  }), container.addChild(corner);
+}
+function drawContainer(application, spriteName) {
+  removeContainer(application);
+  const sprite = application.stage.getChildByLabel(spriteName, !0);
+  if (!sprite) return;
+  const stageTexture = application.renderer.generateTexture(application.stage), clonedStage = new PIXI.Sprite(stageTexture);
+  application.stage.children.forEach((child) => {
+    child.alpha = 0;
+  });
+  const container = new PIXI.Container();
+  container.label = CONTROL_NAME, container.interactive = !0, container.interactiveChildren = !0;
+  const bounds = new PIXI.Graphics();
+  bounds.rect(0, 0, sprite.width, sprite.height), bounds.fill({
+    color: 0,
+    alpha: 0
+  }), application.stage.interactive = !0, application.stage.interactiveChildren = !0, application.stage.addChild(container), container.addChild(bounds), container.addChild(clonedStage);
+}
+function removeContainer(application) {
+  const container = application.stage.getChildByLabel(CONTROL_NAME, !0);
+  container == null || container.removeFromParent(), application.stage.children.forEach((child) => {
+    child.alpha = 1;
+  });
+}
+function drawControl(application, spriteName) {
+  drawContainer(application, spriteName), drawCorner(application, "BOTTOM_LEFT", {
+    spriteName
+  }), drawCorner(application, "BOTTOM_RIGHT", {
+    spriteName
+  }), drawCorner(application, "TOP_LEFT", {
+    spriteName
+  }), drawCorner(application, "TOP_RIGHT", {
+    spriteName
+  });
+}
+function removeControl(application) {
+  removeContainer(application), removeCorner(application, "BOTTOM_LEFT"), removeCorner(application, "BOTTOM_RIGHT"), removeCorner(application, "TOP_LEFT"), removeCorner(application, "TOP_RIGHT"), application.stage.off("pointermove");
+}
+function start(application, spriteName) {
+  drawControl(application, spriteName);
+}
+function stop(application) {
+  removeControl(application), application.stage.off("pointermove"), application.render();
+}
+function save(application) {
+  var _a;
+  const container = (_a = application == null ? void 0 : application.stage) == null ? void 0 : _a.getChildByLabel(CONTROL_NAME, !0), size = container ? {
+    height: container.height,
+    width: container.width
+  } : void 0;
+  if (removeControl(application), size) {
+    const stageTexture = application.renderer.generateTexture(application.stage), clonedStage = new PIXI.Sprite(stageTexture);
+    return clonedStage.width = size.width, clonedStage.height = size.height, clonedStage;
+  } else
+    return;
+}
+export {
+  save,
+  start,
+  stop
+};

package/dist/modules/multimedia/ImageEditor/effects/rotate.js

@@ -1 +1,32 @@
-import{createImageSettings,resizeStage,toBlob,updateImageFromBlob}from"./misc.js";async function rotate(application,spriteName){let sprite=application?.stage.getChildByLabel(spriteName,!0);if(application&&sprite){let mergedSprite=await updateImageFromBlob(application,{imgDatasource:await toBlob(application),spriteName,settings:createImageSettings({application,sprite})});if(!mergedSprite)return;let backupOldMaxHeight,backupOldVisibility,canvas=application.canvas;canvas.style&&(backupOldMaxHeight=canvas.style.maxHeight??``,backupOldVisibility=canvas.style.visibility??``,canvas.style.maxHeight=`${canvas.clientHeight}px`,canvas.style.visibility=`hidden`),mergedSprite.rotation+=Math.PI/2,resizeStage({application,sprite:mergedSprite,newHeight:mergedSprite.width,newWidth:mergedSprite.height}),application.render();let blobAfter=await toBlob(application);backupOldMaxHeight!==void 0&&(canvas.style.maxHeight=backupOldMaxHeight),backupOldVisibility!==void 0&&(canvas.style.visibility=backupOldVisibility),await updateImageFromBlob(application,{imgDatasource:blobAfter,spriteName})}}export{rotate};
+import { toBlob, updateImageFromBlob, createImageSettings, resizeStage } from "./misc.js";
+async function rotate(application, spriteName) {
+  const sprite = application == null ? void 0 : application.stage.getChildByLabel(spriteName, !0);
+  if (application && sprite) {
+    const blobBefore = await toBlob(application), mergedSprite = await updateImageFromBlob(application, {
+      imgDatasource: blobBefore,
+      spriteName,
+      settings: createImageSettings({
+        application,
+        sprite
+      })
+    });
+    if (!mergedSprite)
+      return;
+    let backupOldMaxHeight, backupOldVisibility;
+    const canvas = application.canvas;
+    canvas.style && (backupOldMaxHeight = canvas.style.maxHeight ?? "", backupOldVisibility = canvas.style.visibility ?? "", canvas.style.maxHeight = `${canvas.clientHeight}px`, canvas.style.visibility = "hidden"), mergedSprite.rotation += Math.PI / 2, resizeStage({
+      application,
+      sprite: mergedSprite,
+      newHeight: mergedSprite.width,
+      newWidth: mergedSprite.height
+    }), application.render();
+    const blobAfter = await toBlob(application);
+    backupOldMaxHeight !== void 0 && (canvas.style.maxHeight = backupOldMaxHeight), backupOldVisibility !== void 0 && (canvas.style.visibility = backupOldVisibility), await updateImageFromBlob(application, {
+      imgDatasource: blobAfter,
+      spriteName
+    });
+  }
+}
+export {
+  rotate
+};

package/dist/modules/multimedia/ImageEditor/hooks/useHistoryTool.js

@@ -1 +1,65 @@
-import{toBlob}from"../effects/misc.js";import{useEffect,useState}from"react";var DEFAULT_MAX_HISTORY=20,useHistoryTool=({maxSize=DEFAULT_MAX_HISTORY,application,spriteName,onRestore})=>{let[history,setHistory]=useState([]);useEffect(()=>{setHistory([])},[application]);let restore=async()=>{if(history.length===0)return;let imgData=history[history.length-1];onRestore(await imgData.backup,imgData),setHistory(history.slice(0,-1))},trimHistory=arr=>arr.length>maxSize?arr.slice(arr.length-maxSize):arr;return{historyCount:history.length,restore,historize:async callback=>{if(!application)return;let sprite=application.stage.getChildByLabel(spriteName,!0);if(!sprite)return;let promise=toBlob(application),state={backup:promise,sprite:{rotation:sprite.rotation,size:{width:sprite.width,height:sprite.height},position:{x:sprite.position.x,y:sprite.position.y},scale:{x:sprite.scale.x,y:sprite.scale.y},anchor:{x:sprite.anchor.x,y:sprite.anchor.y}},stage:{size:{width:application.stage.width,height:application.stage.height},scale:{x:application.stage.scale.x,y:application.stage.scale.y}}};return setHistory(trimHistory([...history,state])),await promise,callback.call(callback)}}};export{useHistoryTool as default};
+import { useState, useEffect } from "react";
+import { toBlob } from "../effects/misc.js";
+const DEFAULT_MAX_HISTORY = 20, useHistoryTool = ({
+  maxSize = DEFAULT_MAX_HISTORY,
+  application,
+  spriteName,
+  onRestore
+}) => {
+  const [history, setHistory] = useState([]);
+  useEffect(() => {
+    setHistory([]);
+  }, [application]);
+  const restore = async () => {
+    if (history.length === 0) return;
+    const imgData = history[history.length - 1];
+    onRestore(await imgData.backup, imgData), setHistory(history.slice(0, -1));
+  }, trimHistory = (arr) => arr.length > maxSize ? arr.slice(arr.length - maxSize) : arr, historize = async (callback) => {
+    if (!application)
+      return;
+    const sprite = application.stage.getChildByLabel(spriteName, !0);
+    if (!sprite)
+      return;
+    const promise = toBlob(application), state = {
+      backup: promise,
+      sprite: {
+        rotation: sprite.rotation,
+        size: {
+          width: sprite.width,
+          height: sprite.height
+        },
+        position: {
+          x: sprite.position.x,
+          y: sprite.position.y
+        },
+        scale: {
+          x: sprite.scale.x,
+          y: sprite.scale.y
+        },
+        anchor: {
+          x: sprite.anchor.x,
+          y: sprite.anchor.y
+        }
+      },
+      stage: {
+        size: {
+          width: application.stage.width,
+          height: application.stage.height
+        },
+        scale: {
+          x: application.stage.scale.x,
+          y: application.stage.scale.y
+        }
+      }
+    };
+    return setHistory(trimHistory([...history, state])), await promise, callback.call(callback);
+  };
+  return {
+    historyCount: history.length,
+    restore,
+    historize
+  };
+};
+export {
+  useHistoryTool as default
+};