@flightdev/image 0.0.2

package/dist/components/vue.js

@@ -0,0 +1,109 @@
+import { defineComponent, ref, computed, h } from 'vue';
+
+// src/components/vue.ts
+function buildOptimizedUrl(src, options, baseUrl = "") {
+  const params = new URLSearchParams();
+  if (options.width) params.set("w", options.width.toString());
+  if (options.height) params.set("h", options.height.toString());
+  if (options.format && options.format !== "auto") params.set("f", options.format);
+  if (options.quality) params.set("q", options.quality.toString());
+  if (options.fit) params.set("fit", options.fit);
+  const queryString = params.toString();
+  const normalizedSrc = src.startsWith("/") ? src : `/${src}`;
+  return `${baseUrl}/_flight/image${normalizedSrc}${queryString ? "?" + queryString : ""}`;
+}
+var FlightImage = defineComponent({
+  name: "FlightImage",
+  props: {
+    src: { type: String, required: true },
+    alt: { type: String, required: true },
+    width: { type: Number, default: void 0 },
+    height: { type: Number, default: void 0 },
+    format: { type: String, default: "auto" },
+    quality: { type: Number, default: 80 },
+    fit: { type: String, default: "cover" },
+    priority: { type: Boolean, default: false },
+    placeholder: { type: String, default: "empty" },
+    blurDataUrl: { type: String, default: void 0 },
+    sizes: { type: String, default: void 0 },
+    baseUrl: { type: String, default: "" }
+  },
+  setup(props) {
+    const isLoaded = ref(false);
+    const error = ref(false);
+    const optimizedSrc = computed(
+      () => buildOptimizedUrl(props.src, {
+        width: props.width,
+        height: props.height,
+        format: props.format,
+        quality: props.quality,
+        fit: props.fit
+      }, props.baseUrl)
+    );
+    const srcSet = computed(() => {
+      if (!props.width) return void 0;
+      const widths = [props.width, props.width * 1.5, props.width * 2].map(Math.round);
+      return widths.map((w) => {
+        const h2 = props.height ? Math.round(props.height * w / props.width) : void 0;
+        return `${buildOptimizedUrl(props.src, { width: w, height: h2, format: props.format, quality: props.quality, fit: props.fit }, props.baseUrl)} ${w}w`;
+      }).join(", ");
+    });
+    const defaultSizes = computed(
+      () => props.width ? `(max-width: ${props.width}px) 100vw, ${props.width}px` : void 0
+    );
+    const handleLoad = () => {
+      isLoaded.value = true;
+    };
+    const handleError = () => {
+      error.value = true;
+    };
+    return () => {
+      const containerStyle = {
+        position: "relative",
+        overflow: "hidden",
+        width: props.width ? `${props.width}px` : void 0,
+        height: props.height ? `${props.height}px` : void 0
+      };
+      const imageStyle = {
+        width: "100%",
+        height: "100%",
+        objectFit: props.fit,
+        opacity: isLoaded.value ? 1 : 0,
+        transition: "opacity 0.3s ease-in-out"
+      };
+      const blurStyle = {
+        position: "absolute",
+        inset: 0,
+        backgroundImage: props.blurDataUrl ? `url(${props.blurDataUrl})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        filter: "blur(20px)",
+        transform: "scale(1.1)"
+      };
+      return h("div", { style: containerStyle }, [
+        // Blur placeholder
+        props.placeholder === "blur" && props.blurDataUrl && !isLoaded.value ? h("div", { style: blurStyle, "aria-hidden": true }) : null,
+        // Image
+        h("img", {
+          src: optimizedSrc.value,
+          srcset: srcSet.value,
+          sizes: props.sizes ?? defaultSizes.value,
+          alt: props.alt,
+          width: props.width,
+          height: props.height,
+          loading: props.priority ? "eager" : "lazy",
+          decoding: props.priority ? "sync" : "async",
+          fetchpriority: props.priority ? "high" : void 0,
+          onLoad: handleLoad,
+          onError: handleError,
+          style: imageStyle
+        })
+      ]);
+    };
+  }
+});
+var vue_default = FlightImage;
+
+export { FlightImage, vue_default as default };
+//# sourceMappingURL=vue.js.map
+//# sourceMappingURL=vue.js.map

package/dist/components/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/vue.ts"],"names":["h"],"mappings":"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","file":"vue.js","sourcesContent":["/**\r\n * Vue Image Component for @flightdev/image\r\n * \r\n * @example\r\n * ```vue\r\n * <script setup>\r\n * import { FlightImage } from '@flightdev/image/vue';\r\n * </script>\r\n * \r\n * <template>\r\n *   <FlightImage\r\n *     src=\"/hero.jpg\"\r\n *     alt=\"Hero\"\r\n *     :width=\"800\"\r\n *     :height=\"600\"\r\n *     priority\r\n *     placeholder=\"blur\"\r\n *   />\r\n * </template>\r\n * ```\r\n */\r\n\r\nimport { defineComponent, ref, computed, h, type PropType } from 'vue';\r\nimport type { ImageFormat, ImageFit } from '../index.js';\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\nexport interface FlightImageProps {\r\n    src: string;\r\n    alt: string;\r\n    width?: number;\r\n    height?: number;\r\n    format?: ImageFormat;\r\n    quality?: number;\r\n    fit?: ImageFit;\r\n    priority?: boolean;\r\n    placeholder?: 'blur' | 'empty' | 'none';\r\n    blurDataUrl?: string;\r\n    sizes?: string;\r\n    baseUrl?: string;\r\n}\r\n\r\n// ============================================================================\r\n// URL Builder\r\n// ============================================================================\r\n\r\nfunction buildOptimizedUrl(\r\n    src: string,\r\n    options: { width?: number; height?: number; format?: ImageFormat; quality?: number; fit?: ImageFit },\r\n    baseUrl: string = ''\r\n): string {\r\n    const params = new URLSearchParams();\r\n\r\n    if (options.width) params.set('w', options.width.toString());\r\n    if (options.height) params.set('h', options.height.toString());\r\n    if (options.format && options.format !== 'auto') params.set('f', options.format);\r\n    if (options.quality) params.set('q', options.quality.toString());\r\n    if (options.fit) params.set('fit', options.fit);\r\n\r\n    const queryString = params.toString();\r\n    const normalizedSrc = src.startsWith('/') ? src : `/${src}`;\r\n    return `${baseUrl}/_flight/image${normalizedSrc}${queryString ? '?' + queryString : ''}`;\r\n}\r\n\r\n// ============================================================================\r\n// Vue Component\r\n// ============================================================================\r\n\r\nexport const FlightImage = defineComponent({\r\n    name: 'FlightImage',\r\n\r\n    props: {\r\n        src: { type: String, required: true },\r\n        alt: { type: String, required: true },\r\n        width: { type: Number, default: undefined },\r\n        height: { type: Number, default: undefined },\r\n        format: { type: String as PropType<ImageFormat>, default: 'auto' },\r\n        quality: { type: Number, default: 80 },\r\n        fit: { type: String as PropType<ImageFit>, default: 'cover' },\r\n        priority: { type: Boolean, default: false },\r\n        placeholder: { type: String as PropType<'blur' | 'empty' | 'none'>, default: 'empty' },\r\n        blurDataUrl: { type: String, default: undefined },\r\n        sizes: { type: String, default: undefined },\r\n        baseUrl: { type: String, default: '' },\r\n    },\r\n\r\n    setup(props) {\r\n        const isLoaded = ref(false);\r\n        const error = ref(false);\r\n\r\n        const optimizedSrc = computed(() =>\r\n            buildOptimizedUrl(props.src, {\r\n                width: props.width,\r\n                height: props.height,\r\n                format: props.format,\r\n                quality: props.quality,\r\n                fit: props.fit,\r\n            }, props.baseUrl)\r\n        );\r\n\r\n        const srcSet = computed(() => {\r\n            if (!props.width) return undefined;\r\n\r\n            const widths = [props.width, props.width * 1.5, props.width * 2].map(Math.round);\r\n            return widths\r\n                .map(w => {\r\n                    const h = props.height ? Math.round(props.height * w / props.width!) : undefined;\r\n                    return `${buildOptimizedUrl(props.src, { width: w, height: h, format: props.format, quality: props.quality, fit: props.fit }, props.baseUrl)} ${w}w`;\r\n                })\r\n                .join(', ');\r\n        });\r\n\r\n        const defaultSizes = computed(() =>\r\n            props.width ? `(max-width: ${props.width}px) 100vw, ${props.width}px` : undefined\r\n        );\r\n\r\n        const handleLoad = () => {\r\n            isLoaded.value = true;\r\n        };\r\n\r\n        const handleError = () => {\r\n            error.value = true;\r\n        };\r\n\r\n        return () => {\r\n            const containerStyle = {\r\n                position: 'relative' as const,\r\n                overflow: 'hidden' as const,\r\n                width: props.width ? `${props.width}px` : undefined,\r\n                height: props.height ? `${props.height}px` : undefined,\r\n            };\r\n\r\n            const imageStyle = {\r\n                width: '100%',\r\n                height: '100%',\r\n                objectFit: props.fit,\r\n                opacity: isLoaded.value ? 1 : 0,\r\n                transition: 'opacity 0.3s ease-in-out',\r\n            };\r\n\r\n            const blurStyle = {\r\n                position: 'absolute' as const,\r\n                inset: 0,\r\n                backgroundImage: props.blurDataUrl ? `url(${props.blurDataUrl})` : undefined,\r\n                backgroundSize: 'cover',\r\n                backgroundPosition: 'center',\r\n                filter: 'blur(20px)',\r\n                transform: 'scale(1.1)',\r\n            };\r\n\r\n            return h('div', { style: containerStyle }, [\r\n                // Blur placeholder\r\n                props.placeholder === 'blur' && props.blurDataUrl && !isLoaded.value\r\n                    ? h('div', { style: blurStyle, 'aria-hidden': true })\r\n                    : null,\r\n\r\n                // Image\r\n                h('img', {\r\n                    src: optimizedSrc.value,\r\n                    srcset: srcSet.value,\r\n                    sizes: props.sizes ?? defaultSizes.value,\r\n                    alt: props.alt,\r\n                    width: props.width,\r\n                    height: props.height,\r\n                    loading: props.priority ? 'eager' : 'lazy',\r\n                    decoding: props.priority ? 'sync' : 'async',\r\n                    fetchpriority: props.priority ? 'high' : undefined,\r\n                    onLoad: handleLoad,\r\n                    onError: handleError,\r\n                    style: imageStyle,\r\n                }),\r\n            ]);\r\n        };\r\n    },\r\n});\r\n\r\nexport default FlightImage;\r\n"]}

package/dist/index.d.ts

@@ -0,0 +1,210 @@
+export { Buffer } from 'node:buffer';
+
+/**
+ * @flightdev/image - Agnostic Image Optimization
+ *
+ * Flight provides the interface, you choose the processor.
+ *
+ * @example
+ * ```typescript
+ * import { createImage } from '@flightdev/image';
+ * import { sharp } from '@flightdev/image/sharp';
+ *
+ * const image = createImage(sharp());
+ * const optimized = await image.optimize('./input.jpg', { width: 800, format: 'webp' });
+ * ```
+ */
+/** Supported image formats */
+type ImageFormat = 'jpeg' | 'png' | 'webp' | 'avif' | 'gif' | 'tiff' | 'auto';
+/** Image fit modes for resizing */
+type ImageFit = 'cover' | 'contain' | 'fill' | 'inside' | 'outside';
+/** Image position for cropping */
+type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | 'top left' | 'top right' | 'bottom left' | 'bottom right' | 'entropy' | 'attention';
+/** Image optimization options */
+interface ImageOptimizeOptions {
+    /** Target width in pixels */
+    width?: number;
+    /** Target height in pixels */
+    height?: number;
+    /** Output format ('auto' will choose WebP/AVIF based on browser support) */
+    format?: ImageFormat;
+    /** Quality (1-100) */
+    quality?: number;
+    /** Fit mode for resizing */
+    fit?: ImageFit;
+    /** Position for cropping when using cover/contain */
+    position?: ImagePosition;
+    /** Generate blur placeholder (returns base64 data URL) */
+    blur?: boolean | number;
+    /** Prevent upscaling smaller images */
+    withoutEnlargement?: boolean;
+    /** Preserve metadata (EXIF, etc.) */
+    preserveMetadata?: boolean;
+}
+/** Result of image optimization */
+interface ImageOptimizeResult {
+    /** Optimized image as Buffer */
+    buffer: Buffer;
+    /** Detected/output format */
+    format: ImageFormat;
+    /** Final width */
+    width: number;
+    /** Final height */
+    height: number;
+    /** File size in bytes */
+    size: number;
+    /** Base64 blur placeholder (if blur option was set) */
+    blurDataUrl?: string;
+}
+/** Image metadata */
+interface ImageMetadata {
+    /** Image width in pixels */
+    width: number;
+    /** Image height in pixels */
+    height: number;
+    /** Image format */
+    format: string;
+    /** File size in bytes */
+    size?: number;
+    /** Color space */
+    space?: string;
+    /** Has alpha channel */
+    hasAlpha?: boolean;
+    /** EXIF data */
+    exif?: Record<string, unknown>;
+}
+/** Responsive image sizes configuration */
+interface ResponsiveConfig {
+    /** Breakpoint widths to generate */
+    widths: number[];
+    /** Sizes attribute for HTML */
+    sizes?: string;
+    /** Base format */
+    format?: ImageFormat;
+    /** Additional formats to generate */
+    formats?: ImageFormat[];
+}
+/** Responsive image result */
+interface ResponsiveResult {
+    /** Generated srcset string */
+    srcset: string;
+    /** Sizes attribute */
+    sizes: string;
+    /** All generated variants */
+    variants: Array<{
+        width: number;
+        format: ImageFormat;
+        url: string;
+        buffer: Buffer;
+    }>;
+    /** Blur placeholder */
+    blurDataUrl?: string;
+}
+/**
+ * Image Adapter Interface
+ *
+ * Implement this interface to create a custom image processor.
+ * Flight provides Sharp, Squoosh, Cloudinary, and Imgix adapters.
+ */
+interface ImageAdapter {
+    /** Adapter name for debugging */
+    readonly name: string;
+    /**
+     * Check if the adapter supports a specific format
+     */
+    supportsFormat(format: ImageFormat): boolean;
+    /**
+     * Get image metadata without processing
+     */
+    getMetadata(input: Buffer | string): Promise<ImageMetadata>;
+    /**
+     * Optimize an image with the given options
+     */
+    optimize(input: Buffer | string, options: ImageOptimizeOptions): Promise<ImageOptimizeResult>;
+    /**
+     * Generate a blur placeholder (tiny base64 image)
+     */
+    generateBlurPlaceholder(input: Buffer | string, size?: number): Promise<string>;
+    /**
+     * Generate responsive image variants
+     */
+    generateResponsive(input: Buffer | string, config: ResponsiveConfig): Promise<ResponsiveResult>;
+}
+/** Image adapter factory function type */
+type ImageAdapterFactory<TConfig = unknown> = (config?: TConfig) => ImageAdapter;
+/**
+ * Image service options
+ */
+interface ImageServiceOptions {
+    /** Base URL for generated images (for URL generation) */
+    baseUrl?: string;
+    /** Default optimization options */
+    defaults?: Partial<ImageOptimizeOptions>;
+    /** Cache directory for processed images */
+    cacheDir?: string;
+}
+/**
+ * Image service interface
+ */
+interface ImageService {
+    /** The underlying adapter */
+    readonly adapter: ImageAdapter;
+    /** Get metadata for an image */
+    getMetadata(input: Buffer | string): Promise<ImageMetadata>;
+    /** Optimize an image */
+    optimize(input: Buffer | string, options?: ImageOptimizeOptions): Promise<ImageOptimizeResult>;
+    /** Generate blur placeholder */
+    blur(input: Buffer | string, size?: number): Promise<string>;
+    /** Generate responsive variants */
+    responsive(input: Buffer | string, config: ResponsiveConfig): Promise<ResponsiveResult>;
+    /** Generate a URL for optimized image (for CDN adapters) */
+    url(src: string, options?: ImageOptimizeOptions): string;
+}
+/**
+ * Create an image service with the given adapter
+ *
+ * @example
+ * ```typescript
+ * import { createImage } from '@flightdev/image';
+ * import { sharp } from '@flightdev/image/sharp';
+ *
+ * const image = createImage(sharp());
+ *
+ * // Optimize an image
+ * const result = await image.optimize('./hero.jpg', {
+ *   width: 800,
+ *   format: 'webp',
+ *   quality: 80,
+ * });
+ *
+ * // Get blur placeholder
+ * const blur = await image.blur('./hero.jpg');
+ *
+ * // Generate responsive variants
+ * const responsive = await image.responsive('./hero.jpg', {
+ *   widths: [640, 768, 1024, 1280],
+ *   formats: ['webp', 'avif'],
+ * });
+ * ```
+ */
+declare function createImage(adapter: ImageAdapter, options?: ImageServiceOptions): ImageService;
+/**
+ * Determine best format based on Accept header
+ */
+declare function getBestFormat(acceptHeader: string | null | undefined): ImageFormat;
+/**
+ * Generate sizes attribute from breakpoints
+ */
+declare function generateSizes(breakpoints: Array<{
+    maxWidth: number;
+    size: string;
+}>): string;
+/**
+ * Parse dimensions from string (e.g., "800x600", "800", "x600")
+ */
+declare function parseDimensions(dimensions: string): {
+    width?: number;
+    height?: number;
+};
+
+export { type ImageAdapter, type ImageAdapterFactory, type ImageFit, type ImageFormat, type ImageMetadata, type ImageOptimizeOptions, type ImageOptimizeResult, type ImagePosition, type ImageService, type ImageServiceOptions, type ResponsiveConfig, type ResponsiveResult, createImage, generateSizes, getBestFormat, parseDimensions };

package/dist/index.js

@@ -0,0 +1,55 @@
+// src/index.ts
+function createImage(adapter, options = {}) {
+  const { defaults = {}, baseUrl = "" } = options;
+  return {
+    adapter,
+    async getMetadata(input) {
+      return adapter.getMetadata(input);
+    },
+    async optimize(input, opts = {}) {
+      const mergedOptions = { ...defaults, ...opts };
+      return adapter.optimize(input, mergedOptions);
+    },
+    async blur(input, size = 10) {
+      return adapter.generateBlurPlaceholder(input, size);
+    },
+    async responsive(input, config) {
+      return adapter.generateResponsive(input, config);
+    },
+    url(src, opts = {}) {
+      const params = new URLSearchParams();
+      if (opts.width) params.set("w", opts.width.toString());
+      if (opts.height) params.set("h", opts.height.toString());
+      if (opts.format && opts.format !== "auto") params.set("f", opts.format);
+      if (opts.quality) params.set("q", opts.quality.toString());
+      if (opts.fit) params.set("fit", opts.fit);
+      const queryString = params.toString();
+      return `${baseUrl}${src}${queryString ? "?" + queryString : ""}`;
+    }
+  };
+}
+function getBestFormat(acceptHeader) {
+  if (!acceptHeader) return "webp";
+  if (acceptHeader.includes("image/avif")) return "avif";
+  if (acceptHeader.includes("image/webp")) return "webp";
+  return "jpeg";
+}
+function generateSizes(breakpoints) {
+  const parts = breakpoints.map((bp) => `(max-width: ${bp.maxWidth}px) ${bp.size}`);
+  parts.push("100vw");
+  return parts.join(", ");
+}
+function parseDimensions(dimensions) {
+  if (dimensions.includes("x")) {
+    const [w, h] = dimensions.split("x");
+    return {
+      width: w ? parseInt(w, 10) : void 0,
+      height: h ? parseInt(h, 10) : void 0
+    };
+  }
+  return { width: parseInt(dimensions, 10) };
+}
+
+export { createImage, generateSizes, getBestFormat, parseDimensions };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * @flightdev/image - Agnostic Image Optimization\r\n * \r\n * Flight provides the interface, you choose the processor.\r\n * \r\n * @example\r\n * ```typescript\r\n * import { createImage } from '@flightdev/image';\r\n * import { sharp } from '@flightdev/image/sharp';\r\n * \r\n * const image = createImage(sharp());\r\n * const optimized = await image.optimize('./input.jpg', { width: 800, format: 'webp' });\r\n * ```\r\n */\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\n/** Supported image formats */\r\nexport type ImageFormat = 'jpeg' | 'png' | 'webp' | 'avif' | 'gif' | 'tiff' | 'auto';\r\n\r\n/** Image fit modes for resizing */\r\nexport type ImageFit = 'cover' | 'contain' | 'fill' | 'inside' | 'outside';\r\n\r\n/** Image position for cropping */\r\nexport type ImagePosition =\r\n    | 'center' | 'top' | 'right' | 'bottom' | 'left'\r\n    | 'top left' | 'top right' | 'bottom left' | 'bottom right'\r\n    | 'entropy' | 'attention';\r\n\r\n/** Image optimization options */\r\nexport interface ImageOptimizeOptions {\r\n    /** Target width in pixels */\r\n    width?: number;\r\n    /** Target height in pixels */\r\n    height?: number;\r\n    /** Output format ('auto' will choose WebP/AVIF based on browser support) */\r\n    format?: ImageFormat;\r\n    /** Quality (1-100) */\r\n    quality?: number;\r\n    /** Fit mode for resizing */\r\n    fit?: ImageFit;\r\n    /** Position for cropping when using cover/contain */\r\n    position?: ImagePosition;\r\n    /** Generate blur placeholder (returns base64 data URL) */\r\n    blur?: boolean | number;\r\n    /** Prevent upscaling smaller images */\r\n    withoutEnlargement?: boolean;\r\n    /** Preserve metadata (EXIF, etc.) */\r\n    preserveMetadata?: boolean;\r\n}\r\n\r\n/** Result of image optimization */\r\nexport interface ImageOptimizeResult {\r\n    /** Optimized image as Buffer */\r\n    buffer: Buffer;\r\n    /** Detected/output format */\r\n    format: ImageFormat;\r\n    /** Final width */\r\n    width: number;\r\n    /** Final height */\r\n    height: number;\r\n    /** File size in bytes */\r\n    size: number;\r\n    /** Base64 blur placeholder (if blur option was set) */\r\n    blurDataUrl?: string;\r\n}\r\n\r\n/** Image metadata */\r\nexport interface ImageMetadata {\r\n    /** Image width in pixels */\r\n    width: number;\r\n    /** Image height in pixels */\r\n    height: number;\r\n    /** Image format */\r\n    format: string;\r\n    /** File size in bytes */\r\n    size?: number;\r\n    /** Color space */\r\n    space?: string;\r\n    /** Has alpha channel */\r\n    hasAlpha?: boolean;\r\n    /** EXIF data */\r\n    exif?: Record<string, unknown>;\r\n}\r\n\r\n/** Responsive image sizes configuration */\r\nexport interface ResponsiveConfig {\r\n    /** Breakpoint widths to generate */\r\n    widths: number[];\r\n    /** Sizes attribute for HTML */\r\n    sizes?: string;\r\n    /** Base format */\r\n    format?: ImageFormat;\r\n    /** Additional formats to generate */\r\n    formats?: ImageFormat[];\r\n}\r\n\r\n/** Responsive image result */\r\nexport interface ResponsiveResult {\r\n    /** Generated srcset string */\r\n    srcset: string;\r\n    /** Sizes attribute */\r\n    sizes: string;\r\n    /** All generated variants */\r\n    variants: Array<{\r\n        width: number;\r\n        format: ImageFormat;\r\n        url: string;\r\n        buffer: Buffer;\r\n    }>;\r\n    /** Blur placeholder */\r\n    blurDataUrl?: string;\r\n}\r\n\r\n// ============================================================================\r\n// Adapter Interface\r\n// ============================================================================\r\n\r\n/**\r\n * Image Adapter Interface\r\n * \r\n * Implement this interface to create a custom image processor.\r\n * Flight provides Sharp, Squoosh, Cloudinary, and Imgix adapters.\r\n */\r\nexport interface ImageAdapter {\r\n    /** Adapter name for debugging */\r\n    readonly name: string;\r\n\r\n    /**\r\n     * Check if the adapter supports a specific format\r\n     */\r\n    supportsFormat(format: ImageFormat): boolean;\r\n\r\n    /**\r\n     * Get image metadata without processing\r\n     */\r\n    getMetadata(input: Buffer | string): Promise<ImageMetadata>;\r\n\r\n    /**\r\n     * Optimize an image with the given options\r\n     */\r\n    optimize(input: Buffer | string, options: ImageOptimizeOptions): Promise<ImageOptimizeResult>;\r\n\r\n    /**\r\n     * Generate a blur placeholder (tiny base64 image)\r\n     */\r\n    generateBlurPlaceholder(input: Buffer | string, size?: number): Promise<string>;\r\n\r\n    /**\r\n     * Generate responsive image variants\r\n     */\r\n    generateResponsive(input: Buffer | string, config: ResponsiveConfig): Promise<ResponsiveResult>;\r\n}\r\n\r\n/** Image adapter factory function type */\r\nexport type ImageAdapterFactory<TConfig = unknown> = (config?: TConfig) => ImageAdapter;\r\n\r\n// ============================================================================\r\n// Image Service\r\n// ============================================================================\r\n\r\n/**\r\n * Image service options\r\n */\r\nexport interface ImageServiceOptions {\r\n    /** Base URL for generated images (for URL generation) */\r\n    baseUrl?: string;\r\n    /** Default optimization options */\r\n    defaults?: Partial<ImageOptimizeOptions>;\r\n    /** Cache directory for processed images */\r\n    cacheDir?: string;\r\n}\r\n\r\n/**\r\n * Image service interface\r\n */\r\nexport interface ImageService {\r\n    /** The underlying adapter */\r\n    readonly adapter: ImageAdapter;\r\n\r\n    /** Get metadata for an image */\r\n    getMetadata(input: Buffer | string): Promise<ImageMetadata>;\r\n\r\n    /** Optimize an image */\r\n    optimize(input: Buffer | string, options?: ImageOptimizeOptions): Promise<ImageOptimizeResult>;\r\n\r\n    /** Generate blur placeholder */\r\n    blur(input: Buffer | string, size?: number): Promise<string>;\r\n\r\n    /** Generate responsive variants */\r\n    responsive(input: Buffer | string, config: ResponsiveConfig): Promise<ResponsiveResult>;\r\n\r\n    /** Generate a URL for optimized image (for CDN adapters) */\r\n    url(src: string, options?: ImageOptimizeOptions): string;\r\n}\r\n\r\n/**\r\n * Create an image service with the given adapter\r\n * \r\n * @example\r\n * ```typescript\r\n * import { createImage } from '@flightdev/image';\r\n * import { sharp } from '@flightdev/image/sharp';\r\n * \r\n * const image = createImage(sharp());\r\n * \r\n * // Optimize an image\r\n * const result = await image.optimize('./hero.jpg', {\r\n *   width: 800,\r\n *   format: 'webp',\r\n *   quality: 80,\r\n * });\r\n * \r\n * // Get blur placeholder\r\n * const blur = await image.blur('./hero.jpg');\r\n * \r\n * // Generate responsive variants\r\n * const responsive = await image.responsive('./hero.jpg', {\r\n *   widths: [640, 768, 1024, 1280],\r\n *   formats: ['webp', 'avif'],\r\n * });\r\n * ```\r\n */\r\nexport function createImage(adapter: ImageAdapter, options: ImageServiceOptions = {}): ImageService {\r\n    const { defaults = {}, baseUrl = '' } = options;\r\n\r\n    return {\r\n        adapter,\r\n\r\n        async getMetadata(input) {\r\n            return adapter.getMetadata(input);\r\n        },\r\n\r\n        async optimize(input, opts = {}) {\r\n            const mergedOptions: ImageOptimizeOptions = { ...defaults, ...opts };\r\n            return adapter.optimize(input, mergedOptions);\r\n        },\r\n\r\n        async blur(input, size = 10) {\r\n            return adapter.generateBlurPlaceholder(input, size);\r\n        },\r\n\r\n        async responsive(input, config) {\r\n            return adapter.generateResponsive(input, config);\r\n        },\r\n\r\n        url(src, opts = {}) {\r\n            // For local adapters, generate a URL with query params\r\n            // CDN adapters will override this with their own URL generation\r\n            const params = new URLSearchParams();\r\n\r\n            if (opts.width) params.set('w', opts.width.toString());\r\n            if (opts.height) params.set('h', opts.height.toString());\r\n            if (opts.format && opts.format !== 'auto') params.set('f', opts.format);\r\n            if (opts.quality) params.set('q', opts.quality.toString());\r\n            if (opts.fit) params.set('fit', opts.fit);\r\n\r\n            const queryString = params.toString();\r\n            return `${baseUrl}${src}${queryString ? '?' + queryString : ''}`;\r\n        },\r\n    };\r\n}\r\n\r\n// ============================================================================\r\n// Utilities\r\n// ============================================================================\r\n\r\n/**\r\n * Determine best format based on Accept header\r\n */\r\nexport function getBestFormat(acceptHeader: string | null | undefined): ImageFormat {\r\n    if (!acceptHeader) return 'webp';\r\n\r\n    // AVIF has best compression but slower encoding\r\n    if (acceptHeader.includes('image/avif')) return 'avif';\r\n    // WebP is widely supported and good compression\r\n    if (acceptHeader.includes('image/webp')) return 'webp';\r\n    // Fallback to JPEG\r\n    return 'jpeg';\r\n}\r\n\r\n/**\r\n * Generate sizes attribute from breakpoints\r\n */\r\nexport function generateSizes(breakpoints: Array<{ maxWidth: number; size: string }>): string {\r\n    const parts = breakpoints.map(bp => `(max-width: ${bp.maxWidth}px) ${bp.size}`);\r\n    parts.push('100vw'); // Default\r\n    return parts.join(', ');\r\n}\r\n\r\n/**\r\n * Parse dimensions from string (e.g., \"800x600\", \"800\", \"x600\")\r\n */\r\nexport function parseDimensions(dimensions: string): { width?: number; height?: number } {\r\n    if (dimensions.includes('x')) {\r\n        const [w, h] = dimensions.split('x');\r\n        return {\r\n            width: w ? parseInt(w, 10) : undefined,\r\n            height: h ? parseInt(h, 10) : undefined,\r\n        };\r\n    }\r\n    return { width: parseInt(dimensions, 10) };\r\n}\r\n\r\n// Re-export types\r\nexport type { Buffer } from 'node:buffer';\r\n"]}

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@flightdev/image",
+  "version": "0.0.2",
+  "description": "Agnostic image optimization for Flight Framework. Choose your processor: Sharp, Squoosh, Cloudinary, or custom.",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./sharp": {
+      "types": "./dist/adapters/sharp.d.ts",
+      "import": "./dist/adapters/sharp.js"
+    },
+    "./squoosh": {
+      "types": "./dist/adapters/squoosh.d.ts",
+      "import": "./dist/adapters/squoosh.js"
+    },
+    "./cloudinary": {
+      "types": "./dist/adapters/cloudinary.d.ts",
+      "import": "./dist/adapters/cloudinary.js"
+    },
+    "./imgix": {
+      "types": "./dist/adapters/imgix.d.ts",
+      "import": "./dist/adapters/imgix.js"
+    },
+    "./react": {
+      "types": "./dist/components/react.d.ts",
+      "import": "./dist/components/react.js"
+    },
+    "./vue": {
+      "types": "./dist/components/vue.d.ts",
+      "import": "./dist/components/vue.js"
+    },
+    "./svelte": {
+      "types": "./dist/components/svelte.d.ts",
+      "import": "./dist/components/svelte.js"
+    },
+    "./solid": {
+      "types": "./dist/components/solid.d.ts",
+      "import": "./dist/components/solid.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {},
+  "peerDependencies": {
+    "sharp": ">=0.33.0",
+    "react": ">=18.0.0",
+    "vue": ">=3.0.0",
+    "svelte": ">=4.0.0",
+    "solid-js": ">=1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "sharp": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.7.0",
+    "vitest": "^2.0.0"
+  },
+  "keywords": [
+    "flight",
+    "image",
+    "optimization",
+    "sharp",
+    "webp",
+    "avif",
+    "responsive",
+    "agnostic"
+  ],
+  "author": "Flight Contributors",
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  }
+}