@vividwebau/react-static-images 0.1.0

package/README.md

@@ -0,0 +1,64 @@
+# @vividwebau/react-static-images
+
+A pure server-component React image component that consumes the static image pipeline’s
+manifest and renders fully responsive, framework‑agnostic `<picture>` markup.
+
+This component works across all React SSR/RSC frameworks:
+- Next.js (App Router)
+- Remix
+- Astro
+- Hydrogen
+- Gatsby (SSR)
+- Any React SSR environment
+
+No client JavaScript.  
+No hydration.  
+No framework-specific imports.
+
+## Features
+
+- Pure server component (RSC-safe)
+- `<picture>` markup with AVIF/WebP/JPEG fallbacks
+- Responsive `srcset` + `sizes`
+- Native lazy loading (`loading="lazy"`)
+- CSS-only blur-up placeholders
+- Container-query-friendly sizing
+- Optional preload hints
+- Zero runtime transforms
+
+## Why server components?
+
+Because all image variants are generated at build time, the component can remain fully
+static and deterministic. Browsers handle responsive selection, fallbacks, and viewport
+changes automatically.
+
+This results in:
+- zero client JS
+- zero hydration cost
+- zero runtime image optimization
+- maximum compatibility across frameworks
+
+## Usage
+
+Use a stable image reference from your app’s original source set. This is the public consumer API and
+is the contract app authors should rely on.
+
+Example:
+
+```tsx
+import { ImageStatic } from "@vividwebau/react-static-images";
+
+export default function Hero() {
+  return (
+    <ImageStatic
+      image="hero.jpg"
+      alt="Hero image"
+      sizes="100vw"
+      priority
+    />
+  );
+}
+```
+
+For new code, the public API should stay as simple as `image` + `alt`.
+

package/dist/ImageStatic.d.ts

