next.js icon indicating copy to clipboard operation
next.js copied to clipboard

Development server disconnected banner

Open jamesmosier opened this issue 5 years ago • 4 comments
trafficstars

Added a banner for when the dev server is disconnected letting the user know. It can be dismissed (which keeps it hidden via localStorage) or disabled via devIndicators: { devServerBanner: false }.

Screen Shot 2020-09-22 at 10 22 09 PM

Closes #14243

jamesmosier avatar Jun 23 '20 01:06 jamesmosier

Stats from current PR

Default Server Mode (Decrease detected ✓)
General Overall increase ⚠️
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
buildDuration 11.6s 11.9s ⚠️ +270ms
nodeModulesSize 67.1 MB 67.1 MB ⚠️ +12.6 kB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
/ failed reqs 0 0
/ total time (seconds) 1.885 1.938 ⚠️ +0.05
/ avg req/sec 1326.37 1289.66 -36.71
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 1.095 1.148 ⚠️ +0.05
/error-in-render avg req/sec 2282.09 2177.05 -105.04
Client Bundles (main, webpack, commons)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
main-HASH.js gzip 6.52 kB 6.52 kB
webpack-HASH.js gzip 746 B 746 B
19b7e98f51cc..62e5.js gzip 10.6 kB 10.6 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 57 kB 57 kB
Client Bundles (main, webpack, commons) Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
main-HASH.module.js gzip 5.61 kB 5.61 kB
webpack-HASH..dule.js gzip 746 B 746 B
19b7e98f51cc..dule.js gzip 6.93 kB 6.93 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 52.4 kB 52.4 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
polyfills-HASH.js gzip 26.3 kB 26.3 kB
Overall change 26.3 kB 26.3 kB
Client Build Manifests
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_buildManifest.js gzip 267 B 267 B
_buildManife..dule.js gzip 272 B 272 B
Overall change 539 B 539 B
Rendered Page Sizes
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
index.html gzip 956 B 956 B
link.html gzip 961 B 961 B
withRouter.html gzip 948 B 948 B
Overall change 2.87 kB 2.87 kB

Serverless Mode
General Overall increase ⚠️
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
buildDuration 12.2s 12.2s -56ms
nodeModulesSize 67.1 MB 67.1 MB ⚠️ +12.6 kB
Client Bundles (main, webpack, commons)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
main-HASH.js gzip 6.52 kB 6.52 kB
webpack-HASH.js gzip 746 B 746 B
19b7e98f51cc..62e5.js gzip 10.6 kB 10.6 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 57 kB 57 kB
Client Bundles (main, webpack, commons) Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
main-HASH.module.js gzip 5.61 kB 5.61 kB
webpack-HASH..dule.js gzip 746 B 746 B
19b7e98f51cc..dule.js gzip 6.93 kB 6.93 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 52.4 kB 52.4 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
polyfills-HASH.js gzip 26.3 kB 26.3 kB
Overall change 26.3 kB 26.3 kB
Client Build Manifests
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_buildManifest.js gzip 267 B 267 B
_buildManife..dule.js gzip 272 B 272 B
Overall change 539 B 539 B
Serverless bundles
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_error.js 875 kB 875 kB
404.html 4.17 kB 4.17 kB
hooks.html 3.79 kB 3.79 kB
index.js 875 kB 875 kB
link.js 914 kB 914 kB
routerDirect.js 906 kB 906 kB
withRouter.js 906 kB 906 kB
Overall change 4.48 MB 4.48 MB
Commit: 6a45ebb5772ff287e0065a05119afafe21ad5606

ijjk avatar Jun 23 '20 01:06 ijjk

Stats from current PR

