@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/lib/cropImage.js

@@ -0,0 +1,113 @@
+const createImage = (url) => new Promise((resolve, reject) => {
+  const image = new Image();
+  image.addEventListener("load", () => resolve(image));
+  image.addEventListener("error", (error) => reject(error));
+  image.setAttribute("crossOrigin", "anonymous");
+  image.src = url;
+});
+function getRadianAngle(degreeValue) {
+  return degreeValue * Math.PI / 180;
+}
+function rotateSize(width, height, rotation) {
+  const rotRad = getRadianAngle(rotation);
+  return {
+    width: Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),
+    height: Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height)
+  };
+}
+async function getCroppedImage(imageSrc, pixelCrop, rotation = 0, flip = { horizontal: false, vertical: false }, backgroundColor = "transparent", watermark, enableBlurredBackground = false, maxDimension = 2500, quality = 0.85) {
+  const image = await createImage(imageSrc);
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    throw new Error("No 2d context");
+  }
+  const rotRad = getRadianAngle(rotation);
+  const { width: bBoxWidth, height: bBoxHeight } = rotateSize(
+    image.width,
+    image.height,
+    rotation
+  );
+  canvas.width = bBoxWidth;
+  canvas.height = bBoxHeight;
+  ctx.translate(bBoxWidth / 2, bBoxHeight / 2);
+  ctx.rotate(rotRad);
+  ctx.scale(flip.horizontal ? -1 : 1, flip.vertical ? -1 : 1);
+  ctx.translate(-image.width / 2, -image.height / 2);
+  ctx.drawImage(image, 0, 0);
+  const croppedCanvas = document.createElement("canvas");
+  const croppedCtx = croppedCanvas.getContext("2d");
+  if (!croppedCtx) {
+    throw new Error("No 2d context");
+  }
+  let targetWidth = pixelCrop.width;
+  let targetHeight = pixelCrop.height;
+  if (maxDimension && (targetWidth > maxDimension || targetHeight > maxDimension)) {
+    const scale = Math.min(maxDimension / targetWidth, maxDimension / targetHeight);
+    targetWidth = targetWidth * scale;
+    targetHeight = targetHeight * scale;
+  }
+  croppedCanvas.width = targetWidth;
+  croppedCanvas.height = targetHeight;
+  if (enableBlurredBackground) {
+    const scale = Math.max(croppedCanvas.width / image.width, croppedCanvas.height / image.height);
+    const x = croppedCanvas.width / 2 - image.width / 2 * scale;
+    const y = croppedCanvas.height / 2 - image.height / 2 * scale;
+    croppedCtx.save();
+    croppedCtx.filter = "blur(20px) brightness(0.9)";
+    croppedCtx.drawImage(
+      image,
+      x,
+      y,
+      image.width * scale,
+      image.height * scale
+    );
+    croppedCtx.restore();
+  } else {
+    croppedCtx.fillStyle = backgroundColor;
+    croppedCtx.fillRect(0, 0, croppedCanvas.width, croppedCanvas.height);
+  }
+  croppedCtx.drawImage(
+    canvas,
+    pixelCrop.x,
+    pixelCrop.y,
+    pixelCrop.width,
+    pixelCrop.height,
+    0,
+    0,
+    targetWidth,
+    targetHeight
+  );
+  if (watermark) {
+    try {
+      const watermarkImg = await createImage(watermark.url);
+      const scaleX = targetWidth / pixelCrop.width;
+      const scaleY = targetHeight / pixelCrop.height;
+      croppedCtx.drawImage(
+        watermarkImg,
+        watermark.x * scaleX,
+        watermark.y * scaleY,
+        watermark.width * scaleX,
+        watermark.height * scaleY
+      );
+    } catch (e) {
+      console.error("Failed to load watermark image", e);
+    }
+  }
+  return new Promise((resolve, reject) => {
+    croppedCanvas.toBlob((blob) => {
+      if (blob) {
+        resolve(blob);
+      } else {
+        reject(new Error("Canvas is empty"));
+      }
+    }, "image/jpeg", quality);
+  });
+}
+export {
+  createImage,
+  getCroppedImage as default,
+  getRadianAngle,
+  rotateSize
+};
+//# sourceMappingURL=cropImage.js.map

