@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

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

@@ -1,155 +1,156 @@
-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;
+import * as d from "pixi.js";
+import { getApplicationScale as _ } from "./misc.js";
+const B = ["TOP_LEFT", "TOP_RIGHT", "BOTTOM_LEFT", "BOTTOM_RIGHT"], u = 0, R = 20, y = "CROP_BACKGROUND_NAME", a = "CROP_MASK_NAME";
+function x(e) {
+  return "CROP_CORNER_" + e;
 }
-function drawBackground(application, {
-  spriteName
+function v(e, {
+  spriteName: t
 }) {
-  removeBackground(application);
-  const sprite = application.stage.getChildByName(spriteName);
-  if (sprite == null) return;
-  const spriteBounds = sprite.getBounds(), stageTexture = application.renderer.generateTexture(application.stage).clone(), clonedStage = new PIXI.Sprite(stageTexture);
-  clonedStage.height = spriteBounds.height, clonedStage.width = spriteBounds.width, clonedStage.position = new PIXI.Point(0, 0);
-  const background = new PIXI.Graphics();
-  background.beginFill(16777215, 0.5), background.drawRect(0, 0, spriteBounds.width, spriteBounds.height), background.endFill(), background.name = CROP_BACKGROUND_NAME, background.position = new PIXI.Point(spriteBounds.x, spriteBounds.y);
-  const rectMask = new PIXI.Graphics();
-  rectMask.beginFill(0, 1), rectMask.drawRect(0, 0, spriteBounds.width - 2 * PADDING, spriteBounds.height - 2 * PADDING), rectMask.endFill(), rectMask.position = new PIXI.Point(PADDING, PADDING), rectMask.name = CROP_MASK_NAME, clonedStage.mask = rectMask, application.stage.addChild(background), background.addChild(rectMask), background.addChild(clonedStage);
+  P(e);
+  const r = e.stage.getChildByName(t);
+  if (r == null) return;
+  const n = r.getBounds(), i = e.renderer.generateTexture(e.stage).clone(), s = new d.Sprite(i);
+  s.height = n.height, s.width = n.width, s.position = new d.Point(0, 0);
+  const o = new d.Graphics();
+  o.beginFill(16777215, 0.5), o.drawRect(0, 0, n.width, n.height), o.endFill(), o.name = y, o.position = new d.Point(n.x, n.y);
+  const g = new d.Graphics();
+  g.beginFill(0, 1), g.drawRect(0, 0, n.width - 2 * u, n.height - 2 * u), g.endFill(), g.position = new d.Point(u, u), g.name = a, s.mask = g, e.stage.addChild(o), o.addChild(g), o.addChild(s);
 }
-function removeBackground(application) {
-  const child = application.stage.getChildByName(CROP_BACKGROUND_NAME, !0);
-  child == null || child.removeFromParent();
+function P(e) {
+  const t = e.stage.getChildByName(y, !0);
+  t == null || t.removeFromParent();
 }
-function computeCornerPosition(cornerType, bounds) {
-  switch (cornerType) {
+function f(e, t) {
+  switch (e) {
     case "TOP_LEFT":
       return {
-        x: bounds.x,
-        y: bounds.y,
+        x: t.x,
+        y: t.y,
         start: 0,
         end: Math.PI / 2
       };
     case "TOP_RIGHT":
       return {
-        x: bounds.x + bounds.width,
-        y: bounds.y,
+        x: t.x + t.width,
+        y: t.y,
         start: Math.PI / 2,
         end: Math.PI
       };
     case "BOTTOM_LEFT":
       return {
-        x: bounds.x,
-        y: bounds.y + bounds.height,
+        x: t.x,
+        y: t.y + t.height,
         start: 3 * Math.PI / 2,
         end: 2 * Math.PI
       };
     case "BOTTOM_RIGHT":
       return {
-        x: bounds.x + bounds.width,
-        y: bounds.y + bounds.height,
+        x: t.x + t.width,
+        y: t.y + t.height,
         start: Math.PI,
         end: 3 * Math.PI / 2
       };
   }
 }
-function refreshCorners(application) {
-  const mask = application.stage.getChildByName(CROP_MASK_NAME, !0);
-  mask != null && CORNERS.forEach((cornerType) => {
-    const corner = application.stage.getChildByName(getCornerName(cornerType), !0);
-    if (corner == null) return;
-    const position = computeCornerPosition(cornerType, {
-      height: mask.height,
-      width: mask.width,
-      x: mask.x,
-      y: mask.y
+function I(e) {
+  const t = e.stage.getChildByName(a, !0);
+  t != null && B.forEach((r) => {
+    const n = e.stage.getChildByName(x(r), !0);
+    if (n == null) return;
+    const i = f(r, {
+      height: t.height,
+      width: t.width,
+      x: t.x,
+      y: t.y
     });
-    corner.position = new PIXI.Point(position.x, position.y);
+    n.position = new d.Point(i.x, i.y);
   });
 }
-function drawCorner(application, cornerType, {
-  spriteName
+function l(e, t, {
+  spriteName: r
 }) {
-  const previous = application.stage.getChildByName(getCornerName(cornerType), !0), scale = getApplicationScale(application);
-  previous == null || previous.removeFromParent();
-  const background = application.stage.getChildByName(CROP_BACKGROUND_NAME, !0), mask = application.stage.getChildByName(CROP_MASK_NAME, !0), sprite = application.stage.getChildByName(spriteName);
-  if (sprite == null || background === null || background === void 0 || mask === void 0 || mask === null)
+  const n = e.stage.getChildByName(x(t), !0), i = _(e);
+  n == null || n.removeFromParent();
+  const s = e.stage.getChildByName(y, !0), o = e.stage.getChildByName(a, !0), g = e.stage.getChildByName(r);
+  if (g == null || s === null || s === void 0 || o === void 0 || o === null)
     return;
-  const position = computeCornerPosition(cornerType, {
-    height: mask.height,
-    width: mask.width,
-    x: mask.x,
-    y: mask.y
-  }), corner = new PIXI.Graphics();
-  corner.beginFill(4960213, 1), corner.arc(0, 0, POINT_RADIUS / scale, position.start, position.end), corner.lineTo(0, 0), corner.endFill(), corner.position = new PIXI.Point(position.x, position.y), corner.name = getCornerName(cornerType), corner.interactive = !0;
-  let enable = !1;
-  application.stage.on("pointermove", (event) => {
-    if (enable === !1) return;
-    const localPosition = background.toLocal(event.global);
-    corner.position.x = localPosition.x, corner.position.y = localPosition.y, moveMask(application, cornerType, localPosition);
+  const c = f(t, {
+    height: o.height,
+    width: o.width,
+    x: o.x,
+    y: o.y
+  }), h = new d.Graphics();
+  h.beginFill(4960213, 1), h.arc(0, 0, R / i, c.start, c.end), h.lineTo(0, 0), h.endFill(), h.position = new d.Point(c.x, c.y), h.name = x(t), h.interactive = !0;
+  let T = !1;
+  e.stage.on("pointermove", (M) => {
+    if (T === !1) return;
+    const w = s.toLocal(M.global);
+    h.position.x = w.x, h.position.y = w.y, E(e, t, w);
   });
-  const handlePointerDown = () => {
-    enable = !0;
+  const C = () => {
+    T = !0;
   };
-  corner.on("pointerdown", handlePointerDown);
-  const handlePointerUp = () => {
-    enable = !1;
+  h.on("pointerdown", C);
+  const O = () => {
+    T = !1;
   };
-  globalThis.addEventListener("pointerup", handlePointerUp), corner.once("destroyed", () => {
-    corner.off("pointerdown"), globalThis.removeEventListener("pointerup", handlePointerUp);
-  }), background.addChild(corner);
+  globalThis.addEventListener("pointerup", O), h.once("destroyed", () => {
+    h.off("pointerdown"), globalThis.removeEventListener("pointerup", O);
+  }), s.addChild(h);
 }
-function moveMask(application, cornerType, position) {
-  const mask = application.stage.getChildByName(CROP_MASK_NAME, !0);
-  if (mask == null) return;
-  const right = mask.position.x + mask.width, bottom = mask.position.y + mask.height;
-  switch (cornerType) {
+function E(e, t, r) {
+  const n = e.stage.getChildByName(a, !0);
+  if (n == null) return;
+  const i = n.position.x + n.width, s = n.position.y + n.height;
+  switch (t) {
     case "TOP_LEFT": {
-      mask.position.x = position.x, mask.position.y = position.y, mask.width = right - position.x, mask.height = bottom - position.y;
+      n.position.x = r.x, n.position.y = r.y, n.width = i - r.x, n.height = s - r.y;
       break;
     }
     case "TOP_RIGHT": {
-      mask.position.y = position.y, mask.width = position.x - mask.position.x, mask.height = bottom - position.y;
+      n.position.y = r.y, n.width = r.x - n.position.x, n.height = s - r.y;
       break;
     }
     case "BOTTOM_LEFT": {
-      mask.position.x = position.x, mask.width = right - position.x, mask.height = position.y - mask.position.y;
+      n.position.x = r.x, n.width = i - r.x, n.height = r.y - n.position.y;
       break;
     }
     case "BOTTOM_RIGHT": {
-      mask.width = position.x - mask.position.x, mask.height = position.y - mask.position.y;
+      n.width = r.x - n.position.x, n.height = r.y - n.position.y;
       break;
     }
   }
-  refreshCorners(application);
+  I(e);
 }
-function start(application, {
-  spriteName
+function k(e, {
+  spriteName: t
 }) {
-  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
+  m(e), e.stage.interactive = !0, e.stage.interactiveChildren = !0, v(e, {
+    spriteName: t
+  }), l(e, "BOTTOM_LEFT", {
+    spriteName: t
+  }), l(e, "BOTTOM_RIGHT", {
+    spriteName: t
+  }), l(e, "TOP_LEFT", {
+    spriteName: t
+  }), l(e, "TOP_RIGHT", {
+    spriteName: t
   });
 }
-function stop(application) {
-  removeBackground(application), application.stage.off("pointermove"), application.render();
+function m(e) {
+  P(e), e.stage.off("pointermove"), e.render();
 }
-function save(application) {
-  const mask = application.stage.getChildByName(CROP_MASK_NAME, !0);
-  if (mask == null) return;
-  stop(application);
-  const stageTexture = application.renderer.generateTexture(application.stage).clone(), clonedStage = new PIXI.Sprite(stageTexture), maskBounds = mask.getBounds(), bounds = new PIXI.Rectangle(Math.floor(maskBounds.x), Math.floor(maskBounds.y), Math.floor(maskBounds.width), Math.floor(maskBounds.height)), cropped = new PIXI.Texture(clonedStage.texture.baseTexture, bounds);
-  return new PIXI.Sprite(cropped);
+function F(e) {
+  const t = e.stage.getChildByName(a, !0);
+  if (t == null) return;
+  m(e);
+  const r = e.renderer.generateTexture(e.stage).clone(), n = new d.Sprite(r), i = t.getBounds(), s = new d.Rectangle(Math.floor(i.x), Math.floor(i.y), Math.floor(i.width), Math.floor(i.height)), o = new d.Texture(n.texture.baseTexture, s);
+  return new d.Sprite(o);
 }
 export {
-  save,
-  start,
-  stop
+  F as save,
+  k as start,
+  m as stop
 };
+//# sourceMappingURL=crop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"crop.js","sources":["../../../../../src/modules/multimedia/ImageEditor/effects/crop.ts"],"sourcesContent":["import * as PIXI from 'pixi.js';\n\nimport { getApplicationScale } from './misc';\n\n//\n// Global constants used for crop effects\n//\n\n// Union type to identify corners\nexport type CornerType =\n  | 'TOP_LEFT'\n  | 'TOP_RIGHT'\n  | 'BOTTOM_LEFT'\n  | 'BOTTOM_RIGHT';\n// List of available corners\nconst CORNERS: Array<CornerType> = [\n  'TOP_LEFT',\n  'TOP_RIGHT',\n  'BOTTOM_LEFT',\n  'BOTTOM_RIGHT',\n];\n// Define initial padding (pixel) between anchors and image corners\nconst PADDING = 0;\n// Define the radius (pixel) of the corner control\nconst POINT_RADIUS = 20;\n// Define the name of the background backdrop applied while we are cropping\nconst CROP_BACKGROUND_NAME = 'CROP_BACKGROUND_NAME';\n// Define the name of the mask (crop) applied to the final image\nconst CROP_MASK_NAME = 'CROP_MASK_NAME';\n\n//\n// Implementation\n//\n\n/**\n * This function generate names for corner objects\n * @param corner COrnerType identifying one corner\n * @returns A name identifying the corner object\n */\nfunction getCornerName(corner: CornerType) {\n  return 'CROP_CORNER_' + corner;\n}\n/**\n * This function draw background having:\n * - a backdrop with 0.5 opacity over the initial image\n * - a duplicate texture of the initial stage\n * - a rectangle/mask applied to the cloned texture\n *\n * If the sprite does not exists in this context this function do nothing\n *\n * @param application The PIXI.Application context\n * @param {spriteName:string} {spriteName} The name of the sprite in the context\n */\nfunction drawBackground(\n  application: PIXI.Application,\n  { spriteName }: { spriteName: string },\n): void {\n  removeBackground(application);\n  const sprite = application.stage.getChildByName(\n    spriteName,\n  ) as PIXI.Sprite | null;\n  if (sprite === null || sprite === undefined) return;\n  const spriteBounds = sprite.getBounds();\n  // Clone the stage\n  const stageTexture = application.renderer\n    .generateTexture(application.stage)\n    .clone();\n  const clonedStage = new PIXI.Sprite(stageTexture);\n  clonedStage.height = spriteBounds.height;\n  clonedStage.width = spriteBounds.width;\n  clonedStage.position = new PIXI.Point(0, 0);\n  // Draw the background\n  const background = new PIXI.Graphics();\n  background.beginFill(0xffffff, 0.5);\n  background.drawRect(0, 0, spriteBounds.width, spriteBounds.height);\n  background.endFill();\n  background.name = CROP_BACKGROUND_NAME;\n  background.position = new PIXI.Point(spriteBounds.x, spriteBounds.y);\n  // Draw the mask to apply to the cloned stage\n  const rectMask = new PIXI.Graphics();\n  rectMask.beginFill(0x000000, 1);\n  rectMask.drawRect(\n    0,\n    0,\n    spriteBounds.width - 2 * PADDING,\n    spriteBounds.height - 2 * PADDING,\n  );\n  rectMask.endFill();\n  rectMask.position = new PIXI.Point(PADDING, PADDING);\n  rectMask.name = CROP_MASK_NAME;\n  // Apply the mask to the cloned stage and add children\n  clonedStage.mask = rectMask;\n  application.stage.addChild(background);\n  background.addChild(rectMask);\n  background.addChild(clonedStage);\n}\n/**\n * This function remove the background with all his children (corners, backdrop and cloned stage)\n * If the background does not exists this function do nothing\n *\n * @param application The PIXI.Application context\n */\nfunction removeBackground(application: PIXI.Application): void {\n  const child = application.stage.getChildByName(CROP_BACKGROUND_NAME, true);\n  child?.removeFromParent();\n}\n/**\n * This function compute coordinate (x,y) and angles (start,end) of a corner according to the CornerType\n * - (x,y) are coordinate of the corner in pixel relative to the parent\n * - (start, end) are angles between 0 and 2PI used to draw the corner relative using the Arc tool\n *\n * @param cornerType a CornerType for which we want to compute angles and coordinates\n * @param bounds bounds of the Cropped Texture (which is also the parent of the corner)\n * @returns the coordinates and the angles\n */\nfunction computeCornerPosition(\n  cornerType: CornerType,\n  bounds: { x: number; y: number; width: number; height: number },\n): { x: number; y: number; start: number; end: number } {\n  switch (cornerType) {\n    case 'TOP_LEFT': {\n      return { x: bounds.x, y: bounds.y, start: 0, end: Math.PI / 2 };\n    }\n    case 'TOP_RIGHT': {\n      return {\n        x: bounds.x + bounds.width,\n        y: bounds.y,\n        start: Math.PI / 2,\n        end: Math.PI,\n      };\n    }\n    case 'BOTTOM_LEFT': {\n      return {\n        x: bounds.x,\n        y: bounds.y + bounds.height,\n        start: (3 * Math.PI) / 2,\n        end: 2 * Math.PI,\n      };\n    }\n    case 'BOTTOM_RIGHT': {\n      return {\n        x: bounds.x + bounds.width,\n        y: bounds.y + bounds.height,\n        start: Math.PI,\n        end: (3 * Math.PI) / 2,\n      };\n    }\n  }\n}\n/**\n * This function reposition all corners according the bounds of the mask\n * If the mask has not been found in this context this function do nothing\n *\n * @param application  The PIXI.Application context\n */\nfunction refreshCorners(application: PIXI.Application): void {\n  const mask = application.stage.getChildByName(\n    CROP_MASK_NAME,\n    true,\n  ) as PIXI.Graphics | null;\n  if (mask === undefined || mask === null) return;\n  CORNERS.forEach((cornerType) => {\n    const corner = application.stage.getChildByName(\n      getCornerName(cornerType),\n      true,\n    );\n    if (corner === undefined || corner === null) return;\n    const position = computeCornerPosition(cornerType, {\n      height: mask.height,\n      width: mask.width,\n      x: mask.x,\n      y: mask.y,\n    });\n    corner.position = new PIXI.Point(position.x, position.y);\n  });\n}\n/**\n * This function draw one corner according to his type.\n * It also binds mouse events to move mask according when the corner move\n *\n * @param application The PIXI.Application context\n * @param cornerType The cornerType identifying the corner we are drawing\n * @param { spriteName:string } {spriteName} The sprite name identifying the original image\n */\nfunction drawCorner(\n  application: PIXI.Application,\n  cornerType: CornerType,\n  { spriteName }: { spriteName: string },\n): void {\n  // Delete corner if exists before redrawing\n  const previous = application.stage.getChildByName(\n    getCornerName(cornerType),\n    true,\n  );\n  const scale = getApplicationScale(application);\n  previous?.removeFromParent();\n  // Search for background\n  const background = application.stage.getChildByName(\n    CROP_BACKGROUND_NAME,\n    true,\n  ) as PIXI.Graphics | null;\n  // Search for mask\n  const mask = application.stage.getChildByName(\n    CROP_MASK_NAME,\n    true,\n  ) as PIXI.Graphics | null;\n  // Search for sprite\n  const sprite = application.stage.getChildByName(\n    spriteName,\n  ) as PIXI.Sprite | null;\n  if (\n    sprite === null ||\n    sprite === undefined ||\n    background === null ||\n    background === undefined ||\n    mask === undefined ||\n    mask === null\n  ) {\n    return;\n  }\n  // Compute corner position\n  const position = computeCornerPosition(cornerType, {\n    height: mask.height,\n    width: mask.width,\n    x: mask.x,\n    y: mask.y,\n  });\n  //Draw corner\n  const corner = new PIXI.Graphics();\n  corner.beginFill(0x4bafd5, 1);\n  corner.arc(0, 0, POINT_RADIUS / scale, position.start, position.end);\n  corner.lineTo(0, 0);\n  corner.endFill();\n  corner.position = new PIXI.Point(position.x, position.y);\n  corner.name = getCornerName(cornerType);\n  corner.interactive = true;\n  // Add mouse event move => on corner move redraw mask\n  let enable = false;\n  application.stage.on('pointermove', (event: PIXI.FederatedMouseEvent) => {\n    if (enable === false) return;\n    const localPosition = background.toLocal(event.global);\n    corner.position.x = localPosition.x;\n    corner.position.y = localPosition.y;\n    moveMask(application, cornerType, localPosition);\n  });\n  // Add mouse down event => on pointer down start moving mask\n  const handlePointerDown = () => {\n    enable = true;\n  };\n  corner.on('pointerdown', handlePointerDown);\n  // Add mouse up event => on pointer down stop moving mask\n  const handlePointerUp = () => {\n    enable = false;\n  };\n  globalThis.addEventListener('pointerup', handlePointerUp);\n  // Remove listeners when corner destroyed\n  corner.once('destroyed', () => {\n    // cancel listener\n    corner.off('pointerdown');\n    globalThis.removeEventListener('pointerup', handlePointerUp);\n  });\n  // Add corner\n  background.addChild(corner);\n}\n/**\n * This function move the rectangle mask used to crop the image\n * If the mask does not exists in this context the function do nothing\n *\n * @param application the PIXI.Application context\n * @param cornerType The cornerType identifying the corner that changed position\n * @param position The coordinate (x,y) of the corner that moved\n */\nfunction moveMask(\n  application: PIXI.Application,\n  cornerType: CornerType,\n  position: { x: number; y: number },\n): void {\n  const mask = application.stage.getChildByName(\n    CROP_MASK_NAME,\n    true,\n  ) as PIXI.Graphics | null;\n  if (mask === undefined || mask === null) return;\n  const right = mask.position.x + mask.width;\n  const bottom = mask.position.y + mask.height;\n  switch (cornerType) {\n    case 'TOP_LEFT': {\n      mask.position.x = position.x;\n      mask.position.y = position.y;\n      mask.width = right - position.x;\n      mask.height = bottom - position.y;\n      break;\n    }\n    case 'TOP_RIGHT': {\n      mask.position.y = position.y;\n      mask.width = position.x - mask.position.x;\n      mask.height = bottom - position.y;\n      break;\n    }\n    case 'BOTTOM_LEFT': {\n      mask.position.x = position.x;\n      mask.width = right - position.x;\n      mask.height = position.y - mask.position.y;\n      break;\n    }\n    case 'BOTTOM_RIGHT': {\n      mask.width = position.x - mask.position.x;\n      mask.height = position.y - mask.position.y;\n      break;\n    }\n  }\n  refreshCorners(application);\n}\n/**\n * This function draw all graphics controls used to crop an image:\n * - 4 corners to select the cropped area\n * - A background with an transparent backdrop effect\n * - A mask applied to the original image\n *\n * @param application The PIXI.Application context\n * @param {spriteName:string} {spriteName} The sprite name identifying the original image\n */\nexport function start(\n  application: PIXI.Application,\n  { spriteName }: { spriteName: string },\n): void {\n  // Remove controls before redrawing if exists\n  stop(application);\n  application.stage.interactive = true;\n  application.stage.interactiveChildren = true;\n  drawBackground(application, { spriteName });\n  drawCorner(application, 'BOTTOM_LEFT', { spriteName });\n  drawCorner(application, 'BOTTOM_RIGHT', { spriteName });\n  drawCorner(application, 'TOP_LEFT', { spriteName });\n  drawCorner(application, 'TOP_RIGHT', { spriteName });\n}\n/**\n * This function remove all graphics controls if exists. And it also remove any mouse event on this stage\n *\n * @param application The PIXI.Application context\n */\nexport function stop(application: PIXI.Application) {\n  removeBackground(application);\n  application.stage.off('pointermove');\n  application.render();\n}\n/**\n * This function apply a crop to the imageSrc and return the result as a PIXI.Sprite object\n *\n * @param application\n * @param imageSrc a string URI of the image to crop\n * @returns a PIXI.Sprite with a imageSrc cropped or undefined if the image has not been cropped\n */\nexport function save(application: PIXI.Application): PIXI.Sprite | undefined {\n  // Search for mask in this context\n  const mask = application.stage.getChildByName(\n    CROP_MASK_NAME,\n    true,\n  ) as PIXI.Graphics | null;\n  // Stop if mask does not exists\n  if (mask === undefined || mask === null) return;\n  // Remove controls before cloning stage\n  stop(application);\n  // Clone stage\n  const stageTexture = application.renderer\n    .generateTexture(application.stage)\n    .clone();\n  const clonedStage = new PIXI.Sprite(stageTexture);\n  // Compute bounds and round lower to avoid overflow\n  const maskBounds = mask.getBounds();\n  const bounds = new PIXI.Rectangle(\n    Math.floor(maskBounds.x),\n    Math.floor(maskBounds.y),\n    Math.floor(maskBounds.width),\n    Math.floor(maskBounds.height),\n  );\n  // Apply crop to the cloned stage\n  const cropped = new PIXI.Texture(clonedStage.texture.baseTexture, bounds);\n  const sprite = new PIXI.Sprite(cropped);\n  return sprite;\n}\n"],"names":["CORNERS","PADDING","POINT_RADIUS","CROP_BACKGROUND_NAME","CROP_MASK_NAME","getCornerName","corner","drawBackground","application","spriteName","removeBackground","sprite","stage","getChildByName","spriteBounds","getBounds","stageTexture","renderer","generateTexture","clone","clonedStage","PIXI","Sprite","height","width","position","Point","background","Graphics","beginFill","drawRect","endFill","name","x","y","rectMask","mask","addChild","child","removeFromParent","computeCornerPosition","cornerType","bounds","start","end","Math","PI","refreshCorners","forEach","drawCorner","previous","scale","getApplicationScale","undefined","arc","lineTo","interactive","enable","on","event","localPosition","toLocal","global","handlePointerDown","handlePointerUp","addEventListener","once","off","removeEventListener","moveMask","right","bottom","stop","interactiveChildren","render","save","maskBounds","Rectangle","floor","cropped","Texture","texture","baseTexture"],"mappings":"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"}

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

@@ -1,162 +1,163 @@
-import * as PIXI from "pixi.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
+import * as d from "pixi.js";
+const u = 100, x = 100, y = 450, I = 64, A = 0.5, R = "image";
+function z(e, {
+  spriteName: t,
+  imgDatasource: i,
+  settings: h
 }) {
-  const imageUrl = URL.createObjectURL(imgDatasource), image = new Image();
-  return image.src = imageUrl, new Promise((resolve) => {
-    image.onload = async () => {
-      await updateImage(application, {
-        spriteName,
-        imgDatasource: image,
-        settings
+  const s = URL.createObjectURL(i), o = new Image();
+  return o.src = s, new Promise((n) => {
+    o.onload = async () => {
+      await T(e, {
+        spriteName: t,
+        imgDatasource: o,
+        settings: h
       });
-      const newSprite = application == null ? void 0 : application.stage.getChildByName(spriteName, !0);
-      resolve(newSprite);
+      const r = e == null ? void 0 : e.stage.getChildByName(t, !0);
+      n(r);
     };
   });
 }
-async function updateImage(application, {
-  spriteName,
-  imgDatasource,
-  settings
+async function T(e, {
+  spriteName: t,
+  imgDatasource: i,
+  settings: h
 }) {
-  if (application === void 0 || application.stage === null)
+  if (e === void 0 || e.stage === null)
     return;
-  const previous = application.stage.getChildByName(spriteName, !0);
-  previous == null || previous.removeFromParent();
-  const texture = imgDatasource instanceof HTMLImageElement ? PIXI.Texture.from(imgDatasource) : imgDatasource instanceof PIXI.Sprite ? imgDatasource : await PIXI.Texture.fromURL(imgDatasource), sprite = texture instanceof PIXI.Sprite ? texture : PIXI.Sprite.from(texture, {});
-  if (sprite.interactive = !0, sprite.name = spriteName, settings) {
+  const s = e.stage.getChildByName(t, !0);
+  s == null || s.removeFromParent();
+  const o = i instanceof HTMLImageElement ? d.Texture.from(i) : i instanceof d.Sprite ? i : await d.Texture.fromURL(i), n = o instanceof d.Sprite ? o : d.Sprite.from(o, {});
+  if (n.interactive = !0, n.name = t, h) {
     const {
       sprite: {
-        anchor,
-        position,
-        scale,
-        size: spriteSize,
-        rotation
+        anchor: r,
+        position: g,
+        scale: c,
+        size: w,
+        rotation: f
       },
       stage: {
-        size: stageSize
+        size: m
       }
-    } = 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);
+    } = h, a = f % Math.PI !== 0;
+    n.anchor.x = r.x, n.anchor.y = r.y, n.position.x = g.x, n.position.y = g.y, n.scale.x = c.x, n.scale.y = c.y, n.width = a ? w.height : w.width, n.height = a ? w.width : w.height, e.stage.height = m.height, e.stage.width = m.width, e.renderer.resize(m.width, m.height), e.stage.addChild(n);
   } else
-    application.stage.addChild(sprite), application.renderer.resize(sprite.width, sprite.height);
-  autoResize(application, sprite);
+    e.stage.addChild(n), e.renderer.resize(n.width, n.height);
+  L(e, n);
 }
-function autoResize(application, sprite) {
-  var _a;
-  const parent = application.view.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
+function L(e, t) {
+  var g;
+  const i = e.view.parentNode, h = window.innerWidth - I, s = Math.max((i == null ? void 0 : i.offsetWidth) ?? 0, x), o = v({
+    width: t.width,
+    height: t.height
   }, {
     width: {
-      max: Math.min(parentWidth, maxMobileWidth),
-      min: MIN_WIDTH
+      max: Math.min(s, h),
+      min: x
     },
     height: {
-      min: MIN_HEIGHT,
-      max: window.innerHeight - MODAL_VERTICAL_PADDING
+      min: u,
+      max: window.innerHeight - y
     }
   }), {
-    height: newHeight,
-    width: newWidth
-  } = newSize;
-  (_a = application.view) != null && _a.style && (application.view.style.width = `${newWidth}px`, application.view.style.height = `${newHeight}px`);
+    height: n,
+    width: r
+  } = o;
+  (g = e.view) != null && g.style && (e.view.style.width = `${r}px`, e.view.style.height = `${n}px`);
 }
-function constraintSize(size, constraints) {
+function v(e, t) {
   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
+    height: i,
+    width: h
+  } = e, s = h / i, {
+    height: o,
+    width: n
+  } = t;
+  let r = n.max, g = n.max / s;
+  return h > n.max && (r = n.max, g = r / s), g > o.max && (g = o.max, r = g * s), r < n.min && (r = n.min, g = r / s), g < o.min && (g = o.min, r = g * s), {
+    width: r,
+    height: g
   };
 }
-function saveAsBlob(application) {
-  return new Promise((resolve, reject) => {
-    var _a;
-    (_a = application == null ? void 0 : application.view) != null && _a.toBlob ? application.view.toBlob((blob) => {
-      blob ? resolve(blob) : reject("EXTRACT_FAILED");
-    }, "image/jpeg", DEFAULT_QUALITY) : reject("EXTRACT_FAILED");
+function E(e) {
+  return new Promise((t, i) => {
+    var h;
+    (h = e == null ? void 0 : e.view) != null && h.toBlob ? e.view.toBlob((s) => {
+      s ? t(s) : i("EXTRACT_FAILED");
+    }, "image/jpeg", A) : i("EXTRACT_FAILED");
   });
 }
-function saveAsDataURL(application) {
-  var _a, _b;
-  return (_b = (_a = application.view).toDataURL) == null ? void 0 : _b.call(_a);
+function S(e) {
+  var t, i;
+  return (i = (t = e.view).toDataURL) == null ? void 0 : i.call(t);
 }
-function getApplicationScale(application) {
-  return application.view.getBoundingClientRect ? application.view.getBoundingClientRect().width / application.view.width : 1;
+function _(e) {
+  return e.view.getBoundingClientRect ? e.view.getBoundingClientRect().width / e.view.width : 1;
 }
-function toBlob(application) {
-  return new Promise((resolve, reject) => {
-    var _a, _b;
-    (_b = (_a = application.view).toBlob) == null || _b.call(_a, (blob) => {
-      blob ? resolve(blob) : reject("EXTRACT_FAIL");
+function B(e) {
+  return new Promise((t, i) => {
+    var h, s;
+    (s = (h = e.view).toBlob) == null || s.call(h, (o) => {
+      o ? t(o) : i("EXTRACT_FAIL");
     }, "image/png", 1);
   });
 }
-function createImageSettings({
-  application,
-  sprite
+function C({
+  application: e,
+  sprite: t
 }) {
   return {
     sprite: {
-      rotation: sprite.rotation,
+      rotation: t.rotation,
       size: {
-        width: sprite.width,
-        height: sprite.height
+        width: t.width,
+        height: t.height
       },
       position: {
-        x: sprite.position.x,
-        y: sprite.position.y
+        x: t.position.x,
+        y: t.position.y
       },
       scale: {
-        x: sprite.scale.x,
-        y: sprite.scale.y
+        x: t.scale.x,
+        y: t.scale.y
       },
       anchor: {
-        x: sprite.anchor.x,
-        y: sprite.anchor.y
+        x: t.anchor.x,
+        y: t.anchor.y
       }
     },
     stage: {
       size: {
-        width: application.stage.width,
-        height: application.stage.height
+        width: e.stage.width,
+        height: e.stage.height
       },
       scale: {
-        x: application.stage.scale.x,
-        y: application.stage.scale.y
+        x: e.stage.scale.x,
+        y: e.stage.scale.y
       }
     }
   };
 }
-function resizeStage({
-  application,
-  sprite,
-  newHeight,
-  newWidth
+function D({
+  application: e,
+  sprite: t,
+  newHeight: i,
+  newWidth: h
 }) {
-  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);
+  t.anchor.x = 0.5, t.anchor.y = 0.5, t.position = new d.Point(h / 2, i / 2), e.stage.height = i, e.stage.width = h, e.renderer.resize(h, i);
 }
 export {
-  DEFAULT_SPRITE_NAME,
-  autoResize,
-  constraintSize,
-  createImageSettings,
-  getApplicationScale,
-  resizeStage,
-  saveAsBlob,
-  saveAsDataURL,
-  toBlob,
-  updateImage,
-  updateImageFromBlob
+  R as DEFAULT_SPRITE_NAME,
+  L as autoResize,
+  v as constraintSize,
+  C as createImageSettings,
+  _ as getApplicationScale,
+  D as resizeStage,
+  E as saveAsBlob,
+  S as saveAsDataURL,
+  B as toBlob,
+  T as updateImage,
+  z as updateImageFromBlob
 };
+//# sourceMappingURL=misc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"misc.js","sources":["../../../../../src/modules/multimedia/ImageEditor/effects/misc.ts"],"sourcesContent":["import * as PIXI from 'pixi.js';\n\n// Define (in pixel) the minimal height the sprite should have\nconst MIN_HEIGHT = 100;\n// Define (in pixel) the minimal width the sprite should have\nconst MIN_WIDTH = 100;\n// Modal padding\nconst MODAL_VERTICAL_PADDING = 450;\nconst MODAL_HORIZONTAL_PADDING = 64;\n\n// Using canvas to download the image increase the file size so to keep the same we need to apply a quality\nconst DEFAULT_QUALITY = 0.5;\n\n// Define the default name of the sprite in the PIXI.Application context\nexport const DEFAULT_SPRITE_NAME = 'image';\n\n/**\n * A structure that define all setting of an image\n * - positon\n * - scale\n * - size\n * - size of the stage\n */\nexport interface ImageSettings {\n  stage: {\n    size: { width: number; height: number };\n    scale: { x: number; y: number };\n  };\n  sprite: {\n    rotation: number;\n    size: { width: number; height: number };\n    scale: { x: number; y: number };\n    position: { x: number; y: number };\n    anchor: { x: number; y: number };\n  };\n}\n/**\n *  This function update the image content using Blob datasource\n *\n * @param application the PIXI.Application context\n * @param param.spriteName the name of the sprite in the context\n * @param param.imgDatasource the img data could be one of: string url, HTMLImageElement, PIXI.Sprite\n * @param param.stageSize?: { width: number; height: number };\n * @param param.spriteSize?: { width: number; height: number };\n */\nexport function updateImageFromBlob(\n  application: PIXI.Application,\n  {\n    spriteName,\n    imgDatasource,\n    settings,\n  }: {\n    spriteName: string;\n    imgDatasource: Blob;\n    settings?: ImageSettings;\n  },\n): Promise<PIXI.Sprite | null> {\n  const imageUrl = URL.createObjectURL(imgDatasource);\n  const image = new Image();\n  image.src = imageUrl;\n  return new Promise<PIXI.Sprite | null>((resolve) => {\n    image.onload = async () => {\n      await updateImage(application, {\n        spriteName,\n        imgDatasource: image,\n        settings,\n      });\n\n      // get new sprite\n      const newSprite = application?.stage.getChildByName(\n        spriteName,\n        true,\n      ) as PIXI.Sprite | null;\n      resolve(newSprite);\n    };\n  });\n}\n/**\n *  This function update the image content for the sprite in the PIXI.Application context\n *\n * @param application the PIXI.Application context\n * @param param.spriteName the name of the sprite in the context\n * @param param.imgDatasource the img data could be one of: string url, HTMLImageElement, PIXI.Sprite\n * @param param.spriteSize\n * @param param.stageSize\n */\nexport async function updateImage(\n  application: PIXI.Application,\n  {\n    spriteName,\n    imgDatasource,\n    settings,\n  }: {\n    spriteName: string;\n    imgDatasource: string | HTMLImageElement | PIXI.Sprite;\n    settings?: ImageSettings;\n  },\n): Promise<void> {\n  if (application === undefined || application.stage === null) {\n    return;\n  }\n  // Remove previous sprite if exists\n  const previous = application.stage.getChildByName(spriteName, true);\n  previous?.removeFromParent();\n  // Create texture from datasource\n  const texture =\n    imgDatasource instanceof HTMLImageElement\n      ? PIXI.Texture.from(imgDatasource)\n      : imgDatasource instanceof PIXI.Sprite\n        ? imgDatasource\n        : await PIXI.Texture.fromURL(imgDatasource);\n  // Create sprite from texture and set name\n  const sprite =\n    texture instanceof PIXI.Sprite ? texture : PIXI.Sprite.from(texture, {});\n  sprite.interactive = true;\n  sprite.name = spriteName;\n  // If settings are defined => resize accordingly\n  if (settings) {\n    const {\n      sprite: { anchor, position, scale, size: spriteSize, rotation },\n      stage: { size: stageSize },\n    } = settings;\n    // Check whether sprite has been rotated\n    const isRotated = rotation % Math.PI !== 0;\n    //Config sprite\n    sprite.anchor.x = anchor.x;\n    sprite.anchor.y = anchor.y;\n    sprite.position.x = position.x;\n    sprite.position.y = position.y;\n    sprite.scale.x = scale.x;\n    sprite.scale.y = scale.y;\n    // If sprite is rotated a multiple of 90°=>width and height are swapped\n    sprite.width = isRotated ? spriteSize.height : spriteSize.width;\n    sprite.height = isRotated ? spriteSize.width : spriteSize.height;\n    // Resize stage\n    application.stage.height = stageSize.height;\n    application.stage.width = stageSize.width;\n    application.renderer.resize(stageSize.width, stageSize.height);\n    // Add sprite to context\n    application.stage.addChild(sprite);\n  } else {\n    // Add sprite to context\n    application.stage.addChild(sprite);\n    // Resize the sprite\n    application.renderer.resize(sprite.width, sprite.height);\n  }\n  // Resize the view in css to keep img quality\n  autoResize(application, sprite);\n}\n\n/**\n * This function resize the sprite according to the container width\n *\n * @param application The PIXI.Application context\n * @param sprite The sprite object representing the image to resize\n */\nexport function autoResize(\n  application: PIXI.Application,\n  sprite: PIXI.Sprite,\n): void {\n  // Get parent html object\n  const parent = application.view.parentNode as HTMLElement | undefined;\n  const maxMobileWidth = window.innerWidth - MODAL_HORIZONTAL_PADDING;\n  const parentWidth = Math.max(parent?.offsetWidth ?? 0, MIN_WIDTH);\n  const newSize = constraintSize(\n    {\n      width: sprite.width,\n      height: sprite.height,\n    },\n    {\n      width: {\n        max: Math.min(parentWidth, maxMobileWidth),\n        min: MIN_WIDTH,\n      },\n      height: {\n        min: MIN_HEIGHT,\n        max: window.innerHeight - MODAL_VERTICAL_PADDING,\n      },\n    },\n  );\n  // Define the new width to the parentWidth\n  const { height: newHeight, width: newWidth } = newSize;\n\n  // Anchor the sprite to the middle (for rotation)\n  if (application.view?.style) {\n    application.view.style.width = `${newWidth}px`;\n    application.view.style.height = `${newHeight}px`;\n  }\n}\n\nexport function constraintSize(\n  size: { width: number; height: number },\n  constraints: {\n    width: { max: number; min: number };\n    height: { max: number; min: number };\n  },\n) {\n  const { height, width } = size;\n  const ratio = width / height;\n  const { height: constraintHeight, width: constraintWidth } = constraints;\n  // set max size\n  let newWidth = constraintWidth.max;\n  let newHeight = constraintWidth.max / ratio;\n  // constraint width max\n  if (width > constraintWidth.max) {\n    newWidth = constraintWidth.max;\n    newHeight = newWidth / ratio;\n  }\n  // constraint height max\n  if (newHeight > constraintHeight.max) {\n    newHeight = constraintHeight.max;\n    newWidth = newHeight * ratio;\n  }\n  // constraint width min\n  if (newWidth < constraintWidth.min) {\n    newWidth = constraintWidth.min;\n    newHeight = newWidth / ratio;\n  }\n  // constraint height max\n  if (newHeight < constraintHeight.min) {\n    newHeight = constraintHeight.min;\n    newWidth = newHeight * ratio;\n  }\n  return { width: newWidth, height: newHeight };\n}\n\n/**\n * This function transform the stage into a blob\n *\n * @param application the PIXI.Application context\n * @returns A promise of the generated blob\n */\nexport function saveAsBlob(application: PIXI.Application): Promise<Blob> {\n  return new Promise<Blob>((resolve, reject) => {\n    if (application?.view?.toBlob) {\n      application.view.toBlob(\n        (blob) => {\n          blob ? resolve(blob) : reject('EXTRACT_FAILED');\n        },\n        'image/jpeg',\n        DEFAULT_QUALITY,\n      );\n    } else {\n      reject('EXTRACT_FAILED');\n    }\n  });\n}\n/**\n * This function transform the stage into a data URL encoded image\n *\n * @param application the PIXI.Application context\n * @returns the generated image as Data URL or undefined if failed\n */\nexport function saveAsDataURL(\n  application: PIXI.Application,\n): string | undefined {\n  return application.view.toDataURL?.();\n}\n\n/**\n * Calculates the scale percentage for a PIXI.Sprite or the application view based on the parent container's dimensions.\n * @param application - The PIXI.Application instance.\n * @param sprite - The PIXI.Sprite instance (optional).\n * @returns The scale percentage.\n */\nexport function getApplicationScale(application: PIXI.Application) {\n  if (application.view.getBoundingClientRect) {\n    return (\n      application.view.getBoundingClientRect()!.width / application.view.width\n    );\n  }\n  return 1;\n}\n\nexport function toBlob(application: PIXI.Application) {\n  return new Promise<Blob>((resolve, reject) => {\n    application.view.toBlob?.(\n      (blob) => {\n        if (blob) {\n          resolve(blob);\n        } else {\n          reject('EXTRACT_FAIL');\n        }\n      },\n      'image/png',\n      1,\n    );\n  });\n}\n\nexport function createImageSettings({\n  application,\n  sprite,\n}: {\n  sprite: PIXI.Sprite;\n  application: PIXI.Application;\n}) {\n  return {\n    sprite: {\n      rotation: sprite.rotation,\n      size: { width: sprite.width, height: sprite.height },\n      position: { x: sprite.position.x, y: sprite.position.y },\n      scale: { x: sprite.scale.x, y: sprite.scale.y },\n      anchor: { x: sprite.anchor.x, y: sprite.anchor.y },\n    },\n    stage: {\n      size: {\n        width: application.stage.width,\n        height: application.stage.height,\n      },\n      scale: { x: application.stage.scale.x, y: application.stage.scale.y },\n    },\n  };\n}\n\nexport function trimStage(application: PIXI.Application, sprite: PIXI.Sprite) {\n  application.renderer.resize(sprite.width, sprite.height);\n}\nexport function resizeStage({\n  application,\n  sprite,\n  newHeight,\n  newWidth,\n}: {\n  newHeight: number;\n  newWidth: number;\n  application: PIXI.Application;\n  sprite: PIXI.Sprite;\n}) {\n  // Anchor the sprite to the middle (for rotation)\n  sprite.anchor.x = 0.5;\n  sprite.anchor.y = 0.5;\n  // Position the sprite to the middle\n  sprite.position = new PIXI.Point(newWidth / 2, newHeight / 2);\n  // Resize the stage\n  application.stage.height = newHeight;\n  application.stage.width = newWidth;\n  application.renderer.resize(newWidth, newHeight);\n}\n"],"names":["MIN_HEIGHT","MIN_WIDTH","MODAL_VERTICAL_PADDING","MODAL_HORIZONTAL_PADDING","DEFAULT_QUALITY","DEFAULT_SPRITE_NAME","updateImageFromBlob","application","spriteName","imgDatasource","settings","imageUrl","URL","createObjectURL","image","Image","src","Promise","resolve","onload","updateImage","newSprite","stage","getChildByName","undefined","previous","removeFromParent","texture","HTMLImageElement","PIXI","Texture","from","Sprite","fromURL","sprite","interactive","name","anchor","position","scale","size","spriteSize","rotation","stageSize","isRotated","Math","PI","x","y","width","height","renderer","resize","addChild","autoResize","parent","view","parentNode","maxMobileWidth","window","innerWidth","parentWidth","max","offsetWidth","newSize","constraintSize","min","innerHeight","newHeight","newWidth","style","constraints","ratio","constraintHeight","constraintWidth","saveAsBlob","reject","toBlob","blob","saveAsDataURL","toDataURL","getApplicationScale","getBoundingClientRect","createImageSettings","resizeStage","Point"],"mappings":"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"}