@jhits/plugin-images 0.0.6 → 0.0.8

package/dist/init.js

@@ -0,0 +1,43 @@
+/**
+ * Images Plugin Initialization Utility
+ *
+ * Simple function to initialize the images plugin with client configuration.
+ * Call this once in your app (e.g., in root layout) to enable global image editing.
+ *
+ * @example
+ * ```typescript
+ * import { initImagesPlugin } from '@jhits/plugin-images/init';
+ * import { imagesConfig } from '@/plugins/images-config';
+ *
+ * // Call once when your app loads
+ * initImagesPlugin(imagesConfig);
+ * ```
+ */
+'use client';
+/**
+ * Initialize the images plugin with client configuration
+ *
+ * This function sets up the window global that the plugin reads from automatically.
+ * Call this once when your app loads, before the plugin component is rendered.
+ *
+ * @param config - Images plugin configuration (enabled, styling, etc.)
+ */
+export function initImagesPlugin(config) {
+    if (typeof window === 'undefined') {
+        // Server-side: no-op
+        return;
+    }
+    // Initialize the global plugin props object if it doesn't exist
+    if (!window.__JHITS_PLUGIN_PROPS__) {
+        window.__JHITS_PLUGIN_PROPS__ = {};
+    }
+    // Set images plugin configuration
+    window.__JHITS_PLUGIN_PROPS__['plugin-images'] = {
+        enabled: config?.enabled !== undefined ? config.enabled : true,
+        className: config?.className,
+        overlayClassName: config?.overlayClassName,
+    };
+    console.log('[ImagesPlugin] Initialized with config:', {
+        enabled: config?.enabled !== undefined ? config.enabled : true,
+    });
+}

