feat: add unstable_getImgProps export from next/image

packages/next/image-types/global.d.ts

@@ -2,7 +2,7 @@
 // if the static image import handling is enabled
 
 declare module '*.png' {
-  const content: import('../dist/client/image').StaticImageData
+  const content: import('../dist/shared/lib/image-external').StaticImageData
 
   export default content
 }
@@ -19,43 +19,43 @@ declare module '*.svg' {
 }
 
 declare module '*.jpg' {
-  const content: import('../dist/client/image').StaticImageData
+  const content: import('../dist/shared/lib/image-external').StaticImageData
 
   export default content
 }
 
 declare module '*.jpeg' {
-  const content: import('../dist/client/image').StaticImageData
+  const content: import('../dist/shared/lib/image-external').StaticImageData
 
   export default content
 }
 
 declare module '*.gif' {
-  const content: import('../dist/client/image').StaticImageData
+  const content: import('../dist/shared/lib/image-external').StaticImageData
 
   export default content
 }
 
 declare module '*.webp' {
-  const content: import('../dist/client/image').StaticImageData
+  const content: import('../dist/shared/lib/image-external').StaticImageData
 
   export default content
 }
 
 declare module '*.avif' {
-  const content: import('../dist/client/image').StaticImageData
+  const content: import('../dist/shared/lib/image-external').StaticImageData
 
   export default content
 }
 
 declare module '*.ico' {
-  const content: import('../dist/client/image').StaticImageData
+  const content: import('../dist/shared/lib/image-external').StaticImageData
 
   export default content
 }
 
 declare module '*.bmp' {
-  const content: import('../dist/client/image').StaticImageData
+  const content: import('../dist/shared/lib/image-external').StaticImageData
 
   export default content
 }

packages/next/image.d.ts

@@ -1,3 +1,3 @@
-import Image from './dist/client/image'
-export * from './dist/client/image'
+import Image from './dist/shared/lib/image-external'
+export * from './dist/shared/lib/image-external'
 export default Image

packages/next/image.js

@@ -1 +1 @@
-module.exports = require('./dist/client/image')
+module.exports = require('./dist/shared/lib/image-external')

packages/next/src/build/webpack-config.ts

@@ -1103,8 +1103,8 @@ export default async function getBaseWebpackConfig(
               'next/dist/esm/server/web/exports/index',
             [`${NEXT_PROJECT_ROOT}/dist/client/link`]:
               'next/dist/esm/client/link',
-            [`${NEXT_PROJECT_ROOT}/dist/client/image`]:
-              'next/dist/esm/client/image',
+            [`${NEXT_PROJECT_ROOT}/dist/shared/lib/image-external`]:
+              'next/dist/esm/shared/lib/image-external',
             [`${NEXT_PROJECT_ROOT}/dist/client/script`]:
               'next/dist/esm/client/script',
             [`${NEXT_PROJECT_ROOT}/dist/client/router`]:
@@ -1403,7 +1403,7 @@ export default async function getBaseWebpackConfig(
       }
 
       const isNextExternal =
-        /next[/\\]dist[/\\](esm[\\/])?(shared|server)[/\\](?!lib[/\\](router[/\\]router|dynamic|app-dynamic|lazy-dynamic|head[^-]))/.test(
+        /next[/\\]dist[/\\](esm[\\/])?(shared|server)[/\\](?!lib[/\\](router[/\\]router|dynamic|app-dynamic|image-external|lazy-dynamic|head[^-]))/.test(
           localRes
         )
 

packages/next/src/build/webpack/loaders/next-image-loader/blur.ts

@@ -3,7 +3,7 @@ import { optimizeImage } from '../../../../server/image-optimizer'
 
 const BLUR_IMG_SIZE = 8
 const BLUR_QUALITY = 70
-const VALID_BLUR_EXT = ['jpeg', 'png', 'webp', 'avif'] // should match next/client/image.tsx
+const VALID_BLUR_EXT = ['jpeg', 'png', 'webp', 'avif'] // should match other usages
 
 export async function getBlurImage(
   content: Buffer,