package/dist/lib/cropImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cropImage.js","sources":["../../src/lib/cropImage.ts"],"sourcesContent":["export const createImage = (url: string): Promise<HTMLImageElement> =>\r\n    new Promise((resolve, reject) => {\r\n        const image = new Image()\r\n        image.addEventListener('load', () => resolve(image))\r\n        image.addEventListener('error', (error) => reject(error))\r\n        image.setAttribute('crossOrigin', 'anonymous')\r\n        image.src = url\r\n    })\r\n\r\nexport function getRadianAngle(degreeValue: number) {\r\n    return (degreeValue * Math.PI) / 180\r\n}\r\n\r\n/**\r\n * Returns the new bounding area of a rotated rectangle.\r\n */\r\nexport function rotateSize(width: number, height: number, rotation: number) {\r\n    const rotRad = getRadianAngle(rotation)\r\n\r\n    return {\r\n        width:\r\n            Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),\r\n        height:\r\n            Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height),\r\n    }\r\n}\r\n\r\n/**\r\n * This function was adapted from the one in the ReadMe of https://github.com/DominicTobias/react-image-crop\r\n */\r\nexport default async function getCroppedImage(\r\n    imageSrc: string,\r\n    pixelCrop: { x: number; y: number; width: number; height: number },\r\n    rotation = 0,\r\n    flip = { horizontal: false, vertical: false },\r\n    backgroundColor = 'transparent',\r\n    watermark?: { url: string; x: number; y: number; width: number; height: number },\r\n    enableBlurredBackground = false,\r\n    maxDimension = 2500, // Cap resolution to prevent massive blobs\r\n    quality = 0.85 // Default quality\r\n): Promise<Blob> {\r\n    const image = await createImage(imageSrc)\r\n    const canvas = document.createElement('canvas')\r\n    const ctx = canvas.getContext('2d')\r\n\r\n    if (!ctx) {\r\n        throw new Error('No 2d context')\r\n    }\r\n\r\n    const rotRad = getRadianAngle(rotation)\r\n\r\n    // calculate bounding box of the rotated image\r\n    const { width: bBoxWidth, height: bBoxHeight } = rotateSize(\r\n        image.width,\r\n        image.height,\r\n        rotation\r\n    )\r\n\r\n    // set canvas size to match the bounding box\r\n    canvas.width = bBoxWidth\r\n    canvas.height = bBoxHeight\r\n\r\n    // translate canvas context to a central location to allow rotating and flipping around the center\r\n    ctx.translate(bBoxWidth / 2, bBoxHeight / 2)\r\n    ctx.rotate(rotRad)\r\n    ctx.scale(flip.horizontal ? -1 : 1, flip.vertical ? -1 : 1)\r\n    ctx.translate(-image.width / 2, -image.height / 2)\r\n\r\n    // draw rotated image\r\n    ctx.drawImage(image, 0, 0)\r\n\r\n    const croppedCanvas = document.createElement('canvas')\r\n    const croppedCtx = croppedCanvas.getContext('2d')\r\n\r\n    if (!croppedCtx) {\r\n        throw new Error('No 2d context')\r\n    }\r\n\r\n    // Determine target size based on maxDimension scaling\r\n    let targetWidth = pixelCrop.width\r\n    let targetHeight = pixelCrop.height\r\n\r\n    if (maxDimension && (targetWidth > maxDimension || targetHeight > maxDimension)) {\r\n        const scale = Math.min(maxDimension / targetWidth, maxDimension / targetHeight)\r\n        targetWidth = targetWidth * scale\r\n        targetHeight = targetHeight * scale\r\n    }\r\n\r\n    // Set the size of the cropped canvas\r\n    croppedCanvas.width = targetWidth\r\n    croppedCanvas.height = targetHeight\r\n\r\n    // Draw background\r\n    if (enableBlurredBackground) {\r\n        // Draw blurred background\r\n        // We want the background to be the same image, but zoomed to cover, and blurred.\r\n\r\n        // 1. Draw image to cover\r\n        // Calculate scale to cover\r\n        const scale = Math.max(croppedCanvas.width / image.width, croppedCanvas.height / image.height)\r\n        const x = (croppedCanvas.width / 2) - (image.width / 2) * scale\r\n        const y = (croppedCanvas.height / 2) - (image.height / 2) * scale\r\n\r\n        // Save context\r\n        croppedCtx.save()\r\n        croppedCtx.filter = 'blur(20px) brightness(0.9)'\r\n        // Draw the full image scaled to cover\r\n        croppedCtx.drawImage(\r\n            image,\r\n            x,\r\n            y,\r\n            image.width * scale,\r\n            image.height * scale\r\n        )\r\n        // Restore context (remove blur for next draws)\r\n        croppedCtx.restore()\r\n\r\n    } else {\r\n        // Draw solid background color\r\n        croppedCtx.fillStyle = backgroundColor\r\n        croppedCtx.fillRect(0, 0, croppedCanvas.width, croppedCanvas.height)\r\n    }\r\n\r\n    // Draw the cropped image onto the new canvas, scaling it if target size changed\r\n    croppedCtx.drawImage(\r\n        canvas,\r\n        pixelCrop.x,\r\n        pixelCrop.y,\r\n        pixelCrop.width,\r\n        pixelCrop.height,\r\n        0,\r\n        0,\r\n        targetWidth,\r\n        targetHeight\r\n    )\r\n\r\n    // Draw watermark if exists\r\n    if (watermark) {\r\n        try {\r\n            const watermarkImg = await createImage(watermark.url)\r\n            // Scale watermark positions proportionally if target size changed\r\n            const scaleX = targetWidth / pixelCrop.width\r\n            const scaleY = targetHeight / pixelCrop.height\r\n\r\n            croppedCtx.drawImage(\r\n                watermarkImg,\r\n                watermark.x * scaleX,\r\n                watermark.y * scaleY,\r\n                watermark.width * scaleX,\r\n                watermark.height * scaleY\r\n            )\r\n        } catch (e) {\r\n            console.error('Failed to load watermark image', e)\r\n        }\r\n    }\r\n\r\n    // As Blob\r\n    return new Promise((resolve, reject) => {\r\n        croppedCanvas.toBlob((blob) => {\r\n            if (blob) {\r\n                resolve(blob)\r\n            } else {\r\n                reject(new Error('Canvas is empty'))\r\n            }\r\n        }, 'image/jpeg', quality)\r\n    })\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/lib/imageAnalysis.d.ts

@@ -0,0 +1,16 @@
+export declare const getImageLuminance: (imageSrc: string) => Promise<number>;
+export declare const calculateInitialZoom: ({ containerSize, mediaSize, cropSize, allowBothFitting }: {
+    containerSize: {
+        width: number;
+        height: number;
+    };
+    mediaSize: {
+        naturalWidth: number;
+        naturalHeight: number;
+    };
+    cropSize: {
+        width: number;
+        height: number;
+    };
+    allowBothFitting: boolean;
+}) => number;

package/dist/lib/imageAnalysis.js

@@ -0,0 +1,58 @@
+const getImageLuminance = (imageSrc) => {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.src = imageSrc;
+    img.onload = () => {
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      if (!ctx) {
+        resolve(0);
+        return;
+      }
+      canvas.width = 50;
+      canvas.height = 50;
+      ctx.drawImage(img, 0, 0, 50, 50);
+      const imageData = ctx.getImageData(0, 0, 50, 50);
+      const data = imageData.data;
+      let r, g, b, avg;
+      let colorSum = 0;
+      for (let x = 0, len = data.length; x < len; x += 4) {
+        r = data[x];
+        g = data[x + 1];
+        b = data[x + 2];
+        avg = Math.floor((r + g + b) / 3);
+        colorSum += avg;
+      }
+      const brightness = Math.floor(colorSum / (50 * 50));
+      resolve(brightness);
+    };
+    img.onerror = (err) => reject(err);
+  });
+};
+const calculateInitialZoom = ({
+  containerSize,
+  mediaSize,
+  cropSize,
+  allowBothFitting
+}) => {
+  const scaleX = containerSize.width / mediaSize.naturalWidth;
+  const scaleY = containerSize.height / mediaSize.naturalHeight;
+  const fitScale = Math.min(scaleX, scaleY);
+  const displayW = mediaSize.naturalWidth * fitScale;
+  const displayH = mediaSize.naturalHeight * fitScale;
+  let targetZoom = 1;
+  if (allowBothFitting) {
+    const zoomToFillWidth = cropSize.width / displayW;
+    const zoomToFillHeight = cropSize.height / displayH;
+    targetZoom = Math.max(zoomToFillWidth, zoomToFillHeight);
+  } else {
+    targetZoom = cropSize.width / displayW;
+  }
+  return targetZoom;
+};
+export {
+  calculateInitialZoom,
+  getImageLuminance
+};
+//# sourceMappingURL=imageAnalysis.js.map