@@ -0,0 +1,23 @@
+import type { ImgHTMLAttributes } from "react";
+import type { ManifestData } from "./types.js";
+export type ImageLayout = "intrinsic" | "responsive" | "fill" | "fixed";
+type Px = `${number}px`;
+type Vw = `${number}vw`;
+type Percent = `${number}%`;
+type NumericFraction = 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1.0 | 1;
+type SizeValue = Px | Vw | Percent | NumericFraction;
+export interface ImageStaticProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "sizes"> {
+    image: string;
+    layout?: ImageLayout;
+    /** Fallback to the global manifest if not provided */
+    manifest?: ManifestData;
+    /** Whether the image should be prioritized for loading; sets the `loading`, `fetchPriority` and `decoding` attributes accordingly */
+    priority?: boolean;
+    /** Extend `sizes` to include an object mapping media queries to sizes */
+    sizes?: string | {
+        [key in "xs" | "sm" | "md" | "lg" | "xl"]?: SizeValue;
+    };
+}
+export declare function ImageStatic({ alt, image, layout, manifest, priority, width, height, sizes, ...props }: ImageStaticProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ImageStatic.d.ts.map

package/dist/ImageStatic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageStatic.d.ts","sourceRoot":"","sources":["../src/ImageStatic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAM/C,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAExE,KAAK,EAAE,GAAG,GAAG,MAAM,IAAI,CAAC;AACxB,KAAK,EAAE,GAAG,GAAG,MAAM,IAAI,CAAC;AACxB,KAAK,OAAO,GAAG,GAAG,MAAM,GAAG,CAAC;AAC5B,KAAK,eAAe,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;AACzF,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,OAAO,GAAG,eAAe,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC1F,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,qIAAqI;IACrI,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG;SAAG,GAAG,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,EAAE,SAAS;KAAE,CAAC;CAC5E;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,MAAoB,EACpB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,KAAe,EACf,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAmIlB"}

package/dist/ImageStatic.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getStaticImageManifest } from "./manifest-registry.js";
+function resolveImage(manifest, image) {
+    return manifest.images.find((img) => img.src === image || img.id === image);
+}
+export function ImageStatic({ alt, image, layout = "intrinsic", manifest, priority, width, height, sizes = "100vw", ...props }) {
+    const manifestToUse = manifest ?? getStaticImageManifest();
+    const manifestItem = manifestToUse ? resolveImage(manifestToUse, image) : null;
+    if (!manifestItem) {
+        return _jsx("img", { src: image, alt: alt, ...props });
+    }
+    // --- SIZES ---
+    const breakpointMap = {
+        xs: "480px",
+        sm: "640px",
+        md: "768px",
+        lg: "1024px",
+        xl: "1280px",
+    };
+    const normalizeSizeValue = (value) => typeof value === "string" && value.endsWith("%")
+        ? `${value.slice(0, -1)}vw`
+        : typeof value === "string" && value.endsWith("px")
+            ? value
+            : typeof value === "string" && value.endsWith("vw")
+                ? value
+                : typeof value === "number"
+                    ? `${value * 100}vw`
+                    : value;
+    if (typeof sizes === "object") {
+        sizes = Object.entries(sizes)
+            .map(([key, value]) => `(min-width: ${breakpointMap[key]}) ${normalizeSizeValue(value)}`)
+            .join(", ");
+    }
+    const wrapperStyle = {};
+    const imgStyle = {};
+    // --- LAYOUT LOGIC ---
+    if (layout === "intrinsic") {
+        imgStyle.width = "100%";
+        imgStyle.height = "auto";
+        Object.assign(imgStyle, props.style);
+    }
+    if (layout === "responsive") {
+        const padding = `${100 / (manifestItem?.aspectRatio ?? 1)}%`;
+        wrapperStyle.position = "relative";
+        wrapperStyle.width = "100%";
+        wrapperStyle.paddingBottom = padding;
+        Object.assign(wrapperStyle, props.style);
+        imgStyle.position = "absolute";
+        imgStyle.inset = "0";
+        imgStyle.width = "100%";
+        imgStyle.height = "100%";
+        imgStyle.objectFit = "cover";
+        Object.assign(imgStyle, props.style);
+    }
+    if (layout === "fill") {
+        wrapperStyle.position = "relative";
+        wrapperStyle.width = "100%";
+        wrapperStyle.height = "100%";
+        Object.assign(wrapperStyle, props.style);
+        imgStyle.position = "absolute";
+        imgStyle.inset = "0";
+        imgStyle.width = "100%";
+        imgStyle.height = "100%";
+        imgStyle.objectFit = props.style?.objectFit ?? "cover";
+        Object.assign(imgStyle, props.style);
+    }
+    if (layout === "fixed") {
+        imgStyle.width = width ?? manifestItem?.width;
+        imgStyle.height = height ?? manifestItem?.height;
+        Object.assign(imgStyle, props.style);
+    }
+    // --- BLUR PLACEHOLDER ---
+    const blur = manifestItem.blurDataURL;
+    const consumerOpacity = props.style?.opacity;
+    if (blur) {
+        imgStyle.backgroundImage = `url(${blur})`;
+        imgStyle.backgroundSize = "cover";
+        imgStyle.backgroundPosition = "center";
+        imgStyle.transition = "opacity 0.4s ease";
+        imgStyle.opacity = 0;
+    }
+    const formats = ["avif", "webp", "jpeg"];
+    const pictureElement = (_jsxs("picture", { children: [formats.map((format) => {
+                if (!manifestItem?.variants?.length)
+                    return null;
+                const variants = manifestItem.variants.filter((v) => v.format === format);
+                if (!variants.length)
+                    return null;
+                const srcSet = variants.map((v) => `${v.src} ${v.width}w`).join(", ");
+                return _jsx("source", { type: `image/${format}`, srcSet: srcSet, sizes: sizes }, format);
+            }), _jsx("img", { alt: alt, src: manifestItem.src, sizes: sizes, loading: priority ? "eager" : "lazy", fetchPriority: priority ? "high" : undefined, decoding: priority ? undefined : "async", width: width ?? manifestItem.width, height: height ?? manifestItem.height, style: { ...imgStyle, opacity: consumerOpacity ?? 1 }, ...props })] }));
+    if (layout === "fill" || layout === "responsive") {
+        return _jsx("div", { style: wrapperStyle, children: pictureElement });
+    }
+    return pictureElement;
+}
+//# sourceMappingURL=ImageStatic.js.map