Default Server Mode (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
buildDuration 10.4s 10.5s ⚠️ +92ms
nodeModulesSize 67.1 MB 67.1 MB ⚠️ +12.6 kB
Page Load Tests Overall increase ✓
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
/ failed reqs 0 0
/ total time (seconds) 1.753 1.762 ⚠️ +0.01
/ avg req/sec 1425.97 1418.78 -7.19
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 1.16 1.109 -0.05
/error-in-render avg req/sec 2154.33 2254.72 ⚠️ +100.39
Client Bundles (main, webpack, commons)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
main-HASH.js gzip 6.52 kB 6.52 kB
webpack-HASH.js gzip 746 B 746 B
19b7e98f51cc..62e5.js gzip 10.6 kB 10.6 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 57 kB 57 kB
Client Bundles (main, webpack, commons) Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
main-HASH.module.js gzip 5.61 kB 5.61 kB
webpack-HASH..dule.js gzip 746 B 746 B
19b7e98f51cc..dule.js gzip 6.93 kB 6.93 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 52.4 kB 52.4 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
polyfills-HASH.js gzip 26.3 kB 26.3 kB
Overall change 26.3 kB 26.3 kB
Client Build Manifests
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_buildManifest.js gzip 267 B 267 B
_buildManife..dule.js gzip 272 B 272 B
Overall change 539 B 539 B
Rendered Page Sizes
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
index.html gzip 956 B 956 B
link.html gzip 961 B 961 B
withRouter.html gzip 948 B 948 B
Overall change 2.87 kB 2.87 kB

Serverless Mode
General Overall increase ⚠️
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
buildDuration 11.2s 11.3s ⚠️ +37ms
nodeModulesSize 67.1 MB 67.1 MB ⚠️ +12.6 kB
Client Bundles (main, webpack, commons)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
main-HASH.js gzip 6.52 kB 6.52 kB
webpack-HASH.js gzip 746 B 746 B
19b7e98f51cc..62e5.js gzip 10.6 kB 10.6 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 57 kB 57 kB
Client Bundles (main, webpack, commons) Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
main-HASH.module.js gzip 5.61 kB 5.61 kB
webpack-HASH..dule.js gzip 746 B 746 B
19b7e98f51cc..dule.js gzip 6.93 kB 6.93 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 52.4 kB 52.4 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
polyfills-HASH.js gzip 26.3 kB 26.3 kB
Overall change 26.3 kB 26.3 kB
Client Build Manifests
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_buildManifest.js gzip 267 B 267 B
_buildManife..dule.js gzip 272 B 272 B
Overall change 539 B 539 B
Serverless bundles
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_error.js 875 kB 875 kB
404.html 4.17 kB 4.17 kB
hooks.html 3.79 kB 3.79 kB
index.js 875 kB 875 kB
link.js 914 kB 914 kB
routerDirect.js 906 kB 906 kB
withRouter.js 906 kB 906 kB
Overall change 4.48 MB 4.48 MB
Commit: 1ccafced8d346e1a172435db6c725c94664bf2bf

ijjk avatar Jun 23 '20 01:06 ijjk

Stats from current PR

Default Server Mode (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
buildDuration 12.9s 12.5s -458ms
nodeModulesSize 62.9 MB 62.9 MB ⚠️ +12.6 kB
Page Load Tests Overall increase ✓
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
/ failed reqs 0 0
/ total time (seconds) 2.43 2.401 -0.03
/ avg req/sec 1028.84 1041.36 +12.52
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 1.476 1.356 -0.12
/error-in-render avg req/sec 1694.29 1843.43 +149.14
Client Bundles (main, webpack, commons)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
677f882d2ed8..9339.js gzip 10.9 kB 10.9 kB
framework.HASH.js gzip 39 kB 39 kB
main-772ea11..1d22.js gzip 7.16 kB 7.16 kB
webpack-e067..f178.js gzip 751 B 751 B
Overall change 57.8 kB 57.8 kB
Client Bundles (main, webpack, commons) Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
677f882d2ed8..dule.js gzip 6.77 kB 6.77 kB
framework.HA..dule.js gzip 39 kB 39 kB
main-911f3f8..dule.js gzip 6.23 kB 6.23 kB
webpack-07c5..dule.js gzip 751 B 751 B
Overall change 52.7 kB 52.7 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
polyfills-4b..e242.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_app-9a0b9e1..b37e.js gzip 1.28 kB 1.28 kB
_error-ed1b0..8fbd.js gzip 3.44 kB 3.44 kB
hooks-89731c..c609.js gzip 887 B 887 B
index-17468f..5d83.js gzip 227 B 227 B
link-d2344ce..8b36.js gzip 1.3 kB 1.3 kB
routerDirect..924c.js gzip 284 B 284 B
withRouter-7..c13d.js gzip 284 B 284 B
Overall change 7.71 kB 7.71 kB
Client Pages Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_app-75d3a82..dule.js gzip 625 B 625 B
_error-4469a..dule.js gzip 2.29 kB 2.29 kB
hooks-cbf13f..dule.js gzip 387 B 387 B
index-b9a643..dule.js gzip 226 B 226 B
link-f8c0daf..dule.js gzip 1.26 kB 1.26 kB
routerDirect..dule.js gzip 284 B 284 B
withRouter-f..dule.js gzip 282 B 282 B
Overall change 5.36 kB 5.36 kB
Client Build Manifests
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_buildManifest.js gzip 322 B 322 B
_buildManife..dule.js gzip 329 B 329 B
Overall change 651 B 651 B
Rendered Page Sizes
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
index.html gzip 1 kB 1 kB
link.html gzip 1.01 kB 1.01 kB
withRouter.html gzip 997 B 997 B
Overall change 3.01 kB 3.01 kB

Serverless Mode
General Overall increase ⚠️
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
buildDuration 14.1s 14s -92ms
nodeModulesSize 62.9 MB 62.9 MB ⚠️ +12.6 kB
Client Bundles (main, webpack, commons)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
677f882d2ed8..9339.js gzip 10.9 kB 10.9 kB
framework.HASH.js gzip 39 kB 39 kB
main-772ea11..1d22.js gzip 7.16 kB 7.16 kB
webpack-e067..f178.js gzip 751 B 751 B
Overall change 57.8 kB 57.8 kB
Client Bundles (main, webpack, commons) Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
677f882d2ed8..dule.js gzip 6.77 kB 6.77 kB
framework.HA..dule.js gzip 39 kB 39 kB
main-911f3f8..dule.js gzip 6.23 kB 6.23 kB
webpack-07c5..dule.js gzip 751 B 751 B
Overall change 52.7 kB 52.7 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
polyfills-4b..e242.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_app-9a0b9e1..b37e.js gzip 1.28 kB 1.28 kB
_error-ed1b0..8fbd.js gzip 3.44 kB 3.44 kB
hooks-89731c..c609.js gzip 887 B 887 B
index-17468f..5d83.js gzip 227 B 227 B
link-d2344ce..8b36.js gzip 1.3 kB 1.3 kB
routerDirect..924c.js gzip 284 B 284 B
withRouter-7..c13d.js gzip 284 B 284 B
Overall change 7.71 kB 7.71 kB
Client Pages Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_app-75d3a82..dule.js gzip 625 B 625 B
_error-4469a..dule.js gzip 2.29 kB 2.29 kB
hooks-cbf13f..dule.js gzip 387 B 387 B
index-b9a643..dule.js gzip 226 B 226 B
link-f8c0daf..dule.js gzip 1.26 kB 1.26 kB
routerDirect..dule.js gzip 284 B 284 B
withRouter-f..dule.js gzip 282 B 282 B
Overall change 5.36 kB 5.36 kB
Client Build Manifests
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_buildManifest.js gzip 322 B 322 B
_buildManife..dule.js gzip 329 B 329 B
Overall change 651 B 651 B
Serverless bundles
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_error.js 1.06 MB 1.06 MB
404.html 4.34 kB 4.34 kB
hooks.html 3.92 kB 3.92 kB
index.js 1.06 MB 1.06 MB
link.js 1.1 MB 1.1 MB
routerDirect.js 1.1 MB 1.1 MB
withRouter.js 1.1 MB 1.1 MB
Overall change 5.41 MB 5.41 MB
Commit: b0ab1447dfeaab247f4f11d257ecd6e9cbddda97

ijjk avatar Sep 23 '20 02:09 ijjk

Stats from current PR

Default Server Mode (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
buildDuration 13.5s 13.2s -223ms
nodeModulesSize 62.9 MB 62.9 MB ⚠️ +12.6 kB
Page Load Tests Overall increase ✓
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
/ failed reqs 0 0
/ total time (seconds) 2.611 2.534 -0.08
/ avg req/sec 957.44 986.61 +29.17
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 1.577 1.554 -0.02
/error-in-render avg req/sec 1585.61 1608.75 +23.14
Client Bundles (main, webpack, commons)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
677f882d2ed8..9339.js gzip 10.9 kB 10.9 kB
framework.HASH.js gzip 39 kB 39 kB
main-772ea11..1d22.js gzip 7.16 kB 7.16 kB
webpack-e067..f178.js gzip 751 B 751 B
Overall change 57.8 kB 57.8 kB
Client Bundles (main, webpack, commons) Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
677f882d2ed8..dule.js gzip 6.77 kB 6.77 kB
framework.HA..dule.js gzip 39 kB 39 kB
main-911f3f8..dule.js gzip 6.23 kB 6.23 kB
webpack-07c5..dule.js gzip 751 B 751 B
Overall change 52.7 kB 52.7 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
polyfills-4b..e242.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_app-9a0b9e1..b37e.js gzip 1.28 kB 1.28 kB
_error-ed1b0..8fbd.js gzip 3.44 kB 3.44 kB
hooks-89731c..c609.js gzip 887 B 887 B
index-17468f..5d83.js gzip 227 B 227 B
link-d2344ce..8b36.js gzip 1.3 kB 1.3 kB
routerDirect..924c.js gzip 284 B 284 B
withRouter-7..c13d.js gzip 284 B 284 B
Overall change 7.71 kB 7.71 kB
Client Pages Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_app-75d3a82..dule.js gzip 625 B 625 B
_error-4469a..dule.js gzip 2.29 kB 2.29 kB
hooks-cbf13f..dule.js gzip 387 B 387 B
index-b9a643..dule.js gzip 226 B 226 B
link-f8c0daf..dule.js gzip 1.26 kB 1.26 kB
routerDirect..dule.js gzip 284 B 284 B
withRouter-f..dule.js gzip 282 B 282 B
Overall change 5.36 kB 5.36 kB
Client Build Manifests
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_buildManifest.js gzip 322 B 322 B
_buildManife..dule.js gzip 329 B 329 B
Overall change 651 B 651 B
Rendered Page Sizes
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
index.html gzip 1 kB 1 kB
link.html gzip 1.01 kB 1.01 kB
withRouter.html gzip 997 B 997 B
Overall change 3.01 kB 3.01 kB

Serverless Mode
General Overall increase ⚠️
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
buildDuration 15.9s 15.1s -880ms
nodeModulesSize 62.9 MB 62.9 MB ⚠️ +12.6 kB
Client Bundles (main, webpack, commons)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
677f882d2ed8..9339.js gzip 10.9 kB 10.9 kB
framework.HASH.js gzip 39 kB 39 kB
main-772ea11..1d22.js gzip 7.16 kB 7.16 kB
webpack-e067..f178.js gzip 751 B 751 B
Overall change 57.8 kB 57.8 kB
Client Bundles (main, webpack, commons) Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
677f882d2ed8..dule.js gzip 6.77 kB 6.77 kB
framework.HA..dule.js gzip 39 kB 39 kB
main-911f3f8..dule.js gzip 6.23 kB 6.23 kB
webpack-07c5..dule.js gzip 751 B 751 B
Overall change 52.7 kB 52.7 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
polyfills-4b..e242.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_app-9a0b9e1..b37e.js gzip 1.28 kB 1.28 kB
_error-ed1b0..8fbd.js gzip 3.44 kB 3.44 kB
hooks-89731c..c609.js gzip 887 B 887 B
index-17468f..5d83.js gzip 227 B 227 B
link-d2344ce..8b36.js gzip 1.3 kB 1.3 kB
routerDirect..924c.js gzip 284 B 284 B
withRouter-7..c13d.js gzip 284 B 284 B
Overall change 7.71 kB 7.71 kB
Client Pages Modern
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_app-75d3a82..dule.js gzip 625 B 625 B
_error-4469a..dule.js gzip 2.29 kB 2.29 kB
hooks-cbf13f..dule.js gzip 387 B 387 B
index-b9a643..dule.js gzip 226 B 226 B
link-f8c0daf..dule.js gzip 1.26 kB 1.26 kB
routerDirect..dule.js gzip 284 B 284 B
withRouter-f..dule.js gzip 282 B 282 B
Overall change 5.36 kB 5.36 kB
Client Build Manifests
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_buildManifest.js gzip 322 B 322 B
_buildManife..dule.js gzip 329 B 329 B
Overall change 651 B 651 B
Serverless bundles
vercel/next.js canary jamesmosier/next.js dev-server-disconnected-banner Change
_error.js 1.06 MB 1.06 MB
404.html 4.34 kB 4.34 kB
hooks.html 3.92 kB 3.92 kB
index.js 1.06 MB 1.06 MB
link.js 1.1 MB 1.1 MB
routerDirect.js 1.1 MB 1.1 MB
withRouter.js 1.1 MB 1.1 MB
Overall change 5.41 MB 5.41 MB
Commit: 85da3bd074d5e8d97031acd660265d687d2822de

ijjk avatar Sep 23 '20 02:09 ijjk