@smoothcdn/loader 1.0.0

package/dist/react/CDNImage.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tryGetConfig } from "../core/config.js";
+import { buildUrl } from "../core/utils.js";
+const defaultSizes = "(min-width: 1280px) 556px, (min-width: 1024px) calc((100vw - 232px) / 2), (min-width: 768px) calc(100vw - 128px), calc(100vw - 32px)";
+export function CDNImage({ assetPath, variantSlug, alt = '', responsive = false, variants, sizes, ...props }) {
+    const src = buildUrl(assetPath, variantSlug);
+    if (!responsive) {
+        return _jsx("img", { alt: alt, src: src, sizes: sizes, ...props });
+    }
+    const width = typeof props.width === "number" ? props.width : undefined;
+    const availableVariants = resolveImageVariants(variants).filter((variantWidth) => width ? variantWidth <= width : true);
+    const fallbackWidth = availableVariants[availableVariants.length - 1];
+    return (_jsx("img", { alt: alt, src: fallbackWidth ? getVariantSrc(src, fallbackWidth) : src, srcSet: availableVariants.map((variantWidth) => `${getVariantSrc(src, variantWidth)} ${variantWidth}w`).join(", "), sizes: sizes || defaultSizes, ...props }));
+}
+const resolveImageVariants = (variants) => {
+    if (variants && variants.length > 0) {
+        return variants;
+    }
+    const configVariants = Object.values(tryGetConfig()?.imageVariants || {});
+    return configVariants.length > 0 ? configVariants : [320, 480, 640, 768, 960, 1200];
+};
+const getVariantSrc = (src, width) => {
+    const extensionIndex = src.lastIndexOf(".");
+    if (extensionIndex === -1) {
+        return src;
+    }
+    return `${src.slice(0, extensionIndex)}_${width}${src.slice(extensionIndex)}`;
+};

package/dist/react/CDNVideo.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { LoaderAssetMap, LoaderDefaultAssetMap, LoaderImagePath, LoaderVariantSlug, LoaderVideoPath } from "../core/types.js";
+import type { CDNMediaSource } from "./CDNAudio.js";
+export type CDNVideoProps<TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap> = {
+    assetPath: LoaderVideoPath<TAssets>;
+    variantSlug?: LoaderVariantSlug<TAssets>;
+    posterAssetPath?: LoaderImagePath<TAssets>;
+    posterVariantSlug?: LoaderVariantSlug<TAssets>;
+    sources?: Array<CDNMediaSource<LoaderVideoPath<TAssets>, LoaderVariantSlug<TAssets>>>;
+} & Omit<React.VideoHTMLAttributes<HTMLVideoElement>, "src" | "poster">;
+export declare function CDNVideo<TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap>({ assetPath, variantSlug, posterAssetPath, posterVariantSlug, sources, children, ...props }: CDNVideoProps<TAssets>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CDNVideo.d.ts.map

package/dist/react/CDNVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CDNVideo.d.ts","sourceRoot":"","sources":["../../src/react/CDNVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAC,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,iBAAiB,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC;AACjI,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,aAAa,CAAC,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB,IAAI;IACrG,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CACzF,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;AAExE,wBAAgB,QAAQ,CAAC,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB,EAChG,EACI,SAAS,EACT,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,aAAa,CAAC,OAAO,CAAC,2CAiB5B"}

package/dist/react/CDNVideo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buildUrl } from "../core/utils.js";
+export function CDNVideo({ assetPath, variantSlug, posterAssetPath, posterVariantSlug, sources, children, ...props }) {
+    return (_jsxs("video", { src: sources?.length ? undefined : buildUrl(assetPath, variantSlug), poster: posterAssetPath ? buildUrl(posterAssetPath, posterVariantSlug) : undefined, ...props, children: [sources?.map((source) => (_jsx("source", { src: buildUrl(source.assetPath, source.variantSlug), type: source.type }, `${source.assetPath}:${source.variantSlug || ""}:${source.type || ""}`))), children] }));
+}

package/dist/react/index.d.ts

@@ -0,0 +1,8 @@
+export { useScript } from "./useScript.js";
+export { useStyle } from "./useStyle.js";
+export { useImage } from "./useImage.js";
+export { useFetch } from "./useFetch.js";
+export { CDNImage } from "./CDNImage.js";
+export { CDNAudio } from "./CDNAudio.js";
+export { CDNVideo } from "./CDNVideo.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/react/index.js

