@pixzle/react 0.0.24 → 0.0.25

package/dist/PixzleImage.d.ts

@@ -1,9 +1,26 @@
 import type { ImageInfo } from "@pixzle/core";
-import type React from "react";
-export interface PixzleImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src"> {
+import React from "react";
+export interface PixzleImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "onError"> {
     blockSize: number;
     seed: number | string;
     imageInfo: ImageInfo;
     image: string | Blob;
+    /**
+     * Element to render while the image is being restored.
+     */
+    fallback?: React.ReactNode;
+    /**
+     * Element to render if the image restoration fails.
+     */
+    errorFallback?: React.ReactNode | ((error: Error) => React.ReactNode);
+    /**
+     * Whether to protect the image from being saved via right-click or drag-and-drop.
+     * @default true
+     */
+    protected?: boolean;
+    /**
+     * Callback called when an error occurs during image restoration.
+     */
+    onError?: (error: Error) => void;
 }
-export declare const PixzleImage: React.FC<PixzleImageProps>;
+export declare const PixzleImage: React.ForwardRefExoticComponent<PixzleImageProps & React.RefAttributes<HTMLImageElement>>;

package/dist/PixzleImage.js

@@ -1,69 +1,85 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PixzleImage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const browser_1 = require("@pixzle/browser");
-const react_1 = require("react");
-const PixzleImage = ({ blockSize, seed, imageInfo, image, alt = "", ...props }) => {
-    const [src, setSrc] = (0, react_1.useState)(undefined);
-    const [error, setError] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        let active = true;
-        const restorer = new browser_1.BrowserImageRestorer();
-        const restore = async () => {
-            try {
-                const restoredBitmap = await restorer.restoreImage(image, blockSize, seed, imageInfo);
-                if (!active)
-                    return;
-                // Convert ImageBitmap to Blob URL to display in <img>
-                const canvas = document.createElement("canvas");
-                canvas.width = restoredBitmap.width;
-                canvas.height = restoredBitmap.height;
-                const ctx = canvas.getContext("2d");
-                if (!ctx)
-                    throw new Error("Could not get 2D context");
-                ctx.drawImage(restoredBitmap, 0, 0);
-                canvas.toBlob((blob) => {
-                    if (!active)
-                        return;
-                    if (blob) {
-                        const url = URL.createObjectURL(blob);
-                        setSrc((prev) => {
-                            if (prev)
-                                URL.revokeObjectURL(prev);
-                            return url;
-                        });
-                    }
-                });
-            }
-            catch (err) {
-                if (active) {
-                    setError(err instanceof Error ? err : new Error(String(err)));
-                }
-            }
-        };
-        restore();
-        return () => {
-            active = false;
-        };
-    }, [blockSize, seed, imageInfo, image]);
-    // Cleanup URL on unmount
+const react_1 = __importStar(require("react"));
+const usePixzleImage_1 = require("./usePixzleImage");
+exports.PixzleImage = react_1.default.forwardRef(({ blockSize, seed, imageInfo, image, alt = "", fallback = null, errorFallback = null, protected: isProtected = true, onError, ...props }, ref) => {
+    const { src, isLoading, error } = (0, usePixzleImage_1.usePixzleImage)({
+        blockSize,
+        seed,
+        imageInfo,
+        image,
+    });
     (0, react_1.useEffect)(() => {
-        return () => {
-            if (src) {
-                URL.revokeObjectURL(src);
-            }
-        };
-    }, [src]);
+        if (error) {
+            console.error("PixzleImage restoration error:", error);
+            onError?.(error);
+        }
+    }, [error, onError]);
     if (error) {
-        console.error("PixzleImage restoration error:", error);
+        if (errorFallback) {
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: typeof errorFallback === "function"
+                    ? errorFallback(error)
+                    : errorFallback }));
+        }
         return null;
     }
-    if (!src) {
-        return null; // Or render a placeholder/loading state passed via props?
+    if (isLoading || !src) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: fallback });
     }
     // biome-ignore lint/a11y/useAltText: alt is passed via props or defaults to empty string
