@jhits/plugin-images 0.0.8 → 0.0.10

package/src/config.ts

@@ -1,179 +0,0 @@
-/**
- * Plugin Images Configuration
- * Automatically creates required API routes in client apps
- */
-
-import { writeFileSync, mkdirSync, existsSync } from 'fs';
-import { join } from 'path';
-
-/**
- * Automatically creates plugin-images API catch-all route
- * This route forwards requests to the plugin's API router
- */
-/**
- * @deprecated Routes are now handled by the unified /api/[pluginId]/[...path]/route.ts
- * This function is kept for backwards compatibility but does nothing
- */
-export function ensureImagesRoutes() {
-    // Routes are now handled by the unified /api/[pluginId]/[...path]/route.ts
-    // No need to generate individual routes anymore
-    return;
-    try {
-        // Find the host app directory (where next.config.ts is)
-        let appDir = process.cwd();
-        const possiblePaths = [
-            appDir,
-            join(appDir, '..'),
-            join(appDir, '..', '..'),
-        ];
-
-        for (const basePath of possiblePaths) {
-            const configPath = join(basePath, 'next.config.ts');
-            if (existsSync(configPath)) {
-                appDir = basePath;
-                break;
-            }
-        }
-
-        const apiDir = join(appDir, 'src', 'app', 'api');
-        const pluginImagesApiDir = join(apiDir, 'plugin-images', '[...path]');
-        const pluginImagesApiPath = join(pluginImagesApiDir, 'route.ts');
-
-        // Check if route already exists
-        if (existsSync(pluginImagesApiPath)) {
-            const fs = require('fs');
-            const existingContent = fs.readFileSync(pluginImagesApiPath, 'utf8');
-            if (existingContent.includes('@jhits/plugin-images') || existingContent.includes('plugin-images')) {
-                // Already set up, skip
-                return;
-            }
-        }
-
-        // Create plugin-images API catch-all route
-        mkdirSync(pluginImagesApiDir, { recursive: true });
-        writeFileSync(pluginImagesApiPath, `// Auto-generated by @jhits/plugin-images - Images Plugin API
-// This route is automatically created for the images plugin
-import { NextRequest } from 'next/server';
-import { handleImagesApi } from '@jhits/plugin-images/api';
-
-export async function GET(
-    req: NextRequest,
-    { params }: { params: Promise<{ path: string[] }> }
-) {
-    const { path } = await params;
-    return handleImagesApi(req, path);
-}
-
-export async function POST(
-    req: NextRequest,
-    { params }: { params: Promise<{ path: string[] }> }
-) {
-    const { path } = await params;
-    return handleImagesApi(req, path);
-}
-
-export async function PUT(
-    req: NextRequest,
-    { params }: { params: Promise<{ path: string[] }> }
-) {
-    const { path } = await params;
-    return handleImagesApi(req, path);
-}
-
-export async function DELETE(
-    req: NextRequest,
-    { params }: { params: Promise<{ path: string[] }> }
-) {
-    const { path } = await params;
-    return handleImagesApi(req, path);
-}
-
-export async function PATCH(
-    req: NextRequest,
-    { params }: { params: Promise<{ path: string[] }> }
-) {
-    const { path } = await params;
-    return handleImagesApi(req, path);
-}
-`);
-
-        // Also create uploads route for serving files
-        const uploadsApiDir = join(apiDir, 'uploads', '[filename]');
-        const uploadsApiPath = join(uploadsApiDir, 'route.ts');
-
-        if (!existsSync(uploadsApiPath)) {
-            mkdirSync(uploadsApiDir, { recursive: true });
-            writeFileSync(uploadsApiPath, `// Auto-generated by @jhits/plugin-images - Image Uploads API
-// This route is automatically created for the images plugin
-import { NextRequest, NextResponse } from 'next/server';
-import { readFile } from 'fs/promises';
-import path from 'path';
-import { existsSync } from 'fs';
-
-export async function GET(
-    request: NextRequest,
-    { params }: { params: Promise<{ filename: string }> }
-) {
-    const { filename } = await params;
-
-    // Security: Prevent directory traversal (only allow the filename)
-    const sanitizedFilename = path.basename(filename);
-    const filePath = path.join(process.cwd(), 'data', 'uploads', sanitizedFilename);
-
-    try {
-        const fileBuffer = await readFile(filePath);
-
-        // Determine content type based on extension
-        const ext = path.extname(sanitizedFilename).toLowerCase();
-        let contentType = 'application/octet-stream';
-        if (ext === '.png') contentType = 'image/png';
-        else if (ext === '.jpg' || ext === '.jpeg') contentType = 'image/jpeg';
-        else if (ext === '.gif') contentType = 'image/gif';
-        else if (ext === '.webp') contentType = 'image/webp';
-        else if (ext === '.svg') contentType = 'image/svg+xml';
-
-        return new NextResponse(fileBuffer, {
-            headers: {
-                'Content-Type': contentType,
-                'Cache-Control': 'public, max-age=31536000, immutable',
-            },
-        });
-    } catch (e) {
-        console.error('File serving error:', e);
-        return new NextResponse('File not found', { status: 404 });
-    }
-}
-
-export async function DELETE(
-    request: NextRequest,
-    { params }: { params: Promise<{ filename: string }> }
-) {
-    const { filename } = await params;
-
-    if (!filename) {
-        return new NextResponse('Missing filename', { status: 400 });
-    }
-
-    const sanitizedFilename = path.basename(filename);
-    const filePath = path.join(process.cwd(), 'data', 'uploads', sanitizedFilename);
-
-    if (!existsSync(filePath)) {
-        return new NextResponse('File not found', { status: 404 });
-    }
-
-    try {
-        const { unlink } = require('fs/promises');
-        await unlink(filePath);
-        return NextResponse.json({ success: true, message: \`"\${sanitizedFilename}" deleted successfully.\` });
-    } catch (error) {
-        console.error('Failed to delete file:', error);
-        return new NextResponse('Failed to delete file', { status: 500 });
-    }
-}
-`);
-        }
-    } catch (error) {
-        // Ignore errors - route might already exist or app structure is different
-        console.warn('[plugin-images] Could not ensure images routes:', error);
-    }
-}

