Images ES6 object destructuring in config.ts #39754

evrenkaraarslan · 2022-08-19T12:47:23Z

I added ES6 object destructuring syntax for path, loader and minimumCacheTTL.
I've seen this code syntax format used on the lines below in config.ts file
I believe it makes the code more readable and similar with other lines in file

Line 295 const { deviceSizes } = images
Line 321 const { imageSizes } = images
Line 398 const { formats } = images

Bug

Related issues linked using fixes #number
Integration tests added
Errors have helpful link attached, see contributing.md

Feature

Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
Related issues linked using fixes #number
Integration tests added
Documentation added
Telemetry added. In case of a feature if it's used or not.
Errors have helpful link attached, see contributing.md

Documentation / Examples

Make sure the linting passes by running pnpm lint
The examples guidelines are followed from our contributing doc

packages/next/server/config.ts

Co-authored-by: Sukka <isukkaw@gmail.com>

ijjk · 2022-08-20T13:20:34Z

Failing test suites

Commit: e262e3d

pnpm testheadless test/integration/image-future/trailing-slash/test/index.test.ts

Image Component Trailing Slash Tests > dev mode > should include trailing slash when trailingSlash is set on config file during next dev
Image Component Trailing Slash Tests > server mode > should include trailing slash when trailingSlash is set on config file during next start

Expand output

● Image Component Trailing Slash Tests › dev mode › should include trailing slash when trailingSlash is set on config file during next dev

expect(received).toMatch(expected)

Expected pattern: /\/_next\/image\/\?url=%2F_next%2Fstatic%2Fmedia%2Ftest(.+).jpg&w=828&q=75/
Received string:  "http://localhost:36113/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.fab2915d.jpg&w=828&q=75"

  34 |           `document.getElementById('${id}').src`
  35 |         )
> 36 |         expect(srcImage).toMatch(
     |                          ^
  37 |           /\/_next\/image\/\?url=%2F_next%2Fstatic%2Fmedia%2Ftest(.+).jpg&w=828&q=75/
  38 |         )
  39 |       } finally {

  at Object.<anonymous> (integration/image-future/trailing-slash/test/index.test.ts:36:26)

● Image Component Trailing Slash Tests › server mode › should include trailing slash when trailingSlash is set on config file during next start

expect(received).toMatch(expected)

Expected pattern: /\/_next\/image\/\?url=%2F_next%2Fstatic%2Fmedia%2Ftest(.+).jpg&w=828&q=75/
Received string:  "http://localhost:35751/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.fab2915d.jpg&w=828&q=75"

  62 |           `document.getElementById('${id}').src`
  63 |         )
> 64 |         expect(srcImage).toMatch(
     |                          ^
  65 |           /\/_next\/image\/\?url=%2F_next%2Fstatic%2Fmedia%2Ftest(.+).jpg&w=828&q=75/
  66 |         )
  67 |       } finally {

  at Object.<anonymous> (integration/image-future/trailing-slash/test/index.test.ts:64:26)

Read more about building and testing Next.js in contributing.md.

pnpm testheadless test/integration/image-component/base-path/test/static.test.ts

Static Image Component Tests for basePath > dev mode > Should use immutable cache-control header for static import
Static Image Component Tests for basePath > production mode > Should use immutable cache-control header for static import

Expand output

● Static Image Component Tests for basePath › production mode › Should use immutable cache-control header for static import

expect(received).toBe(expected) // Object.is equality

Expected: "public, max-age=315360000, immutable"
Received: "no-cache, no-store, max-age=0, must-revalidate"

  42 |     )
  43 |     const res = await fetch(url)
> 44 |     expect(res.headers.get('cache-control')).toBe(
     |                                              ^
  45 |       'public, max-age=315360000, immutable'
  46 |     )
  47 |   })

  at Object.<anonymous> (integration/image-component/base-path/test/static.test.ts:44:46)

● Static Image Component Tests for basePath › dev mode › Should use immutable cache-control header for static import

expect(received).toBe(expected) // Object.is equality

Expected: "public, max-age=315360000, immutable"
Received: "no-store, must-revalidate"

  42 |     )
  43 |     const res = await fetch(url)
> 44 |     expect(res.headers.get('cache-control')).toBe(
     |                                              ^
  45 |       'public, max-age=315360000, immutable'
  46 |     )
  47 |   })

  at Object.<anonymous> (integration/image-component/base-path/test/static.test.ts:44:46)

Read more about building and testing Next.js in contributing.md.

pnpm testheadless test/integration/image-future/base-path/test/static.test.js

Future Static Image Component Tests for basePath > Should use immutable cache-control header for static import

Expand output

● Future Static Image Component Tests for basePath › Should use immutable cache-control header for static import

expect(received).toBe(expected) // Object.is equality

Expected: "public, max-age=315360000, immutable"
Received: "no-cache, no-store, max-age=0, must-revalidate"

  41 |     )
  42 |     const res = await fetch(url)
> 43 |     expect(res.headers.get('cache-control')).toBe(
     |                                              ^
  44 |       'public, max-age=315360000, immutable'
  45 |     )
  46 |   })

  at Object.<anonymous> (integration/image-future/base-path/test/static.test.js:43:46)

Read more about building and testing Next.js in contributing.md.

pnpm testheadless test/integration/image-future/base-path/test/index.test.js

Image Component basePath Tests > dev mode > should load the images
Image Component basePath Tests > dev mode > should correctly ignore prose styles
Image Component basePath Tests > server mode > should load the images
Image Component basePath Tests > server mode > should correctly ignore prose styles

Expand output

● Image Component basePath Tests › dev mode › should load the images

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-future/base-path/test/index.test.js:60:7)

● Image Component basePath Tests › dev mode › should correctly ignore prose styles

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-future/base-path/test/index.test.js:172:7)

● Image Component basePath Tests › server mode › should load the images

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-future/base-path/test/index.test.js:60:7)

● Image Component basePath Tests › server mode › should correctly ignore prose styles

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-future/base-path/test/index.test.js:172:7)

Read more about building and testing Next.js in contributing.md.

pnpm testheadless test/integration/image-component/base-path/test/index.test.ts

