drp-imagesdk 2.0.0

package/dist/worker.js

@@ -0,0 +1,124 @@
+let worker = null;
+let messageId = 0;
+const pendingMessages = new Map();
+function getWorker() {
+    if (typeof Worker === 'undefined')
+        return null;
+    if (!worker) {
+        try {
+            const workerCode = `
+        self.onmessage = function(e) {
+          const { id, type, payload } = e.data;
+          
+          try {
+            let result;
+            
+            switch (type) {
+              case 'resize': {
+                const { imageData, width, height } = payload;
+                const canvas = new OffscreenCanvas(width, height);
+                const ctx = canvas.getContext('2d');
+                const imgData = new ImageData(
+                  new Uint8ClampedArray(imageData.data),
+                  imageData.width,
+                  imageData.height
+                );
+                const tempCanvas = new OffscreenCanvas(imageData.width, imageData.height);
+                const tempCtx = tempCanvas.getContext('2d');
+                tempCtx.putImageData(imgData, 0, 0);
+                ctx.imageSmoothingEnabled = true;
+                ctx.imageSmoothingQuality = 'high';
+                ctx.drawImage(tempCanvas, 0, 0, width, height);
+                result = ctx.getImageData(0, 0, width, height);
+                break;
+              }
+              
+              case 'adjust': {
+                const { imageData: imgData2, adjustments } = payload;
+                const data = new Uint8ClampedArray(imgData2.data);
+                const { brightness = 0, contrast = 0, saturation = 0 } = adjustments;
+                
+                const brightnessValue = brightness / 100;
+                const contrastValue = (contrast + 100) / 100;
+                const saturationValue = (saturation + 100) / 100;
+                
+                for (let i = 0; i < data.length; i += 4) {
+                  let r = data[i] + brightnessValue * 255;
+                  let g = data[i + 1] + brightnessValue * 255;
+                  let b = data[i + 2] + brightnessValue * 255;
+                  
+                  r = ((r / 255 - 0.5) * contrastValue + 0.5) * 255;
+                  g = ((g / 255 - 0.5) * contrastValue + 0.5) * 255;
+                  b = ((b / 255 - 0.5) * contrastValue + 0.5) * 255;
+                  
+                  const gray = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+                  r = r + (gray - r) * (1 - saturationValue);
+                  g = g + (gray - g) * (1 - saturationValue);
+                  b = b + (gray - b) * (1 - saturationValue);
+                  
+                  data[i] = Math.max(0, Math.min(255, r));
+                  data[i + 1] = Math.max(0, Math.min(255, g));
+                  data[i + 2] = Math.max(0, Math.min(255, b));
+                }
+                
+                result = { data: data.buffer, width: imgData2.width, height: imgData2.height };
+                break;
+              }
+              
+              default:
+                throw new Error('Unknown operation: ' + type);
+            }
+            
+            self.postMessage({ id, type: 'result', payload: result });
+          } catch (err) {
+            self.postMessage({ id, type: 'error', error: err.message });
+          }
+        };
+      `;
+            const blob = new Blob([workerCode], { type: 'application/javascript' });
+            worker = new Worker(URL.createObjectURL(blob));
+            worker.onmessage = (e) => {
+                const { id, type, payload, error } = e.data;
+                const pending = pendingMessages.get(id);
+                if (pending) {
+                    pendingMessages.delete(id);
+                    if (type === 'error') {
+                        pending.reject(new Error(error));
+                    }
+                    else {
+                        pending.resolve(payload);
+                    }
+                }
+            };
+            worker.onerror = (e) => {
+                console.error('Worker error:', e);
+            };
+        }
+        catch {
+            return null;
+        }
+    }
+    return worker;
+}
+export function isWorkerSupported() {
+    return typeof Worker !== 'undefined' && typeof OffscreenCanvas !== 'undefined';
+}
+export async function processInWorker(operation) {
+    const w = getWorker();
+    if (!w) {
+        throw new Error('Web Worker not supported');
+    }
+    const id = `msg_${++messageId}`;
+    return new Promise((resolve, reject) => {
+        pendingMessages.set(id, { resolve, reject });
+        w.postMessage({ id, ...operation });
+    });
+}
+export function terminateWorker() {
+    if (worker) {
+        worker.terminate();
+        worker = null;
+        pendingMessages.clear();
+    }
+}
+//# sourceMappingURL=worker.js.map