-    return (0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, ...props });
-};
-exports.PixzleImage = PixzleImage;
+    return ((0, jsx_runtime_1.jsx)("img", { ref: ref, src: src, alt: alt, ...props, onContextMenu: (e) => {
+            if (isProtected)
+                e.preventDefault();
+            props.onContextMenu?.(e);
+        }, onDragStart: (e) => {
+            if (isProtected)
+                e.preventDefault();
+            props.onDragStart?.(e);
+        }, style: {
+            ...(isProtected
+                ? {
+                    userSelect: "none",
+                    WebkitUserSelect: "none",
+                    WebkitTouchCallout: "none",
+                }
+                : {}),
+            ...props.style,
+        } }));
+});
+exports.PixzleImage.displayName = "PixzleImage";
 //# sourceMappingURL=PixzleImage.js.map

package/dist/PixzleImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PixzleImage.js","sourceRoot":"","sources":["../src/PixzleImage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PixzleImage.js","sourceRoot":"","sources":["../src/PixzleImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAyC;AACzC,qDAAkD;AA2BrC,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CACzC,CACE,EACE,SAAS,EACT,IAAI,EACJ,SAAS,EACT,KAAK,EACL,GAAG,GAAG,EAAE,EACR,QAAQ,GAAG,IAAI,EACf,aAAa,GAAG,IAAI,EACpB,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAA,+BAAc,EAAC;QAC/C,SAAS;QACT,IAAI;QACJ,SAAS;QACT,KAAK;KACN,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;YACvD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,CACL,2DACG,OAAO,aAAa,KAAK,UAAU;oBAClC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;oBACtB,CAAC,CAAC,aAAa,GAChB,CACJ,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,SAAS,IAAI,CAAC,GAAG,EAAE,CAAC;QACtB,OAAO,2DAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,yFAAyF;IACzF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;YACnB,IAAI,WAAW;gBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;YACpC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACjB,IAAI,WAAW;gBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;YACpC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC,EACD,KAAK,EACH;YACE,GAAG,CAAC,WAAW;gBACb,CAAC,CAAC;oBACE,UAAU,EAAE,MAAM;oBAClB,gBAAgB,EAAE,MAAM;oBACxB,kBAAkB,EAAE,MAAM;iBAC3B;gBACH,CAAC,CAAC,EAAE,CAAC;YACP,GAAG,KAAK,CAAC,KAAK;SACQ,GAE1B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/index.d.ts

@@ -1 +1,2 @@
 export * from "./PixzleImage";
+export * from "./usePixzleImage";

package/dist/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./PixzleImage"), exports);
+__exportStar(require("./usePixzleImage"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,mDAAiC"}

package/dist/usePixzleImage.d.ts

@@ -0,0 +1,13 @@
+import type { ImageInfo } from "@pixzle/core";
+export interface UsePixzleImageProps {
+    blockSize: number;
+    seed: number | string;
+    imageInfo: ImageInfo;
+    image: string | Blob;
+}
+export interface UsePixzleImageResult {
+    src: string | undefined;
+    isLoading: boolean;
+    error: Error | null;
+}
+export declare const usePixzleImage: ({ blockSize, seed, imageInfo, image, }: UsePixzleImageProps) => UsePixzleImageResult;

package/dist/usePixzleImage.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePixzleImage = void 0;
+const browser_1 = require("@pixzle/browser");
+const react_1 = require("react");
+const usePixzleImage = ({ blockSize, seed, imageInfo, image, }) => {
+    const [src, setSrc] = (0, react_1.useState)(undefined);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        let active = true;
+        setIsLoading(true);
+        setError(null);
+        const restorer = new browser_1.BrowserImageRestorer();
+        const restore = async () => {
+            try {
+                const restoredBitmap = await restorer.restoreImage(image, blockSize, seed, imageInfo);
+                if (!active)
+                    return;
+                // Convert ImageBitmap to Blob URL to display in <img>
+                const canvas = document.createElement("canvas");
+                canvas.width = restoredBitmap.width;
+                canvas.height = restoredBitmap.height;
+                const ctx = canvas.getContext("2d");
+                if (!ctx)
+                    throw new Error("Could not get 2D context");
+                ctx.drawImage(restoredBitmap, 0, 0);
+                canvas.toBlob((blob) => {
+                    if (!active)
+                        return;
+                    if (blob) {
+                        const url = URL.createObjectURL(blob);
+                        setSrc((prev) => {
+                            if (prev)
+                                URL.revokeObjectURL(prev);
+                            return url;
+                        });
+                        setIsLoading(false);
+                    }
+                    else {
+                        setError(new Error("Failed to create blob from canvas"));
+                        setIsLoading(false);
+                    }
+                });
+            }
+            catch (err) {
+                if (active) {
+                    setError(err instanceof Error ? err : new Error(String(err)));
+                    setIsLoading(false);
+                }
+            }
+        };
+        restore();
+        return () => {
+            active = false;
+        };
+    }, [blockSize, seed, imageInfo, image]);
+    // Cleanup URL on unmount
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (src) {
+                URL.revokeObjectURL(src);
+            }
+        };
+    }, [src]);
+    return { src, isLoading, error };
+};
+exports.usePixzleImage = usePixzleImage;
+//# sourceMappingURL=usePixzleImage.js.map