package/dist/types/index.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Image Plugin Types
+ */
+export interface ImageMetadata {
+    /** Unique image ID */
+    id: string;
+    /** Original filename */
+    filename: string;
+    /** File path/URL */
+    url: string;
+    /** File size in bytes */
+    size: number;
+    /** MIME type */
+    mimeType: string;
+    /** Image dimensions */
+    width?: number;
+    height?: number;
+    /** Alt text */
+    alt?: string;
+    /** Upload timestamp */
+    uploadedAt: string;
+    /** Uploaded by user ID */
+    uploadedBy?: string;
+    /** Tags for searching */
+    tags?: string[];
+}
+export interface ImageUploadResponse {
+    success: boolean;
+    image?: ImageMetadata;
+    error?: string;
+}
+export interface ImageListResponse {
+    images: ImageMetadata[];
+    total: number;
+    page: number;
+    limit: number;
+}
+export interface ImagePickerProps {
+    /** Current selected image URL */
+    value?: string;
+    /** Callback when image is selected */
+    onChange: (image: ImageMetadata | null) => void;
+    /** Whether dark mode is enabled */
+    darkMode?: boolean;
+    /** Show brightness and blur controls */
+    showEffects?: boolean;
+    /** Current brightness value (0-200, 100 = normal) */
+    brightness?: number;
+    /** Current blur value (0-20) */
+    blur?: number;
+    /** Current scale value (0.1-3.0, 1.0 = normal) */
+    scale?: number;
+    /** Current X position offset (-100 to 100, 0 = center) */
+    positionX?: number;
+    /** Current Y position offset (-100 to 100, 0 = center) */
+    positionY?: number;
+    /** Aspect ratio for preview/editor (e.g., "4/5", "3/4", "16/9", "1/1") */
+    aspectRatio?: string;
+    /** Border radius class (e.g., "rounded-xl", "rounded-3xl") */
+    borderRadius?: string;
+    /** Object fit style (e.g., "cover", "contain") */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /** Object position (e.g., "center", "top", "bottom") */
+    objectPosition?: string;
+    /** Callback when brightness changes */
+    onBrightnessChange?: (brightness: number) => void;
+    /** Callback when blur changes */
+    onBlurChange?: (blur: number) => void;
+    /** Callback when scale changes */
+    onScaleChange?: (scale: number) => void;
+    /** Callback when X position changes */
+    onPositionXChange?: (positionX: number) => void;
+    /** Callback when Y position changes */
+    onPositionYChange?: (positionY: number) => void;
+    /** Callback when editor "Done" button is clicked - triggers immediate save */
+    onEditorSave?: (scale: number, positionX: number, positionY: number, brightness?: number, blur?: number) => void;
+    /** Automatically open the editor when component mounts (useful for modal scenarios) */
+    autoOpenEditor?: boolean;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,aAAa;IAC1B,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC7B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IACjE,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,8EAA8E;IAC9E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjH,uFAAuF;IACvF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/dist/types/index.js

@@ -0,0 +1,4 @@
+/**
+ * Image Plugin Types
+ */
+export {};

package/dist/utils/fallback.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Fallback image utility
+ * Provides a default fallback image URL when images fail to load or are invalid
+ * Also handles URL construction for image filenames
+ */
+/**
+ * Returns the URL for the fallback "image not found" image
+ * Served from the plugin's API route
+ */
+export declare function getFallbackImageUrl(): string;
+/**
+ * Constructs the full image URL from a filename or URL
+ * - If it's already a full URL (http://, https://, or starts with /), returns as-is
+ * - If it's a filename, constructs `/api/uploads/${filename}`
+ */
+export declare function constructImageUrl(src: string | null | undefined): string | null;
+/**
+ * Validates if a URL is valid and can be used with Next.js Image component
+ */
+export declare function isValidImageUrl(url: string | null | undefined): boolean;
+/**
+ * Gets a safe image URL with automatic URL construction and fallback
+ * - Constructs the full URL if src is a filename
+ * - Falls back to the plugin's fallback image if invalid or missing
+ */
+export declare function getSafeImageUrl(src: string | null | undefined): string;
+//# sourceMappingURL=fallback.d.ts.map

package/dist/utils/fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallback.d.ts","sourceRoot":"","sources":["../../src/utils/fallback.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAE5C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAY/E;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAkBvE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAUtE"}

package/dist/utils/fallback.js

@@ -0,0 +1,63 @@
+/**
+ * Fallback image utility
+ * Provides a default fallback image URL when images fail to load or are invalid
+ * Also handles URL construction for image filenames
+ */
+/**
+ * Returns the URL for the fallback "image not found" image
+ * Served from the plugin's API route
+ */
+export function getFallbackImageUrl() {
+    return '/api/plugin-images/fallback';
+}
+/**
+ * Constructs the full image URL from a filename or URL
+ * - If it's already a full URL (http://, https://, or starts with /), returns as-is
+ * - If it's a filename, constructs `/api/uploads/${filename}`
+ */
+export function constructImageUrl(src) {
+    if (!src || typeof src !== 'string') {
+        return null;
+    }
+    // If it's already a full URL (absolute or relative), return as-is
+    if (src.startsWith('http://') || src.startsWith('https://') || src.startsWith('/')) {
+        return src;
+    }
+    // Otherwise, it's a filename - construct the API URL
+    return `/api/uploads/${src}`;
+}
+/**
+ * Validates if a URL is valid and can be used with Next.js Image component
+ */
+export function isValidImageUrl(url) {
+    if (!url || typeof url !== 'string') {
+        return false;
+    }
+    // Check if it's a valid URL format
+    try {
+        // For relative URLs (starting with /), they're valid
+        if (url.startsWith('/')) {
+            return true;
+        }
+        // For absolute URLs, validate the URL format
+        new URL(url);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Gets a safe image URL with automatic URL construction and fallback
+ * - Constructs the full URL if src is a filename
+ * - Falls back to the plugin's fallback image if invalid or missing
+ */
+export function getSafeImageUrl(src) {
+    // First, construct the URL if it's a filename
+    const constructedUrl = constructImageUrl(src);
+    // Then validate and return, or fallback
+    if (isValidImageUrl(constructedUrl)) {
+        return constructedUrl;
+    }
+    return getFallbackImageUrl();
+}

package/dist/utils/transforms.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Image Transform Utilities
+ */
+export interface ImageTransformOptions {
+    scale: number;
+    positionX: number;
+    positionY: number;
+    baseScale?: number;
+}
+/**
+ * Calculates the CSS transform string
+ * Order: Center -> Scale -> Translate (Offset)
+ *
+ * Position values are stored as percentages of the CONTAINER, not the image.
+ * This makes them consistent across different container sizes.
+ *
+ * IMPORTANT: The image uses width: auto; height: auto with minWidth: 100%; minHeight: 100%
+ * This allows the image to maintain its natural aspect ratio while ensuring it covers the container.
+ * baseScale handles the "fitting" to ensure the image is large enough to fill the container.
+ *
+ * Applying SCALE before POSITION makes the position relative to the visual size you see,
+ * not the original raw file size. This ensures consistent positioning across different scales.
+ */
+export declare function getImageTransform(options: ImageTransformOptions, needsCentering?: boolean, caller?: string): string;
+export declare function getImageFilter(brightness?: number, blur?: number): string | undefined;
+//# sourceMappingURL=transforms.d.ts.map

package/dist/utils/transforms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transforms.d.ts","sourceRoot":"","sources":["../../src/utils/transforms.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAC7B,OAAO,EAAE,qBAAqB,EAC9B,cAAc,GAAE,OAAe,EAC/B,MAAM,CAAC,EAAE,MAAM,GAChB,MAAM,CAmBR;AAED,wBAAgB,cAAc,CAAC,UAAU,GAAE,MAAY,EAAE,IAAI,GAAE,MAAU,GAAG,MAAM,GAAG,SAAS,CAG7F"}

package/dist/utils/transforms.js

@@ -0,0 +1,38 @@
+/**
+ * Image Transform Utilities
+ */
+/**
+ * Calculates the CSS transform string
+ * Order: Center -> Scale -> Translate (Offset)
+ *
+ * Position values are stored as percentages of the CONTAINER, not the image.
+ * This makes them consistent across different container sizes.
+ *
+ * IMPORTANT: The image uses width: auto; height: auto with minWidth: 100%; minHeight: 100%
+ * This allows the image to maintain its natural aspect ratio while ensuring it covers the container.
+ * baseScale handles the "fitting" to ensure the image is large enough to fill the container.
+ *
+ * Applying SCALE before POSITION makes the position relative to the visual size you see,
+ * not the original raw file size. This ensures consistent positioning across different scales.
+ */
+export function getImageTransform(options, needsCentering = false, caller) {
+    const { scale, positionX, positionY, baseScale = 1 } = options;
+    const totalScale = baseScale * scale;
+    // 1. Center the image (if using top:50% left:50%)
+    const center = needsCentering ? 'translate(-50%, -50%)' : '';
+    // 2. Apply the scaling (base x zoom) FIRST
+    // This ensures the position offset is relative to the scaled visual size
+    const zoom = `scale(${totalScale})`;
+    // 3. Apply the offset (positionX/Y) AFTER scaling
+    // Position values are stored as percentage of CONTAINER
+    // Since scale is applied first, the translate is relative to the scaled visual size
+    const offset = `translate(${positionX}%, ${positionY}%)`;
+    // Combining them: Center first, then scale, then move
+    // Order matters: scale before translate ensures position is relative to visual size
+    return `${center} ${zoom} ${offset}`.trim();
+}
+export function getImageFilter(brightness = 100, blur = 0) {
+    if (brightness === 100 && blur === 0)
+        return undefined;
+    return `brightness(${brightness}%) blur(${blur}px)`;
+}

package/dist/views/ImageManager.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Image Manager View
+ * Main view for managing uploaded images
+ */
+export interface ImageManagerViewProps {
+    siteId: string;
+    locale: string;
+}
+export declare function ImageManagerView({ siteId, locale }: ImageManagerViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageManager.d.ts.map

package/dist/views/ImageManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageManager.d.ts","sourceRoot":"","sources":["../../src/views/ImageManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,WAAW,qBAAqB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CAczE"}

package/dist/views/ImageManager.js

@@ -0,0 +1,9 @@
+/**
+ * Image Manager View
+ * Main view for managing uploaded images
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ImageManagerView({ siteId, locale }) {
+    return (_jsx("div", { className: "min-h-screen bg-dashboard-bg p-8", children: _jsxs("div", { className: "max-w-7xl mx-auto", children: [_jsx("h1", { className: "text-4xl font-black uppercase tracking-tighter text-dashboard-text mb-8", children: "Image Manager" }), _jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 mb-8", children: "This plugin provides image upload and management functionality. Use the ImagePicker component in other plugins to select images." })] }) }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jhits/plugin-images",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Image management and storage plugin for the JHITS ecosystem",
   "publishConfig": {
     "access": "public"
@@ -20,7 +20,7 @@
   "dependencies": {
     "lucide-react": "^0.564.0",
     "mongodb": "^7.1.0",
-    "@jhits/plugin-core": "0.0.3"
+    "@jhits/plugin-core": "0.0.4"
   },
   "peerDependencies": {
     "next": ">=15.0.0",

package/src/components/BackgroundImage.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface BackgroundImageProps {
+    id: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    backgroundSize?: 'cover' | 'contain' | 'auto' | string;
+    backgroundPosition?: string;
+}
+export declare function BackgroundImage({ id, className, style, children, backgroundSize, backgroundPosition, }: BackgroundImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BackgroundImage.d.ts.map

package/src/components/BackgroundImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundImage.d.ts","sourceRoot":"","sources":["BackgroundImage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,oBAAoB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,wBAAgB,eAAe,CAAC,EAC5B,EAAE,EACF,SAAc,EACd,KAAU,EACV,QAAQ,EACR,cAAwB,EACxB,kBAA6B,GAChC,EAAE,oBAAoB,2CAqEtB"}

package/src/components/BackgroundImage.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Image } from './Image';
+import { Edit2 } from 'lucide-react';
+export function BackgroundImage({ id, className = '', style = {}, children, backgroundSize = 'cover', backgroundPosition = 'center', }) {
+    var _a;
+    const [isAdmin, setIsAdmin] = useState(false);
+    const [isLoading, setIsLoading] = useState(true);
+    useEffect(() => {
+        const checkUser = async () => {
+            var _a;
+            try {
+                const res = await fetch('/api/me');
+                const data = await res.json();
+                if (data.loggedIn && ['admin', 'dev'].includes((_a = data.user) === null || _a === void 0 ? void 0 : _a.role)) {
+                    setIsAdmin(true);
+                }
+            }
+            catch (error) {
+                console.error('Auth error:', error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        checkUser();
+    }, []);
+    const handleEditClick = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        window.dispatchEvent(new CustomEvent('open-image-editor', { detail: { id } }));
+    };
+    return (_jsxs("div", { className: `group relative overflow-hidden ${className}`, style: Object.assign(Object.assign({}, style), { minHeight: (_a = style.minHeight) !== null && _a !== void 0 ? _a : '300px' }), "data-background-id": id, children: [_jsx("div", { className: "absolute inset-0 z-0", children: _jsx(Image, { id: id, alt: "", fill: true, priority: true, className: "w-full h-full", objectFit: backgroundSize, objectPosition: backgroundPosition, editable: false }) }), _jsx("div", { className: "relative z-10 w-full h-full", children: children }), !isLoading && isAdmin && (_jsxs("button", { onClick: handleEditClick, className: "absolute bottom-8 left-8 z-50 flex items-center gap-3 px-6 py-3 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 rounded-full shadow-2xl border border-neutral-200 dark:border-neutral-700 opacity-0 translate-y-4 group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-500 ease-out", children: [_jsx(Edit2, { size: 16, className: "text-primary" }), _jsx("span", { className: "text-[11px] font-black uppercase tracking-widest", children: "Edit Background" })] }))] }));
+}

package/src/components/GlobalImageEditor/config.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Configuration utilities for GlobalImageEditor
+ */
+import type { PluginConfig } from './types';
+/**
+ * Read plugin configuration from window global
+ */
+export declare function getPluginConfig(): PluginConfig;
+//# sourceMappingURL=config.d.ts.map

package/src/components/GlobalImageEditor/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["config.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;GAEG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAW9C"}

package/src/components/GlobalImageEditor/config.js

@@ -0,0 +1,18 @@
+/**
+ * Configuration utilities for GlobalImageEditor
+ */
+/**
+ * Read plugin configuration from window global
+ */
+export function getPluginConfig() {
+    var _a;
+    if (typeof window === 'undefined') {
+        return { enabled: false };
+    }
+    const pluginProps = (_a = window.__JHITS_PLUGIN_PROPS__) === null || _a === void 0 ? void 0 : _a['plugin-images'];
+    return {
+        enabled: (pluginProps === null || pluginProps === void 0 ? void 0 : pluginProps.enabled) !== undefined ? pluginProps.enabled : true,
+        className: pluginProps === null || pluginProps === void 0 ? void 0 : pluginProps.className,
+        overlayClassName: pluginProps === null || pluginProps === void 0 ? void 0 : pluginProps.overlayClassName,
+    };
+}

package/src/components/GlobalImageEditor/eventHandlers.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Event handlers for image changes and effects
+ */
+import type { SelectedImage } from './types';
+import type { ImageMetadata } from '../../types';
+/**
+ * Apply image changes to DOM and save to API
+ */
+export declare function handleImageChange(image: ImageMetadata | null, selectedImage: SelectedImage, onClose: () => void): Promise<void>;
+/**
+ * Handle brightness change
+ * @param saveImmediately - If true, save to API immediately. If false, only update state/DOM (for editor preview)
+ */
+export declare function handleBrightnessChange(brightness: number, selectedImage: SelectedImage, setSelectedImage: (image: SelectedImage) => void, saveImmediately?: boolean): Promise<void>;
+/**
+ * Handle blur change
+ * @param saveImmediately - If true, save to API immediately. If false, only update state/DOM (for editor preview)
+ */
+export declare function handleBlurChange(blur: number, selectedImage: SelectedImage, setSelectedImage: (image: SelectedImage) => void, saveImmediately?: boolean): Promise<void>;
+//# sourceMappingURL=eventHandlers.d.ts.map

package/src/components/GlobalImageEditor/eventHandlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventHandlers.d.ts","sourceRoot":"","sources":["eventHandlers.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD;;GAEG;AACH,wBAAsB,iBAAiB,CACnC,KAAK,EAAE,aAAa,GAAG,IAAI,EAC3B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,MAAM,IAAI,GACpB,OAAO,CAAC,IAAI,CAAC,CAiDf;AAoID;;;GAGG;AACH,wBAAsB,sBAAsB,CACxC,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,EAChD,eAAe,GAAE,OAAc,GAChC,OAAO,CAAC,IAAI,CAAC,CAyBf;AAED;;;GAGG;AACH,wBAAsB,gBAAgB,CAClC,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,EAChD,eAAe,GAAE,OAAc,GAChC,OAAO,CAAC,IAAI,CAAC,CAyBf"}