package/dist/ImageStatic.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Export all public APIs
+ */
+export type { ImageStaticProps } from "./ImageStatic.js";
+export { ImageStatic } from "./ImageStatic.js";
+export type { ImageEntry, ManifestData } from "./manifest.js";
+export { getImageById, getImageBySource, getImageCluster, loadManifest, } from "./manifest.js";
+export { getStaticImageManifest, setStaticImageManifest, } from "./manifest-registry.js";
+export type { BlurPlaceholder, ImageMetadata, ImageStaticConfig, ImageVariant, ResponsiveImage, } from "./types.js";
+export { calculateAspectRatio, formatDominantColor, generatePaddingBottom, generatePictureSizes, generateSrcSet, } from "./utils.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,GACf,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+/**
+ * Export all public APIs
+ */
+export { ImageStatic } from "./ImageStatic.js";
+export { getImageById, getImageBySource, getImageCluster, loadManifest, } from "./manifest.js";
+export { getStaticImageManifest, setStaticImageManifest, } from "./manifest-registry.js";
+export { calculateAspectRatio, formatDominantColor, generatePaddingBottom, generatePictureSizes, generateSrcSet, } from "./utils.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAQhC,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,GACf,MAAM,YAAY,CAAC"}

package/dist/manifest-registry.d.ts

@@ -0,0 +1,4 @@
+import type { ManifestData } from "./types.js";
+export declare function setStaticImageManifest(manifest: ManifestData): void;
+export declare function getStaticImageManifest(): ManifestData | null;
+//# sourceMappingURL=manifest-registry.d.ts.map

package/dist/manifest-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest-registry.d.ts","sourceRoot":"","sources":["../src/manifest-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,YAAY,QAE5D;AAED,wBAAgB,sBAAsB,IAAI,YAAY,GAAG,IAAI,CAE5D"}

package/dist/manifest-registry.js

@@ -0,0 +1,8 @@
+let globalManifest = null;
+export function setStaticImageManifest(manifest) {
+    globalManifest = manifest;
+}
+export function getStaticImageManifest() {
+    return globalManifest;
+}
+//# sourceMappingURL=manifest-registry.js.map

package/dist/manifest-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest-registry.js","sourceRoot":"","sources":["../src/manifest-registry.ts"],"names":[],"mappings":"AAEA,IAAI,cAAc,GAAwB,IAAI,CAAC;AAE/C,MAAM,UAAU,sBAAsB,CAAC,QAAsB;IAC3D,cAAc,GAAG,QAAQ,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,OAAO,cAAc,CAAC;AACxB,CAAC"}

package/dist/manifest.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Manifest loading and management
+ */
+import type { ImageEntry, ManifestData } from "./types.js";
+export type { ImageEntry, ManifestData };
+export declare function loadManifest(manifestPath: string | ManifestData): Promise<ManifestData>;
+export declare function getImageBySource(manifest: ManifestData, src: string): ImageEntry | undefined;
+export declare function getImageByReference(manifest: ManifestData, imageReference: string): ImageEntry | undefined;
+export declare function getImageById(manifest: ManifestData, id: string): ImageEntry | undefined;
+export declare function getImageCluster(manifest: ManifestData, imageId: string): string[] | undefined;
+//# sourceMappingURL=manifest.d.ts.map

package/dist/manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE3D,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;AAQzC,wBAAsB,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAiC7F;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAI5F;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,YAAY,EACtB,cAAc,EAAE,MAAM,GACrB,UAAU,GAAG,SAAS,CAcxB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAIvF;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAe7F"}

package/dist/manifest.js