package/dist/usePixzleImage.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixzle/react",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "description": "React components for pixzle",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -34,8 +34,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@pixzle/browser": "0.0.24",
-    "@pixzle/core": "0.0.24"
+    "@pixzle/browser": "0.0.25",
+    "@pixzle/core": "0.0.25"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/dist/PixzleImage.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { PixzleImage } from "./PixzleImage";
-declare const meta: Meta<typeof PixzleImage>;
-export default meta;
-type Story = StoryObj<typeof PixzleImage>;
-export declare const Default: Story;
-export declare const SmallBlocks: Story;

package/dist/PixzleImage.stories.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmallBlocks = exports.Default = void 0;
-const PixzleImage_1 = require("./PixzleImage");
-const meta = {
-    title: "Pixzle/PixzleImage",
-    component: PixzleImage_1.PixzleImage,
-    parameters: {
-        layout: "centered",
-    },
-    tags: ["autodocs"],
-    argTypes: {
-        blockSize: { control: "number" },
-        seed: { control: "number" },
-        imageInfo: { control: "object" },
-        image: { control: "text" },
-    },
-};
-exports.default = meta;
-// A placeholder image that is 500x500
-const PLACEHOLDER_IMAGE = "https://via.placeholder.com/500x500.png?text=Shuffled+Image";
-exports.Default = {
-    args: {
-        blockSize: 50,
-        seed: 12345,
-        imageInfo: {
-            w: 500,
-            h: 500,
-        },
-        image: PLACEHOLDER_IMAGE,
-        alt: "Restored Image Preview",
-        style: { border: "1px solid #ccc" },
-    },
-};
-exports.SmallBlocks = {
-    args: {
-        ...exports.Default.args,
-        blockSize: 10,
-        imageInfo: {
-            w: 500,
-            h: 500,
-        },
-    },
-};
-//# sourceMappingURL=PixzleImage.stories.js.map

package/dist/PixzleImage.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PixzleImage.stories.js","sourceRoot":"","sources":["../src/PixzleImage.stories.tsx"],"names":[],"mappings":";;;AACA,+CAA4C;AAE5C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,yBAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAChC,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC3B,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC3B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGpB,sCAAsC;AACtC,MAAM,iBAAiB,GACrB,6DAA6D,CAAC;AAEnD,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,KAAK;QACX,SAAS,EAAE;YACT,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;SACP;QACD,KAAK,EAAE,iBAAiB;QACxB,GAAG,EAAE,wBAAwB;QAC7B,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;KACpC;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,GAAG,eAAO,CAAC,IAAI;QACf,SAAS,EAAE,EAAE;QACb,SAAS,EAAE;YACT,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;SACP;KACF;CACF,CAAC"}