package/dist/worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.js","sourceRoot":"","sources":["../src/worker.ts"],"names":[],"mappings":"AAkBA,IAAI,MAAM,GAAkB,IAAI,CAAC;AACjC,IAAI,SAAS,GAAG,CAAC,CAAC;AAClB,MAAM,eAAe,GAAG,IAAI,GAAG,EAG3B,CAAC;AAEL,SAAS,SAAS;IAChB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAE/C,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,IAAI,CAAC;YACH,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoElB,CAAC;YAEF,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,CAAC;YACxE,MAAM,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;YAE/C,MAAM,CAAC,SAAS,GAAG,CAAC,CAA+B,EAAE,EAAE;gBACrD,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC;gBAC5C,MAAM,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxC,IAAI,OAAO,EAAE,CAAC;oBACZ,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;oBAC3B,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;wBACrB,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;oBACnC,CAAC;yBAAM,CAAC;wBACN,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;oBAC3B,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;YAEF,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;gBACrB,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;YACpC,CAAC,CAAC;QACJ,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,eAAe,KAAK,WAAW,CAAC;AACjF,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,SAA0B;IAC9D,MAAM,CAAC,GAAG,SAAS,EAAE,CAAC;IACtB,IAAI,CAAC,CAAC,EAAE,CAAC;QACP,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,EAAE,GAAG,OAAO,EAAE,SAAS,EAAE,CAAC;IAEhC,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,eAAe,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;QAC7C,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,GAAG,SAAS,EAAmB,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,CAAC,SAAS,EAAE,CAAC;QACnB,MAAM,GAAG,IAAI,CAAC;QACd,eAAe,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;AACH,CAAC"}

package/dist/zoom.d.ts

@@ -0,0 +1,14 @@
+export interface ZoomState {
+    zoom: number;
+    panX: number;
+    panY: number;
+}
+export declare function createZoomState(): ZoomState;
+export declare function zoomIn(state: ZoomState, step?: number): ZoomState;
+export declare function zoomOut(state: ZoomState, step?: number): ZoomState;
+export declare function zoomToFit(_state: ZoomState, canvasWidth: number, canvasHeight: number, containerWidth: number, containerHeight: number): ZoomState;
+export declare function zoomTo100(_state: ZoomState, canvasWidth: number, canvasHeight: number, containerWidth: number, containerHeight: number): ZoomState;
+export declare function pan(state: ZoomState, deltaX: number, deltaY: number): ZoomState;
+export declare function zoomAtPoint(state: ZoomState, delta: number, clientX: number, clientY: number, containerRect: DOMRect): ZoomState;
+export declare function getCanvasTransform(state: ZoomState): string;
+//# sourceMappingURL=zoom.d.ts.map

package/dist/zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.d.ts","sourceRoot":"","sources":["../src/zoom.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,eAAe,IAAI,SAAS,CAE3C;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAIjE;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAIlE;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,EACjB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,GACtB,SAAS,CASX;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,EACjB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,GACtB,SAAS,CAMX;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,CAM/E;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,OAAO,GACrB,SAAS,CAgBX;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAE3D"}

package/dist/zoom.js