@@ -0,0 +1,7 @@
+export { useScript } from "./useScript.js";
+export { useStyle } from "./useStyle.js";
+export { useImage } from "./useImage.js";
+export { useFetch } from "./useFetch.js";
+export { CDNImage } from "./CDNImage.js";
+export { CDNAudio } from "./CDNAudio.js";
+export { CDNVideo } from "./CDNVideo.js";

package/dist/react/useFetch.d.ts

@@ -0,0 +1,6 @@
+import type { LoaderAssetMap, LoaderDefaultAssetMap, LoaderEndpointPath, LoaderVariantSlug } from "../core/types.js";
+export declare function useFetch<T = unknown, TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap>(assetPath: LoaderEndpointPath<TAssets>, variantSlug?: LoaderVariantSlug<TAssets>, init?: RequestInit): {
+    data: T | null;
+    error: Error | null;
+};
+//# sourceMappingURL=useFetch.d.ts.map

package/dist/react/useFetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.d.ts","sourceRoot":"","sources":["../../src/react/useFetch.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAEnH,wBAAgB,QAAQ,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB,EAC7G,SAAS,EAAE,kBAAkB,CAAC,OAAO,CAAC,EACtC,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,EACxC,IAAI,CAAC,EAAE,WAAW;;;EAcrB"}

package/dist/react/useFetch.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react";
+import { createLoader } from "../core/createLoader.js";
+export function useFetch(assetPath, variantSlug, init) {
+    const [data, setData] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        createLoader()
+            .fetch(assetPath, variantSlug, init)
+            .then(res => res.json())
+            .then(setData)
+            .catch(setError);
+    }, [assetPath, variantSlug, init]);
+    return { data, error };
+}

package/dist/react/useImage.d.ts

@@ -0,0 +1,6 @@
+import type { LoaderAssetMap, LoaderDefaultAssetMap, LoaderImagePath, LoaderVariantSlug } from "../core/types.js";
+export declare function useImage<TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap>(assetPath: LoaderImagePath<TAssets>, variantSlug?: LoaderVariantSlug<TAssets>): {
+    image: HTMLImageElement | null;
+    error: Error | null;
+};
+//# sourceMappingURL=useImage.d.ts.map

package/dist/react/useImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImage.d.ts","sourceRoot":"","sources":["../../src/react/useImage.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAEhH,wBAAgB,QAAQ,CAAC,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB,EAChG,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,EACnC,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC;;;EAa3C"}

package/dist/react/useImage.js

@@ -0,0 +1,13 @@
+import { useEffect, useState } from "react";
+import { createLoader } from "../core/createLoader.js";
+export function useImage(assetPath, variantSlug) {
+    const [image, setImage] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        createLoader()
+            .image(assetPath, variantSlug)
+            .then(setImage)
+            .catch(setError);
+    }, [assetPath, variantSlug]);
+    return { image, error };
+}

package/dist/react/useScript.d.ts

@@ -0,0 +1,6 @@
+import type { LoaderAssetMap, LoaderDefaultAssetMap, LoaderScriptPath, LoaderVariantSlug } from "../core/types.js";
+export declare function useScript<TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap>(assetPath: LoaderScriptPath<TAssets>, variantSlug?: LoaderVariantSlug<TAssets>): {
+    loaded: boolean;
+    error: Error | null;
+};
+//# sourceMappingURL=useScript.d.ts.map

package/dist/react/useScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScript.d.ts","sourceRoot":"","sources":["../../src/react/useScript.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAEjH,wBAAgB,SAAS,CAAC,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB,EACjG,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,EACpC,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC;;;EAc3C"}

package/dist/react/useScript.js

@@ -0,0 +1,13 @@
+import { useEffect, useState } from "react";
+import { createLoader } from "../core/createLoader.js";
+export function useScript(assetPath, variantSlug) {
+    const [loaded, setLoaded] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        const loader = createLoader();
+        loader.script(assetPath, variantSlug)
+            .then(() => setLoaded(true))
+            .catch(setError);
+    }, [assetPath, variantSlug]);
+    return { loaded, error };
+}

package/dist/react/useStyle.d.ts

