fix: Use live reload (#13)

* v9.3.2-beta.0

* v9.3.2-beta.1

* v9.3.2-beta.2

* v9.3.2-beta.3

* fix:

* docs: update readme

examples/svg-components/.babelrc

@@ -1,4 +1,4 @@
 {
-  "presets": ["next/babel"],
-  "plugins": ["inline-react-svg"]
+  "presets": [ "next/babel" ],
+  "plugins": [ "inline-react-svg" ]
 }

examples/with-ant-design-less/.babelrc

@@ -2,8 +2,7 @@
   "presets": ["next/babel"],
   "plugins": [
     [
-      "import",
-      {
+      "import", {
         "libraryName": "antd",
         "style": true
       }

examples/with-antd-mobile/.babelrc

@@ -1,12 +1,9 @@
 {
-  "presets": ["next/babel"],
+  "presets":  ["next/babel"],
   "plugins": [
-    [
-      "import",
-      {
-        "libraryName": "antd-mobile",
-        "style": "css"
-      }
-    ]
+    ["import", {
+      "libraryName": "antd-mobile",
+      "style": "css"
+    }]
   ]
 }

examples/with-apollo/.babelrc

@@ -1,4 +1,10 @@
 {
-  "presets": ["next/babel"],
-  "plugins": [["graphql-tag"]]
+  "presets": [
+    "next/babel"
+  ],
+  "plugins": [
+    [
+      "graphql-tag"
+    ]
+  ]
 }

examples/with-custom-babel-config/.babelrc

@@ -1,4 +1,8 @@
 {
-  "presets": ["next/babel"],
-  "plugins": ["@babel/plugin-proposal-do-expressions"]
+  "presets": [
+    "next/babel"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-do-expressions"
+  ]
 }

examples/with-custom-reverse-proxy/.babelrc

@@ -1,3 +1,5 @@
 {
-  "presets": ["next/babel"]
+  "presets": [
+    "next/babel"
+  ]
 }

examples/with-flow/.babelrc

@@ -1,4 +1,8 @@
 {
-  "presets": ["next/babel"],
-  "plugins": ["transform-flow-strip-types"]
+    "presets": [
+        "next/babel"
+    ],
+    "plugins": [
+        "transform-flow-strip-types"
+    ]
 }

examples/with-flow/flow-typed/next.js.flow

@@ -1,49 +1,35 @@
 // @flow
 
-declare module 'next' {
+declare module "next" {
   declare type NextApp = {
-    prepare(): Promise<void>,
-    getRequestHandler(): any,
-    render(req: any, res: any, pathname: string, query: any): any,
-    renderToHTML(req: any, res: any, pathname: string, query: string): string,
-    renderError(err: Error, req: any, res: any, pathname: any, query: any): any,
-    renderErrorToHTML(
-      err: Error,
-      req: any,
-      res: any,
-      pathname: string,
-      query: any
-    ): string,
-  }
+    prepare(): Promise<void>;
+    getRequestHandler(): any;
+    render(req: any, res: any, pathname: string, query: any): any;
+    renderToHTML(req: any, res: any, pathname: string, query: string): string;
+    renderError(err: Error, req: any, res: any, pathname: any, query: any): any;
+    renderErrorToHTML(err: Error, req: any, res: any, pathname: string, query: any): string;
+  };
   declare module.exports: (...opts: any) => NextApp
 }
 
-declare module 'next/head' {
-  declare module.exports: Class<React$Component<any, any>>
+declare module "next/head" {
+  declare module.exports: Class<React$Component<any, any>>;
 }
 
-declare module 'next/link' {
-  declare module.exports: Class<
-    React$Component<{ href: string, prefetch?: boolean }, any>
-  >
+declare module "next/link" {
+  declare module.exports: Class<React$Component<{href: string, prefetch?: bool}, any>>;
 }
 
-declare module 'next/error' {
-  declare module.exports: Class<React$Component<{ statusCode: number }, any>>
+declare module "next/error" {
+  declare module.exports: Class<React$Component<{statusCode: number}, any>>;
 }
 
-declare module 'next/document' {
-  declare export var Head: Class<React$Component<any, any>>
-  declare export var Main: Class<React$Component<any, any>>
-  declare export var NextScript: Class<React$Component<any, any>>
+declare module "next/document" {
+  declare export var Head: Class<React$Component<any, any>>;
+  declare export var Main: Class<React$Component<any, any>>;
+  declare export var NextScript: Class<React$Component<any, any>>;
   declare export default Class<React$Component<any, any>> & {
-    getInitialProps: (ctx: {
-      pathname: string,
-      query: any,
-      req?: any,
-      res?: any,
-      err?: any,
-    }) => Promise<any>,
-    renderPage(cb: Function): void,
-  }
+    getInitialProps: (ctx: {pathname: string, query: any, req?: any, res?: any, err?: any}) => Promise<any>;
+    renderPage(cb: Function): void;
+  };
 }

examples/with-glamor/.babelrc

@@ -1,4 +1,9 @@
 {
   "presets": ["next/babel"],
-  "plugins": [["transform-react-jsx", { "pragma": "Glamor.createElement" }]]
+  "plugins": [
+    [
+      "transform-react-jsx",
+      { "pragma": "Glamor.createElement" }
+    ]
+  ]
 }

examples/with-jest/__tests__/__snapshots__/snapshot.js.snap

@@ -8,7 +8,7 @@ exports[`renders homepage unchanged 1`] = `
     <h1
       className="title"
     >
-      Welcome to 
+      Welcome to
       <a
         href="https://nextjs.org"
       >
@@ -78,7 +78,7 @@ exports[`renders homepage unchanged 1`] = `
       rel="noopener noreferrer"
       target="_blank"
     >
-      Powered by 
+      Powered by
       <img
         alt="ZEIT Logo"
         src="/zeit.svg"

examples/with-jest/pages/index.js

@@ -15,7 +15,7 @@ const Home = () => (
       </h1>
 
       <p className={styles.description}>
-        Get started by editing<code>pages/index.js</code>
+        Get started by editing <code>pages/index.js</code>
       </p>
 
       <div className={styles.grid}>

examples/with-linaria/.babelrc

@@ -1,3 +1,6 @@
 {
-  "presets": ["next/babel", "linaria/babel"]
+  "presets": [
+    "next/babel",
+    "linaria/babel"
+  ]
 }

examples/with-lingui/.babelrc

@@ -1,4 +1,8 @@
 {
-  "presets": ["next/babel"],
-  "plugins": ["macros"]
+  "presets": [
+    "next/babel"
+  ],
+  "plugins": [
+    "macros"
+  ]
 }

examples/with-mobx-react-lite/.babelrc

@@ -1,3 +1,5 @@
 {
-  "presets": ["next/babel"]
+  "presets": [
+    "next/babel"
+  ]
 }

examples/with-mobx-state-tree/.babelrc

@@ -1,4 +1,8 @@
 {
-  "presets": ["next/babel"],
-  "plugins": [["@babel/plugin-proposal-decorators", { "legacy": true }]]
+  "presets": [
+    "next/babel"
+  ],
+  "plugins": [
+    ["@babel/plugin-proposal-decorators", { "legacy": true }]
+  ]
 }

examples/with-mobx/.babelrc

@@ -1,5 +1,7 @@
 {
-  "presets": ["next/babel"],
+  "presets": [
+    "next/babel"
+  ],
   "plugins": [
     ["@babel/plugin-proposal-decorators", { "legacy": true }],
     ["@babel/plugin-proposal-class-properties", { "loose": true }]

examples/with-orbit-components/.babelrc

@@ -1,7 +1,4 @@
 {
   "presets": ["next/babel"],
-  "plugins": [
-    ["styled-components", { "ssr": true }],
-    "@kiwicom/babel-plugin-orbit-components"
-  ]
+  "plugins": [["styled-components", { "ssr": true }], "@kiwicom/babel-plugin-orbit-components"]
 }

examples/with-reasonml-todo/.babelrc

@@ -1,4 +1,8 @@
 {
-  "presets": ["next/babel"],
-  "plugins": ["babel-plugin-bucklescript"]
+  "presets": [
+    "next/babel"
+  ],
+  "plugins": [
+    "babel-plugin-bucklescript"
+  ]
 }

examples/with-reasonml/.babelrc

@@ -1,4 +1,8 @@
 {
-  "presets": ["next/babel"],
-  "plugins": ["babel-plugin-bucklescript"]
+  "presets": [
+    "next/babel"
+  ],
+  "plugins": [
+    "babel-plugin-bucklescript"
+  ]
 }

examples/with-rebass/.babelrc

@@ -1,9 +1,8 @@
 {
-  "presets": ["next/babel"],
+  "presets": [
+    "next/babel"
+  ],
   "plugins": [
-    [
-      "styled-components",
-      { "ssr": true, "displayName": true, "preprocess": false }
-    ]
+    ["styled-components", { "ssr": true, "displayName": true, "preprocess": false } ]
   ]
 }

examples/with-relay-modern/.babelrc

@@ -1,4 +1,8 @@
 {
-  "presets": ["next/babel"],
-  "plugins": ["relay"]
+  "presets": [
+    "next/babel"
+  ],
+  "plugins": [
+    "relay"
+  ]
 }

examples/with-style-sheet/.babelrc

@@ -1,4 +1,8 @@
 {
-  "presets": ["next/babel"],
-  "plugins": ["style-sheet/babel"]
+  "presets": [
+    "next/babel"
+  ],
+  "plugins": [
+    "style-sheet/babel"
+  ]
 }

examples/with-styled-jsx-plugins/.babelrc

@@ -4,7 +4,9 @@
       "next/babel",
       {
         "styled-jsx": {
-          "plugins": ["styled-jsx-plugin-postcss"]
+          "plugins": [
+            "styled-jsx-plugin-postcss"
+          ]
         }
       }
     ]

examples/with-styled-jsx-scss/.babelrc

@@ -4,7 +4,9 @@
       "next/babel",
       {
         "styled-jsx": {
-          "plugins": ["styled-jsx-plugin-sass"]
+          "plugins": [
+            "styled-jsx-plugin-sass"
+          ]
         }
       }
     ]

examples/with-typescript-graphql/lib/type-defs.graphqls

@@ -1,9 +1,9 @@
 type User {
-  id: ID!
-  name: String!
-  status: String!
+    id: ID!
+    name: String!
+    status: String!
 }
 
 type Query {
-  viewer: User!
+    viewer: User!
 }

examples/with-typescript-graphql/lib/viewer.graphql

@@ -1,7 +1,7 @@
 query Viewer {
-  viewer {
-    id
-    name
-    status
-  }
+    viewer {
+        id
+        name
+        status
+    }
 }

jest.config.js

@@ -6,10 +6,4 @@ module.exports = {
   globalSetup: '<rootDir>/jest-global-setup.js',
   globalTeardown: '<rootDir>/jest-global-teardown.js',
   testEnvironment: '<rootDir>/jest-environment.js',
-  "reporters": [
-    "default",
-    ["jest-html-reporter", {
-      "pageTitle": "Test Report"
-    }]
-  ]
 }

package.json

@@ -59,7 +59,6 @@
     "browserstack-local": "1.4.0",
     "caniuse-lite": "^1.0.30001019",
     "cheerio": "0.22.0",
-    "chromedriver": "80.0.1",
     "clone": "2.1.2",
     "cookie": "0.4.0",
     "coveralls": "3.0.3",
@@ -77,7 +76,6 @@
     "get-port": "5.0.0",
     "isomorphic-unfetch": "3.0.0",
     "jest-cli": "24.9.0",
-    "jest-html-reporter": "2.8.2",
     "lerna": "3.14.1",
     "lint-staged": "9.4.2",
     "moment": "^2.24.0",
@@ -106,8 +104,7 @@
     "tree-kill": "1.2.1",
     "typescript": "3.7.3",
     "wait-port": "0.2.2",
-    "webpack-bundle-analyzer": "3.6.1",
-    "webpack-livereload-plugin": "2.3.0"
+    "webpack-bundle-analyzer": "3.6.1"
   },
   "resolutions": {
     "browserslist": "^4.8.3",