Image Component basePath Tests > dev mode > should load the images
Image Component basePath Tests > dev mode > should work with layout-fixed so resizing window does not resize image
Image Component basePath Tests > dev mode > should work with layout-intrinsic so resizing window maintains image aspect ratio
Image Component basePath Tests > dev mode > should work with layout-responsive so resizing window maintains image aspect ratio
Image Component basePath Tests > dev mode > should work with layout-fill to fill the parent but NOT stretch with viewport
Image Component basePath Tests > dev mode > should work with layout-fill to fill the parent and stretch with viewport
Image Component basePath Tests > dev mode > should work with sizes and automatically use layout-responsive
Image Component basePath Tests > dev mode > should correctly ignore prose styles
Image Component basePath Tests > server mode > should load the images
Image Component basePath Tests > server mode > should work with layout-fixed so resizing window does not resize image
Image Component basePath Tests > server mode > should work with layout-intrinsic so resizing window maintains image aspect ratio
Image Component basePath Tests > server mode > should work with layout-responsive so resizing window maintains image aspect ratio
Image Component basePath Tests > server mode > should work with layout-fill to fill the parent but NOT stretch with viewport
Image Component basePath Tests > server mode > should work with layout-fill to fill the parent and stretch with viewport
Image Component basePath Tests > server mode > should work with sizes and automatically use layout-responsive
Image Component basePath Tests > server mode > should correctly ignore prose styles
Image Component basePath Tests > server mode > should correctly rotate image
Image Component basePath Tests > serverless mode > should load the images
Image Component basePath Tests > serverless mode > should work with layout-fixed so resizing window does not resize image
Image Component basePath Tests > serverless mode > should work with layout-intrinsic so resizing window maintains image aspect ratio
Image Component basePath Tests > serverless mode > should work with layout-responsive so resizing window maintains image aspect ratio
Image Component basePath Tests > serverless mode > should work with layout-fill to fill the parent but NOT stretch with viewport
Image Component basePath Tests > serverless mode > should work with layout-fill to fill the parent and stretch with viewport
Image Component basePath Tests > serverless mode > should work with sizes and automatically use layout-responsive
Image Component basePath Tests > serverless mode > should correctly ignore prose styles
Image Component basePath Tests > serverless mode > should correctly rotate image

Expand output

● Image Component basePath Tests › dev mode › should load the images

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:70:7)

● Image Component basePath Tests › dev mode › should work with layout-fixed so resizing window does not resize image

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  145 |       const delta = 250
  146 |       const id = 'fixed1'
> 147 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  148 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  149 |       )
  150 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:147:41)

● Image Component basePath Tests › dev mode › should work with layout-intrinsic so resizing window maintains image aspect ratio

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  179 |       const delta = 250
  180 |       const id = 'intrinsic1'
> 181 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  182 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  183 |       )
  184 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:181:41)

● Image Component basePath Tests › dev mode › should work with layout-responsive so resizing window maintains image aspect ratio

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  219 |       const delta = 250
  220 |       const id = 'responsive1'
> 221 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  222 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  223 |       )
  224 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:221:41)

● Image Component basePath Tests › dev mode › should work with layout-fill to fill the parent but NOT stretch with viewport

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  259 |       const delta = 150
  260 |       const id = 'fill1'
> 261 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  262 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  263 |       )
  264 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:261:41)

● Image Component basePath Tests › dev mode › should work with layout-fill to fill the parent and stretch with viewport

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  299 |       const height = await getComputed(browser, id, 'height')
  300 |       await browser.eval(`document.getElementById("${id}").scrollIntoView()`)
> 301 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  302 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  303 |       )
  304 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:301:41)
      at runMicrotasks (<anonymous>)

● Image Component basePath Tests › dev mode › should work with sizes and automatically use layout-responsive

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  349 |       const delta = 250
  350 |       const id = 'sizes1'
> 351 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  352 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  353 |       )
  354 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:351:41)
      at runMicrotasks (<anonymous>)

● Image Component basePath Tests › dev mode › should correctly ignore prose styles

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:426:7)

● Image Component basePath Tests › server mode › should load the images

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:70:7)

● Image Component basePath Tests › server mode › should work with layout-fixed so resizing window does not resize image

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  145 |       const delta = 250
  146 |       const id = 'fixed1'
> 147 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  148 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  149 |       )
  150 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:147:41)
      at runMicrotasks (<anonymous>)

● Image Component basePath Tests › server mode › should work with layout-intrinsic so resizing window maintains image aspect ratio

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  179 |       const delta = 250
  180 |       const id = 'intrinsic1'
> 181 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  182 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  183 |       )
  184 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:181:41)
      at runMicrotasks (<anonymous>)

● Image Component basePath Tests › server mode › should work with layout-responsive so resizing window maintains image aspect ratio

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  219 |       const delta = 250
  220 |       const id = 'responsive1'
> 221 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  222 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  223 |       )
  224 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:221:41)

● Image Component basePath Tests › server mode › should work with layout-fill to fill the parent but NOT stretch with viewport

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  259 |       const delta = 150
  260 |       const id = 'fill1'
> 261 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  262 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  263 |       )
  264 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:261:41)

● Image Component basePath Tests › server mode › should work with layout-fill to fill the parent and stretch with viewport

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  299 |       const height = await getComputed(browser, id, 'height')
  300 |       await browser.eval(`document.getElementById("${id}").scrollIntoView()`)
> 301 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  302 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  303 |       )
  304 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:301:41)

● Image Component basePath Tests › server mode › should work with sizes and automatically use layout-responsive

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  349 |       const delta = 250
  350 |       const id = 'sizes1'
> 351 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  352 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  353 |       )
  354 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:351:41)

● Image Component basePath Tests › server mode › should correctly ignore prose styles

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:426:7)

● Image Component basePath Tests › server mode › should correctly rotate image

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:460:9)

● Image Component basePath Tests › serverless mode › should load the images

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:70:7)

● Image Component basePath Tests › serverless mode › should work with layout-fixed so resizing window does not resize image

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  145 |       const delta = 250
  146 |       const id = 'fixed1'
> 147 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  148 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  149 |       )
  150 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:147:41)
      at runMicrotasks (<anonymous>)

● Image Component basePath Tests › serverless mode › should work with layout-intrinsic so resizing window maintains image aspect ratio

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  179 |       const delta = 250
  180 |       const id = 'intrinsic1'
> 181 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  182 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  183 |       )
  184 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:181:41)

● Image Component basePath Tests › serverless mode › should work with layout-responsive so resizing window maintains image aspect ratio

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  219 |       const delta = 250
  220 |       const id = 'responsive1'
> 221 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  222 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  223 |       )
  224 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:221:41)

● Image Component basePath Tests › serverless mode › should work with layout-fill to fill the parent but NOT stretch with viewport

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  259 |       const delta = 150
  260 |       const id = 'fill1'
> 261 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  262 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  263 |       )
  264 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:261:41)

● Image Component basePath Tests › serverless mode › should work with layout-fill to fill the parent and stretch with viewport

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  299 |       const height = await getComputed(browser, id, 'height')
  300 |       await browser.eval(`document.getElementById("${id}").scrollIntoView()`)
> 301 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  302 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  303 |       )
  304 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:301:41)

● Image Component basePath Tests › serverless mode › should work with sizes and automatically use layout-responsive

expect(received).toBe(expected) // Object.is equality