@@ -0,0 +1,3 @@
+import type { LoaderAssetMap, LoaderDefaultAssetMap, LoaderStylePath, LoaderVariantSlug } from "../core/types.js";
+export declare function useStyle<TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap>(assetPath: LoaderStylePath<TAssets>, variantSlug?: LoaderVariantSlug<TAssets>): void;
+//# sourceMappingURL=useStyle.d.ts.map

package/dist/react/useStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyle.d.ts","sourceRoot":"","sources":["../../src/react/useStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAEhH,wBAAgB,QAAQ,CAAC,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB,EAChG,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,EACnC,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,QAK3C"}

package/dist/react/useStyle.js

@@ -0,0 +1,7 @@
+import { useEffect } from "react";
+import { createLoader } from "../core/createLoader.js";
+export function useStyle(assetPath, variantSlug) {
+    useEffect(() => {
+        createLoader().style(assetPath, variantSlug);
+    }, [assetPath, variantSlug]);
+}

package/dist/remix.d.ts

@@ -0,0 +1,11 @@
+import type { LoaderAssetMap, LoaderDefaultAssetMap, LoaderStylePath, LoaderVariantSlug } from "./core/types.js";
+export interface RemixLinksDescriptor {
+    rel: "stylesheet";
+    href: string;
+}
+export declare const createSmoothLoader: <TAssets extends Partial<LoaderAssetMap> | undefined = undefined>() => import("./framework/shared.js").FrameworkLoader<TAssets>;
+export declare const createStyleLink: <TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap>(assetPath: LoaderStylePath<TAssets>, variantSlug?: LoaderVariantSlug<TAssets>) => RemixLinksDescriptor;
+export { createLoader } from "./core/createLoader.js";
+export { buildUrl } from "./core/utils.js";
+export type * from "./core/types.js";
+//# sourceMappingURL=remix.d.ts.map

package/dist/remix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remix.d.ts","sourceRoot":"","sources":["../src/remix.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAE/G,MAAM,WAAW,oBAAoB;IACjC,GAAG,EAAE,YAAY,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,iIAAwB,CAAC;AAExD,eAAO,MAAM,eAAe,GACxB,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB,EAE3E,WAAW,eAAe,CAAC,OAAO,CAAC,EACnC,cAAc,iBAAiB,CAAC,OAAO,CAAC,KACzC,oBAGD,CAAC;AAEH,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,mBAAmB,iBAAiB,CAAC"}

package/dist/remix.js

@@ -0,0 +1,8 @@
+import { createFrameworkLoader } from "./framework/shared.js";
+export const createSmoothLoader = createFrameworkLoader;
+export const createStyleLink = (assetPath, variantSlug) => ({
+    rel: "stylesheet",
+    href: createFrameworkLoader().url(assetPath, variantSlug)
+});
+export { createLoader } from "./core/createLoader.js";
+export { buildUrl } from "./core/utils.js";

package/dist/sveltekit.d.ts

@@ -0,0 +1,19 @@
+import type { LoaderAssetMap, LoaderDefaultAssetMap, LoaderAssetPath, LoaderVariantSlug } from "./core/types.js";
+export interface SvelteKitLoadEventLike {
+    depends?: (...deps: string[]) => void;
+    setHeaders?: (headers: Record<string, string>) => void;
+}
+export interface SvelteKitAssetOptions<TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap> {
+    assetPath: LoaderAssetPath<TAssets>;
+    variantSlug?: LoaderVariantSlug<TAssets>;
+    depends?: string[];
+    cacheControl?: string;
+}
+export declare const createSmoothLoader: <TAssets extends Partial<LoaderAssetMap> | undefined = undefined>() => import("./framework/shared.js").FrameworkLoader<TAssets>;
+export declare const createAssetLoad: <TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap>(options: SvelteKitAssetOptions<TAssets>) => (event: SvelteKitLoadEventLike) => {
+    url: string;
+};
+export { createLoader } from "./core/createLoader.js";
+export { buildUrl } from "./core/utils.js";
+export type * from "./core/types.js";
+//# sourceMappingURL=sveltekit.d.ts.map

