├── .gitignore
├── demo
├── demo.gif
├── demo.png
├── profile.png
└── profile-small.png
├── package.json
├── index.js
├── readme.md
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 |
--------------------------------------------------------------------------------
/demo/demo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lucleray/next-progressbar/HEAD/demo/demo.gif
--------------------------------------------------------------------------------
/demo/demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lucleray/next-progressbar/HEAD/demo/demo.png
--------------------------------------------------------------------------------
/demo/profile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lucleray/next-progressbar/HEAD/demo/profile.png
--------------------------------------------------------------------------------
/demo/profile-small.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lucleray/next-progressbar/HEAD/demo/profile-small.png
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "next-progressbar",
3 | "version": "1.0.0",
4 | "keywords": ["next-plugins", "next", "next.js", "webpackbar", "progressbar"],
5 | "description": "Add a progress bar to next.js",
6 | "main": "index.js",
7 | "files": ["index.js"],
8 | "license": "MIT",
9 | "author": "lucleray",
10 | "homepage": "https://github.com/lucleray/next-progressbar#readme",
11 | "bugs": {
12 | "url": "https://github.com/lucleray/next-progressbar/issues"
13 | },
14 | "repository": {
15 | "type": "git",
16 | "url": "https://github.com/lucleray/next-progressbar.git"
17 | },
18 | "dependencies": {
19 | "webpackbar": "^2.6.1"
20 | },
21 | "devDependencies": {
22 | "webpack": "3.10.0"
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | const WebpackBar = require('webpackbar')
2 |
3 | const dev = process.env.NODE_ENV !== 'production'
4 |
5 | module.exports = (nextConfig = {}) => {
6 | return Object.assign({}, nextConfig, {
7 | webpack(config, options) {
8 | if (!options.defaultLoaders) {
9 | throw new Error(
10 | 'This plugin is not compatible with Next.js versions below 5.0.0 https://err.sh/next-plugins/upgrade'
11 | )
12 | }
13 |
14 | const { isServer } = options
15 |
16 | const { progressBar = {} } = nextConfig
17 |
18 | const defaultProgressBar = {
19 | name: isServer ? 'server' : 'client',
20 | color: isServer ? 'orange' : 'green'
21 | }
22 |
23 | const webpackBar = Object.assign({}, defaultProgressBar, progressBar)
24 |
25 | config.plugins.push(new WebpackBar(webpackBar))
26 |
27 | if (typeof nextConfig.webpack === 'function') {
28 | return nextConfig.webpack(config, options)
29 | }
30 |
31 | return config
32 | }
33 | })
34 | }
35 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | > ⚠️ This package has been deprecated because it can slow down your builds. Upgrade to Next.js 9+ to get Build Output Statistics out-of-the-box.
2 |
3 | # next-progressbar
4 |
5 |
14 |
15 |
16 |
17 |
18 | ### Installation
19 |
20 | ```
21 | yarn add next-progressbar
22 | ```
23 |
24 | ### Usage
25 |
26 | Edit your next config :
27 |
28 | ```js
29 | // next.config.js
30 | const withProgressBar = require('next-progressbar')
31 |
32 | module.exports = withProgressBar({
33 | // rest of your next config
34 | })
35 | ```
36 |
37 | ### Configuration
38 |
39 | You can configure this plugin. The options are passed down to webpackbar.
40 |
41 | For more information, [have a look at the options available for webpackbar](https://github.com/nuxt/webpackbar#options).
42 |
43 | For example, you can enable the profiler :
44 |
45 |
46 |
47 | 
48 |
49 |
12 |