package/src/hooks/useImagePicker.d.ts

@@ -1,20 +0,0 @@
-/**
- * Hook for Image Picker Logic
- */
-import type { ImageMetadata } from '../types';
-export interface UseImagePickerOptions {
-    value?: string;
-    images: ImageMetadata[];
-}
-export declare function useImagePicker({ value, images }: UseImagePickerOptions): {
-    selectedImage: ImageMetadata | null;
-    setSelectedImage: import("react").Dispatch<import("react").SetStateAction<ImageMetadata | null>>;
-    uploading: boolean;
-    fileInputRef: import("react").RefObject<HTMLInputElement | null>;
-    handleFileSelect: (e?: React.ChangeEvent<HTMLInputElement> | {
-        target: {
-            files: File[] | null;
-        };
-    }) => Promise<any>;
-};
-//# sourceMappingURL=useImagePicker.d.ts.map

package/src/hooks/useImagePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImagePicker.d.ts","sourceRoot":"","sources":["useImagePicker.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,qBAAqB;;;;;2BA6R/B,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;SAAE,CAAA;KAAE;EA8CjH"}

package/src/hooks/useImagePicker.js

@@ -1,322 +0,0 @@
-/**
- * Hook for Image Picker Logic
- */
-import { useState, useEffect, useRef } from 'react';
-export function useImagePicker({ value, images }) {
-    const [selectedImage, setSelectedImage] = useState(null);
-    const [uploading, setUploading] = useState(false);
-    const fileInputRef = useRef(null);
-    const lastResolvedValueRef = useRef(undefined);
-    const isResolvingRef = useRef(false);
-    const lastImagesRef = useRef('');
-    // Find selected image from value (can be ID or URL)
-    useEffect(() => {
-        // Create a stable reference for images array to detect actual changes
-        const imagesKey = JSON.stringify(images.map(img => ({ id: img.id, url: img.url })));
-        // Prevent infinite loops by checking if we're already resolving or if value and images haven't changed
-        if (isResolvingRef.current || (lastResolvedValueRef.current === value && lastImagesRef.current === imagesKey)) {
-            return;
-        }
-        lastImagesRef.current = imagesKey;
-        if (!value) {
-            if (selectedImage !== null) {
-                setSelectedImage(null);
-            }
-            lastResolvedValueRef.current = value;
-            return;
-        }
-        isResolvingRef.current = true;
-        const resolveImage = async () => {
-            var _a, _b, _c;
-            // Normalize the value - extract filename if it's a URL
-            const isFullUrl = value.startsWith('http://') || value.startsWith('https://');
-            const isRelativeUrl = value.startsWith('/');
-            const isUrl = isFullUrl || isRelativeUrl;
-            // Extract filename from URL if it's a URL
-            let filenameFromUrl = null;
-            let imageIdToResolve = value;
-            if (isUrl) {
-                const urlParts = value.split('/');
-                filenameFromUrl = ((_a = urlParts[urlParts.length - 1]) === null || _a === void 0 ? void 0 : _a.split('?')[0]) || null;
-                // If it's a full URL, try to resolve using the filename instead
-                if (isFullUrl && filenameFromUrl) {
-                    imageIdToResolve = filenameFromUrl;
-                }
-            }
-            // First, try to find by ID (preferred method)
-            let found = images.find(img => img.id === value || img.id === imageIdToResolve);
-            // If not found by ID, try to find by URL
-            if (!found) {
-                found = images.find(img => img.url === value);
-            }
-            // If still not found, try to match by filename extracted from URL
-            if (!found && filenameFromUrl) {
-                found = images.find(img => img.id === filenameFromUrl || img.filename === filenameFromUrl);
-            }
-            if (found) {
-                // Only update if the image is actually different
-                setSelectedImage(prev => {
-                    if ((prev === null || prev === void 0 ? void 0 : prev.id) === found.id && (prev === null || prev === void 0 ? void 0 : prev.url) === found.url) {
-                        return prev;
-                    }
-                    return found;
-                });
-            }
-            else {
-                // If value is already a full URL, use it directly
-                if (isFullUrl) {
-                    const newImage = {
-                        id: value,
-                        filename: filenameFromUrl || value,
-                        url: value, // Use the full URL as-is
-                        size: 0,
-                        mimeType: 'image/jpeg',
-                        uploadedAt: new Date().toISOString(),
-                    };
-                    setSelectedImage(prev => {
-                        if ((prev === null || prev === void 0 ? void 0 : prev.id) === newImage.id && (prev === null || prev === void 0 ? void 0 : prev.url) === newImage.url) {
-                            return prev;
-                        }
-                        return newImage;
-                    });
-                    lastResolvedValueRef.current = value;
-                    isResolvingRef.current = false;
-                    return;
-                }
-                // If value is a relative URL, use it directly
-                if (isRelativeUrl) {
-                    const newImage = {
-                        id: value,
-                        filename: filenameFromUrl || value,
-                        url: value, // Use the relative URL as-is
-                        size: 0,
-                        mimeType: 'image/jpeg',
-                        uploadedAt: new Date().toISOString(),
-                    };
-                    setSelectedImage(prev => {
-                        if ((prev === null || prev === void 0 ? void 0 : prev.id) === newImage.id && (prev === null || prev === void 0 ? void 0 : prev.url) === newImage.url) {
-                            return prev;
-                        }
-                        return newImage;
-                    });
-                    lastResolvedValueRef.current = value;
-                    isResolvingRef.current = false;
-                    return;
-                }
-                // Check if value looks like a filename (has extension or starts with digits)
-                const isLikelyPath = /\.(jpg|jpeg|png|webp|gif|svg)$/i.test(value) || /^\d+-/.test(value);
-                if (isLikelyPath) {
-                    // It's likely a filename, create image object directly
-                    const newImage = {
-                        id: value,
-                        filename: value,
-                        url: `/api/uploads/${value}`,
-                        size: 0,
-                        mimeType: 'image/jpeg',
-                        uploadedAt: new Date().toISOString(),
-                    };
-                    setSelectedImage(prev => {
-                        if ((prev === null || prev === void 0 ? void 0 : prev.id) === newImage.id && (prev === null || prev === void 0 ? void 0 : prev.url) === newImage.url) {
-                            return prev;
-                        }
-                        return newImage;
-                    });
-                    lastResolvedValueRef.current = value;
-                    isResolvingRef.current = false;
-                }
-                else {
-                    // It might be a semantic ID, try to resolve via API
-                    // Use the extracted ID (filename) if value was a URL, otherwise use value
-                    try {
-                        const response = await fetch(`/api/plugin-images/resolve?id=${encodeURIComponent(imageIdToResolve)}`);
-                        if (response.ok) {
-                            const data = await response.json();
-                            // Normalize the URL - ensure it's a proper URL
-                            let imageUrl;
-                            if (data.url) {
-                                // If API returns a URL, use it (but check if it's already a full URL)
-                                if (data.url.startsWith('http://') || data.url.startsWith('https://')) {
-                                    imageUrl = data.url;
-                                }
-                                else if (data.url.startsWith('/')) {
-                                    imageUrl = data.url;
-                                }
-                                else {
-                                    // Relative path without leading slash
-                                    imageUrl = `/api/uploads/${data.url}`;
-                                }
-                            }
-                            else if (data.filename) {
-                                // Use filename to construct URL
-                                imageUrl = `/api/uploads/${data.filename}`;
-                            }
-                            else {
-                                // Fallback: if original value was a URL, use it; otherwise construct
-                                imageUrl = isFullUrl ? value : (isRelativeUrl ? value : `/api/uploads/${value}`);
-                            }
-                            const newImage = {
-                                id: value,
-                                filename: data.filename || filenameFromUrl || value,
-                                url: imageUrl,
-                                size: 0,
-                                mimeType: 'image/jpeg',
-                                uploadedAt: new Date().toISOString(),
-                            };
-                            setSelectedImage(prev => {
-                                if ((prev === null || prev === void 0 ? void 0 : prev.id) === newImage.id && (prev === null || prev === void 0 ? void 0 : prev.url) === newImage.url) {
-                                    return prev;
-                                }
-                                return newImage;
-                            });
-                            lastResolvedValueRef.current = value;
-                            isResolvingRef.current = false;
-                        }
-                        else {
-                            // API resolution failed - check if it's a semantic ID or actual filename
-                            const isLikelyFilename = /\.(jpg|jpeg|png|webp|gif|svg)$/i.test(imageIdToResolve) || /^\d+-/.test(imageIdToResolve);
-                            if (!isLikelyFilename) {
-                                // It's a semantic ID that couldn't be resolved - clear selection
-                                // This prevents showing broken URLs like /api/uploads/blog-featured-...
-                                setSelectedImage(null);
-                                lastResolvedValueRef.current = value;
-                                isResolvingRef.current = false;
-                                return;
-                            }
-                            // It's a filename, create fallback object
-                            const isFullUrl = value.startsWith('http://') || value.startsWith('https://');
-                            const isRelativeUrl = value.startsWith('/');
-                            let imageUrl;
-                            if (isFullUrl) {
-                                // Already a full URL, use as-is
-                                imageUrl = value;
-                            }
-                            else if (isRelativeUrl) {
-                                // Already a relative URL starting with /, use as-is
-                                imageUrl = value;
-                            }
-                            else {
-                                // It's a filename, construct the URL
-                                imageUrl = `/api/uploads/${value}`;
-                            }
-                            const urlParts = value.split('/');
-                            const filename = ((_b = urlParts[urlParts.length - 1]) === null || _b === void 0 ? void 0 : _b.split('?')[0]) || value;
-                            const newImage = {
-                                id: value,
-                                filename: filename,
-                                url: imageUrl,
-                                size: 0,
-                                mimeType: 'image/jpeg',
-                                uploadedAt: new Date().toISOString(),
-                            };
-                            setSelectedImage(prev => {
-                                if ((prev === null || prev === void 0 ? void 0 : prev.id) === newImage.id && (prev === null || prev === void 0 ? void 0 : prev.url) === newImage.url) {
-                                    return prev;
-                                }
-                                return newImage;
-                            });
-                            lastResolvedValueRef.current = value;
-                            isResolvingRef.current = false;
-                        }
-                    }
-                    catch (error) {
-                        // API call failed - check if it's a semantic ID or actual filename
-                        const isLikelyFilename = /\.(jpg|jpeg|png|webp|gif|svg)$/i.test(imageIdToResolve) || /^\d+-/.test(imageIdToResolve);
-                        if (!isLikelyFilename) {
-                            // It's a semantic ID that couldn't be resolved - clear selection
-                            // This prevents showing broken URLs like /api/uploads/blog-featured-...
-                            setSelectedImage(null);
-                            lastResolvedValueRef.current = value;
-                            isResolvingRef.current = false;
-                            return;
-                        }
-                        // It's a filename, create fallback object
-                        const isFullUrl = value.startsWith('http://') || value.startsWith('https://');
-                        const isRelativeUrl = value.startsWith('/');
-                        let imageUrl;
-                        if (isFullUrl) {
-                            // Already a full URL, use as-is
-                            imageUrl = value;
-                        }
-                        else if (isRelativeUrl) {
-                            // Already a relative URL starting with /, use as-is
-                            imageUrl = value;
-                        }
-                        else {
-                            // It's a filename, construct the URL
-                            imageUrl = `/api/uploads/${value}`;
-                        }
-                        const urlParts = value.split('/');
-                        const filename = ((_c = urlParts[urlParts.length - 1]) === null || _c === void 0 ? void 0 : _c.split('?')[0]) || value;
-                        const newImage = {
-                            id: value,
-                            filename: filename,
-                            url: imageUrl,
-                            size: 0,
-                            mimeType: 'image/jpeg',
-                            uploadedAt: new Date().toISOString(),
-                        };
-                        setSelectedImage(prev => {
-                            if ((prev === null || prev === void 0 ? void 0 : prev.id) === newImage.id && (prev === null || prev === void 0 ? void 0 : prev.url) === newImage.url) {
-                                return prev;
-                            }
-                            return newImage;
-                        });
-                        lastResolvedValueRef.current = value;
-                        isResolvingRef.current = false;
-                    }
-                }
-            }
-        };
-        resolveImage().catch(() => {
-            // Error already handled in catch block
-            isResolvingRef.current = false;
-        });
-    }, [value, images]);
-    // Handle file upload
-    const handleFileSelect = async (e) => {
-        var _a, _b;
-        const file = (_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0];
-        if (!file)
-            return null;
-        setUploading(true);
-        try {
-            const formData = new FormData();
-            formData.append('file', file);
-            const response = await fetch('/api/plugin-images/upload', {
-                method: 'POST',
-                body: formData,
-            });
-            const data = await response.json();
-            if (data.success && data.image) {
-                // Select the newly uploaded image
-                setSelectedImage(data.image);
-                if (fileInputRef.current) {
-                    fileInputRef.current.value = '';
-                }
-                return data.image;
-            }
-            else {
-                alert(data.error || 'Failed to upload image');
-                return null;
-            }
-        }
-        catch (error) {
-            console.error('Upload error:', error);
-            alert('Failed to upload image');
-            return null;
-        }
-        finally {
-            setUploading(false);
-            if (fileInputRef.current) {
-                fileInputRef.current.value = '';
-            }
-        }
-    };
-    return {
-        selectedImage,
-        setSelectedImage,
-        uploading,
-        fileInputRef,
-        handleFileSelect,
-    };
-}