Expected: "/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"
Received: "/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75"

  349 |       const delta = 250
  350 |       const id = 'sizes1'
> 351 |       expect(await getSrc(browser, id)).toBe(
      |                                         ^
  352 |         '/docs/_next/image?url=%2Fdocs%2Fwide.png&w=3840&q=75'
  353 |       )
  354 |       expect(await browser.elementById(id).getAttribute('srcset')).toBe(

  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:351:41)

● Image Component basePath Tests › serverless mode › should correctly ignore prose styles

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:426:7)

● Image Component basePath Tests › serverless mode › should correctly rotate image

TIMED OUT: /result-correct/

undefined

  500 |
  501 |   if (hardError) {
> 502 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content)
      |           ^
  503 |   }
  504 |   return false
  505 | }

  at check (lib/next-test-utils.js:502:11)
  at Object.<anonymous> (integration/image-component/base-path/test/index.test.ts:460:9)

Read more about building and testing Next.js in contributing.md.

ijjk · 2022-08-20T13:36:59Z

Stats from current PR

Default Build (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
buildDuration	24.1s	23.5s	-562ms
buildDurationCached	7.8s	7.6s	-147ms
nodeModulesSize	1.96 GB	1.96 GB	-588 B
nextStartRea..uration (ms)	288ms	283ms	-5ms
nextDevReadyDuration	312ms	305ms	-7ms

Page Load Tests Overall increase ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
/ failed reqs	0	0	✓
/ total time (seconds)	9.228	9.141	-0.09
/ avg req/sec	270.9	273.5	+2.6
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	6.653	6.553	-0.1
/error-in-render avg req/sec	375.75	381.49	+5.74

Client Bundles (main, webpack) Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
900.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	45.3 kB	45.3 kB	✓
main-HASH.js gzip	30.8 kB	30.8 kB	-20 B
webpack-HASH.js gzip	1.54 kB	1.54 kB	✓
Overall change	77.8 kB	77.8 kB	-20 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
_app-HASH.js gzip	201 B	202 B	⚠️ +1 B
_error-HASH.js gzip	195 B	195 B	✓
amp-HASH.js gzip	492 B	493 B	⚠️ +1 B
css-HASH.js gzip	327 B	329 B	⚠️ +2 B
dynamic-HASH.js gzip	2.01 kB	2.01 kB	-1 B
edge-ssr-HASH.js gzip	288 B	287 B	-1 B
head-HASH.js gzip	356 B	355 B	-1 B
hooks-HASH.js gzip	800 B	800 B	✓
image-HASH.js gzip	4.91 kB	4.91 kB	-5 B
index-HASH.js gzip	261 B	263 B	⚠️ +2 B
link-HASH.js gzip	2.38 kB	2.38 kB	-2 B
routerDirect..HASH.js gzip	322 B	321 B	-1 B
script-HASH.js gzip	392 B	391 B	-1 B
withRouter-HASH.js gzip	320 B	321 B	⚠️ +1 B
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	13.4 kB	13.4 kB	-5 B

Client Build Manifests Overall increase ⚠️

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
_buildManifest.js gzip	482 B	483 B	⚠️ +1 B
Overall change	482 B	483 B	⚠️ +1 B

Rendered Page Sizes Overall increase ⚠️

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
index.html gzip	512 B	512 B	✓
link.html gzip	526 B	527 B	⚠️ +1 B
withRouter.html gzip	506 B	507 B	⚠️ +1 B
Overall change	1.54 kB	1.55 kB	⚠️ +2 B

Edge SSR Page bundle Size Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
edge-ssr.js gzip	118 kB	118 kB	-5 B
Overall change	118 kB	118 kB	-5 B

Middleware size Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
middleware-b..fest.js gzip	574 B	575 B	⚠️ +1 B
middleware-r..fest.js gzip	145 B	145 B	✓
middleware.js gzip	17.9 kB	17.9 kB	-7 B
edge-runtime..pack.js gzip	1.83 kB	1.83 kB	✓
Overall change	20.4 kB	20.4 kB	-6 B

Diffs

Diff for middleware-b..-manifest.js

@@ -9,89 +9,89 @@ self.__BUILD_MANIFEST = {
   rootMainFiles: [],
   pages: {
     "/": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/index-eff379b6d5b9bb68.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/index-2d083d34263a3ab6.js"
     ],
     "/_app": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/_app-92c368fd6cf3735d.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/_app-dfaef6942d774f42.js"
     ],
     "/_error": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/_error-178a994c6aae5c09.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/_error-d3adcea7db63be0b.js"
     ],
     "/amp": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/amp-5371e17dca0f96e2.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/amp-73798c31aeaffbc0.js"
     ],
     "/css": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-10d4fc9f36e1f8a8.js"
+      "static/chunks/pages/css-544d2f643bb52307.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/dynamic-ed542e6de09f4f6d.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/dynamic-8cc413d9b0b7d51c.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/edge-ssr-bd097e7f94bdaf6d.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/edge-ssr-5c29739b02b7e442.js"
     ],
     "/head": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/head-d124b5fb804544eb.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/head-06e10ac8d6cd67db.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/hooks-71978b92cd657738.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/hooks-215fac25fbffd827.js"
     ],
     "/image": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/image-7fd15abf6680dd4b.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/image-03fa49ca4774bf43.js"
     ],
     "/link": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/link-8adb9dc3ae6c8e69.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/link-7f55164671fc4dc7.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/routerDirect-6f8978da85fef5eb.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/routerDirect-1ea8459dd75e3757.js"
     ],
     "/script": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/script-cd3b8fa3518c83c8.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/script-178c2ac994fe2199.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-596ddb9e5090dbce.js",
+      "static/chunks/webpack-752e2e86747c1b07.js",
       "static/chunks/framework-0249bf7bc1c3f377.js",
-      "static/chunks/main-a752fc8fa14d9e18.js",
-      "static/chunks/pages/withRouter-394e599a32dcd7a4.js"
+      "static/chunks/main-a2ba6fed1f1fa0e2.js",
+      "static/chunks/pages/withRouter-27de9f24be6003e9.js"
     ]
   },
   ampFirstPages: []

Diff for middleware-r..-manifest.js

@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 3900,
-    files: ["static/chunks/900.f01fcc2109adde55.js"]
+    id: 5886,
+    files: ["static/chunks/886.b879335d00f271d1.js"]
   }
 };

Diff for middleware.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [826],
   {
-    /***/ 4957: /***/ (
+    /***/ 7110: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -14,13 +14,13 @@
         /* harmony export */
       });
       /* harmony import */ var next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        674
+        9107
       );
 
       (0,
       next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ /* .enhanceGlobals */.gL)();
 
