Skip to content

Upgrading @nuxt/image 0.3 to 0.4

Unknown0.3.0 → 0.4.17

Fetching 18 releases from GitHub…0 / 18
UnknownUpgrade verdict

DepDelta is still reading the notes for this range, so breaking changes can't be ruled out yet.

  • DepDelta is still reading the release notes in this range, so it can't rule out breaking changes yet.
  • This page updates as the notes come in.
Still reading release notes

DepDelta is still reading the release notes in this range. This updates as they come in.

Adds lru-cache ^6.0.0, p-limit ^3.1.0, rc9 ^1.2.0, semver ^7.3.5.

Drops allowlist.

Installs 131 packages in all (was 133).

Generated by DepDelta from published .d.ts files. Not mixed with prose notes.

  • added: const imageMixin: { nImgAttrs: { width?: number; height?: number; alt?: string; referrerpolicy?: string; usemap?: string; longdesc?: string; ismap?: boolean; crossorigin?: '' |…
  • added: const _default: import('vue/types/vue').ExtendedVue<import('vue').default, unknown, unknown, { nAttrs: NAttrs; nSrc: string; nSizes: ImageSizes }, unknown>
  • added: default _default
  • added: const _default: import('vue/types/vue').ExtendedVue<import('vue').default, unknown, unknown, { isTransparent: boolean; originalFormat: string; nFormat: string; nLegacyFormat:…
  • added: default _default
  • added: function createImage(globalOptions: CreateImageOptions, nuxtContext: any): $Img
  • added: export * from './image'
  • added: export * from './utils'
  • added: const _default: (req: import('http').IncomingMessage, res: import('http').ServerResponse) => void
  • added: default _default
  • added: default function _default(nuxtContext: any, inject: any): void
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • added: const operationsGenerator: any
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • added: const operationsGenerator: any
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • added: const getImage: typeof _getImage
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • added: default function imageFetch(url: string): Promise<Response>
  • added: function cleanDoubleSlashes(path?: string): string
  • added: function createMapper(map: any): (key?: string) => any
  • added: function createOperationsGenerator({ formatter, keyMap, joinWith, valueMap }?: OperationGeneratorConfig): (modifiers?: { [key: string]: string }) => string
  • added: function generateAlt(src?: string): string
  • added: function getFileExtension(url?: string): string
  • added: function getInt(x: unknown): number | undefined
  • added: function parseSize(input?: string | number | undefined): number
  • added: function renderAttributesToString(attributes?: Attrs): string
  • added: function renderTag(tag: string, attrs: Attrs, contents?: string): string
  • added: function imageMeta(ctx: ImageCTX, url: string): Promise<ImageInfo>
  • added: function useStaticImageMap(nuxtContext?: Context): {}
  • removed: default imageModule
  • removed: function imageModule(moduleOptions: ModuleOptions): Promise<void>
  • added: call Img(source: string, modifiers?: ImageOptions['modifiers'], options?: ImageOptions): ResolvedImage['url']
  • added: index ImageModifiers[key: string]: any
  • added: index ImageOptions[key: string]: any
  • added: index ModuleOptions[key: string]: any
  • added: interface CreateImageOptions
  • added: interface ImageCTX
  • added: interface ImageInfo
  • added: interface ImageModifiers
  • added: interface ImageModuleProvider
  • added: interface ImageOptions
  • added: interface ImageProvider
  • added: interface ImageProviders
  • added: interface ImageSize
  • added: interface ImageSizes
  • added: interface ImageSizesOptions extends ImageOptions
  • added: interface Img
  • added: interface InputProvider<T = any>
  • added: interface ModuleOptions extends ImageProviders
  • added: interface OperationGeneratorConfig
  • added: interface ResolvedImage
  • added: interface RuntimePlaceholder extends ImageInfo
  • added: property CreateImageOptions.domains?: string[]
  • added: property CreateImageOptions.presets: { [name: string]: ImageOptions }
  • added: property CreateImageOptions.provider: string
  • added: property CreateImageOptions.providers: { [name: string]: { defaults: any; provider: ImageProvider } }
  • added: property CreateImageOptions.screens?: Record<string, number>
  • added: property ImageCTX.$img?: $Img
  • added: property ImageCTX.nuxtContext: { ssrContext: any; cache?: any; isDev: boolean; isStatic: boolean; nuxtState?: any }
  • added: property ImageCTX.options: CreateImageOptions
  • added: property ImageInfo.height: number
  • added: property ImageInfo.placeholder?: string
  • added: property ImageInfo.width: number
  • added: property ImageModifiers.fit: string
  • added: property ImageModifiers.format: string
  • added: property ImageModifiers.height: number
  • added: property ImageModifiers.width: number
  • added: property ImageModuleProvider.importName: string
  • added: property ImageModuleProvider.name: string
  • added: property ImageModuleProvider.options: any
  • added: property ImageModuleProvider.provider: string
  • added: property ImageModuleProvider.runtime: string
  • added: property ImageModuleProvider.runtimeOptions: any
  • added: property ImageModuleProvider.setup: ProviderSetup
  • added: property ImageOptions.modifiers?: Partial<ImageModifiers>
  • added: property ImageOptions.preset?: string
  • added: property ImageOptions.provider?: string
  • added: property ImageProvider.defaults?: any
  • added: property ImageProvider.getImage: ProviderGetImage
  • added: property ImageProviders.cloudinary?: any
  • added: property ImageProviders.fastly?: any
  • added: property ImageProviders.glide?: any
  • added: property ImageProviders.imagekit?: any
  • added: property ImageProviders.imgix?: any
  • added: property ImageProviders.ipx?: Partial<IPXOptions>
  • added: property ImageProviders.prismic?: any
  • added: property ImageProviders.static?: Partial<IPXOptions>
  • added: property ImageProviders.storyblok?: any
  • added: property ImageProviders.twicpics?: any
  • added: property ImageSize.breakpoint: number
  • added: property ImageSize.format: string
  • added: property ImageSize.media: string
  • added: property ImageSize.url: string
  • added: property ImageSize.width: number
  • added: property ImageSizes.sizes: string
  • added: property ImageSizes.src: string
  • added: property ImageSizes.srcset: string
  • added: property ImageSizesOptions.sizes: Record<string, string | number> | string
  • added: property Img.getImage: (source: string, options?: ImageOptions) => ResolvedImage
  • added: property Img.getMeta: (source: string, options?: ImageOptions) => Promise<ImageInfo>
  • added: property Img.getSizes: (source: string, options?: ImageOptions, sizes?: string[]) => ImageSizes
  • added: property Img.options: CreateImageOptions
  • added: property InputProvider.name?: string
  • added: property InputProvider.options?: T
  • added: property InputProvider.provider?: string
  • added: property InputProvider.setup?: ProviderSetup
  • added: property ModuleOptions.dir: string
  • added: property ModuleOptions.domains: string[]
  • added: property ModuleOptions.internalUrl: string
  • added: property ModuleOptions.presets: { [name: string]: ImageOptions }
  • added: property ModuleOptions.provider: CreateImageOptions['provider']
  • added: property ModuleOptions.providers: { [name: string]: InputProvider | any } & ImageProviders
  • added: property ModuleOptions.screens: CreateImageOptions['screens']
  • added: property ModuleOptions.sharp: {}
  • added: property ModuleOptions.staticFilename: string
  • added: property OperationGeneratorConfig.formatter?: OperationFormatter
  • added: property OperationGeneratorConfig.joinWith?: string
  • added: property OperationGeneratorConfig.keyMap?: OperationMapper
  • added: property OperationGeneratorConfig.valueMap?: { [key: string]: OperationMapper }
  • added: property ResolvedImage.format?: string
  • added: property ResolvedImage.getMeta?: () => Promise<ImageInfo>
  • added: property ResolvedImage.isStatic?: boolean
  • added: property ResolvedImage.url: string
  • added: property RuntimePlaceholder.url: string
  • added: type $Img = Img & { [preset: string]: $Img }
  • added: type MapToStatic = (image: ResolvedImage) => string
  • added: type OperationFormatter = (key: string, value: string) => string
  • added: type OperationMapper = { [key: string]: string | false } | ((key: string) => string)
  • added: type ProviderGetImage = (src: string, options: ImageOptions, ctx: ImageCTX) => ResolvedImage
  • added: type ProviderSetup = (providerOptions: ImageModuleProvider, moduleOptions: ModuleOptions, nuxt: any) => void | Promise<void>