@teamnovu/nuxt-image 0.5.5 → 1.0.0-beta.2

package/dist/runtime/utils/index.js

@@ -1,72 +0,0 @@
-export default function imageFetch(url) {
-  return fetch(cleanDoubleSlashes(url));
-}
-export function getInt(x) {
-  if (typeof x === "number") {
-    return x;
-  }
-  if (typeof x === "string") {
-    return parseInt(x, 10);
-  }
-  return void 0;
-}
-export function getFileExtension(url = "") {
-  const extension = url.split(/[?#]/).shift().split("/").pop().split(".").pop();
-  return extension;
-}
-export function cleanDoubleSlashes(path = "") {
-  return path.replace(/(https?:\/\/)|(\/)+/g, "$1$2");
-}
-export function createMapper(map) {
-  return (key) => {
-    return key ? map[key] || key : map.missingValue;
-  };
-}
-export function createOperationsGenerator({formatter, keyMap, joinWith = "/", valueMap} = {}) {
-  if (!formatter) {
-    formatter = (key, value) => `${key}=${value}`;
-  }
-  if (keyMap && typeof keyMap !== "function") {
-    keyMap = createMapper(keyMap);
-  }
-  const map = valueMap || {};
-  Object.keys(map).forEach((valueKey) => {
-    if (typeof map[valueKey] !== "function") {
-      map[valueKey] = createMapper(map[valueKey]);
-    }
-  });
-  return (modifiers = {}) => {
-    const operations = Object.entries(modifiers).filter(([_, value]) => typeof value !== "undefined").map(([key, value]) => {
-      const mapper = map[key];
-      if (typeof mapper === "function") {
-        value = mapper(modifiers[key]);
-      }
-      key = typeof keyMap === "function" ? keyMap(key) : key;
-      return formatter(key, value);
-    });
-    return operations.join(joinWith);
-  };
-}
-export function renderAttributesToString(attributes = {}) {
-  return Object.entries(attributes).map(([key, value]) => value ? `${key}="${value}"` : "").filter(Boolean).join(" ");
-}
-export function renderTag(tag, attrs, contents) {
-  const html = `<${tag} ${renderAttributesToString(attrs)}>`;
-  if (!contents) {
-    return html;
-  }
-  return html + contents + `</${tag}>`;
-}
-export function generateAlt(src = "") {
-  return src.split(/[?#]/).shift().split("/").pop().split(".").shift();
-}
-export function parseSize(input = "") {
-  if (typeof input === "number") {
-    return input;
-  }
-  if (typeof input === "string") {
-    if (input.replace("px", "").match(/^\d+$/g)) {
-      return parseInt(input, 10);
-    }
-  }
-}

package/dist/runtime/utils/meta.d.ts

@@ -1,2 +0,0 @@
-import type { ImageInfo, ImageCTX } from '../../types/image';
-export declare function imageMeta(ctx: ImageCTX, url: string): Promise<ImageInfo>;

package/dist/runtime/utils/meta.js

@@ -1,67 +0,0 @@
-export async function imageMeta(ctx, url) {
-  const cache = getCache(ctx);
-  const cacheKey = "image:meta:" + url;
-  if (cache.has(cacheKey)) {
-    return cache.get(cacheKey);
-  }
-  const meta = await _imageMeta(url).catch((err) => {
-    console.error("Failed to get image meta for " + url, err + "");
-    return {
-      width: 0,
-      height: 0,
-      ratio: 0
-    };
-  });
-  cache.set(cacheKey, meta);
-  return meta;
-}
-async function _imageMeta(url) {
-  if (process.server) {
-    const imageMeta2 = await import("image-meta").then((r) => r.default || r);
-    const data = await fetch(url).then((res) => res.buffer());
-    const metadata = imageMeta2(data);
-    if (!metadata) {
-      throw new Error(`No metadata could be extracted from the image \`${url}\`.`);
-    }
-    const {width, height} = metadata;
-    const meta = {
-      width,
-      height,
-      ratio: width && height ? width / height : void 0
-    };
-    return meta;
-  }
-  if (typeof Image === "undefined") {
-    throw new TypeError("Image not supported");
-  }
-  return new Promise((resolve, reject) => {
-    const img = new Image();
-    img.onload = () => {
-      const meta = {
-        width: img.width,
-        height: img.height,
-        ratio: img.width / img.height
-      };
-      resolve(meta);
-    };
-    img.onerror = (err) => reject(err);
-    img.src = url;
-  });
-}
-function getCache(ctx) {
-  if (!ctx.nuxtContext.cache) {
-    if (ctx.nuxtContext.ssrContext && ctx.nuxtContext.ssrContext.cache) {
-      ctx.nuxtContext.cache = ctx.nuxtContext.ssrContext.cache;
-    } else {
-      const _cache = {};
-      ctx.nuxtContext.cache = {
-        get: (id) => _cache[id],
-        set: (id, value) => {
-          _cache[id] = value;
-        },
-        has: (id) => typeof _cache[id] !== "undefined"
-      };
-    }
-  }
-  return ctx.nuxtContext.cache;
-}

package/dist/runtime/utils/static-map.d.ts

@@ -1,2 +0,0 @@
-import type { Context } from '@nuxt/types';
-export declare function useStaticImageMap(nuxtContext?: Context): {};

package/dist/runtime/utils/static-map.js

@@ -1,20 +0,0 @@
-const staticImageMap = {};
-function updateImageMap() {
-  if (typeof window.$nuxt !== "undefined") {
-    const pageImages = window.$nuxt._pagePayload?.data?.[0]?._img || {};
-    Object.assign(staticImageMap, pageImages);
-  } else if (typeof window.__NUXT__ !== "undefined") {
-    const pageImages = window.__NUXT__?._img || {};
-    Object.assign(staticImageMap, pageImages);
-  }
-}
-export function useStaticImageMap(nuxtContext) {
-  updateImageMap();
-  if (nuxtContext) {
-    nuxtContext.app.router?.afterEach(updateImageMap);
-  }
-  if (window.onNuxtReady) {
-    window.onNuxtReady(updateImageMap);
-  }
-  return staticImageMap;
-}

package/dist/types.d.ts

@@ -1,172 +0,0 @@
-import { IPXOptions } from 'ipx';
-
-interface ImageModifiers {
-    width: number;
-    height: number;
-    fit: string;
-    format: string;
-    [key: string]: any;
-}
-interface ImageOptions {
-    provider?: string;
-    preset?: string;
-    modifiers?: Partial<ImageModifiers>;
-    [key: string]: any;
-}
-interface ImageSizesOptions extends ImageOptions {
-    sizes: Record<string, string | number> | string;
-}
-declare type ProviderGetImage = (src: string, options: ImageOptions, ctx: ImageCTX) => ResolvedImage;
-interface ImageProvider {
-    defaults?: any;
-    getImage: ProviderGetImage;
-    validateDomains?: Boolean;
-    supportsAlias?: Boolean;
-}
-interface CreateImageOptions {
-    providers: {
-        [name: string]: {
-            defaults: any;
-            provider: ImageProvider;
-        };
-    };
-    presets: {
-        [name: string]: ImageOptions;
-    };
-    provider: string;
-    screens: Record<string, number>;
-    srcset: number[];
-    alias: Record<string, string>;
-    domains: string[];
-}
-interface ImageInfo {
-    width: number;
-    height: number;
-    placeholder?: string;
-}
-interface ResolvedImage {
-    url: string;
-    format?: string;
-    isStatic?: boolean;
-    getMeta?: () => Promise<ImageInfo>;
-}
-interface ImageSizes {
-    srcset: string;
-    sizes: string;
-    src: string;
-}
-interface Img {
-    (source: string, modifiers?: ImageOptions['modifiers'], options?: ImageOptions): ResolvedImage['url'];
-    options: CreateImageOptions;
-    getImage: (source: string, options?: ImageOptions) => ResolvedImage;
-    getSizes: (source: string, options?: ImageOptions, sizes?: string[]) => ImageSizes;
-    getMeta: (source: string, options?: ImageOptions) => Promise<ImageInfo>;
-}
-declare type $Img = Img & {
-    [preset: string]: $Img;
-};
-interface ImageCTX {
-    options: CreateImageOptions;
-    nuxtContext: {
-        ssrContext: any;
-        cache?: any;
-        isDev: boolean;
-        isStatic: boolean;
-        nuxtState?: any;
-    };
-    $img?: $Img;
-}
-interface ImageSize {
-    width: number;
-    media: string;
-    breakpoint: number;
-    format: string;
-    url: string;
-}
-interface RuntimePlaceholder extends ImageInfo {
-    url: string;
-}
-declare type OperationFormatter = (key: string, value: string) => string;
-declare type OperationMapper = {
-    [key: string]: string | false;
-} | ((key: string) => string);
-interface OperationGeneratorConfig {
-    keyMap?: OperationMapper;
-    formatter?: OperationFormatter;
-    joinWith?: string;
-    valueMap?: {
-        [key: string]: OperationMapper;
-    };
-}
-declare type MapToStatic = (image: ResolvedImage, input: string) => string;
-
-declare type ProviderSetup = (providerOptions: ImageModuleProvider, moduleOptions: ModuleOptions, nuxt: any) => void | Promise<void>;
-interface InputProvider<T = any> {
-    name?: string;
-    provider?: string;
-    options?: T;
-    setup?: ProviderSetup;
-}
-interface ImageProviders {
-    cloudinary?: any;
-    fastly?: any;
-    glide?: any;
-    imagekit?: any;
-    imgix?: any;
-    prismic?: any;
-    twicpics?: any;
-    storyblok?: any;
-    ipx?: Partial<IPXOptions>;
-    static?: Partial<IPXOptions>;
-}
-interface ModuleOptions extends ImageProviders {
-    staticFilename: string;
-    provider: CreateImageOptions['provider'];
-    presets: {
-        [name: string]: ImageOptions;
-    };
-    dir: string;
-    domains: string[];
-    sharp: any;
-    alias: Record<string, string>;
-    screens: CreateImageOptions['screens'];
-    srcset: number[];
-    internalUrl: string;
-    providers: {
-        [name: string]: InputProvider | any;
-    } & ImageProviders;
-    [key: string]: any;
-}
-interface ImageModuleProvider {
-    name: string;
-    importName: string;
-    options: any;
-    provider: string;
-    runtime: string;
-    runtimeOptions: any;
-    setup: ProviderSetup;
-}
-
-declare module '@nuxt/types' {
-    interface Context {
-        $img: $Img;
-    }
-    interface NuxtAppOptions {
-        $img: $Img;
-    }
-    interface Configuration {
-        image?: Partial<ModuleOptions>;
-    }
-}
-declare module 'vue/types/vue' {
-    interface Vue {
-        $img: $Img;
-    }
-}
-declare module 'vuex/types/index' {
-    interface Store<S> {
-        $img: $Img;
-    }
-}
-
-export { $Img, CreateImageOptions, ImageCTX, ImageInfo, ImageModifiers, ImageModuleProvider, ImageOptions, ImageProvider, ImageProviders, ImageSize, ImageSizes, ImageSizesOptions, Img, InputProvider, MapToStatic, ModuleOptions, OperationFormatter, OperationGeneratorConfig, OperationMapper, ProviderGetImage, ProviderSetup, ResolvedImage, RuntimePlaceholder };

package/vetur/attributes.json

@@ -1,32 +0,0 @@
-{
-  "src":{
-    "description":"Path to image file"
-  },
-  "width":{
-    "description":"Specify width of the image."
-  },
-  "height":{
-    "description":"Specify height of the image."
-  },
-  "sizes":{
-    "description":"Specify responsive reiszes. `sm:100vw md:50vw lg:400px`"
-  },
-  "provider":{
-    "description":"Use other provider instead of default provider option specified in nuxt.config`"
-  },
-  "preset":{
-    "description":"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects."
-  },
-  "format":{
-    "description":"In case you want to serve images in a specific format, use this prop. `webp`, `jpeg`, `jpg`, `png`, `gif` and `svg`"
-  },
-  "quality":{
-    "description":"The quality for the generated image(s)."
-  },
-  "fit":{
-    "description":"The fit property specifies the size of the images. There are five standard values you can use with this property. `cover` `contain` `fill` `inside` `outside`"
-  },
-  "modifiers":{
-    "description":"In addition to standard modifiers, every provider can have their own modifiers. `:modifiers=\"{ roundCorner: '0:100' }\"`"
-  }
-}

package/vetur/tags.json

@@ -1,32 +0,0 @@
-{
-  "nuxt-picture":{
-    "attributes":[
-      "src",
-      "width",
-      "height",
-      "sizes",
-      "provider",
-      "preset",
-      "format",
-      "quality",
-      "fit",
-      "modifiers"
-    ],
-    "description":"drop-in replacement for the native `<picture>` tag"
-  },
-  "nuxt-img":{
-    "attributes":[
-      "src",
-      "width",
-      "height",
-      "sizes",
-      "provider",
-      "preset",
-      "format",
-      "quality",
-      "fit",
-      "modifiers"
-    ],
-    "description":"drop-in replacement for the native `<img>` tag"
-  }
-}