package/dist/sveltekit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sveltekit.d.ts","sourceRoot":"","sources":["../src/sveltekit.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAE/G,MAAM,WAAW,sBAAsB;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,MAAM,WAAW,qBAAqB,CAAC,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB;IAC9G,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,iIAAwB,CAAC;AAExD,eAAO,MAAM,eAAe,GACxB,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB,EAE3E,SAAS,qBAAqB,CAAC,OAAO,CAAC,MACrC,OAAO,sBAAsB;;CAYlC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,mBAAmB,iBAAiB,CAAC"}

package/dist/sveltekit.js

@@ -0,0 +1,15 @@
+import { createFrameworkLoader } from "./framework/shared.js";
+export const createSmoothLoader = createFrameworkLoader;
+export const createAssetLoad = (options) => (event) => {
+    if (options.depends?.length && event.depends) {
+        event.depends(...options.depends);
+    }
+    if (options.cacheControl && event.setHeaders) {
+        event.setHeaders({ "cache-control": options.cacheControl });
+    }
+    return {
+        url: createFrameworkLoader().url(options.assetPath, options.variantSlug)
+    };
+};
+export { createLoader } from "./core/createLoader.js";
+export { buildUrl } from "./core/utils.js";

package/dist/types-generator.d.ts

@@ -0,0 +1,20 @@
+export interface GenerateTypesOptions {
+    cwd?: string;
+    configPath?: string;
+    outFile?: string;
+    typeName?: string;
+}
+export interface GeneratedTypesResult {
+    configPath: string;
+    outFile: string;
+    assets: string[];
+    images: string[];
+    audio: string[];
+    video: string[];
+    scripts: string[];
+    styles: string[];
+    endpoints: string[];
+    variants: string[];
+}
+export declare const generateTypes: (options?: GenerateTypesOptions) => GeneratedTypesResult;
+//# sourceMappingURL=types-generator.d.ts.map

package/dist/types-generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-generator.d.ts","sourceRoot":"","sources":["../src/types-generator.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACtB;AASD,eAAO,MAAM,aAAa,GAAI,UAAS,oBAAyB,KAAG,oBA8BlE,CAAC"}

package/dist/types-generator.js

