rsnext/packages/next/image.d.ts

import Image from './dist/shared/lib/image-external'
export * from './dist/shared/lib/image-external'
export default Image
Add `unstable_getImgProps` export from `next/image` (#51205) ### Description This PR refactors the Image component so that the core logic can be consolidated into a single function. This allows usage outside of `<Image>`, such as: 1. Working with [`background-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) or [`image-set`](https://developer.mozilla.org/en-US/docs/Web/CSS/image/image-set) 2. Working with canvas [`context.drawImage()`](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images) or simply `new Image()` 3. Working with [`<picture>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture) media queries to implement Art Direction or Light/Dark Mode images ### Example ```tsx import { unstable_getImgProps as getImgProps } from 'next/image' export default function Page() { const common = { alt: 'Hero', width: 800, height: 400 } const { props: { srcSet: dark } } = getImgProps({ ...common, src: '/dark.png' }) const { props: { srcSet: light, ...rest } } = getImgProps({ ...common, src: '/light.png' }) return (<picture> <source media="(prefers-color-scheme: dark)" srcSet={dark} /> <source media="(prefers-color-scheme: light)" srcSet={light} /> <img {...rest} /> </picture>) } ``` ### Related fix NEXT-257 Co-authored-by: Jiachi Liu <4800338+huozhi@users.noreply.github.com> 2023-06-29 03:35:08 +02:00			`import Image from './dist/shared/lib/image-external'`
			`export * from './dist/shared/lib/image-external'`
Improve exported root definitions (#32077) Fixes https://github.com/vercel/next.js/issues/32045 doing `export { default } from 'module'` has some unexpected results for autocompletion in TypeScript, this PR changes root definitions to have a named default export where needed. ## Bug - [x] Related issues linked using `fixes #number` 2021-12-03 08:16:29 +01:00			`export default Image`