-      var mod = __webpack_require__(7352);
+      var mod = __webpack_require__(5250);
       var handler = mod.middleware || mod.default;
 
       if (typeof handler !== "function") {
@@ -46,7 +46,7 @@
       /***/
     },
 
-    /***/ 7352: /***/ (
+    /***/ 5250: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -58,7 +58,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        8352
+        9541
       );
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_server__WEBPACK_IMPORTED_MODULE_0__
@@ -71,7 +71,7 @@
       /***/
     },
 
-    /***/ 5195: /***/ (__unused_webpack_module, exports) => {
+    /***/ 3239: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -91,7 +91,7 @@
       /***/
     },
 
-    /***/ 9923: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7793: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -129,7 +129,7 @@
       /***/
     },
 
-    /***/ 5401: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7432: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -161,7 +161,7 @@
       /***/
     },
 
-    /***/ 5316: /***/ (
+    /***/ 5154: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -172,8 +172,8 @@
         value: true
       });
       exports.addLocale = addLocale;
-      var _addPathPrefix = __webpack_require__(8976);
-      var _pathHasPrefix = __webpack_require__(9882);
+      var _addPathPrefix = __webpack_require__(4632);
+      var _pathHasPrefix = __webpack_require__(387);
       function addLocale(path, locale, defaultLocale, ignorePrefix) {
         if (
           locale &&
@@ -193,7 +193,7 @@
       /***/
     },
 
-    /***/ 8976: /***/ (
+    /***/ 4632: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -204,7 +204,7 @@
         value: true
       });
       exports.addPathPrefix = addPathPrefix;
-      var _parsePath = __webpack_require__(5606);
+      var _parsePath = __webpack_require__(386);
       function addPathPrefix(path, prefix) {
         if (!path.startsWith("/") || !prefix) {
           return path;
@@ -216,7 +216,7 @@
       /***/
     },
 
-    /***/ 3009: /***/ (
+    /***/ 5045: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -227,7 +227,7 @@
         value: true
       });
       exports.addPathSuffix = addPathSuffix;
-      var _parsePath = __webpack_require__(5606);
+      var _parsePath = __webpack_require__(386);
       function addPathSuffix(path, suffix) {
         if (!path.startsWith("/") || !suffix) {
           return path;
@@ -239,7 +239,7 @@
       /***/
     },
 
-    /***/ 4234: /***/ (
+    /***/ 7100: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -250,10 +250,10 @@
         value: true
       });
       exports.formatNextPathnameInfo = formatNextPathnameInfo;
-      var _removeTrailingSlash = __webpack_require__(8336);
-      var _addPathPrefix = __webpack_require__(8976);
-      var _addPathSuffix = __webpack_require__(3009);
-      var _addLocale = __webpack_require__(5316);
+      var _removeTrailingSlash = __webpack_require__(8833);
+      var _addPathPrefix = __webpack_require__(4632);
+      var _addPathSuffix = __webpack_require__(5045);
+      var _addLocale = __webpack_require__(5154);
       function formatNextPathnameInfo(info) {
         let pathname = (0, _addLocale).addLocale(
           info.pathname,
@@ -281,7 +281,7 @@
       /***/
     },
 
-    /***/ 3633: /***/ (
+    /***/ 7139: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -292,9 +292,9 @@
         value: true
       });
       exports.getNextPathnameInfo = getNextPathnameInfo;
-      var _normalizeLocalePath = __webpack_require__(5401);
-      var _removePathPrefix = __webpack_require__(2811);
-      var _pathHasPrefix = __webpack_require__(9882);
+      var _normalizeLocalePath = __webpack_require__(7432);
+      var _removePathPrefix = __webpack_require__(3776);
+      var _pathHasPrefix = __webpack_require__(387);
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
         const { basePath, i18n, trailingSlash } =
@@ -344,7 +344,7 @@
       /***/
     },
 
-    /***/ 5606: /***/ (__unused_webpack_module, exports) => {
+    /***/ 386: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -378,7 +378,7 @@
       /***/
     },
 
-    /***/ 9882: /***/ (
+    /***/ 387: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -389,7 +389,7 @@
         value: true
       });
       exports.pathHasPrefix = pathHasPrefix;
-      var _parsePath = __webpack_require__(5606);
+      var _parsePath = __webpack_require__(386);
       function pathHasPrefix(path, prefix) {
         if (typeof path !== "string") {
           return false;
@@ -401,7 +401,7 @@
       /***/
     },
 
-    /***/ 4258: /***/ (__unused_webpack_module, exports) => {
+    /***/ 1142: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -420,7 +420,7 @@
       /***/
     },
 
-    /***/ 2811: /***/ (
+    /***/ 3776: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -431,7 +431,7 @@
         value: true
       });
       exports.removePathPrefix = removePathPrefix;
-      var _pathHasPrefix = __webpack_require__(9882);
+      var _pathHasPrefix = __webpack_require__(387);
       function removePathPrefix(path, prefix) {
         if ((0, _pathHasPrefix).pathHasPrefix(path, prefix)) {
           const withoutPrefix = path.slice(prefix.length);
@@ -445,7 +445,7 @@
       /***/
     },
 
-    /***/ 8336: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8833: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -459,7 +459,7 @@
       /***/
     },
 