@@ -0,0 +1,74 @@
+/**
+ * Manifest loading and management
+ */
+/**
+ * Load and cache manifest data
+ * In a real implementation, this would fetch from a URL or import from a file
+ */
+let cachedManifest = null;
+export async function loadManifest(manifestPath) {
+    console.log("[loadManifest] Loading manifest");
+    // If already an object, return it
+    if (typeof manifestPath === "object") {
+        cachedManifest = manifestPath;
+        return manifestPath;
+    }
+    // If cached, return cached version
+    if (cachedManifest) {
+        return cachedManifest;
+    }
+    try {
+        // Attempt to import/load the manifest
+        // In a real Next.js app, this would use require() or import()
+        console.log(`[loadManifest] Loading from: ${manifestPath}`);
+        // For now, return a placeholder
+        const manifest = {
+            version: "1.0.0",
+            generated: new Date().toISOString(),
+            images: [],
+            clusters: {},
+        };
+        cachedManifest = manifest;
+        return manifest;
+    }
+    catch (error) {
+        console.error("[loadManifest] Error loading manifest:", error);
+        throw error;
+    }
+}
+export function getImageBySource(manifest, src) {
+    console.log(`[getImageBySource] Finding image: ${src}`);
+    const found = manifest.images.find((img) => img.src === src);
+    return found;
+}
+export function getImageByReference(manifest, imageReference) {
+    const normalized = imageReference.replace(/\\/g, "/").split("?")[0].split("#")[0];
+    const basename = normalized.split("/").pop() || normalized;
+    return manifest.images.find((img) => {
+        const entrySrc = img.src.replace(/\\/g, "/").split("?")[0].split("#")[0];
+        return (entrySrc === normalized ||
+            img.src === normalized ||
+            entrySrc.endsWith(`/${basename}`) ||
+            normalized.endsWith(`/${basename}`) ||
+            basename === img.id);
+    });
+}
+export function getImageById(manifest, id) {
+    console.log(`[getImageById] Finding image: ${id}`);
+    const found = manifest.images.find((img) => img.id === id);
+    return found;
+}
+export function getImageCluster(manifest, imageId) {
+    console.log(`[getImageCluster] Finding cluster for: ${imageId}`);
+    if (!manifest.clusters) {
+        return undefined;
+    }
+    // Find which cluster contains this image
+    for (const [clusterId, members] of Object.entries(manifest.clusters)) {
+        if (members.includes(imageId)) {
+            return members;
+        }
+    }
+    return undefined;
+}
+//# sourceMappingURL=manifest.js.map

package/dist/manifest.js.map

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

