Release v10.0.1

.all-contributorsrc

@@ -231,11 +231,30 @@
         "code",
         "bug"
       ]
+    },
+    {
+      "login": "nealeu",
+      "name": "Neale Upstone",
+      "avatar_url": "https://avatars1.githubusercontent.com/u/264594?v=4",
+      "profile": "https://github.com/nealeu",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "mbark",
+      "name": "Martin Barksten",
+      "avatar_url": "https://avatars1.githubusercontent.com/u/1579384?v=4",
+      "profile": "https://github.com/mbark",
+      "contributions": [
+        "doc"
+      ]
     }
   ],
   "contributorsPerLine": 7,
   "projectName": "react-async",
   "projectOwner": "async-library",
   "repoType": "github",
-  "repoHost": "https://github.com"
+  "repoHost": "https://github.com",
+  "skipCi": true
 }

.circleci/config.yml

@@ -69,7 +69,14 @@ jobs:
       - checkout
       - attach_workspace:
           at: .
-      - run: yarn test:chromatic
+      - run: |
+          if [[ "${CIRCLE_BRANCH}" == renovate/* ]]; then
+            echo "Skipping Chromatic"
+          elif [ "${CIRCLE_BRANCH}" == "master" ]; then
+            yarn test:chromatic --auto-accept-changes
+          else
+            yarn test:chromatic
+          fi
 
 workflows:
   version: 2

.storybook/config.js

@@ -1,6 +1,4 @@
 import { configure } from "@storybook/react"
 
-import "storybook-chromatic"
-
 const req = require.context("../stories", true, /\.stories\.js$/)
 configure(() => req.keys().forEach(filename => req(filename)), module)

docs/getting-started/installation.md

@@ -14,3 +14,30 @@ yarn add react-async
 
 > This package requires `react` as a peer dependency. Please make sure to install that as well. If you want to use the
 > `useAsync` hook, you'll need `react@16.8.0` or later.
+
+## Transpiling for legacy browsers
+
+This project targets the latest ECMAScript version. Our packages on npm do not contain ES5 code for legacy browsers. If you need to target a browser which does not support the latest version of ECMAScript, you'll have to handle transpilation yourself. Usually this will automatically be handled by the framework you use (CRA, Next.js, Gatsby), but sometimes you may need to tweak your Webpack settings to transpile `react-async` with Babel.
+
+To transpile `node_modules` with Babel you need to use a `babel.config.js`, for more information see [Babel's documentation](https://babeljs.io/docs/en/configuration#whats-your-use-case).
+
+In your `webpack.config.js` make sure that the rule for `babel-loader`:
+
+- doesn't exclude `node_modules` from matching via the `exclude` pattern;
+- excludes `core-js` as it shouldn't be transpiled;
+- is passed the `configFile` option pointing to the `babel.config.js` file.
+
+```
+{
+  test: /\.(js|jsx)$/,
+  exclude: /\/node_modules\/core-js\//,
+  use: [{
+    loader: 'babel-loader',
+    options: {
+      configFile: './babel.config.js',
+      // Caching is recommended when transpiling node_modules to speed up consecutive builds
+      cacheDirectory: true,
+    }
+  }]
+}
+```

examples/basic-fetch/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://react-async.async-library.now.sh/examples/basic-fetch",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "prebuild": "relative-deps",
@@ -18,7 +19,7 @@
     "react-async": "^10.0.0",
     "react-async-devtools": "^10.0.0",
     "react-dom": "16.11.0",
-    "react-scripts": "3.2.0"
+    "react-scripts": "3.4.1"
   },
   "devDependencies": {
     "relative-deps": "0.2.0"

examples/basic-hook/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://react-async.async-library.now.sh/examples/basic-hook",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "prebuild": "relative-deps",
@@ -18,7 +19,7 @@
     "react-async": "^10.0.0",
     "react-async-devtools": "^10.0.0",
     "react-dom": "16.11.0",
-    "react-scripts": "3.2.0"
+    "react-scripts": "3.4.1"
   },
   "devDependencies": {
     "relative-deps": "0.2.0"

examples/custom-instance/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://react-async.async-library.now.sh/examples/custom-instance",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "prebuild": "relative-deps",
@@ -18,7 +19,7 @@
     "react-async": "^10.0.0",
     "react-async-devtools": "^10.0.0",
     "react-dom": "16.11.0",
-    "react-scripts": "3.2.0"
+    "react-scripts": "3.4.1"
   },
   "devDependencies": {
     "relative-deps": "0.2.0"

examples/movie-app/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://react-async.async-library.now.sh/examples/movie-app",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "prebuild": "relative-deps",
@@ -18,7 +19,7 @@
     "react-async": "^10.0.0",
     "react-async-devtools": "^10.0.0",
     "react-dom": "16.11.0",
-    "react-scripts": "3.2.0"
+    "react-scripts": "3.4.1"
   },
   "devDependencies": {
     "relative-deps": "0.2.0"

examples/with-abortcontroller/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://react-async.async-library.now.sh/examples/with-abortcontroller",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "prebuild": "relative-deps",
@@ -18,7 +19,7 @@
     "react-async": "^10.0.0",
     "react-async-devtools": "^10.0.0",
     "react-dom": "16.11.0",
-    "react-scripts": "3.2.0"
+    "react-scripts": "3.4.1"
   },
   "devDependencies": {
     "relative-deps": "0.2.0"

examples/with-graphql/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://react-async.async-library.now.sh/examples/with-graphql",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "prebuild": "relative-deps",
@@ -19,7 +20,7 @@
     "react-async": "^10.0.0",
     "react-async-devtools": "^10.0.0",
     "react-dom": "16.11.0",
-    "react-scripts": "3.2.0"
+    "react-scripts": "3.4.1"
   },
   "devDependencies": {
     "relative-deps": "0.2.0"

examples/with-nextjs/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "main": "index.js",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "predev": "relative-deps",
     "prebuild": "relative-deps",

examples/with-react-native/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "preandroid": "relative-deps",

examples/with-react-router/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "main": "index.js",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "prebuild": "relative-deps",

examples/with-suspense/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://react-async.async-library.now.sh/examples/with-suspense",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "prebuild": "relative-deps",
@@ -18,7 +19,7 @@
     "react-async": "^10.0.0",
     "react-async-devtools": "^10.0.0",
     "react-dom": "16.11.0",
-    "react-scripts": "3.2.0"
+    "react-scripts": "3.4.1"
   },
   "devDependencies": {
     "relative-deps": "0.2.0"

examples/with-typescript/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://react-async.async-library.now.sh/examples/with-typescript",
   "scripts": {
+    "bootstrap": "yarn install",
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
     "prebuild": "relative-deps",
@@ -21,7 +22,7 @@
     "react-async": "^10.0.0",
     "react-async-devtools": "^10.0.0",
     "react-dom": "16.11.0",
-    "react-scripts": "3.2.0",
+    "react-scripts": "3.4.1",
     "typescript": "3.7.2"
   },
   "devDependencies": {

package.json

@@ -10,7 +10,7 @@
     "packages/*"
   ],
   "scripts": {
-    "bootstrap": "yarn build:packages && yarn workspaces run install",
+    "bootstrap": "yarn build:packages && yarn workspaces run bootstrap",
     "clean": "lerna clean",
     "start": "run-p start:*",
     "start:examples": "now dev",
@@ -36,49 +36,49 @@
     "postbump": "yarn build:packages"
   },
   "devDependencies": {
-    "@babel/core": "7.7.2",
-    "@babel/plugin-proposal-class-properties": "7.7.0",
-    "@babel/plugin-proposal-object-rest-spread": "7.6.2",
-    "@babel/plugin-transform-runtime": "7.6.2",
-    "@babel/preset-env": "7.7.1",
-    "@babel/preset-react": "7.7.0",
-    "@babel/preset-typescript": "7.7.2",
+    "@babel/core": "7.8.6",
+    "@babel/plugin-proposal-class-properties": "7.8.3",
+    "@babel/plugin-proposal-object-rest-spread": "7.8.3",
+    "@babel/plugin-transform-runtime": "7.8.3",
+    "@babel/preset-env": "7.8.7",
+    "@babel/preset-react": "7.8.3",
+    "@babel/preset-typescript": "7.8.3",
     "@pika/pack": "0.5.0",
-    "@pika/plugin-build-node": "0.7.1",
-    "@pika/plugin-build-types": "0.7.1",
-    "@pika/plugin-build-umd": "0.7.1",
-    "@pika/plugin-build-web": "0.7.1",
-    "@pika/plugin-bundle-types": "0.7.1",
-    "@pika/plugin-standard-pkg": "0.7.1",
-    "@pika/plugin-ts-standard-pkg": "0.7.1",
-    "@storybook/react": "5.2.6",
+    "@pika/plugin-build-node": "0.9.2",
+    "@pika/plugin-build-types": "0.9.2",
+    "@pika/plugin-build-umd": "0.9.2",
+    "@pika/plugin-build-web": "0.9.2",
+    "@pika/plugin-bundle-types": "0.9.2",
+    "@pika/plugin-standard-pkg": "0.9.2",
+    "@pika/plugin-ts-standard-pkg": "0.9.2",
+    "@storybook/react": "5.3.14",
     "@testing-library/jest-dom": "4.2.4",
-    "@testing-library/react": "9.3.2",
-    "@typescript-eslint/eslint-plugin": "2.8.0",
-    "@typescript-eslint/parser": "2.8.0",
-    "babel-eslint": "10.0.3",
+    "@testing-library/react": "9.4.1",
+    "@typescript-eslint/eslint-plugin": "2.22.0",
+    "@typescript-eslint/parser": "2.22.0",
+    "babel-eslint": "10.1.0",
     "babel-jest": "24.9.0",
     "babel-loader": "8.0.6",
-    "copyfiles": "2.1.1",
-    "eslint": "6.6.0",
-    "eslint-config-prettier": "6.7.0",
-    "eslint-plugin-jest": "23.0.4",
-    "eslint-plugin-prettier": "3.1.1",
+    "copyfiles": "2.2.0",
+    "eslint": "6.8.0",
+    "eslint-config-prettier": "6.10.0",
+    "eslint-plugin-jest": "23.8.1",
+    "eslint-plugin-prettier": "3.1.2",
     "eslint-plugin-promise": "4.2.1",
-    "eslint-plugin-react": "7.16.0",
-    "eslint-plugin-react-hooks": "2.3.0",
+    "eslint-plugin-react": "7.18.3",
+    "eslint-plugin-react-hooks": "2.5.0",
     "jest": "24.9.0",
-    "lerna": "3.19.0",
+    "lerna": "3.20.2",
     "node-jq": "1.11.0",
-    "now": "16.6.0",
+    "now": "16.7.3",
     "npm-run-all": "4.1.5",
     "prettier": "1.19.1",
     "prop-types": "15.7.2",
-    "react": "16.12.0",
+    "react": "16.13.0",
     "react-async": "10.0.0-alpha.0",
-    "react-dom": "16.12.0",
-    "storybook-chromatic": "3.1.0",
-    "typescript": "3.7.2"
+    "react-dom": "16.13.0",
+    "storybook-chromatic": "3.5.2",
+    "typescript": "3.8.3"
   },
   "resolutions": {
     "@types/react": "16.9.13"

packages/react-async-devtools/package.json

@@ -17,6 +17,7 @@
   },
   "main": "src",
   "scripts": {
+    "bootstrap": "yarn install",
     "build": "pika build",
     "postbuild": "copyfiles -f ../../LICENSE ../../README.md pkg",
     "publish": "npm publish pkg"

packages/react-async/package.json

@@ -19,6 +19,7 @@
   },
   "main": "src",
   "scripts": {
+    "bootstrap": "yarn install",
     "build": "pika build",
     "postbuild": "copyfiles -f ../../LICENSE ../../README.md pkg",
     "publish": "npm publish pkg"

packages/react-async/src/Async.tsx

@@ -22,23 +22,23 @@ import {
   ReducerAsyncState,
 } from "./types"
 
-interface InitialProps<T> {
+export interface InitialProps<T> {
   children?: InitialChildren<T>
   persist?: boolean
 }
-interface PendingProps<T> {
+export interface PendingProps<T> {
   children?: PendingChildren<T>
   initial?: boolean
 }
-interface FulfilledProps<T> {
+export interface FulfilledProps<T> {
   children?: FulfilledChildren<T>
   persist?: boolean
 }
-interface RejectedProps<T> {
+export interface RejectedProps<T> {
   children?: RejectedChildren<T>
   persist?: boolean
 }
-interface SettledProps<T> {
+export interface SettledProps<T> {
   children?: SettledChildren<T>
   persist?: boolean
 }
@@ -54,7 +54,7 @@ type GenericAsync = typeof Async & {
   Settled<T>(props: SettledProps<T>): JSX.Element
 }
 
-type AsyncConstructor<T> = React.ComponentClass<AsyncProps<T>> & {
+export type AsyncConstructor<T> = React.ComponentClass<AsyncProps<T>> & {
   Initial: React.FC<InitialProps<T>>
   Pending: React.FC<PendingProps<T>>
   Loading: React.FC<PendingProps<T>>