package/dist/lib/imageAnalysis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageAnalysis.js","sources":["../../src/lib/imageAnalysis.ts"],"sourcesContent":["export const getImageLuminance = (imageSrc: string): Promise<number> => {\r\n    return new Promise((resolve, reject) => {\r\n        const img = new Image()\r\n        img.crossOrigin = 'anonymous'\r\n        img.src = imageSrc\r\n        img.onload = () => {\r\n            const canvas = document.createElement('canvas')\r\n            const ctx = canvas.getContext('2d')\r\n            if (!ctx) {\r\n                resolve(0)\r\n                return\r\n            }\r\n\r\n            // Resize to small size for faster processing\r\n            canvas.width = 50\r\n            canvas.height = 50\r\n\r\n            ctx.drawImage(img, 0, 0, 50, 50)\r\n\r\n            const imageData = ctx.getImageData(0, 0, 50, 50)\r\n            const data = imageData.data\r\n\r\n            let r, g, b, avg\r\n            let colorSum = 0\r\n\r\n            for (let x = 0, len = data.length; x < len; x += 4) {\r\n                r = data[x]\r\n                g = data[x + 1]\r\n                b = data[x + 2]\r\n\r\n                avg = Math.floor((r + g + b) / 3)\r\n                colorSum += avg\r\n            }\r\n\r\n            const brightness = Math.floor(colorSum / (50 * 50))\r\n            resolve(brightness)\r\n        }\r\n        img.onerror = (err) => reject(err)\r\n    })\r\n}\r\n\r\n\r\nexport const calculateInitialZoom = ({\r\n    containerSize,\r\n    mediaSize,\r\n    cropSize,\r\n    allowBothFitting\r\n}: {\r\n    containerSize: { width: number; height: number },\r\n    mediaSize: { naturalWidth: number; naturalHeight: number },\r\n    cropSize: { width: number; height: number },\r\n    allowBothFitting: boolean\r\n}): number => {\r\n    // 1. Calculate displayed dimensions at Zoom=1 (fit to container)\r\n    // react-easy-crop uses 'contain' logic: fits the largest dimension\r\n    const scaleX = containerSize.width / mediaSize.naturalWidth\r\n    const scaleY = containerSize.height / mediaSize.naturalHeight\r\n    const fitScale = Math.min(scaleX, scaleY)\r\n\r\n    const displayW = mediaSize.naturalWidth * fitScale\r\n    const displayH = mediaSize.naturalHeight * fitScale\r\n\r\n    let targetZoom = 1\r\n\r\n    if (allowBothFitting) {\r\n        // Cover Mode: Fill both dimensions (Logic: max of width/height ratios)\r\n        const zoomToFillWidth = cropSize.width / displayW\r\n        const zoomToFillHeight = cropSize.height / displayH\r\n\r\n        // We want to ensure NO gaps, so we must satisfy the larger requirement\r\n        targetZoom = Math.max(zoomToFillWidth, zoomToFillHeight)\r\n    } else {\r\n        targetZoom = cropSize.width / displayW\r\n    }\r\n\r\n    return targetZoom\r\n}\r\n\r\n"],"names":[],"mappings":"AAAO,MAAM,oBAAoB,CAAC,aAAsC;AACpE,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACpC,UAAM,MAAM,IAAI,MAAA;AAChB,QAAI,cAAc;AAClB,QAAI,MAAM;AACV,QAAI,SAAS,MAAM;AACf,YAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,YAAM,MAAM,OAAO,WAAW,IAAI;AAClC,UAAI,CAAC,KAAK;AACN,gBAAQ,CAAC;AACT;AAAA,MACJ;AAGA,aAAO,QAAQ;AACf,aAAO,SAAS;AAEhB,UAAI,UAAU,KAAK,GAAG,GAAG,IAAI,EAAE;AAE/B,YAAM,YAAY,IAAI,aAAa,GAAG,GAAG,IAAI,EAAE;AAC/C,YAAM,OAAO,UAAU;AAEvB,UAAI,GAAG,GAAG,GAAG;AACb,UAAI,WAAW;AAEf,eAAS,IAAI,GAAG,MAAM,KAAK,QAAQ,IAAI,KAAK,KAAK,GAAG;AAChD,YAAI,KAAK,CAAC;AACV,YAAI,KAAK,IAAI,CAAC;AACd,YAAI,KAAK,IAAI,CAAC;AAEd,cAAM,KAAK,OAAO,IAAI,IAAI,KAAK,CAAC;AAChC,oBAAY;AAAA,MAChB;AAEA,YAAM,aAAa,KAAK,MAAM,YAAY,KAAK,GAAG;AAClD,cAAQ,UAAU;AAAA,IACtB;AACA,QAAI,UAAU,CAAC,QAAQ,OAAO,GAAG;AAAA,EACrC,CAAC;AACL;AAGO,MAAM,uBAAuB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAKc;AAGV,QAAM,SAAS,cAAc,QAAQ,UAAU;AAC/C,QAAM,SAAS,cAAc,SAAS,UAAU;AAChD,QAAM,WAAW,KAAK,IAAI,QAAQ,MAAM;AAExC,QAAM,WAAW,UAAU,eAAe;AAC1C,QAAM,WAAW,UAAU,gBAAgB;AAE3C,MAAI,aAAa;AAEjB,MAAI,kBAAkB;AAElB,UAAM,kBAAkB,SAAS,QAAQ;AACzC,UAAM,mBAAmB,SAAS,SAAS;AAG3C,iBAAa,KAAK,IAAI,iBAAiB,gBAAgB;AAAA,EAC3D,OAAO;AACH,iBAAa,SAAS,QAAQ;AAAA,EAClC;AAEA,SAAO;AACX;"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\r\nimport { twMerge } from 'tailwind-merge';\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n"],"names":[],"mappings":";;AAGO,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;"}

package/dist/node_modules/@dnd-kit/core/dist/core.esm.js

@@ -1,6 +1,6 @@
-import React__default, { createContext, useMemo, memo, useReducer, useState, useRef, useCallback, useEffect, useContext, cloneElement, forwardRef } from "react";
+import React__default, { useMemo, memo, useReducer, useState, useRef, useCallback, useEffect, useContext, createContext, cloneElement, forwardRef } from "react";
 import { unstable_batchedUpdates, createPortal } from "react-dom";
-import { useLatestValue, useUniqueId, getEventCoordinates, getWindow, add, useIsomorphicLayoutEffect, getOwnerDocument, isKeyboardEvent, subtract, useLazyMemo, isHTMLElement, useNodeRef, canUseDOM, useInterval, usePrevious, findFirstFocusableNode, useEvent, isWindow, isNode, isDocument, isSVGElement, CSS } from "../../utilities/dist/utilities.esm.js";
+import { useLatestValue, useUniqueId, getEventCoordinates, getWindow, add, useIsomorphicLayoutEffect, getOwnerDocument, isKeyboardEvent, subtract, useLazyMemo, isHTMLElement, useNodeRef, canUseDOM, useInterval, usePrevious, findFirstFocusableNode, useEvent, CSS, isWindow, isNode, isDocument, isSVGElement } from "../../utilities/dist/utilities.esm.js";
 import { useAnnouncement, HiddenText, LiveRegion } from "../../accessibility/dist/accessibility.esm.js";
 const DndMonitorContext = /* @__PURE__ */ createContext(null);
 function useDndMonitor(listener) {

package/dist/node_modules/@dnd-kit/sortable/dist/sortable.esm.js

@@ -1,6 +1,6 @@
 import React__default, { useMemo, useRef, useEffect, useContext, useState } from "react";
-import { KeyboardCode, useDndContext, useDroppable, useDraggable, getClientRect, closestCorners, getFirstCollision, getScrollableAncestors } from "../../core/dist/core.esm.js";
-import { useUniqueId, useIsomorphicLayoutEffect, useCombinedRefs, isKeyboardEvent, CSS, subtract } from "../../utilities/dist/utilities.esm.js";
+import { useDndContext, KeyboardCode, closestCorners, getFirstCollision, getScrollableAncestors, useDroppable, useDraggable, getClientRect } from "../../core/dist/core.esm.js";
+import { useUniqueId, useIsomorphicLayoutEffect, subtract, useCombinedRefs, isKeyboardEvent, CSS } from "../../utilities/dist/utilities.esm.js";
 function arrayMove(array, from, to) {
   const newArray = array.slice();
   newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);