package/dist/types.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Type definitions for react-static-images
+ */
+export interface ImageVariant {
+    width: number;
+    format: string;
+    src: string;
+    filename: string;
+}
+export interface ImageEntry {
+    id: string;
+    src: string;
+    width: number;
+    height: number;
+    aspectRatio: number;
+    blur?: string;
+    blurDataURL?: string;
+    dominantColor?: string;
+    cluster?: number;
+    variants?: ImageVariant[];
+}
+export interface ManifestData {
+    version: string;
+    generated: string;
+    images: ImageEntry[];
+    clusters?: Record<number, string[]>;
+}
+export interface ImageMetadata {
+    width: number;
+    height: number;
+    aspectRatio: number;
+    dominantColor?: string;
+    blur?: string;
+    cluster?: number;
+    blurDataURL?: string;
+    variants?: ImageVariant[];
+}
+export interface ImageStaticConfig {
+    enableBlurUp?: boolean;
+    enableClustering?: boolean;
+    responsiveSizes?: number[];
+}
+export interface BlurPlaceholder {
+    /**
+     * Base64-encoded blur image data or SVG data URL
+     */
+    data: string;
+    width: number;
+    height: number;
+}
+export interface ResponsiveImage {
+    src: string;
+    srcSet: string;
+    sizes?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/types.js

@@ -0,0 +1,5 @@
+/**
+ * Type definitions for react-static-images
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/utils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Utility functions for image handling
+ */
+export interface ImageVariant {
+    width: number;
+    src: string;
+    format?: string;
+}
+export declare function calculateAspectRatio(width: number, height: number): number;
+export declare function getMimeTypeForFormat(format: string): string;
+export declare function generateSrcSet(variants?: ImageVariant[]): string;
+export declare function groupVariantsByFormat(variants?: ImageVariant[]): Record<string, ImageVariant[]>;
+export declare function formatDominantColor(color: string): string;
+export declare function generatePaddingBottom(aspectRatio: number): string;
+export declare function generatePictureSizes(variants: ImageVariant[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE1E;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAS3D;AAED,wBAAgB,cAAc,CAAC,QAAQ,GAAE,YAAY,EAAO,GAAG,MAAM,CAMpE;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,GAAE,YAAY,EAAO,GAC5B,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAOhC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQzD;AAED,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAQjE;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,YAAY,EAAE,GAAG,MAAM,CAsBrE"}

package/dist/utils.js

@@ -0,0 +1,70 @@
+/**
+ * Utility functions for image handling
+ */
+export function calculateAspectRatio(width, height) {
+    return width / height;
+}
+export function getMimeTypeForFormat(format) {
+    const normalized = format.toLowerCase();
+    if (normalized === "avif")
+        return "image/avif";
+    if (normalized === "webp")
+        return "image/webp";
+    if (normalized === "jpg" || normalized === "jpeg")
+        return "image/jpeg";
+    if (normalized === "png")
+        return "image/png";
+    return `image/${normalized}`;
+}
+export function generateSrcSet(variants = []) {
+    if (variants.length === 0) {
+        return "";
+    }
+    return variants.map((variant) => `${variant.src} ${variant.width}w`).join(", ");
+}
+export function groupVariantsByFormat(variants = []) {
+    return variants.reduce((acc, variant) => {
+        const format = (variant.format ?? "jpeg").toLowerCase();
+        acc[format] ?? (acc[format] = []);
+        acc[format].push(variant);
+        return acc;
+    }, {});
+}
+export function formatDominantColor(color) {
+    console.log(`[formatDominantColor] Formatting: ${color}`);
+    // Ensure it's a valid hex color
+    if (color.startsWith("#")) {
+        return color;
+    }
+    // Prefix with # if missing
+    return `#${color}`;
+}
+export function generatePaddingBottom(aspectRatio) {
+    /**
+     * Generates CSS padding-bottom value to prevent layout shift
+     * Formula: (height / width) * 100%
+     * Since aspectRatio = width / height, we use: (1 / aspectRatio) * 100%
+     */
+    const percentage = (1 / aspectRatio) * 100;
+    return `${percentage}%`;
+}
+export function generatePictureSizes(variants) {
+    /**
+     * Generate sizes attribute for <picture> element
+     * Example: "(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw"
+     */
+    if (variants.length === 0) {
+        return "100vw";
+    }
+    // Group variants by width and generate appropriate breakpoints
+    const sorted = [...variants].sort((a, b) => a.width - b.width);
+    const sizes = [];
+    for (let i = 0; i < sorted.length - 1; i++) {
+        const width = sorted[i].width;
+        sizes.push(`(max-width: ${width}px) ${width}px`);
+    }
+    // Last variant is the default
+    sizes.push(`${sorted[sorted.length - 1].width}px`);
+    return sizes.join(", ");
+}
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

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

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@vividwebau/react-static-images",
+  "version": "0.1.0",
+  "license": "MIT",
+  "description": "React Server Component for static image optimization",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./manifest": {
+      "import": "./dist/manifest.js",
+      "types": "./dist/manifest.d.ts"
+    },
+    "./types": {
+      "import": "./dist/types.js",
+      "types": "./dist/types.d.ts"
+    }
+  },
+  "scripts": {
+    "dev": "tsc --watch",
+    "build": "tsc -p tsconfig.json",
+    "prepare": "tsc -p tsconfig.json",
+    "test": "node --test dist/**/*.test.js || true",
+    "lint": "eslint src --ext .ts,.tsx || true",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "eslint": "^8.55.0",
+    "typescript": "^5.3.0"
+  }
+}