@@ -0,0 +1,55 @@
+export function createZoomState() {
+    return { zoom: 1, panX: 0, panY: 0 };
+}
+export function zoomIn(state, step) {
+    const s = step ?? 0.25;
+    const newZoom = Math.min(state.zoom + s, 5);
+    return { ...state, zoom: newZoom };
+}
+export function zoomOut(state, step) {
+    const s = step ?? 0.25;
+    const newZoom = Math.max(state.zoom - s, 0.1);
+    return { ...state, zoom: newZoom };
+}
+export function zoomToFit(_state, canvasWidth, canvasHeight, containerWidth, containerHeight) {
+    const scaleX = containerWidth / canvasWidth;
+    const scaleY = containerHeight / canvasHeight;
+    const zoom = Math.min(scaleX, scaleY) * 0.9;
+    return {
+        zoom: Math.max(0.1, Math.min(zoom, 5)),
+        panX: 0,
+        panY: 0,
+    };
+}
+export function zoomTo100(_state, canvasWidth, canvasHeight, containerWidth, containerHeight) {
+    return {
+        zoom: 1,
+        panX: (containerWidth - canvasWidth) / 2,
+        panY: (containerHeight - canvasHeight) / 2,
+    };
+}
+export function pan(state, deltaX, deltaY) {
+    return {
+        ...state,
+        panX: state.panX + deltaX,
+        panY: state.panY + deltaY,
+    };
+}
+export function zoomAtPoint(state, delta, clientX, clientY, containerRect) {
+    const factor = delta > 0 ? 1.1 : 0.9;
+    const newZoom = Math.max(0.1, Math.min(state.zoom * factor, 5));
+    const mouseX = clientX - containerRect.left;
+    const mouseY = clientY - containerRect.top;
+    const zoomRatio = newZoom / state.zoom;
+    const newPanX = mouseX - (mouseX - state.panX) * zoomRatio;
+    const newPanY = mouseY - (mouseY - state.panY) * zoomRatio;
+    return {
+        zoom: newZoom,
+        panX: newPanX,
+        panY: newPanY,
+    };
+}
+export function getCanvasTransform(state) {
+    return `translate(${state.panX}px, ${state.panY}px) scale(${state.zoom})`;
+}
+//# sourceMappingURL=zoom.js.map

package/dist/zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.js","sourceRoot":"","sources":["../src/zoom.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "drp-imagesdk",
+  "version": "2.0.0",
+  "description": "DRP (Digital Resolution Pro) - One-line image processing, conversion, compression, and editing SDK for JavaScript",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "browser": "./dist/image-sdk.umd.js",
+  "unpkg": "./dist/image-sdk.min.js",
+  "jsdelivr": "./dist/image-sdk.min.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./convert": {
+      "import": "./dist/convert.js",
+      "types": "./dist/convert.d.ts"
+    },
+    "./resize": {
+      "import": "./dist/resize.js",
+      "types": "./dist/resize.d.ts"
+    },
+    "./crop": {
+      "import": "./dist/crop.js",
+      "types": "./dist/crop.d.ts"
+    },
+    "./filters": {
+      "import": "./dist/filters.js",
+      "types": "./dist/filters.d.ts"
+    },
+    "./metadata": {
+      "import": "./dist/metadata.js",
+      "types": "./dist/metadata.d.ts"
+    },
+    "./compress": {
+      "import": "./dist/compress.js",
+      "types": "./dist/compress.d.ts"
+    },
+    "./drp": {
+      "import": "./dist/drp.js",
+      "types": "./dist/drp.d.ts"
+    },
+    "./drp-class": {
+      "import": "./dist/drp-class.js",
+      "types": "./dist/drp-class.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "build:bundle": "rollup -c rollup.config.js",
+    "build:all": "npm run build && npm run build:bundle",
+    "prepack": "npm run build:all",
+    "dev": "tsc --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "tsc --noEmit"
+  },
+  "keywords": [
+    "image",
+    "editing",
+    "processing",
+    "conversion",
+    "compression",
+    "metadata",
+    "sdk",
+    "browser",
+    "drp",
+    "digital-resolution-pro"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DarpanAdhikari/image-conversions.git"
+  },
+  "homepage": "https://github.com/DarpanAdhikari/image-conversions#readme",
+  "bugs": "https://github.com/DarpanAdhikari/image-conversions/issues",
+  "license": "MIT",
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^15.2.0",
+    "@rollup/plugin-typescript": "^11.1.0",
+    "rollup": "^4.0.0",
+    "tslib": "^2.6.0",
+    "typescript": "^5.4.0",
+    "vitest": "^1.6.0"
+  }
+}