@@ -0,0 +1,209 @@
+import fs from "node:fs";
+import path from "node:path";
+import { normalizeConfig } from "./core/config.js";
+import { applyReplacePath, normalizePath } from "./core/utils.js";
+const IMAGE_EXTENSIONS = new Set([".avif", ".gif", ".jpg", ".jpeg", ".png", ".svg", ".webp"]);
+const AUDIO_EXTENSIONS = new Set([".aac", ".flac", ".m4a", ".mp3", ".ogg", ".opus", ".wav", ".weba"]);
+const VIDEO_EXTENSIONS = new Set([".avi", ".m4v", ".mov", ".mp4", ".mpeg", ".ogv", ".webm"]);
+const SCRIPT_EXTENSIONS = new Set([".js", ".mjs", ".cjs"]);
+const STYLE_EXTENSIONS = new Set([".css"]);
+const ENDPOINT_EXTENSIONS = new Set([".json", ".xml"]);
+export const generateTypes = (options = {}) => {
+    const cwd = options.cwd || process.cwd();
+    const configPath = options.configPath || path.join(cwd, ".scdn.json");
+    const outFile = path.resolve(cwd, options.outFile || "smoothcdn-loader.ts");
+    const typeName = options.typeName || "SmoothCDNAssets";
+    const config = normalizeConfig(readConfig(configPath));
+    const discoveredAssets = discoverAssets(cwd, config);
+    const variants = discoverVariants(config);
+    const content = renderTypes({
+        configImportPath: toImportPath(path.relative(path.dirname(outFile), configPath)),
+        typeName,
+        assets: discoveredAssets.assets,
+        images: discoveredAssets.images,
+        audio: discoveredAssets.audio,
+        video: discoveredAssets.video,
+        scripts: discoveredAssets.scripts,
+        styles: discoveredAssets.styles,
+        endpoints: discoveredAssets.endpoints,
+        variants
+    });
+    fs.mkdirSync(path.dirname(outFile), { recursive: true });
+    fs.writeFileSync(outFile, content);
+    return {
+        configPath,
+        outFile,
+        ...discoveredAssets,
+        variants
+    };
+};
+const readConfig = (configPath) => {
+    return JSON.parse(fs.readFileSync(configPath, "utf8"));
+};
+const discoverAssets = (cwd, config) => {
+    const sourcePatterns = config.sources || config.variants?.flatMap((variant) => variant.sources || []) || [];
+    const excludePatterns = [
+        ...(config.excludes || []),
+        ...(config.protected || []),
+        ...(config.variants?.flatMap((variant) => variant.excludes || []) || [])
+    ];
+    const assets = new Set();
+    const images = new Set();
+    const audio = new Set();
+    const video = new Set();
+    const scripts = new Set();
+    const styles = new Set();
+    const endpoints = new Set();
+    for (const pattern of sourcePatterns) {
+        for (const filePath of collectFilesForPattern(cwd, pattern)) {
+            const relativePath = normalizePath(path.relative(cwd, filePath));
+            if (excludePatterns.some((excludePattern) => matchesPattern(relativePath, excludePattern))) {
+                continue;
+            }
+            const publicPath = `/${normalizePath(applyReplacePath(relativePath, config.replacePath))}`;
+            const extension = path.extname(filePath).toLowerCase();
+            assets.add(publicPath);
+            if (IMAGE_EXTENSIONS.has(extension))
+                images.add(publicPath);
+            if (AUDIO_EXTENSIONS.has(extension))
+                audio.add(publicPath);
+            if (VIDEO_EXTENSIONS.has(extension))
+                video.add(publicPath);
+            if (SCRIPT_EXTENSIONS.has(extension))
+                scripts.add(publicPath);
+            if (STYLE_EXTENSIONS.has(extension))
+                styles.add(publicPath);
+            if (ENDPOINT_EXTENSIONS.has(extension))
+                endpoints.add(publicPath);
+        }
+    }
+    return {
+        assets: sortSet(assets),
+        images: sortSet(images),
+        audio: sortSet(audio),
+        video: sortSet(video),
+        scripts: sortSet(scripts),
+        styles: sortSet(styles),
+        endpoints: sortSet(endpoints)
+    };
+};
+const discoverVariants = (config) => {
+    const variants = new Set();
+    for (const variant of config.variants || []) {
+        const slug = variant.variantSlug || variant.slug || variant.name;
+        if (slug) {
+            variants.add(slug);
+        }
+    }
+    for (const variant of Object.keys(config.imageVariants || {})) {
+        variants.add(variant);
+    }
+    return sortSet(variants);
+};
+const collectFilesForPattern = (cwd, pattern) => {
+    const normalizedPattern = normalizePath(pattern.replace(/^\.\//, ""));
+    const globIndex = findGlobIndex(normalizedPattern);
+    const basePath = path.resolve(cwd, globIndex === -1 ? normalizedPattern : normalizedPattern.slice(0, globIndex));
+    if (!fs.existsSync(basePath)) {
+        return [];
+    }
+    if (fs.statSync(basePath).isFile()) {
+        return [basePath];
+    }
+    const recursive = normalizedPattern.includes("**");
+    return walkFiles(basePath, recursive);
+};
+const walkFiles = (directory, recursive) => {
+    const files = [];
+    for (const entry of fs.readdirSync(directory, { withFileTypes: true })) {
+        const entryPath = path.join(directory, entry.name);
+        if (entry.isDirectory()) {
+            if (recursive) {
+                files.push(...walkFiles(entryPath, recursive));
+            }
+            continue;
+        }
+        if (entry.isFile()) {
+            files.push(entryPath);
+        }
+    }
+    return files;
+};
+const findGlobIndex = (pattern) => {
+    const indexes = ["*", "?", "["]
+        .map((token) => pattern.indexOf(token))
+        .filter((index) => index >= 0);
+    if (indexes.length === 0) {
+        return -1;
+    }
+    const firstGlob = Math.min(...indexes);
+    const slashBeforeGlob = pattern.lastIndexOf("/", firstGlob);
+    return slashBeforeGlob === -1 ? 0 : slashBeforeGlob + 1;
+};
+const matchesPattern = (relativePath, pattern) => {
+    const normalizedPattern = normalizePath(pattern.replace(/^\.\//, ""));
+    if (normalizedPattern.endsWith("/**/*")) {
+        return relativePath.startsWith(normalizedPattern.slice(0, -"**/*".length));
+    }
+    if (normalizedPattern.endsWith("/*")) {
+        const base = normalizedPattern.slice(0, -1);
+        return relativePath.startsWith(base) && !relativePath.slice(base.length).includes("/");
+    }
+    if (normalizedPattern.includes("*")) {
+        const regexp = new RegExp(`^${escapeRegExp(normalizedPattern).replace(/\\\*\\\*/g, ".*").replace(/\\\*/g, "[^/]*")}$`);
+        return regexp.test(relativePath);
+    }
+    return relativePath === normalizedPattern;
+};
+const renderTypes = (input) => {
+    return `import { initConfig } from "@smoothcdn/loader";
+import scdnConfig from "${input.configImportPath}";
+import type { LoaderAssetMap } from "@smoothcdn/loader";
+
+export function configureSmoothCDN() {
+    initConfig(scdnConfig);
+}
+
+configureSmoothCDN();
+
+export { buildUrl, createLoader } from "@smoothcdn/loader";
+
+export type SmoothCDNAsset = ${renderUnion(input.assets)};
+export type SmoothCDNImage = ${renderUnion(input.images)};
+export type SmoothCDNAudio = ${renderUnion(input.audio)};
+export type SmoothCDNVideo = ${renderUnion(input.video)};
+export type SmoothCDNScript = ${renderUnion(input.scripts)};
+export type SmoothCDNStyle = ${renderUnion(input.styles)};
+export type SmoothCDNEndpoint = ${renderUnion(input.endpoints)};
+export type SmoothCDNVariant = ${renderUnion(input.variants)};
+
+export interface ${input.typeName} extends LoaderAssetMap {
+    assets: SmoothCDNAsset;
+    images: SmoothCDNImage;
+    audio: SmoothCDNAudio;
+    video: SmoothCDNVideo;
+    scripts: SmoothCDNScript;
+    styles: SmoothCDNStyle;
+    endpoints: SmoothCDNEndpoint;
+    variants: SmoothCDNVariant;
+}
+
+declare global {
+    namespace SmoothCDN {
+        interface Assets extends ${input.typeName} {}
+    }
+}
+`;
+};
+const renderUnion = (values) => {
+    if (values.length === 0) {
+        return "never";
+    }
+    return values.map((value) => JSON.stringify(value)).join(" | ");
+};
+const sortSet = (values) => [...values].sort((a, b) => a.localeCompare(b));
+const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+const toImportPath = (relativePath) => {
+    const normalized = normalizePath(relativePath).replace(/\.json$/, ".json");
+    return normalized.startsWith("./") || normalized.startsWith("../") ? normalized : `./${normalized}`;
+};

package/dist/vue/CDNImage.d.ts

@@ -0,0 +1,39 @@
+import { type ImgHTMLAttributes, type PropType } from "vue";
+import type { LoaderAssetMap, LoaderDefaultAssetMap, LoaderImagePath, LoaderVariantSlug } from "../core/types.js";
+export type CDNImageProps<TAssets extends Partial<LoaderAssetMap> | undefined = LoaderDefaultAssetMap> = {
+    assetPath: LoaderImagePath<TAssets>;
+    variantSlug?: LoaderVariantSlug<TAssets>;
+    alt?: string;
+} & Omit<ImgHTMLAttributes, "src">;
+export declare const CDNImage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    assetPath: {
+        type: PropType<string>;
+        required: true;
+    };
+    variantSlug: {
+        type: PropType<string | undefined>;
+        required: false;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    assetPath: {
+        type: PropType<string>;
+        required: true;
+    };
+    variantSlug: {
+        type: PropType<string | undefined>;
+        required: false;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    alt: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CDNImage.d.ts.map

package/dist/vue/CDNImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CDNImage.d.ts","sourceRoot":"","sources":["../../src/vue/CDNImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAC,MAAM,KAAK,CAAC;AAE9E,OAAO,KAAK,EAAC,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAEhH,MAAM,MAAM,aAAa,CAAC,OAAO,SAAS,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,qBAAqB,IAAI;IACrG,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ;;cAIO,QAAQ,CAAC,MAAM,CAAC;;;;cAIhB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;;;;cAJ5B,QAAQ,CAAC,MAAM,CAAC;;;;cAIhB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;;4EAetD,CAAC"}

package/dist/vue/CDNImage.js

@@ -0,0 +1,26 @@
+import { defineComponent, h } from "vue";
+import { buildUrl } from "../core/utils.js";
+export const CDNImage = defineComponent({
+    name: "SmoothCDNImage",
+    props: {
+        assetPath: {
+            type: String,
+            required: true
+        },
+        variantSlug: {
+            type: String,
+            required: false
+        },
+        alt: {
+            type: String,
+            default: ""
+        }
+    },
+    setup(props, { attrs }) {
+        return () => h("img", {
+            ...attrs,
+            alt: props.alt,
+            src: buildUrl(props.assetPath, props.variantSlug)
+        });
+    }
+});

package/dist/vue/index.d.ts

@@ -0,0 +1,7 @@
+export { CDNImage } from "./CDNImage.js";
+export { useFetch } from "./useFetch.js";
+export { useImage } from "./useImage.js";
+export { createLoader } from "../core/createLoader.js";
+export { buildUrl } from "../core/utils.js";
+export type * from "../core/types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAC1C,mBAAmB,kBAAkB,CAAC"}

package/dist/vue/index.js

@@ -0,0 +1,5 @@
+export { CDNImage } from "./CDNImage.js";
+export { useFetch } from "./useFetch.js";
+export { useImage } from "./useImage.js";
+export { createLoader } from "../core/createLoader.js";
+export { buildUrl } from "../core/utils.js";

package/dist/vue/useCdnFetch.d.ts

@@ -0,0 +1,6 @@
+import { LoaderConfig } from "../core/types";
+export declare function useCdnFetch<T = unknown>(config: LoaderConfig, path: string, init?: RequestInit): {
+    data: [T | null] extends [import("vue").Ref<any, any>] ? import("@vue/shared").IfAny<import("vue").Ref<any, any> & T, import("vue").Ref<import("vue").Ref<any, any> & T, import("vue").Ref<any, any> & T>, import("vue").Ref<any, any> & T> : import("vue").Ref<import("vue").UnwrapRef<T> | null, T | import("vue").UnwrapRef<T> | null>;
+    error: import("vue").Ref<Error | null, Error | null>;
+};
+//# sourceMappingURL=useCdnFetch.d.ts.map

package/dist/vue/useCdnFetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCdnFetch.d.ts","sourceRoot":"","sources":["../../src/vue/useCdnFetch.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,wBAAgB,WAAW,CAAC,CAAC,GAAG,OAAO,EACnC,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,WAAW;;;EAcrB"}

package/dist/vue/useCdnFetch.js

@@ -0,0 +1,14 @@
+import { ref, onMounted } from "vue";
+import { createLoader } from "../core/createLoader";
+export function useCdnFetch(config, path, init) {
+    const data = ref(null);
+    const error = ref(null);
+    onMounted(() => {
+        createLoader(config)
+            .fetch(path, init)
+            .then(r => r.json())
+            .then(v => (data.value = v))
+            .catch(e => (error.value = e));
+    });
+    return { data, error };
+}

package/dist/vue/useCdnScript.d.ts

@@ -0,0 +1,3 @@
+import { LoaderConfig } from "../core/types";
+export declare function useCdnScript(config: LoaderConfig, path: string): void;
+//# sourceMappingURL=useCdnScript.d.ts.map

package/dist/vue/useCdnScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCdnScript.d.ts","sourceRoot":"","sources":["../../src/vue/useCdnScript.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,wBAAgB,YAAY,CACxB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,QAKf"}

package/dist/vue/useCdnScript.js

@@ -0,0 +1,7 @@
+import { onMounted } from "vue";
+import { createLoader } from "../core/createLoader";
+export function useCdnScript(config, path) {
+    onMounted(() => {
+        createLoader(config).script(path);
+    });
+}

package/dist/vue/useCdnStyle.d.ts

@@ -0,0 +1,3 @@
+import { LoaderConfig } from "../core/types";
+export declare function useCdnStyle(config: LoaderConfig, path: string): void;
+//# sourceMappingURL=useCdnStyle.d.ts.map

package/dist/vue/useCdnStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCdnStyle.d.ts","sourceRoot":"","sources":["../../src/vue/useCdnStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,wBAAgB,WAAW,CACvB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,QAKf"}

package/dist/vue/useCdnStyle.js

@@ -0,0 +1,7 @@
+import { onMounted } from "vue";
+import { createLoader } from "../core/createLoader";
+export function useCdnStyle(config, path) {
+    onMounted(() => {
+        createLoader(config).style(path);
+    });
+}