-    /***/ 5682: /***/ module => {
+    /***/ 4202: /***/ module => {
       var __dirname = "/";
       (() => {
         "use strict";
@@ -587,7 +587,7 @@
       /***/
     },
 
-    /***/ 6166: /***/ (module, exports, __webpack_require__) => {
+    /***/ 6204: /***/ (module, exports, __webpack_require__) => {
       var __dirname = "/";
       var __WEBPACK_AMD_DEFINE_RESULT__;
       (() => {
@@ -1429,7 +1429,7 @@
       /***/
     },
 
-    /***/ 674: /***/ (
+    /***/ 9107: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1443,13 +1443,13 @@
       exports.VL = adapter;
       exports.OT = blockUnallowedResponse;
       exports.gL = enhanceGlobals;
-      var _error = __webpack_require__(4524);
-      var _utils = __webpack_require__(88);
-      var _fetchEvent = __webpack_require__(8852);
-      var _request = __webpack_require__(5829);
-      var _response = __webpack_require__(5277);
-      var _relativizeUrl = __webpack_require__(4258);
-      var _nextUrl = __webpack_require__(3062);
+      var _error = __webpack_require__(8666);
+      var _utils = __webpack_require__(30);
+      var _fetchEvent = __webpack_require__(9833);
+      var _request = __webpack_require__(5985);
+      var _response = __webpack_require__(5165);
+      var _relativizeUrl = __webpack_require__(1142);
+      var _nextUrl = __webpack_require__(4901);
       class NextRequestHint extends _request.NextRequest {
         constructor(params) {
           super(params.input, params.init);
@@ -1660,7 +1660,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 4524: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8666: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1701,7 +1701,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3062: /***/ (
+    /***/ 4901: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1711,10 +1711,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _detectDomainLocale = __webpack_require__(9923);
-      var _formatNextPathnameInfo = __webpack_require__(4234);
-      var _getHostname = __webpack_require__(5195);
-      var _getNextPathnameInfo = __webpack_require__(3633);
+      var _detectDomainLocale = __webpack_require__(7793);
+      var _formatNextPathnameInfo = __webpack_require__(7100);
+      var _getHostname = __webpack_require__(3239);
+      var _getNextPathnameInfo = __webpack_require__(7139);
       const REGEX_LOCALHOST_HOSTNAME = /(?!^https?:\/\/)(127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}|::1|localhost)/;
       function parseURL(url, base) {
         return new URL(
@@ -1935,7 +1935,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3868: /***/ (
+    /***/ 4570: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1945,7 +1945,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _cookie = _interopRequireDefault(__webpack_require__(5682));
+      var _cookie = _interopRequireDefault(__webpack_require__(4202));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2080,7 +2080,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 8852: /***/ (
+    /***/ 9833: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2091,7 +2091,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.waitUntilSymbol = void 0;
-      var _error = __webpack_require__(4524);
+      var _error = __webpack_require__(8666);
       const responseSymbol = Symbol("response");
       const passThroughSymbol = Symbol("passThrough");
       const waitUntilSymbol = Symbol("waitUntil");
@@ -2144,7 +2144,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 5829: /***/ (
+    /***/ 5985: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2155,10 +2155,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.INTERNALS = void 0;
-      var _nextUrl = __webpack_require__(3062);
-      var _utils = __webpack_require__(88);
-      var _error = __webpack_require__(4524);
-      var _cookies = __webpack_require__(3868);
+      var _nextUrl = __webpack_require__(4901);
+      var _utils = __webpack_require__(30);
+      var _error = __webpack_require__(8666);
+      var _cookies = __webpack_require__(4570);
       const INTERNALS = Symbol("internal request");
       exports.INTERNALS = INTERNALS;
       class NextRequest extends Request {
@@ -2239,7 +2239,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 5277: /***/ (
+    /***/ 5165: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2249,9 +2249,9 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _nextUrl = __webpack_require__(3062);
-      var _utils = __webpack_require__(88);
-      var _cookies = __webpack_require__(3868);
+      var _nextUrl = __webpack_require__(4901);
+      var _utils = __webpack_require__(30);
+      var _cookies = __webpack_require__(4570);
       const INTERNALS = Symbol("internal response");
       const REDIRECTS = new Set([301, 302, 303, 307, 308]);
       class NextResponse extends Response {
@@ -2341,7 +2341,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 7873: /***/ (
+    /***/ 9132: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2355,7 +2355,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       __webpack_unused_export__ = isBot;
       exports.Nf = userAgentFromString;
       exports.WE = userAgent;
-      var _uaParserJs = _interopRequireDefault(__webpack_require__(6166));
+      var _uaParserJs = _interopRequireDefault(__webpack_require__(6204));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2383,7 +2383,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 88: /***/ (__unused_webpack_module, exports) => {
+    /***/ 30: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2498,14 +2498,14 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 8352: /***/ (module, exports, __webpack_require__) => {
+    /***/ 9541: /***/ (module, exports, __webpack_require__) => {
       const serverExports = {
-        NextRequest: __webpack_require__(5829).NextRequest,
-        NextResponse: __webpack_require__(5277).NextResponse,
+        NextRequest: __webpack_require__(5985).NextRequest,
+        NextResponse: __webpack_require__(5165).NextResponse,
         userAgentFromString: __webpack_require__(
-          7873
+          9132
         ) /* .userAgentFromString */.Nf,
-        userAgent: __webpack_require__(7873) /* .userAgent */.WE
+        userAgent: __webpack_require__(9132) /* .userAgent */.WE
       };
 
       if (typeof URLPattern !== "undefined") {
@@ -2531,7 +2531,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = moduleId =>
       __webpack_require__((__webpack_require__.s = moduleId));
-    /******/ var __webpack_exports__ = __webpack_exec__(4957);
+    /******/ var __webpack_exports__ = __webpack_exec__(7110);
     /******/ (_ENTRIES =
       typeof _ENTRIES === "undefined"
         ? {}

Diff for edge-ssr.js

Diff too large to display

Diff for _buildManifest.js

@@ -1,28 +1,28 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-eff379b6d5b9bb68.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-178a994c6aae5c09.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-5371e17dca0f96e2.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-2d083d34263a3ab6.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-d3adcea7db63be0b.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-73798c31aeaffbc0.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-10d4fc9f36e1f8a8.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-544d2f643bb52307.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-ed542e6de09f4f6d.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-8cc413d9b0b7d51c.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-bd097e7f94bdaf6d.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-5c29739b02b7e442.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-d124b5fb804544eb.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-71978b92cd657738.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-7fd15abf6680dd4b.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-8adb9dc3ae6c8e69.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-06e10ac8d6cd67db.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-215fac25fbffd827.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-03fa49ca4774bf43.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-7f55164671fc4dc7.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-6f8978da85fef5eb.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-1ea8459dd75e3757.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-cd3b8fa3518c83c8.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-178c2ac994fe2199.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-394e599a32dcd7a4.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-27de9f24be6003e9.js"
   ],
   sortedPages: [
     "\u002F",

Diff for _app-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 3115: /***/ function(
+    /***/ 1113: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_app",
         function() {
-          return __webpack_require__(2501);
+          return __webpack_require__(4802);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(3115), __webpack_exec__(6401);
+      return __webpack_exec__(1113), __webpack_exec__(2385);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for _error-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [820],
   {
-    /***/ 5374: /***/ function(
+    /***/ 3363: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_error",
         function() {
-          return __webpack_require__(7969);
+          return __webpack_require__(3273);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(5374);
+      return __webpack_exec__(3363);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for amp-HASH.js

@@ -1,17 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [216],
   {
-    /***/ 8510: /***/ function(
+    /***/ 8753: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(6464);
+      module.exports = __webpack_require__(9709);
 
       /***/
     },
 
-    /***/ 7010: /***/ function(
+    /***/ 5348: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -19,7 +19,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function() {
-          return __webpack_require__(2461);
+          return __webpack_require__(7503);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 6464: /***/ function(module, exports, __webpack_require__) {
+    /***/ 9709: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -38,8 +38,8 @@
       var _interop_require_default = __webpack_require__(4507) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(959));
-      var _ampContext = __webpack_require__(1258);
-      var _ampMode = __webpack_require__(5976);
+      var _ampContext = __webpack_require__(8373);
+      var _ampMode = __webpack_require__(7380);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 2461: /***/ function(
+    /***/ 7503: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -78,7 +78,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        8510
+        8753
       );
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_amp__WEBPACK_IMPORTED_MODULE_0__
@@ -102,7 +102,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(7010);
+      return __webpack_exec__(5348);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for css-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [706],
   {
-    /***/ 860: /***/ function(
+    /***/ 6437: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function() {
-          return __webpack_require__(7832);
+          return __webpack_require__(7135);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7832: /***/ function(
+    /***/ 7135: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
         1527
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        2707
+        3934
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -48,7 +48,7 @@
       /***/
     },
 
-    /***/ 2707: /***/ function(module) {
+    /***/ 3934: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };
 
@@ -61,7 +61,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(860);
+      return __webpack_exec__(6437);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for dynamic-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [739],
   {
-    /***/ 3995: /***/ function(
+    /***/ 7753: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/dynamic",
         function() {
-          return __webpack_require__(2523);
+          return __webpack_require__(4683);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 2627: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5434: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -34,7 +34,7 @@
       var _interop_require_default = __webpack_require__(4507) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(959));
-      var _loadable = _interop_require_default(__webpack_require__(2132));
+      var _loadable = _interop_require_default(__webpack_require__(5682));
       function dynamic(dynamicOptions, options) {
         var loadableFn = _loadable.default;
         var loadableOptions = {
@@ -129,7 +129,7 @@
       /***/
     },
 
-    /***/ 1685: /***/ function(
+    /***/ 9106: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -151,7 +151,7 @@
       /***/
     },
 
-    /***/ 2132: /***/ function(
+    /***/ 5682: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -171,7 +171,7 @@
       var _interop_require_default = __webpack_require__(4507) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(959));
-      var _loadableContext = __webpack_require__(1685);
+      var _loadableContext = __webpack_require__(9106);
       var useSyncExternalStore = (true ? __webpack_require__(959) : 0)
         .useSyncExternalStore;
       var ALL_INITIALIZERS = [];
@@ -485,7 +485,7 @@
       /***/
     },
 
-    /***/ 2523: /***/ function(
+    /***/ 4683: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -502,7 +502,7 @@
         1527
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6113
+        2677
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -511,13 +511,13 @@
       var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         function() {
           return __webpack_require__
-            .e(/* import() */ 900)
-            .then(__webpack_require__.bind(__webpack_require__, 3900));
+            .e(/* import() */ 886)
+            .then(__webpack_require__.bind(__webpack_require__, 5886));
         },
         {
           loadableGenerated: {
             webpack: function() {
-              return [/*require.resolve*/ 3900];
+              return [/*require.resolve*/ 5886];
             }
           }
         }
@@ -547,12 +547,12 @@
       /***/
     },
 
-    /***/ 6113: /***/ function(
+    /***/ 2677: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2627);
+      module.exports = __webpack_require__(5434);
 
       /***/
     }
@@ -563,7 +563,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(3995);
+      return __webpack_exec__(7753);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for edge-ssr-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [800],
   {
-    /***/ 6219: /***/ function(
+    /***/ 6027: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/edge-ssr",
         function() {
-          return __webpack_require__(7692);
+          return __webpack_require__(3789);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7692: /***/ function(
+    /***/ 3789: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -54,7 +54,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(6219);
+      return __webpack_exec__(6027);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for head-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [645],
   {
-    /***/ 2899: /***/ function(
+    /***/ 6955: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/head",
         function() {
-          return __webpack_require__(6820);
+          return __webpack_require__(4489);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6820: /***/ function(
+    /***/ 4489: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1527
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8412
+        9046
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -71,12 +71,12 @@
       /***/
     },
 
-    /***/ 8412: /***/ function(
+    /***/ 9046: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8684);
+      module.exports = __webpack_require__(1453);
 
       /***/
     }
@@ -87,7 +87,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(2899);
+      return __webpack_exec__(6955);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for hooks-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [757],
   {
-    /***/ 2304: /***/ function(
+    /***/ 7819: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(1903);
+          return __webpack_require__(7520);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1903: /***/ function(
+    /***/ 7520: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -132,7 +132,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(2304);
+      return __webpack_exec__(7819);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for image-HASH.js

@@ -26,7 +26,7 @@
       /***/
     },
 
-    /***/ 5885: /***/ function(
+    /***/ 801: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -34,7 +34,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function() {
-          return __webpack_require__(7547);
+          return __webpack_require__(6913);
         }
       ]);
       if (false) {
@@ -43,7 +43,7 @@
       /***/
     },
 
-    /***/ 3200: /***/ function(module, exports, __webpack_require__) {
+    /***/ 206: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -66,12 +66,12 @@
         4719
       ) /* ["default"] */.Z;
       var _react = _interop_require_wildcard(__webpack_require__(959));
-      var _head = _interop_require_default(__webpack_require__(8684));
-      var _imageConfig = __webpack_require__(5732);
-      var _useIntersection = __webpack_require__(157);
-      var _imageConfigContext = __webpack_require__(891);
-      var _utils = __webpack_require__(7944);
-      var _normalizeTrailingSlash = __webpack_require__(3912);
+      var _head = _interop_require_default(__webpack_require__(1453));
+      var _imageConfig = __webpack_require__(4188);
+      var _useIntersection = __webpack_require__(4422);
+      var _imageConfigContext = __webpack_require__(7971);
+      var _utils = __webpack_require__(8858);
+      var _normalizeTrailingSlash = __webpack_require__(5289);
       function Image(_param) {
         var src = _param.src,
           sizes = _param.sizes,
@@ -940,7 +940,7 @@
       /***/
     },
 
-    /***/ 157: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4422: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -952,7 +952,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(959);
-      var _requestIdleCallback = __webpack_require__(9186);
+      var _requestIdleCallback = __webpack_require__(2398);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -1085,7 +1085,7 @@
       /***/
     },
 
-    /***/ 7547: /***/ function(
+    /***/ 6913: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1106,8 +1106,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(1527);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/image.js
-      var next_image = __webpack_require__(3960);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/image.js
+      var next_image = __webpack_require__(8249);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ var nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
@@ -1135,12 +1135,12 @@
       /***/
     },
 
-    /***/ 3960: /***/ function(
+    /***/ 8249: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(3200);
+      module.exports = __webpack_require__(206);
 
       /***/
     }
@@ -1151,7 +1151,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5885);
+      return __webpack_exec__(801);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for index-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [405],
   {
-    /***/ 3558: /***/ function(
+    /***/ 6481: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(80);
+          return __webpack_require__(5376);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 80: /***/ function(
+    /***/ 5376: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -46,7 +46,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(3558);
+      return __webpack_exec__(6481);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for link-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [644],
   {
-    /***/ 8662: /***/ function(
+    /***/ 7014: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function() {
-          return __webpack_require__(1269);
+          return __webpack_require__(1226);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6999: /***/ function(module, exports) {
+    /***/ 7173: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -54,7 +54,7 @@
       /***/
     },
 
-    /***/ 8036: /***/ function(module, exports, __webpack_require__) {
+    /***/ 404: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -72,13 +72,13 @@
         4719
       ) /* ["default"] */.Z;
       var _react = _interop_require_default(__webpack_require__(959));
-      var _router = __webpack_require__(319);
-      var _addLocale = __webpack_require__(2421);
-      var _routerContext = __webpack_require__(3977);
-      var _appRouterContext = __webpack_require__(8766);
-      var _useIntersection = __webpack_require__(157);
-      var _getDomainLocale = __webpack_require__(6999);
-      var _addBasePath = __webpack_require__(6526);
+      var _router = __webpack_require__(8107);
+      var _addLocale = __webpack_require__(7543);
+      var _routerContext = __webpack_require__(9303);
+      var _appRouterContext = __webpack_require__(7500);
+      var _useIntersection = __webpack_require__(4422);
+      var _getDomainLocale = __webpack_require__(7173);
+      var _addBasePath = __webpack_require__(2851);
       // @ts-ignore useTransition exist
       var hasUseTransition =
         typeof _react.default.useTransition !== "undefined";
@@ -433,7 +433,7 @@
       /***/
     },
 
-    /***/ 157: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4422: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -445,7 +445,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(959);
-      var _requestIdleCallback = __webpack_require__(9186);
+      var _requestIdleCallback = __webpack_require__(2398);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -578,7 +578,7 @@
       /***/
     },
 
-    /***/ 8766: /***/ function(
+    /***/ 7500: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -604,7 +604,7 @@
       /***/
     },
 
-    /***/ 1269: /***/ function(
+    /***/ 1226: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -621,7 +621,7 @@
         1527
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        4595
+        9495
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -652,12 +652,12 @@
       /***/
     },
 
-    /***/ 4595: /***/ function(
+    /***/ 9495: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8036);
+      module.exports = __webpack_require__(404);
 
       /***/
     }
@@ -668,7 +668,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8662);
+      return __webpack_exec__(7014);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for routerDirect-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [58],
   {
-    /***/ 2188: /***/ function(
+    /***/ 7288: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function() {
-          return __webpack_require__(6938);
+          return __webpack_require__(6018);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6938: /***/ function(
+    /***/ 6018: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1527
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5866
+        5664
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -56,12 +56,12 @@
       /***/
     },
 
-    /***/ 5866: /***/ function(
+    /***/ 5664: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(6401);
+      module.exports = __webpack_require__(2385);
 
       /***/
     }
@@ -72,7 +72,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(2188);
+      return __webpack_exec__(7288);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for script-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [797],
   {
-    /***/ 1136: /***/ function(
+    /***/ 6695: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/script",
         function() {
-          return __webpack_require__(3560);
+          return __webpack_require__(4237);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 3560: /***/ function(
+    /***/ 4237: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1527
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9096
+        6071
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -70,12 +70,12 @@
       /***/
     },
 
-    /***/ 9096: /***/ function(
+    /***/ 6071: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(5506);
+      module.exports = __webpack_require__(1149);
 
       /***/
     }
@@ -86,7 +86,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(1136);
+      return __webpack_exec__(6695);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for withRouter-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [807],
   {
-    /***/ 3551: /***/ function(
+    /***/ 8118: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/withRouter",
         function() {
-          return __webpack_require__(6216);
+          return __webpack_require__(3622);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6216: /***/ function(
+    /***/ 3622: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1527
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5866
+        5664
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,12 +54,12 @@
       /***/
     },
 
-    /***/ 5866: /***/ function(
+    /***/ 5664: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(6401);
+      module.exports = __webpack_require__(2385);
 
       /***/
     }
@@ -70,7 +70,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(3551);
+      return __webpack_exec__(8118);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for 900.HASH.js

@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [900],
+  [886],
   {
-    /***/ 3900: /***/ function(
+    /***/ 5886: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for main-HASH.js

Diff too large to display

Diff for webpack-HASH.js

@@ -159,7 +159,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "f01fcc2109adde55" + ".js"
+        "static/chunks/" + chunkId + "." + "b879335d00f271d1" + ".js"
       );
       /******/
     };

Diff for index.html

@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-596ddb9e5090dbce.js"
+      src="/_next/static/chunks/webpack-752e2e86747c1b07.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-a752fc8fa14d9e18.js"
+      src="/_next/static/chunks/main-a2ba6fed1f1fa0e2.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-92c368fd6cf3735d.js"
+      src="/_next/static/chunks/pages/_app-dfaef6942d774f42.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-eff379b6d5b9bb68.js"
+      src="/_next/static/chunks/pages/index-2d083d34263a3ab6.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for link.html

@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-596ddb9e5090dbce.js"
+      src="/_next/static/chunks/webpack-752e2e86747c1b07.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-a752fc8fa14d9e18.js"
+      src="/_next/static/chunks/main-a2ba6fed1f1fa0e2.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-92c368fd6cf3735d.js"
+      src="/_next/static/chunks/pages/_app-dfaef6942d774f42.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-8adb9dc3ae6c8e69.js"
+      src="/_next/static/chunks/pages/link-7f55164671fc4dc7.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for withRouter.html

@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-596ddb9e5090dbce.js"
+      src="/_next/static/chunks/webpack-752e2e86747c1b07.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-a752fc8fa14d9e18.js"
+      src="/_next/static/chunks/main-a2ba6fed1f1fa0e2.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-92c368fd6cf3735d.js"
+      src="/_next/static/chunks/pages/_app-dfaef6942d774f42.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-394e599a32dcd7a4.js"
+      src="/_next/static/chunks/pages/withRouter-27de9f24be6003e9.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Default Build with SWC (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
buildDuration	25.5s	25.9s	⚠️ +361ms
buildDurationCached	7.7s	7.6s	-142ms
nodeModulesSize	1.96 GB	1.96 GB	-588 B
nextStartRea..uration (ms)	285ms	283ms	-2ms
nextDevReadyDuration	311ms	308ms	-3ms

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
/ failed reqs	0	0	✓
/ total time (seconds)	9.067	9.146	⚠️ +0.08
/ avg req/sec	275.72	273.34	⚠️ -2.38
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	6.47	6.551	⚠️ +0.08
/error-in-render avg req/sec	386.42	381.61	⚠️ -4.81

Client Bundles (main, webpack) Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
900.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	45.5 kB	45.5 kB	✓
main-HASH.js gzip	30.8 kB	30.8 kB	-21 B
webpack-HASH.js gzip	1.52 kB	1.52 kB	⚠️ +1 B
Overall change	78.1 kB	78 kB	-20 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
_app-HASH.js gzip	194 B	194 B	✓
_error-HASH.js gzip	181 B	181 B	✓
amp-HASH.js gzip	481 B	482 B	⚠️ +1 B
css-HASH.js gzip	322 B	324 B	⚠️ +2 B
dynamic-HASH.js gzip	2 kB	1.99 kB	-2 B
edge-ssr-HASH.js gzip	279 B	279 B	✓
head-HASH.js gzip	352 B	352 B	✓
hooks-HASH.js gzip	776 B	778 B	⚠️ +2 B
image-HASH.js gzip	4.88 kB	4.87 kB	-5 B
index-HASH.js gzip	257 B	258 B	⚠️ +1 B
link-HASH.js gzip	2.38 kB	2.38 kB	-2 B
routerDirect..HASH.js gzip	313 B	313 B	✓
script-HASH.js gzip	388 B	388 B	✓
withRouter-HASH.js gzip	310 B	310 B	✓
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	13.2 kB	13.2 kB	-3 B

Client Build Manifests Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
_buildManifest.js gzip	484 B	482 B	-2 B
Overall change	484 B	482 B	-2 B

Rendered Page Sizes Overall increase ⚠️

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
index.html gzip	512 B	513 B	⚠️ +1 B
link.html gzip	526 B	527 B	⚠️ +1 B
withRouter.html gzip	508 B	508 B	✓
Overall change	1.55 kB	1.55 kB	⚠️ +2 B

Edge SSR Page bundle Size Overall decrease ✓

	vercel/next.js canary	evrenkaraarslan/next.js feature/objectDestructuring	Change
edge-ssr.js gzip	118 kB	118 kB	-5 B
Overall change	118 kB	118 kB	-5 B

Middleware size Overall decrease Post job cleanup. [command]/usr/bin/git version git version 2.37.2 Temporarily overriding HOME='/home/runner/work/_temp/82713ee9-7f53-42cd-b3a4-73c3e5763c2f' before making global git config changes Adding repository directory to the temporary git global config as a safe directory [command]/usr/bin/git config --global --add safe.directory /home/runner/work/next.js/next.js [command]/usr/bin/git config --local --name-only --get-regexp core\.sshCommand [command]/usr/bin/git submodule foreach --recursive git config --local --name-only --get-regexp 'core\.sshCommand' && git config --local --unset-all 'core.sshCommand' || : [command]/usr/bin/git config --local --name-only --get-regexp http\.https\:\/\/github\.com\/\.extraheader http.https://github.com/.extraheader [command]/usr/bin/git config --local --unset-all http.https://github.com/.extraheader [command]/usr/bin/git submodule foreach --recursive git config --local --name-only --get-regexp 'http\.https\:\/\/github\.com\/\.extraheader' && git config --local --unset-all 'http.https://github.com/.extraheader' || : Cleaning up orphan processes Commit: e262e3d

evrenkaraarslan · 2022-08-20T21:10:41Z

Thanks for the approval @ijjk I fixed the failed test case with "Prettier" but I could not debug other test cases because of local environment in my current laptop. I'm not sure if they failed because of my commits, I see similar failed tests in same directory (integration/image-future) also in this PR #39785 @styfle

styfle

Is this fixing a bug?

evrenkaraarslan · 2022-08-21T09:20:54Z

Is this fixing a bug?

Not bug fix, this PR to make code more readable and similar with other lines in config.ts file with ES6 object destructuring @styfle

SukkaW · 2022-08-21T11:39:53Z

Is this fixing a bug?

Not bug fix, this PR to make code more readable and similar with other lines in config.ts file with ES6 object destructuring @styfle

And also strip a few bytes from pre-compiled output (the destrucring is reserved after pre-compilation)

3imed-jaberi

+1

styfle · 2022-10-27T23:01:19Z

I looked at this again and it will cause a bug since the original code was mutating images.path but destructuring will create a new variable and no longer mutate the object.

evrenkaraarslan added 3 commits August 19, 2022 15:34

Object destructuring syntax for path, loader and minimumCacheTTL

a9403e5

Add spaces

72c4876

Cancel space

c2cc572

evrenkaraarslan requested review from timneutkens, ijjk, shuding and styfle as code owners August 19, 2022 12:47

ijjk added the type: next label Aug 19, 2022

SukkaW suggested changes Aug 19, 2022

View reviewed changes

packages/next/server/config.ts Outdated Show resolved Hide resolved

evrenkaraarslan and others added 3 commits August 19, 2022 19:46

Set default value for loader

2abe081

Co-authored-by: Sukka <isukkaw@gmail.com>

Merge branch 'canary' into feature/objectDestructuring

528cb77

Merge branch 'canary' into feature/objectDestructuring

9be3b3e

ijjk previously approved these changes Aug 20, 2022

View reviewed changes

Fix prettier

e262e3d

evrenkaraarslan dismissed ijjk’s stale review via e262e3d August 20, 2022 20:52

styfle reviewed Aug 21, 2022

View reviewed changes

3imed-jaberi approved these changes Aug 21, 2022

View reviewed changes

ijjk force-pushed the canary branch 3 times, most recently from df8579c to 47e5ebe Compare October 25, 2022 16:15

styfle closed this Oct 27, 2022

github-actions bot locked as resolved and limited conversation to collaborators Nov 27, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Images ES6 object destructuring in config.ts #39754

Images ES6 object destructuring in config.ts #39754

evrenkaraarslan commented Aug 19, 2022 •

edited

ijjk commented Aug 20, 2022 •

edited

ijjk commented Aug 20, 2022 •

edited

Diffs

evrenkaraarslan commented Aug 20, 2022

styfle left a comment

evrenkaraarslan commented Aug 21, 2022

SukkaW commented Aug 21, 2022

3imed-jaberi left a comment

styfle commented Oct 27, 2022

Images ES6 object destructuring in config.ts #39754

Images ES6 object destructuring in config.ts #39754

Conversation

evrenkaraarslan commented Aug 19, 2022 • edited

Bug

Feature

Documentation / Examples

ijjk commented Aug 20, 2022 • edited

Failing test suites

ijjk commented Aug 20, 2022 • edited

Stats from current PR

Diffs

evrenkaraarslan commented Aug 20, 2022

styfle left a comment

Choose a reason for hiding this comment

evrenkaraarslan commented Aug 21, 2022

SukkaW commented Aug 21, 2022

3imed-jaberi left a comment

Choose a reason for hiding this comment

styfle commented Oct 27, 2022

evrenkaraarslan commented Aug 19, 2022 •

edited

ijjk commented Aug 20, 2022 •

edited

ijjk commented Aug 20, 2022 •

edited