├── .travis.yml
├── src
    ├── .eslintrc
    ├── context
    │   ├── WizardContext.js
    │   └── WizardContextProvider.js
    ├── index.test.js
    ├── hooks
    │   ├── useWizardContext.js
    │   ├── useDataContext.js
    │   ├── usePageTotal.js
    │   └── useWizard.js
    ├── actions
    │   └── updateData.js
    ├── components
    │   ├── Pages.js
    │   ├── Progress.js
    │   ├── Page.js
    │   ├── Navigation.js
    │   ├── Wizard.js
    │   └── WizardInner.js
    └── index.js
├── .eslintignore
├── TODO
├── example
    ├── public
    │   ├── favicon.ico
    │   ├── manifest.json
    │   └── index.html
    ├── src
    │   ├── index.js
    │   ├── App.test.js
    │   ├── index.css
    │   ├── components
    │   │   └── Country.js
    │   └── App.js
    ├── README.md
    ├── package.json
    ├── report.20200505.122317.3888.001.json
    ├── report.20200505.122134.16716.001.json
    └── report.20200505.190219.16388.001.json
├── .editorconfig
├── .prettierrc
├── .gitignore
├── .eslintrc
├── LICENSE
├── package.json
└── README.md


/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 |   - 12
4 |   - 10
5 | 


--------------------------------------------------------------------------------
/src/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 |   "env": {
3 |     "jest": true
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | build/
2 | dist/
3 | node_modules/
4 | .snapshots/
5 | *.min.js


--------------------------------------------------------------------------------
/TODO:
--------------------------------------------------------------------------------
1 | 1. Add additional support for little-state-machine
2 | 2. Add ability to pass an onSubmit to each Page component


--------------------------------------------------------------------------------
/example/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gcoxdev/react-hook-form-wizard/HEAD/example/public/favicon.ico


--------------------------------------------------------------------------------
/src/context/WizardContext.js:
--------------------------------------------------------------------------------
1 | import { createContext } from 'react'
2 | 
3 | const WizardContext = createContext({ initialPage: 0, pageTotal: 1 })
4 | 
5 | export default WizardContext
6 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/src/index.test.js:
--------------------------------------------------------------------------------
1 | import { ExampleComponent } from '.'
2 | 
3 | describe('ExampleComponent', () => {
4 |     it('is truthy', () => {
5 |         expect(ExampleComponent).toBeTruthy()
6 |     })
7 | })
8 | 


--------------------------------------------------------------------------------
/example/src/index.js:
--------------------------------------------------------------------------------
1 | import './index.css'
2 | 
3 | import React from 'react'
4 | import ReactDOM from 'react-dom'
5 | import App from './App'
6 | 
7 | ReactDOM.render(<App />, document.getElementById('root'))
8 | 


--------------------------------------------------------------------------------
/src/hooks/useWizardContext.js:
--------------------------------------------------------------------------------
1 | import { useContext } from 'react'
2 | import WizardContext from '../context/WizardContext'
3 | 
4 | export const useWizardContext = () => {
5 |     return useContext(WizardContext)
6 | }
7 | 


--------------------------------------------------------------------------------
/src/hooks/useDataContext.js:
--------------------------------------------------------------------------------
1 | import { useStateMachine } from 'little-state-machine'
2 | import updateData from '../actions/updateData'
3 | 
4 | export const useDataContext = () => {
5 |     return useStateMachine(updateData)
6 | }
7 | 


--------------------------------------------------------------------------------
/src/actions/updateData.js:
--------------------------------------------------------------------------------
 1 | export default function updateData(state, payload) {
 2 |     return {
 3 |         ...state,
 4 |         data: {
 5 |             ...state.data,
 6 |             ...payload
 7 |         }
 8 |     }
 9 | }
10 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "singleQuote": true,
 3 |   "jsxSingleQuote": false,
 4 |   "semi": false,
 5 |   "tabWidth": 4,
 6 |   "bracketSpacing": true,
 7 |   "jsxBracketSameLine": false,
 8 |   "arrowParens": "always",
 9 |   "trailingComma": "none",
10 |   "endOfLine": "auto"
11 | }


--------------------------------------------------------------------------------
/example/README.md:
--------------------------------------------------------------------------------
1 | This example was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
2 | 
3 | It is linked to the react-hook-form-wizard package in the parent directory for development purposes.
4 | 
5 | You can run `npm install` and then `npm start` to test your package.
6 | 


--------------------------------------------------------------------------------
/example/src/App.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import ReactDOM from 'react-dom'
 3 | import App from './App'
 4 | 
 5 | it('renders without crashing', () => {
 6 |   const div = document.createElement('div')
 7 |   ReactDOM.render(<App />, div)
 8 |   ReactDOM.unmountComponentAtNode(div)
 9 | })
10 | 


--------------------------------------------------------------------------------
/src/components/Pages.js:
--------------------------------------------------------------------------------
 1 | import { useWizardContext } from '../hooks/useWizardContext'
 2 | 
 3 | export default function Pages({ children }) {
 4 |     const { activePage } = useWizardContext()
 5 |     if (Array.isArray(children)) {
 6 |         return children[activePage]
 7 |     } else {
 8 |         return children
 9 |     }
10 | }
11 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | 
 2 | # See https://help.github.com/ignore-files/ for more about ignoring files.
 3 | 
 4 | # dependencies
 5 | node_modules
 6 | 
 7 | # builds
 8 | build
 9 | dist
10 | .rpt2_cache
11 | 
12 | # misc
13 | .DS_Store
14 | .env
15 | .env.local
16 | .env.development.local
17 | .env.test.local
18 | .env.production.local
19 | 
20 | npm-debug.log*
21 | yarn-debug.log*
22 | yarn-error.log*
23 | 


--------------------------------------------------------------------------------
/example/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "react-hook-form-wizard",
 3 |   "name": "react-hook-form-wizard",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": ".",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/src/components/Progress.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { useWizardContext } from '../hooks/useWizardContext'
 3 | 
 4 | export default function Progress() {
 5 |     const { activePage, pageTotal } = useWizardContext()
 6 |     return (
 7 |         <progress
 8 |             className="progress"
 9 |             value={Math.ceil(((activePage + 1) / pageTotal) * 100).toString()}
10 |             max="100"
11 |         />
12 |     )
13 | }
14 | 


--------------------------------------------------------------------------------
/example/src/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   margin: 0;
 3 |   padding: 0;
 4 |   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 5 |     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
 6 |     sans-serif;
 7 |   -webkit-font-smoothing: antialiased;
 8 |   -moz-osx-font-smoothing: grayscale;
 9 | }
10 | 
11 | code {
12 |   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
13 |     monospace;
14 | }
15 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import Wizard from './components/Wizard'
 2 | import Progress from './components/Progress'
 3 | import Pages from './components/Pages'
 4 | import Page from './components/Page'
 5 | import Navigation from './components/Navigation'
 6 | import { useDataContext } from './hooks/useDataContext'
 7 | import { useWizardContext } from './hooks/useWizardContext'
 8 | 
 9 | export {
10 |     Wizard,
11 |     Progress,
12 |     Pages,
13 |     Page,
14 |     Navigation,
15 |     useDataContext,
16 |     useWizardContext
17 | }
18 | 


--------------------------------------------------------------------------------
/src/components/Page.js:
--------------------------------------------------------------------------------
 1 | import { useFormContext } from 'react-hook-form'
 2 | import { useDataContext } from '../hooks/useDataContext'
 3 | import { useWizardContext } from '../hooks/useWizardContext'
 4 | 
 5 | export default function Page({ children }) {
 6 |     const dataContext = useDataContext()
 7 |     const formContext = useFormContext()
 8 |     const wizardContext = useWizardContext()
 9 | 
10 |     if (typeof children === 'function') {
11 |         return children({ dataContext, formContext, wizardContext })
12 |     }
13 |     return children
14 | }
15 | 


--------------------------------------------------------------------------------
/src/context/WizardContextProvider.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import WizardContext from './WizardContext'
 3 | import { useWizard } from '../hooks/useWizard'
 4 | import WizardInner from '../components/WizardInner'
 5 | 
 6 | export const WizardContextProvider = ({ children, initialPage, onSubmit }) => {
 7 |     const wizard = useWizard({ initialPage })
 8 | 
 9 |     return (
10 |         <WizardContext.Provider value={wizard}>
11 |             <WizardInner onSubmit={onSubmit}>{children}</WizardInner>
12 |         </WizardContext.Provider>
13 |     )
14 | }
15 | 


--------------------------------------------------------------------------------
/src/components/Navigation.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { useWizardContext } from '../hooks/useWizardContext'
 3 | 
 4 | export default function Navigation(props) {
 5 |     const { activePage, previousPage, pageTotal } = useWizardContext()
 6 |     return (
 7 |         <div>
 8 |             {activePage > 0 && (
 9 |                 <button type="button" onClick={previousPage}>
10 |                     Previous
11 |                 </button>
12 |             )}
13 |             <button type="submit">
14 |                 {activePage === pageTotal - 1 ? 'Submit' : 'Next'}
15 |             </button>
16 |         </div>
17 |     )
18 | }
19 | 


--------------------------------------------------------------------------------
/src/hooks/usePageTotal.js:
--------------------------------------------------------------------------------
 1 | import React, { useEffect } from 'react'
 2 | 
 3 | export const usePageTotal = (children, setPageTotal) => {
 4 |     useEffect(() => {
 5 |         const pagesComponent = React.Children.toArray(children).filter(
 6 |             (child, index) => {
 7 |                 return child.type.name === 'Pages'
 8 |             }
 9 |         )[0]
10 |         if (pagesComponent !== undefined) {
11 |             const pageComponents = React.Children.toArray(
12 |                 pagesComponent.props.children
13 |             )
14 |             setPageTotal(pageComponents.length)
15 |         }
16 |     }, [children, setPageTotal])
17 | }
18 | 


--------------------------------------------------------------------------------
/src/hooks/useWizard.js:
--------------------------------------------------------------------------------
 1 | import { useState } from 'react'
 2 | 
 3 | export const useWizard = ({ initialPage }) => {
 4 |     const [activePage, setActivePage] = useState(initialPage)
 5 |     const [pageTotal, setPageTotal] = useState(1)
 6 |     const previousPage = () => setActivePage(activePage - 1)
 7 |     const nextPage = () => setActivePage(activePage + 1)
 8 |     const goToPage = (pageIndex) => setActivePage(pageIndex)
 9 |     const isLastPage = activePage === pageTotal - 1
10 | 
11 |     return {
12 |         activePage,
13 |         pageTotal,
14 |         previousPage,
15 |         nextPage,
16 |         goToPage,
17 |         isLastPage,
18 |         setPageTotal
19 |     }
20 | }
21 | 


--------------------------------------------------------------------------------
/example/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-hook-form-wizard-example",
 3 |   "homepage": "https://gcoxdev.github.io/react-hook-form-wizard",
 4 |   "version": "0.0.0",
 5 |   "private": true,
 6 |   "dependencies": {
 7 |     "react": "file:../node_modules/react",
 8 |     "react-dom": "file:../node_modules/react-dom",
 9 |     "react-scripts": "file:../node_modules/react-scripts",
10 |     "react-hook-form-wizard": "file:.."
11 |   },
12 |   "scripts": {
13 |     "start": "node ../node_modules/react-scripts/bin/react-scripts.js start",
14 |     "build": "node ../node_modules/react-scripts/bin/react-scripts.js build",
15 |     "test": "node ../node_modules/react-scripts/bin/react-scripts.js test",
16 |     "eject": "node ../node_modules/react-scripts/bin/react-scripts.js eject"
17 |   },
18 |   "eslintConfig": {
19 |     "extends": "react-app"
20 |   },
21 |   "browserslist": [
22 |     ">0.2%",
23 |     "not dead",
24 |     "not ie <= 11",
25 |     "not op_mini all"
26 |   ]
27 | }
28 | 


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "parser": "babel-eslint",
 3 |     "extends": [
 4 |         "standard",
 5 |         "standard-react",
 6 |         "plugin:prettier/recommended",
 7 |         "prettier/standard",
 8 |         "prettier/react"
 9 |     ],
10 |     "plugins": ["react-hooks"],
11 |     "env": {
12 |         "node": true
13 |     },
14 |     "parserOptions": {
15 |         "ecmaVersion": 2020,
16 |         "ecmaFeatures": {
17 |             "legacyDecorators": true,
18 |             "jsx": true
19 |         }
20 |     },
21 |     "settings": {
22 |         "react": {
23 |             "version": "16"
24 |         }
25 |     },
26 |     "rules": {
27 |         "space-before-function-paren": 0,
28 |         "react/prop-types": 0,
29 |         "react/jsx-handler-names": 0,
30 |         "react/jsx-fragments": 0,
31 |         "react/no-unused-prop-types": 0,
32 |         "import/export": 0,
33 |         "react-hooks/rules-of-hooks": "error",
34 |         "react-hooks/exhaustive-deps": "warn"
35 |     }
36 | }
37 | 


--------------------------------------------------------------------------------
/example/src/components/Country.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { useFormContext, ErrorMessage } from "react-hook-form"
 3 | import { useDataContext } from "react-hook-form-wizard"
 4 | 
 5 | export default function Country() {
 6 |     const { register, errors } = useFormContext()
 7 |     const { state } = useDataContext()
 8 | 
 9 |     return (
10 |         <div>
11 |             <select
12 |                 name="country"
13 |                 placeholder="Country"
14 |                 ref={register({ required: { value: true, message: 'Country is required' } })}
15 |                 defaultValue={state.data.country}
16 |             >
17 |                 <option value=""></option>
18 |                 <option value="United States">United States</option>
19 |                 <option value="Some other country">Some other country</option>
20 |             </select>
21 |             <div>
22 |                 <ErrorMessage name="country" errors={errors} />
23 |             </div>
24 |         </div>
25 |     );
26 | }
27 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 gcoxdev
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/components/Wizard.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import PropTypes from 'prop-types'
 3 | import { WizardContextProvider } from '../context/WizardContextProvider'
 4 | import { useForm, FormContext } from 'react-hook-form'
 5 | import {
 6 |     StateMachineProvider,
 7 |     createStore,
 8 |     DevTool
 9 | } from 'little-state-machine'
10 | 
11 | createStore({
12 |     data: {}
13 | })
14 | 
15 | function Wizard({
16 |     children,
17 |     useFormArgs,
18 |     initialPage = 0,
19 |     onSubmit,
20 |     enableDevTool
21 | }) {
22 |     const formContextMethods = useForm(useFormArgs)
23 | 
24 |     return (
25 |         <StateMachineProvider>
26 |             {enableDevTool && process.env.NODE_ENV !== 'production' && (
27 |                 <DevTool />
28 |             )}
29 |             <FormContext {...formContextMethods}>
30 |                 <WizardContextProvider
31 |                     initialPage={initialPage}
32 |                     onSubmit={onSubmit}
33 |                 >
34 |                     {children}
35 |                 </WizardContextProvider>
36 |             </FormContext>
37 |         </StateMachineProvider>
38 |     )
39 | }
40 | 
41 | Wizard.propTypes = {
42 |     onSubmit: PropTypes.func.isRequired
43 | }
44 | 
45 | export default Wizard
46 | 


--------------------------------------------------------------------------------
/src/components/WizardInner.js:
--------------------------------------------------------------------------------
 1 | import React, { useState, useEffect } from 'react'
 2 | import { useFormContext } from 'react-hook-form'
 3 | import { useDataContext } from '../hooks/useDataContext'
 4 | import { useWizardContext } from '../hooks/useWizardContext'
 5 | import { usePageTotal } from '../hooks/usePageTotal'
 6 | 
 7 | export default function WizardInner({ children, onSubmit }) {
 8 |     const [submitted, setSubmitted] = useState(false)
 9 |     const dataContext = useDataContext()
10 |     const { action } = dataContext
11 |     const formContext = useFormContext()
12 |     const { handleSubmit } = formContext
13 |     const wizardContext = useWizardContext()
14 |     const { isLastPage, nextPage } = wizardContext
15 | 
16 |     usePageTotal(children, wizardContext.setPageTotal)
17 | 
18 |     useEffect(() => {
19 |         if (submitted) {
20 |             if (!isLastPage) {
21 |                 nextPage()
22 |             } else {
23 |                 onSubmit({ dataContext, formContext, wizardContext })
24 |             }
25 |             setSubmitted(false)
26 |         }
27 |     }, [
28 |         dataContext,
29 |         formContext,
30 |         isLastPage,
31 |         nextPage,
32 |         onSubmit,
33 |         submitted,
34 |         wizardContext
35 |     ])
36 | 
37 |     return (
38 |         <form
39 |             onSubmit={handleSubmit((pageData) => {
40 |                 action(pageData)
41 |                 setSubmitted(true)
42 |             })}
43 |         >
44 |             {children}
45 |         </form>
46 |     )
47 | }
48 | 


--------------------------------------------------------------------------------
/example/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta
 7 |       name="viewport"
 8 |       content="width=device-width, initial-scale=1, shrink-to-fit=no"
 9 |     />
10 |     <meta name="theme-color" content="#000000" />
11 | 
12 |     <!--
13 |       manifest.json provides metadata used when your web app is added to the
14 |       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
15 |     -->
16 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
17 | 
18 |     <!--
19 |       Notice the use of %PUBLIC_URL% in the tags above.
20 |       It will be replaced with the URL of the `public` folder during the build.
21 |       Only files inside the `public` folder can be referenced from the HTML.
22 | 
23 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24 |       work correctly both with client-side routing and a non-root public URL.
25 |       Learn how to configure a non-root public URL by running `npm run build`.
26 |     -->
27 |     <title>react-hook-form-wizard</title>
28 |   </head>
29 | 
30 |   <body>
31 |     <noscript>
32 |       You need to enable JavaScript to run this app.
33 |     </noscript>
34 | 
35 |     <div id="root"></div>
36 | 
37 |     <!--
38 |       This HTML file is a template.
39 |       If you open it directly in the browser, you will see an empty page.
40 | 
41 |       You can add webfonts, meta tags, or analytics to this file.
42 |       The build step will place the bundled scripts into the <body> tag.
43 | 
44 |       To begin the development, run `npm start` or `yarn start`.
45 |       To create a production bundle, use `npm run build` or `yarn build`.
46 |     -->
47 |   </body>
48 | </html>
49 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-hook-form-wizard",
 3 |   "version": "0.1.7-alpha",
 4 |   "description": "A simple wizard for react-hook-form",
 5 |   "author": "GCoxDev",
 6 |   "license": "MIT",
 7 |   "repository": {
 8 |     "type": "git",
 9 |     "url": "git+https://github.com/gcoxdev/react-hook-form-wizard.git"
10 |   },
11 |   "bugs": {
12 |     "url": "https://github.com/gcoxdev/react-hook-form-wizard/issues"
13 |   },
14 |   "homepage": "https://github.com/gcoxdev/react-hook-form-wizard#readme",
15 |   "main": "dist/index.js",
16 |   "module": "dist/index.modern.js",
17 |   "source": "src/index.js",
18 |   "engines": {
19 |     "node": ">=10"
20 |   },
21 |   "scripts": {
22 |     "build": "microbundle-crl --no-compress --format modern,cjs",
23 |     "start": "microbundle-crl watch --no-compress --format modern,cjs",
24 |     "prepublish": "run-s build",
25 |     "test": "run-s test:unit test:lint test:build",
26 |     "test:build": "run-s build",
27 |     "test:lint": "eslint .",
28 |     "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
29 |     "test:watch": "react-scripts test --env=jsdom",
30 |     "predeploy": "cd example && npm install && npm run build",
31 |     "deploy": "gh-pages -d example/build"
32 |   },
33 |   "peerDependencies": {
34 |     "react": "^16.0.0",
35 |     "little-state-machine": "^2.14.1",
36 |     "react-hook-form": "^5.6.1"
37 |   },
38 |   "devDependencies": {
39 |     "babel-eslint": "^10.0.3",
40 |     "cross-env": "^7.0.2",
41 |     "eslint": "^6.8.0",
42 |     "eslint-config-prettier": "^6.7.0",
43 |     "eslint-config-standard": "^14.1.0",
44 |     "eslint-config-standard-react": "^9.2.0",
45 |     "eslint-plugin-import": "^2.18.2",
46 |     "eslint-plugin-node": "^11.0.0",
47 |     "eslint-plugin-prettier": "^3.1.1",
48 |     "eslint-plugin-promise": "^4.2.1",
49 |     "eslint-plugin-react": "^7.17.0",
50 |     "eslint-plugin-react-hooks": "^4.0.0",
51 |     "eslint-plugin-standard": "^4.0.1",
52 |     "gh-pages": "^2.2.0",
53 |     "little-state-machine": "^2.14.1",
54 |     "microbundle-crl": "^0.13.10",
55 |     "npm-run-all": "^4.1.5",
56 |     "prettier": "^2.0.4",
57 |     "react": "^16.13.1",
58 |     "react-dom": "^16.13.1",
59 |     "react-hook-form": "^5.6.1",
60 |     "react-scripts": "^3.4.1"
61 |   },
62 |   "files": [
63 |     "dist"
64 |   ]
65 | }
66 | 


--------------------------------------------------------------------------------
/example/src/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { ErrorMessage } from 'react-hook-form'
 3 | import { Wizard, Pages, Page, Navigation, Progress } from 'react-hook-form-wizard'
 4 | import Country from './components/Country'
 5 | 
 6 | const App = () => {
 7 |     const onSubmit = ({ dataContext, formContext, wizardContext }) => {
 8 |         console.log(JSON.stringify(dataContext.state.data));
 9 |     };
10 | 
11 |     const useFormArgs = {
12 |         mode: "onBlur"
13 |     };
14 | 
15 |     return (
16 |         <Wizard useFormArgs={useFormArgs} onSubmit={onSubmit} enableDevTool={false}>
17 |             <Progress />
18 |             <Pages>
19 |                 <Page>
20 |                     <div>Some important instructions might go here</div>
21 |                 </Page>
22 |                 <Page>
23 |                     {({ dataContext: { state }, formContext: { register, errors }, wizardContext: { activePage } }) => {
24 |                         return (
25 |                             <div>
26 |                                 <label htmlFor="firstName">First Name</label><br />
27 |                                 <input id="firstName" name="firstName" placeholder="First Name" ref={register({ required: { value: true, message: 'Please enter your first name' }, minLength: { value: 2, message: 'Please enter at least 2 characters' } })} defaultValue={state.data.firstName} />
28 |                                 {errors.firstName && <span>{errors.firstName.message}</span>}
29 |                                 <br />
30 |                                 <label htmlFor="lastName">Last Name</label><br />
31 |                                 <input id="lastName" name="lastName" placeholder="Last Name" ref={register({ required: 'Last name is required' })} defaultValue={state.data.lastName} />
32 |                                 <ErrorMessage name="lastName" errors={errors} />
33 |                             </div>
34 |                         )
35 |                     }}
36 |                 </Page>
37 |                 <Page>
38 |                     <Country />
39 |                 </Page>
40 |                 <Page>
41 |                     {({ dataContext: { state: { data } } }) => {
42 |                         return (
43 |                             <div className="review">
44 |                                 <div>First name: {data.firstName}</div>
45 |                                 <div>Last name: {data.lastName}</div>
46 |                                 <div>Country: {data.country}</div>
47 |                             </div>
48 |                         )
49 |                     }}
50 |                 </Page>
51 |             </Pages>
52 |             <Navigation />
53 |         </Wizard>
54 |     )
55 | }
56 | 
57 | export default App
58 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # react-hook-form-wizard
 2 | 
 3 | A simple wizard for react-hook-form
 4 | 
 5 | Inspired by Brian Yang's [multi-step wizard](https://github.com/brianyang/react-hooks-multi-step-wizard) and the wizard form example on the react-hook-form [website](https://react-hook-form.com/advanced-usage#WizardFormFunnel)
 6 | 
 7 | I'm still new to React so don't beat me up too bad.
 8 | If you'd like to provide feedback or contribute please let me know.
 9 | This is still in development.
10 | 
11 | **Limitations**
12 | 
13 | Currently only local storage is supported
14 | 
15 | ---
16 | 
17 | **Components Included**
18 | 
19 | ```
20 | <Wizard>
21 |     <Progress />
22 |     <Pages>
23 |         <Page>
24 |             <YourCustomPageComponent />
25 |         </Page>
26 |         <Page>
27 |             {(dataContext, formContext, wizardContext) => {
28 |                 -- Form fields go here with access to context methods via render prop --
29 |             }}
30 |         </Page>
31 |     </Pages>
32 |     <Navigation />
33 | </Wizard>
34 | ```
35 | 
36 | ---
37 | 
38 | **Component API**
39 | 
40 | ###### Wizard
41 | 
42 | | Prop          | Type                                                   | Required | Description                                                                                                                         |
43 | | ------------- | ------------------------------------------------------ | -------- | ----------------------------------------------------------------------------------------------------------------------------------- |
44 | | useFormArgs   | `Object`                                               |          | Same arguments passed into useForm, see [useForm](https://react-hook-form.com/api#useForm)                                          |
45 | | initialPage   | `number`                                               |          | Which page the wizard should start. Zero-based index.                                                                               |
46 | | onSubmit      | `({ dataContext, formContext, wizardContext}) => void` | Yes      | The submit function that will run on the final page of the form.                                                                    |
47 | | enableDevTool | `boolean`                                              |          | Enable DevTool component include in little-state-machine, see [docs](https://github.com/bluebill1049/little-state-machine#-example) |
48 | 
49 | ###### Progress
50 | 
51 | This component is just for example purposes. Would likely not be used in a real-world scenario.
52 | 
53 | ###### Pages
54 | 
55 | This component is a container component for Page components
56 | 
57 | ###### Page
58 | 
59 | This component can contain your own components but also exposes render props for using included contexts. See basic usage example.
60 | 
61 | ###### Navigation
62 | 
63 | This component is just for example purposes. Would likely not be used in a real-world scenario.
64 | 
65 | ---
66 | 
67 | **Hooks API**
68 | 
69 | | Hook             | State / Methods   | Return / Argument           | Description                                                                   |
70 | | ---------------- | ----------------- | --------------------------- | ----------------------------------------------------------------------------- |
71 | | useDataContext   | _see below_       |                             | Hooks into the little-state-machine store.                                    |
72 | |                  | action(payload)   | `(payload: Object) => void` | Method to update store state.                                                 |
73 | |                  | state             | `Object`                    | Returns store state.                                                          |
74 | | useFormContext   | _same as useForm_ |                             | see docs for [useFormContext](https://react-hook-form.com/api#useFormContext) |
75 | | useWizardContext | _see below_       |                             | Hooks into several states and methods for managing the wizard.                |
76 | |                  | activePage        | `number`                    | Returns the active page that the wizard is currently on. Zero-based index.    |
77 | |                  | pageTotal         | `number`                    | Returns the total number of Page components within the Pages component.       |
78 | |                  | previousPage()    | `() => {}`                  | Method for navigating to the previous page.                                   |
79 | |                  | nextPage()        | `() => {}`                  | Method for navigating to the next page.                                       |
80 | |                  | goToPage(index)   | `(index: number) => void`   | Method for navigating to a particular page. Be careful for out of bounds.     |
81 | |                  | isLastPage        | `boolean`                   | Whether the active page is the last page.                                     |
82 | 
83 | ---
84 | 
85 | **Basic Example**
86 | 
87 | See [Basic example demo](https://codesandbox.io/s/basic-example-7py8c)
88 | 


--------------------------------------------------------------------------------
/example/report.20200505.122317.3888.001.json:
--------------------------------------------------------------------------------
  1 | 
  2 | {
  3 |   "header": {
  4 |     "event": "Allocation failed - JavaScript heap out of memory",
  5 |     "trigger": "FatalError",
  6 |     "filename": "report.20200505.122317.3888.001.json",
  7 |     "dumpEventTime": "2020-05-05T12:23:17Z",
  8 |     "processId": 3888,
  9 |     "commandLine": [
 10 |       "node",
 11 |       "C:\\Users\\drpepper\\Desktop\\ReactApps\\npm libraries\\react-hook-form-wizard\\node_modules\\react-scripts\\scripts\\start.js"
 12 |     ],
 13 |     "nodejsVersion": "v11.11.0",
 14 |     "wordSize": 64,
 15 |     "arch": "x64",
 16 |     "platform": "win32",
 17 |     "componentVersions": {
 18 |       "node": "11.11.0",
 19 |       "v8": "7.0.276.38-node.18",
 20 |       "uv": "1.26.0",
 21 |       "zlib": "1.2.11",
 22 |       "brotli": "1.0.7",
 23 |       "ares": "1.15.0",
 24 |       "modules": "67",
 25 |       "nghttp2": "1.34.0",
 26 |       "napi": "4",
 27 |       "llhttp": "1.1.1",
 28 |       "http_parser": "2.8.0",
 29 |       "openssl": "1.1.1a",
 30 |       "cldr": "34.0",
 31 |       "icu": "63.1",
 32 |       "tz": "2018e",
 33 |       "unicode": "11.0"
 34 |     },
 35 |     "release": {
 36 |       "name": "node",
 37 |       "headersUrl": "https://nodejs.org/download/release/v11.11.0/node-v11.11.0-headers.tar.gz",
 38 |       "sourceUrl": "https://nodejs.org/download/release/v11.11.0/node-v11.11.0.tar.gz",
 39 |       "libUrl": "https://nodejs.org/download/release/v11.11.0/win-x64/node.lib"
 40 |     },
 41 |     "osName": "Windows_NT",
 42 |     "osRelease": "10.0.18362",
 43 |     "osVersion": "Windows 10 Home",
 44 |     "osMachine": "x86_64",
 45 |     "host": "DESKTOP-QNR6UF9"
 46 |   },
 47 |   "javascriptStack": {
 48 |     "message": "No stack.",
 49 |     "stack": [
 50 |       "Unavailable."
 51 |     ]
 52 |   },
 53 |   "nativeStack": [
 54 |     {
 55 |       "pc": "0x00007ff7981bbc4e",
 56 |       "symbol": "SSL_SESSION_get0_peer+15022"
 57 |     },
 58 |     {
 59 |       "pc": "0x00007ff7981bab04",
 60 |       "symbol": "SSL_SESSION_get0_peer+10596"
 61 |     },
 62 |     {
 63 |       "pc": "0x00007ff7981ba336",
 64 |       "symbol": "SSL_SESSION_get0_peer+8598"
 65 |     },
 66 |     {
 67 |       "pc": "0x00007ff7982a703a",
 68 |       "symbol": "uv_loop_fork+86202"
 69 |     },
 70 |     {
 71 |       "pc": "0x00007ff79868e49e",
 72 |       "symbol": "v8::internal::FatalProcessOutOfMemory+798"
 73 |     },
 74 |     {
 75 |       "pc": "0x00007ff79868e3d7",
 76 |       "symbol": "v8::internal::FatalProcessOutOfMemory+599"
 77 |     },
 78 |     {
 79 |       "pc": "0x00007ff7987391a4",
 80 |       "symbol": "v8::internal::Heap::RootIsImmortalImmovable+14068"
 81 |     },
 82 |     {
 83 |       "pc": "0x00007ff79872efb2",
 84 |       "symbol": "v8::internal::Heap::CollectGarbage+7234"
 85 |     },
 86 |     {
 87 |       "pc": "0x00007ff79872d7c8",
 88 |       "symbol": "v8::internal::Heap::CollectGarbage+1112"
 89 |     },
 90 |     {
 91 |       "pc": "0x00007ff7987370f7",
 92 |       "symbol": "v8::internal::Heap::RootIsImmortalImmovable+5703"
 93 |     },
 94 |     {
 95 |       "pc": "0x00007ff798737176",
 96 |       "symbol": "v8::internal::Heap::RootIsImmortalImmovable+5830"
 97 |     },
 98 |     {
 99 |       "pc": "0x00007ff7988b8481",
100 |       "symbol": "v8::internal::Factory::NewFillerObject+49"
101 |     },
102 |     {
103 |       "pc": "0x00007ff79896dbb6",
104 |       "symbol": "v8::internal::StoreBuffer::StoreBufferOverflow+27190"
105 |     },
106 |     {
107 |       "pc": "0x00000143f26d0481",
108 |       "symbol": ""
109 |     }
110 |   ],
111 |   "javascriptHeap": {
112 |     "totalMemory": 1499299840,
113 |     "totalCommittedMemory": 1499299840,
114 |     "usedMemory": 1186076800,
115 |     "availableMemory": 47512304,
116 |     "memoryLimit": 1526909922,
117 |     "heapSpaces": {
118 |       "read_only_space": {
119 |         "memorySize": 524288,
120 |         "committedMemory": 524288,
121 |         "capacity": 515584,
122 |         "used": 33520,
123 |         "available": 482064
124 |       },
125 |       "new_space": {
126 |         "memorySize": 33554432,
127 |         "committedMemory": 33554432,
128 |         "capacity": 16498688,
129 |         "used": 239504,
130 |         "available": 16259184
131 |       },
132 |       "old_space": {
133 |         "memorySize": 1394282496,
134 |         "committedMemory": 1394282496,
135 |         "capacity": 1121959320,
136 |         "used": 1118118952,
137 |         "available": 3840368
138 |       },
139 |       "code_space": {
140 |         "memorySize": 4194304,
141 |         "committedMemory": 4194304,
142 |         "capacity": 3584160,
143 |         "used": 3584160,
144 |         "available": 0
145 |       },
146 |       "map_space": {
147 |         "memorySize": 4206592,
148 |         "committedMemory": 4206592,
149 |         "capacity": 3049840,
150 |         "used": 3049840,
151 |         "available": 0
152 |       },
153 |       "large_object_space": {
154 |         "memorySize": 62537728,
155 |         "committedMemory": 62537728,
156 |         "capacity": 87981512,
157 |         "used": 61050824,
158 |         "available": 26930688
159 |       },
160 |       "new_large_object_space": {
161 |         "memorySize": 0,
162 |         "committedMemory": 0,
163 |         "capacity": 0,
164 |         "used": 0,
165 |         "available": 0
166 |       }
167 |     }
168 |   },
169 |   "libuv": [
170 |   ],
171 |   "environmentVariables": {
172 |     "ALLUSERSPROFILE": "C:\\ProgramData",
173 |     "ANT_HOME": "C:\\Ant\\apache-ant-1.10.5",
174 |     "APPDATA": "C:\\Users\\drpepper\\AppData\\Roaming",
175 |     "BABEL_ENV": "development",
176 |     "COLORTERM": "truecolor",
177 |     "CommonProgramFiles": "C:\\Program Files\\Common Files",
178 |     "CommonProgramFiles(x86)": "C:\\Program Files (x86)\\Common Files",
179 |     "CommonProgramW6432": "C:\\Program Files\\Common Files",
180 |     "COMPUTERNAME": "DESKTOP-QNR6UF9",
181 |     "ComSpec": "C:\\WINDOWS\\system32\\cmd.exe",
182 |     "DriverData": "C:\\Windows\\System32\\Drivers\\DriverData",
183 |     "FPS_BROWSER_APP_PROFILE_STRING": "Internet Explorer",
184 |     "FPS_BROWSER_USER_PROFILE_STRING": "Default",
185 |     "HOME": "C:\\Users\\drpepper",
186 |     "HOMEDRIVE": "C:",
187 |     "HOMEPATH": "\\Users\\drpepper",
188 |     "INIT_CWD": "C:\\Users\\drpepper\\Desktop\\ReactApps\\npm libraries\\react-hook-form-wizard\\example",
189 |     "LANG": "en_US.UTF-8",
190 |     "LOCALAPPDATA": "C:\\Users\\drpepper\\AppData\\Local",
191 |     "LOGONSERVER": "\\\\DESKTOP-QNR6UF9",
192 |     "NODE": "C:\\Program Files\\nodejs\\node.exe",
193 |     "NODE_ENV": "development",
194 |     "NODE_EXE": "C:\\Program Files\\nodejs\\\\node.exe",
195 |     "NODE_PATH": "",
196 |     "NPM_CLI_JS": "C:\\Program Files\\nodejs\\\\node_modules\\npm\\bin\\npm-cli.js",
197 |     "npm_config_access": "",
198 |     "npm_config_allow_same_version": "",
199 |     "npm_config_also": "",
200 |     "npm_config_always_auth": "",
201 |     "npm_config_argv": "{\"remain\":[],\"cooked\":[\"start\"],\"original\":[\"start\"]}",
202 |     "npm_config_audit": "true",
203 |     "npm_config_audit_level": "low",
204 |     "npm_config_auth_type": "legacy",
205 |     "npm_config_bin_links": "true",
206 |     "npm_config_browser": "",
207 |     "npm_config_ca": "",
208 |     "npm_config_cache": "C:\\Users\\drpepper\\AppData\\Roaming\\npm-cache",
209 |     "npm_config_cache_lock_retries": "10",
210 |     "npm_config_cache_lock_stale": "60000",
211 |     "npm_config_cache_lock_wait": "10000",
212 |     "npm_config_cache_max": "Infinity",
213 |     "npm_config_cache_min": "10",
214 |     "npm_config_cafile": "",
215 |     "npm_config_cert": "",
216 |     "npm_config_cidr": "",
217 |     "npm_config_color": "true",
218 |     "npm_config_commit_hooks": "true",
219 |     "npm_config_depth": "Infinity",
220 |     "npm_config_description": "true",
221 |     "npm_config_dev": "",
222 |     "npm_config_dry_run": "",
223 |     "npm_config_editor": "notepad.exe",
224 |     "npm_config_engine_strict": "",
225 |     "npm_config_fetch_retries": "2",
226 |     "npm_config_fetch_retry_factor": "10",
227 |     "npm_config_fetch_retry_maxtimeout": "60000",
228 |     "npm_config_fetch_retry_mintimeout": "10000",
229 |     "npm_config_force": "",
230 |     "npm_config_git": "git",
231 |     "npm_config_git_tag_version": "true",
232 |     "npm_config_global": "",
233 |     "npm_config_globalconfig": "C:\\Users\\drpepper\\AppData\\Roaming\\npm\\etc\\npmrc",
234 |     "npm_config_globalignorefile": "C:\\Users\\drpepper\\AppData\\Roaming\\npm\\etc\\npmignore",
235 |     "npm_config_global_style": "",
236 |     "npm_config_group": "",
237 |     "npm_config_ham_it_up": "",
238 |     "npm_config_heading": "npm",
239 |     "npm_config_https_proxy": "",
240 |     "npm_config_if_present": "",
241 |     "npm_config_ignore_prepublish": "",
242 |     "npm_config_ignore_scripts": "",
243 |     "npm_config_init_author_email": "",
244 |     "npm_config_init_author_name": "",
245 |     "npm_config_init_author_url": "",
246 |     "npm_config_init_license": "ISC",
247 |     "npm_config_init_module": "C:\\Users\\drpepper\\.npm-init.js",
248 |     "npm_config_init_version": "1.0.0",
249 |     "npm_config_json": "",
250 |     "npm_config_key": "",
251 |     "npm_config_legacy_bundling": "",
252 |     "npm_config_link": "",
253 |     "npm_config_local_address": "",
254 |     "npm_config_loglevel": "notice",
255 |     "npm_config_logs_max": "10",
256 |     "npm_config_long": "",
257 |     "npm_config_maxsockets": "50",
258 |     "npm_config_message": "%s",
259 |     "npm_config_metrics_registry": "https://registry.npmjs.org/",
260 |     "npm_config_node_gyp": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js",
261 |     "npm_config_node_options": "",
262 |     "npm_config_node_version": "11.11.0",
263 |     "npm_config_noproxy": "",
264 |     "npm_config_offline": "",
265 |     "npm_config_onload_script": "",
266 |     "npm_config_only": "",
267 |     "npm_config_optional": "true",
268 |     "npm_config_otp": "",
269 |     "npm_config_package_lock": "true",
270 |     "npm_config_package_lock_only": "",
271 |     "npm_config_parseable": "",
272 |     "npm_config_prefer_offline": "",
273 |     "npm_config_prefer_online": "",
274 |     "npm_config_prefix": "C:\\Users\\drpepper\\AppData\\Roaming\\npm",
275 |     "npm_config_preid": "",
276 |     "npm_config_production": "",
277 |     "npm_config_progress": "true",
278 |     "npm_config_proxy": "",
279 |     "npm_config_read_only": "",
280 |     "npm_config_rebuild_bundle": "true",
281 |     "npm_config_registry": "https://registry.npmjs.org/",
282 |     "npm_config_rollback": "true",
283 |     "npm_config_save": "true",
284 |     "npm_config_save_bundle": "",
285 |     "npm_config_save_dev": "",
286 |     "npm_config_save_exact": "",
287 |     "npm_config_save_optional": "",
288 |     "npm_config_save_prefix": "^",
289 |     "npm_config_save_prod": "",
290 |     "npm_config_scope": "",
291 |     "npm_config_scripts_prepend_node_path": "warn-only",
292 |     "npm_config_script_shell": "",
293 |     "npm_config_searchexclude": "",
294 |     "npm_config_searchlimit": "20",
295 |     "npm_config_searchopts": "",
296 |     "npm_config_searchstaleness": "900",
297 |     "npm_config_send_metrics": "",
298 |     "npm_config_shell": "C:\\WINDOWS\\system32\\cmd.exe",
299 |     "npm_config_shrinkwrap": "true",
300 |     "npm_config_sign_git_commit": "",
301 |     "npm_config_sign_git_tag": "",
302 |     "npm_config_sso_poll_frequency": "500",
303 |     "npm_config_sso_type": "oauth",
304 |     "npm_config_strict_ssl": "true",
305 |     "npm_config_tag": "latest",
306 |     "npm_config_tag_version_prefix": "v",
307 |     "npm_config_timing": "",
308 |     "npm_config_tmp": "C:\\Users\\drpepper\\AppData\\Local\\Temp",
309 |     "npm_config_umask": "0000",
310 |     "npm_config_unicode": "",
311 |     "npm_config_unsafe_perm": "true",
312 |     "npm_config_update_notifier": "true",
313 |     "npm_config_usage": "",
314 |     "npm_config_user": "",
315 |     "npm_config_userconfig": "C:\\Users\\drpepper\\.npmrc",
316 |     "npm_config_user_agent": "npm/6.7.0 node/v11.11.0 win32 x64",
317 |     "npm_config_version": "",
318 |     "npm_config_versions": "",
319 |     "npm_config_viewer": "browser",
320 |     "npm_execpath": "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js",
321 |     "npm_lifecycle_event": "start",
322 |     "npm_lifecycle_script": "node ../node_modules/react-scripts/bin/react-scripts.js start",
323 |     "npm_node_execpath": "C:\\Program Files\\nodejs\\node.exe",
324 |     "npm_package_browserslist_0": ">0.2%",
325 |     "npm_package_browserslist_1": "not dead",
326 |     "npm_package_browserslist_2=not ie <": " 11",
327 |     "npm_package_browserslist_3": "not op_mini all",
328 |     "npm_package_dependencies_react": "file:../node_modules/react",
329 |     "npm_package_dependencies_react_dom": "file:../node_modules/react-dom",
330 |     "npm_package_dependencies_react_hook_form_wizard": "file:..",
331 |     "npm_package_dependencies_react_scripts": "file:../node_modules/react-scripts",
332 |     "npm_package_description": "This example was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
333 |     "npm_package_eslintConfig_extends": "react-app",
334 |     "npm_package_homepage": "https://gcoxdev.github.io/react-hook-form-wizard",
335 |     "npm_package_name": "react-hook-form-wizard-example",
336 |     "npm_package_private": "true",
337 |     "npm_package_readmeFilename": "README.md",
338 |     "npm_package_scripts_build": "node ../node_modules/react-scripts/bin/react-scripts.js build",
339 |     "npm_package_scripts_eject": "node ../node_modules/react-scripts/bin/react-scripts.js eject",
340 |     "npm_package_scripts_start": "node ../node_modules/react-scripts/bin/react-scripts.js start",
341 |     "npm_package_scripts_test": "node ../node_modules/react-scripts/bin/react-scripts.js test",
342 |     "npm_package_version": "0.0.0",
343 |     "NPM_PREFIX_NPM_CLI_JS": "C:\\Users\\drpepper\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js",
344 |     "NUMBER_OF_PROCESSORS": "4",
345 |     "OneDrive": "C:\\Users\\drpepper\\OneDrive",
346 |     "OS": "Windows_NT",
347 |     "Path": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\npm-lifecycle\\node-gyp-bin;C:\\Users\\drpepper\\Desktop\\ReactApps\\npm libraries\\react-hook-form-wizard\\example\\node_modules\\.bin;C:\\Program Files (x86)\\Common Files\\Oracle\\Java\\javapath;C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;C:\\Windows\\System32\\OpenSSH\\;C:\\Program Files (x86)\\NVIDIA Corporation\\PhysX\\Common;C:\\Program Files\\nodejs\\;C:\\Ant\\apache-ant-1.10.5\\bin;C:\\Program Files\\MongoDB\\Server\\4.0\\bin;C:\\WINDOWS\\system32;C:\\WINDOWS;C:\\WINDOWS\\System32\\Wbem;C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\;C:\\WINDOWS\\System32\\OpenSSH\\;C:\\Program Files\\Git\\cmd;C:\\Users\\drpepper\\AppData\\Local\\Microsoft\\WindowsApps;C:\\Users\\drpepper\\AppData\\Roaming\\npm;C:\\Users\\drpepper\\AppData\\Local\\atom\\bin;C:\\Users\\drpepper\\AppData\\Local\\Programs\\Microsoft VS Code\\bin;C:\\Users\\drpepper\\AppData\\Local\\Microsoft\\WindowsApps;C:\\Program Files\\MariaDB 10.4\\bin;C:\\Program Files\\heroku\\bin",
348 |     "PATHEXT": ".COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC;.CPL",
349 |     "PROCESSOR_ARCHITECTURE": "AMD64",
350 |     "PROCESSOR_IDENTIFIER": "Intel64 Family 6 Model 60 Stepping 3, GenuineIntel",
351 |     "PROCESSOR_LEVEL": "6",
352 |     "PROCESSOR_REVISION": "3c03",
353 |     "ProgramData": "C:\\ProgramData",
354 |     "ProgramFiles": "C:\\Program Files",
355 |     "ProgramFiles(x86)": "C:\\Program Files (x86)",
356 |     "ProgramW6432": "C:\\Program Files",
357 |     "PROMPT": "$P$G",
358 |     "PSModulePath": "C:\\Users\\drpepper\\Documents\\WindowsPowerShell\\Modules;C:\\Program Files\\WindowsPowerShell\\Modules;C:\\WINDOWS\\system32\\WindowsPowerShell\\v1.0\\Modules",
359 |     "PUBLIC": "C:\\Users\\Public",
360 |     "SESSIONNAME": "Console",
361 |     "SystemDrive": "C:",
362 |     "SystemRoot": "C:\\WINDOWS",
363 |     "TEMP": "C:\\Users\\drpepper\\AppData\\Local\\Temp",
364 |     "TERM_PROGRAM": "vscode",
365 |     "TERM_PROGRAM_VERSION": "1.44.2",
366 |     "TMP": "C:\\Users\\drpepper\\AppData\\Local\\Temp",
367 |     "USERDOMAIN": "DESKTOP-QNR6UF9",
368 |     "USERDOMAIN_ROAMINGPROFILE": "DESKTOP-QNR6UF9",
369 |     "USERNAME": "drpepper",
370 |     "USERPROFILE": "C:\\Users\\drpepper",
371 |     "VBOX_MSI_INSTALL_PATH": "C:\\Program Files\\Oracle\\VirtualBox\\",
372 |     "WEBPACK_DEV_SERVER": "true",
373 |     "windir": "C:\\WINDOWS"
374 |   },
375 |   "sharedObjects": [
376 |     "C:\\Program Files\\nodejs\\node.exe",
377 |     "C:\\WINDOWS\\SYSTEM32\\ntdll.dll",
378 |     "C:\\WINDOWS\\System32\\KERNEL32.DLL",
379 |     "C:\\WINDOWS\\System32\\KERNELBASE.dll",
380 |     "C:\\WINDOWS\\System32\\PSAPI.DLL",
381 |     "C:\\WINDOWS\\System32\\WS2_32.dll",
382 |     "C:\\WINDOWS\\System32\\RPCRT4.dll",
383 |     "C:\\WINDOWS\\System32\\ADVAPI32.dll",
384 |     "C:\\WINDOWS\\System32\\msvcrt.dll",
385 |     "C:\\WINDOWS\\System32\\sechost.dll",
386 |     "C:\\WINDOWS\\SYSTEM32\\dbghelp.dll",
387 |     "C:\\WINDOWS\\System32\\USER32.dll",
388 |     "C:\\WINDOWS\\System32\\ucrtbase.dll",
389 |     "C:\\WINDOWS\\System32\\win32u.dll",
390 |     "C:\\WINDOWS\\System32\\GDI32.dll",
391 |     "C:\\WINDOWS\\System32\\gdi32full.dll",
392 |     "C:\\WINDOWS\\System32\\msvcp_win.dll",
393 |     "C:\\WINDOWS\\System32\\CRYPT32.dll",
394 |     "C:\\WINDOWS\\System32\\MSASN1.dll",
395 |     "C:\\WINDOWS\\System32\\bcrypt.dll",
396 |     "C:\\WINDOWS\\SYSTEM32\\IPHLPAPI.DLL",
397 |     "C:\\WINDOWS\\SYSTEM32\\USERENV.dll",
398 |     "C:\\WINDOWS\\System32\\profapi.dll",
399 |     "C:\\WINDOWS\\SYSTEM32\\WINMM.dll",
400 |     "C:\\WINDOWS\\SYSTEM32\\winmmbase.dll",
401 |     "C:\\WINDOWS\\System32\\cfgmgr32.dll",
402 |     "C:\\WINDOWS\\System32\\bcryptPrimitives.dll",
403 |     "C:\\WINDOWS\\System32\\IMM32.DLL",
404 |     "C:\\WINDOWS\\System32\\powrprof.dll",
405 |     "C:\\WINDOWS\\System32\\UMPDC.dll",
406 |     "C:\\WINDOWS\\system32\\mswsock.dll",
407 |     "C:\\WINDOWS\\System32\\kernel.appcore.dll",
408 |     "C:\\WINDOWS\\SYSTEM32\\CRYPTBASE.DLL",
409 |     "C:\\WINDOWS\\System32\\NSI.dll",
410 |     "C:\\WINDOWS\\SYSTEM32\\dhcpcsvc6.DLL",
411 |     "C:\\WINDOWS\\SYSTEM32\\dhcpcsvc.DLL",
412 |     "C:\\WINDOWS\\SYSTEM32\\DNSAPI.dll",
413 |     "C:\\WINDOWS\\system32\\napinsp.dll",
414 |     "C:\\WINDOWS\\system32\\pnrpnsp.dll",
415 |     "C:\\WINDOWS\\System32\\winrnr.dll",
416 |     "C:\\WINDOWS\\system32\\NLAapi.dll",
417 |     "C:\\WINDOWS\\system32\\wshbth.dll",
418 |     "C:\\Windows\\System32\\rasadhlp.dll",
419 |     "C:\\WINDOWS\\System32\\fwpuclnt.dll"
420 |   ]
421 | }


--------------------------------------------------------------------------------
/example/report.20200505.122134.16716.001.json:
--------------------------------------------------------------------------------
  1 | 
  2 | {
  3 |   "header": {
  4 |     "event": "Allocation failed - JavaScript heap out of memory",
  5 |     "trigger": "FatalError",
  6 |     "filename": "report.20200505.122134.16716.001.json",
  7 |     "dumpEventTime": "2020-05-05T12:21:34Z",
  8 |     "processId": 16716,
  9 |     "commandLine": [
 10 |       "node",
 11 |       "C:\\Users\\drpepper\\Desktop\\ReactApps\\npm libraries\\react-hook-form-wizard\\node_modules\\react-scripts\\scripts\\start.js"
 12 |     ],
 13 |     "nodejsVersion": "v11.11.0",
 14 |     "wordSize": 64,
 15 |     "arch": "x64",
 16 |     "platform": "win32",
 17 |     "componentVersions": {
 18 |       "node": "11.11.0",
 19 |       "v8": "7.0.276.38-node.18",
 20 |       "uv": "1.26.0",
 21 |       "zlib": "1.2.11",
 22 |       "brotli": "1.0.7",
 23 |       "ares": "1.15.0",
 24 |       "modules": "67",
 25 |       "nghttp2": "1.34.0",
 26 |       "napi": "4",
 27 |       "llhttp": "1.1.1",
 28 |       "http_parser": "2.8.0",
 29 |       "openssl": "1.1.1a",
 30 |       "cldr": "34.0",
 31 |       "icu": "63.1",
 32 |       "tz": "2018e",
 33 |       "unicode": "11.0"
 34 |     },
 35 |     "release": {
 36 |       "name": "node",
 37 |       "headersUrl": "https://nodejs.org/download/release/v11.11.0/node-v11.11.0-headers.tar.gz",
 38 |       "sourceUrl": "https://nodejs.org/download/release/v11.11.0/node-v11.11.0.tar.gz",
 39 |       "libUrl": "https://nodejs.org/download/release/v11.11.0/win-x64/node.lib"
 40 |     },
 41 |     "osName": "Windows_NT",
 42 |     "osRelease": "10.0.18362",
 43 |     "osVersion": "Windows 10 Home",
 44 |     "osMachine": "x86_64",
 45 |     "host": "DESKTOP-QNR6UF9"
 46 |   },
 47 |   "javascriptStack": {
 48 |     "message": "No stack.",
 49 |     "stack": [
 50 |       "Unavailable."
 51 |     ]
 52 |   },
 53 |   "nativeStack": [
 54 |     {
 55 |       "pc": "0x00007ff7981bbc4e",
 56 |       "symbol": "SSL_SESSION_get0_peer+15022"
 57 |     },
 58 |     {
 59 |       "pc": "0x00007ff7981bab04",
 60 |       "symbol": "SSL_SESSION_get0_peer+10596"
 61 |     },
 62 |     {
 63 |       "pc": "0x00007ff7981ba336",
 64 |       "symbol": "SSL_SESSION_get0_peer+8598"
 65 |     },
 66 |     {
 67 |       "pc": "0x00007ff7982a703a",
 68 |       "symbol": "uv_loop_fork+86202"
 69 |     },
 70 |     {
 71 |       "pc": "0x00007ff79868e49e",
 72 |       "symbol": "v8::internal::FatalProcessOutOfMemory+798"
 73 |     },
 74 |     {
 75 |       "pc": "0x00007ff79868e3d7",
 76 |       "symbol": "v8::internal::FatalProcessOutOfMemory+599"
 77 |     },
 78 |     {
 79 |       "pc": "0x00007ff7987391a4",
 80 |       "symbol": "v8::internal::Heap::RootIsImmortalImmovable+14068"
 81 |     },
 82 |     {
 83 |       "pc": "0x00007ff79872efb2",
 84 |       "symbol": "v8::internal::Heap::CollectGarbage+7234"
 85 |     },
 86 |     {
 87 |       "pc": "0x00007ff79872d7c8",
 88 |       "symbol": "v8::internal::Heap::CollectGarbage+1112"
 89 |     },
 90 |     {
 91 |       "pc": "0x00007ff7987370f7",
 92 |       "symbol": "v8::internal::Heap::RootIsImmortalImmovable+5703"
 93 |     },
 94 |     {
 95 |       "pc": "0x00007ff798737176",
 96 |       "symbol": "v8::internal::Heap::RootIsImmortalImmovable+5830"
 97 |     },
 98 |     {
 99 |       "pc": "0x00007ff7988b8481",
100 |       "symbol": "v8::internal::Factory::NewFillerObject+49"
101 |     },
102 |     {
103 |       "pc": "0x00007ff79896dbb6",
104 |       "symbol": "v8::internal::StoreBuffer::StoreBufferOverflow+27190"
105 |     },
106 |     {
107 |       "pc": "0x000003c306250481",
108 |       "symbol": ""
109 |     }
110 |   ],
111 |   "javascriptHeap": {
112 |     "totalMemory": 1507188736,
113 |     "totalCommittedMemory": 1507188736,
114 |     "usedMemory": 1234966328,
115 |     "availableMemory": 37956408,
116 |     "memoryLimit": 1526909922,
117 |     "heapSpaces": {
118 |       "read_only_space": {
119 |         "memorySize": 524288,
120 |         "committedMemory": 524288,
121 |         "capacity": 515584,
122 |         "used": 33520,
123 |         "available": 482064
124 |       },
125 |       "new_space": {
126 |         "memorySize": 33554432,
127 |         "committedMemory": 33554432,
128 |         "capacity": 16498688,
129 |         "used": 1596584,
130 |         "available": 14902104
131 |       },
132 |       "old_space": {
133 |         "memorySize": 1384321024,
134 |         "committedMemory": 1384321024,
135 |         "capacity": 1152501168,
136 |         "used": 1148778208,
137 |         "available": 3722960
138 |       },
139 |       "code_space": {
140 |         "memorySize": 5242880,
141 |         "committedMemory": 5242880,
142 |         "capacity": 4658144,
143 |         "used": 4658144,
144 |         "available": 0
145 |       },
146 |       "map_space": {
147 |         "memorySize": 5255168,
148 |         "committedMemory": 5255168,
149 |         "capacity": 3120320,
150 |         "used": 3120320,
151 |         "available": 0
152 |       },
153 |       "large_object_space": {
154 |         "memorySize": 78290944,
155 |         "committedMemory": 78290944,
156 |         "capacity": 95628832,
157 |         "used": 76779552,
158 |         "available": 18849280
159 |       },
160 |       "new_large_object_space": {
161 |         "memorySize": 0,
162 |         "committedMemory": 0,
163 |         "capacity": 0,
164 |         "used": 0,
165 |         "available": 0
166 |       }
167 |     }
168 |   },
169 |   "libuv": [
170 |   ],
171 |   "environmentVariables": {
172 |     "ALLUSERSPROFILE": "C:\\ProgramData",
173 |     "ANT_HOME": "C:\\Ant\\apache-ant-1.10.5",
174 |     "APPDATA": "C:\\Users\\drpepper\\AppData\\Roaming",
175 |     "BABEL_ENV": "development",
176 |     "COLORTERM": "truecolor",
177 |     "CommonProgramFiles": "C:\\Program Files\\Common Files",
178 |     "CommonProgramFiles(x86)": "C:\\Program Files (x86)\\Common Files",
179 |     "CommonProgramW6432": "C:\\Program Files\\Common Files",
180 |     "COMPUTERNAME": "DESKTOP-QNR6UF9",
181 |     "ComSpec": "C:\\WINDOWS\\system32\\cmd.exe",
182 |     "DriverData": "C:\\Windows\\System32\\Drivers\\DriverData",
183 |     "FPS_BROWSER_APP_PROFILE_STRING": "Internet Explorer",
184 |     "FPS_BROWSER_USER_PROFILE_STRING": "Default",
185 |     "HOME": "C:\\Users\\drpepper",
186 |     "HOMEDRIVE": "C:",
187 |     "HOMEPATH": "\\Users\\drpepper",
188 |     "INIT_CWD": "C:\\Users\\drpepper\\Desktop\\ReactApps\\npm libraries\\react-hook-form-wizard\\example",
189 |     "LANG": "en_US.UTF-8",
190 |     "LOCALAPPDATA": "C:\\Users\\drpepper\\AppData\\Local",
191 |     "LOGONSERVER": "\\\\DESKTOP-QNR6UF9",
192 |     "NODE": "C:\\Program Files\\nodejs\\node.exe",
193 |     "NODE_ENV": "development",
194 |     "NODE_EXE": "C:\\Program Files\\nodejs\\\\node.exe",
195 |     "NODE_PATH": "",
196 |     "NPM_CLI_JS": "C:\\Program Files\\nodejs\\\\node_modules\\npm\\bin\\npm-cli.js",
197 |     "npm_config_access": "",
198 |     "npm_config_allow_same_version": "",
199 |     "npm_config_also": "",
200 |     "npm_config_always_auth": "",
201 |     "npm_config_argv": "{\"remain\":[],\"cooked\":[\"start\"],\"original\":[\"start\"]}",
202 |     "npm_config_audit": "true",
203 |     "npm_config_audit_level": "low",
204 |     "npm_config_auth_type": "legacy",
205 |     "npm_config_bin_links": "true",
206 |     "npm_config_browser": "",
207 |     "npm_config_ca": "",
208 |     "npm_config_cache": "C:\\Users\\drpepper\\AppData\\Roaming\\npm-cache",
209 |     "npm_config_cache_lock_retries": "10",
210 |     "npm_config_cache_lock_stale": "60000",
211 |     "npm_config_cache_lock_wait": "10000",
212 |     "npm_config_cache_max": "Infinity",
213 |     "npm_config_cache_min": "10",
214 |     "npm_config_cafile": "",
215 |     "npm_config_cert": "",
216 |     "npm_config_cidr": "",
217 |     "npm_config_color": "true",
218 |     "npm_config_commit_hooks": "true",
219 |     "npm_config_depth": "Infinity",
220 |     "npm_config_description": "true",
221 |     "npm_config_dev": "",
222 |     "npm_config_dry_run": "",
223 |     "npm_config_editor": "notepad.exe",
224 |     "npm_config_engine_strict": "",
225 |     "npm_config_fetch_retries": "2",
226 |     "npm_config_fetch_retry_factor": "10",
227 |     "npm_config_fetch_retry_maxtimeout": "60000",
228 |     "npm_config_fetch_retry_mintimeout": "10000",
229 |     "npm_config_force": "",
230 |     "npm_config_git": "git",
231 |     "npm_config_git_tag_version": "true",
232 |     "npm_config_global": "",
233 |     "npm_config_globalconfig": "C:\\Users\\drpepper\\AppData\\Roaming\\npm\\etc\\npmrc",
234 |     "npm_config_globalignorefile": "C:\\Users\\drpepper\\AppData\\Roaming\\npm\\etc\\npmignore",
235 |     "npm_config_global_style": "",
236 |     "npm_config_group": "",
237 |     "npm_config_ham_it_up": "",
238 |     "npm_config_heading": "npm",
239 |     "npm_config_https_proxy": "",
240 |     "npm_config_if_present": "",
241 |     "npm_config_ignore_prepublish": "",
242 |     "npm_config_ignore_scripts": "",
243 |     "npm_config_init_author_email": "",
244 |     "npm_config_init_author_name": "",
245 |     "npm_config_init_author_url": "",
246 |     "npm_config_init_license": "ISC",
247 |     "npm_config_init_module": "C:\\Users\\drpepper\\.npm-init.js",
248 |     "npm_config_init_version": "1.0.0",
249 |     "npm_config_json": "",
250 |     "npm_config_key": "",
251 |     "npm_config_legacy_bundling": "",
252 |     "npm_config_link": "",
253 |     "npm_config_local_address": "",
254 |     "npm_config_loglevel": "notice",
255 |     "npm_config_logs_max": "10",
256 |     "npm_config_long": "",
257 |     "npm_config_maxsockets": "50",
258 |     "npm_config_message": "%s",
259 |     "npm_config_metrics_registry": "https://registry.npmjs.org/",
260 |     "npm_config_node_gyp": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js",
261 |     "npm_config_node_options": "",
262 |     "npm_config_node_version": "11.11.0",
263 |     "npm_config_noproxy": "",
264 |     "npm_config_offline": "",
265 |     "npm_config_onload_script": "",
266 |     "npm_config_only": "",
267 |     "npm_config_optional": "true",
268 |     "npm_config_otp": "",
269 |     "npm_config_package_lock": "true",
270 |     "npm_config_package_lock_only": "",
271 |     "npm_config_parseable": "",
272 |     "npm_config_prefer_offline": "",
273 |     "npm_config_prefer_online": "",
274 |     "npm_config_prefix": "C:\\Users\\drpepper\\AppData\\Roaming\\npm",
275 |     "npm_config_preid": "",
276 |     "npm_config_production": "",
277 |     "npm_config_progress": "true",
278 |     "npm_config_proxy": "",
279 |     "npm_config_read_only": "",
280 |     "npm_config_rebuild_bundle": "true",
281 |     "npm_config_registry": "https://registry.npmjs.org/",
282 |     "npm_config_rollback": "true",
283 |     "npm_config_save": "true",
284 |     "npm_config_save_bundle": "",
285 |     "npm_config_save_dev": "",
286 |     "npm_config_save_exact": "",
287 |     "npm_config_save_optional": "",
288 |     "npm_config_save_prefix": "^",
289 |     "npm_config_save_prod": "",
290 |     "npm_config_scope": "",
291 |     "npm_config_scripts_prepend_node_path": "warn-only",
292 |     "npm_config_script_shell": "",
293 |     "npm_config_searchexclude": "",
294 |     "npm_config_searchlimit": "20",
295 |     "npm_config_searchopts": "",
296 |     "npm_config_searchstaleness": "900",
297 |     "npm_config_send_metrics": "",
298 |     "npm_config_shell": "C:\\WINDOWS\\system32\\cmd.exe",
299 |     "npm_config_shrinkwrap": "true",
300 |     "npm_config_sign_git_commit": "",
301 |     "npm_config_sign_git_tag": "",
302 |     "npm_config_sso_poll_frequency": "500",
303 |     "npm_config_sso_type": "oauth",
304 |     "npm_config_strict_ssl": "true",
305 |     "npm_config_tag": "latest",
306 |     "npm_config_tag_version_prefix": "v",
307 |     "npm_config_timing": "",
308 |     "npm_config_tmp": "C:\\Users\\drpepper\\AppData\\Local\\Temp",
309 |     "npm_config_umask": "0000",
310 |     "npm_config_unicode": "",
311 |     "npm_config_unsafe_perm": "true",
312 |     "npm_config_update_notifier": "true",
313 |     "npm_config_usage": "",
314 |     "npm_config_user": "",
315 |     "npm_config_userconfig": "C:\\Users\\drpepper\\.npmrc",
316 |     "npm_config_user_agent": "npm/6.7.0 node/v11.11.0 win32 x64",
317 |     "npm_config_version": "",
318 |     "npm_config_versions": "",
319 |     "npm_config_viewer": "browser",
320 |     "npm_execpath": "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js",
321 |     "npm_lifecycle_event": "start",
322 |     "npm_lifecycle_script": "node ../node_modules/react-scripts/bin/react-scripts.js start",
323 |     "npm_node_execpath": "C:\\Program Files\\nodejs\\node.exe",
324 |     "npm_package_browserslist_0": ">0.2%",
325 |     "npm_package_browserslist_1": "not dead",
326 |     "npm_package_browserslist_2=not ie <": " 11",
327 |     "npm_package_browserslist_3": "not op_mini all",
328 |     "npm_package_dependencies_react": "file:../node_modules/react",
329 |     "npm_package_dependencies_react_dom": "file:../node_modules/react-dom",
330 |     "npm_package_dependencies_react_hook_form_wizard": "file:..",
331 |     "npm_package_dependencies_react_scripts": "file:../node_modules/react-scripts",
332 |     "npm_package_description": "This example was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
333 |     "npm_package_eslintConfig_extends": "react-app",
334 |     "npm_package_homepage": "https://gcoxdev.github.io/react-hook-form-wizard",
335 |     "npm_package_name": "react-hook-form-wizard-example",
336 |     "npm_package_private": "true",
337 |     "npm_package_readmeFilename": "README.md",
338 |     "npm_package_scripts_build": "node ../node_modules/react-scripts/bin/react-scripts.js build",
339 |     "npm_package_scripts_eject": "node ../node_modules/react-scripts/bin/react-scripts.js eject",
340 |     "npm_package_scripts_start": "node ../node_modules/react-scripts/bin/react-scripts.js start",
341 |     "npm_package_scripts_test": "node ../node_modules/react-scripts/bin/react-scripts.js test",
342 |     "npm_package_version": "0.0.0",
343 |     "NPM_PREFIX_NPM_CLI_JS": "C:\\Users\\drpepper\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js",
344 |     "NUMBER_OF_PROCESSORS": "4",
345 |     "OneDrive": "C:\\Users\\drpepper\\OneDrive",
346 |     "OS": "Windows_NT",
347 |     "Path": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\npm-lifecycle\\node-gyp-bin;C:\\Users\\drpepper\\Desktop\\ReactApps\\npm libraries\\react-hook-form-wizard\\example\\node_modules\\.bin;C:\\Program Files (x86)\\Common Files\\Oracle\\Java\\javapath;C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;C:\\Windows\\System32\\OpenSSH\\;C:\\Program Files (x86)\\NVIDIA Corporation\\PhysX\\Common;C:\\Program Files\\nodejs\\;C:\\Ant\\apache-ant-1.10.5\\bin;C:\\Program Files\\MongoDB\\Server\\4.0\\bin;C:\\WINDOWS\\system32;C:\\WINDOWS;C:\\WINDOWS\\System32\\Wbem;C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\;C:\\WINDOWS\\System32\\OpenSSH\\;C:\\Program Files\\Git\\cmd;C:\\Users\\drpepper\\AppData\\Local\\Microsoft\\WindowsApps;C:\\Users\\drpepper\\AppData\\Roaming\\npm;C:\\Users\\drpepper\\AppData\\Local\\atom\\bin;C:\\Users\\drpepper\\AppData\\Local\\Programs\\Microsoft VS Code\\bin;C:\\Users\\drpepper\\AppData\\Local\\Microsoft\\WindowsApps;C:\\Program Files\\MariaDB 10.4\\bin;C:\\Program Files\\heroku\\bin",
348 |     "PATHEXT": ".COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC;.CPL",
349 |     "PROCESSOR_ARCHITECTURE": "AMD64",
350 |     "PROCESSOR_IDENTIFIER": "Intel64 Family 6 Model 60 Stepping 3, GenuineIntel",
351 |     "PROCESSOR_LEVEL": "6",
352 |     "PROCESSOR_REVISION": "3c03",
353 |     "ProgramData": "C:\\ProgramData",
354 |     "ProgramFiles": "C:\\Program Files",
355 |     "ProgramFiles(x86)": "C:\\Program Files (x86)",
356 |     "ProgramW6432": "C:\\Program Files",
357 |     "PROMPT": "$P$G",
358 |     "PSModulePath": "C:\\Users\\drpepper\\Documents\\WindowsPowerShell\\Modules;C:\\Program Files\\WindowsPowerShell\\Modules;C:\\WINDOWS\\system32\\WindowsPowerShell\\v1.0\\Modules",
359 |     "PUBLIC": "C:\\Users\\Public",
360 |     "SESSIONNAME": "Console",
361 |     "SystemDrive": "C:",
362 |     "SystemRoot": "C:\\WINDOWS",
363 |     "TEMP": "C:\\Users\\drpepper\\AppData\\Local\\Temp",
364 |     "TERM_PROGRAM": "vscode",
365 |     "TERM_PROGRAM_VERSION": "1.44.2",
366 |     "TMP": "C:\\Users\\drpepper\\AppData\\Local\\Temp",
367 |     "USERDOMAIN": "DESKTOP-QNR6UF9",
368 |     "USERDOMAIN_ROAMINGPROFILE": "DESKTOP-QNR6UF9",
369 |     "USERNAME": "drpepper",
370 |     "USERPROFILE": "C:\\Users\\drpepper",
371 |     "VBOX_MSI_INSTALL_PATH": "C:\\Program Files\\Oracle\\VirtualBox\\",
372 |     "WEBPACK_DEV_SERVER": "true",
373 |     "windir": "C:\\WINDOWS"
374 |   },
375 |   "sharedObjects": [
376 |     "C:\\Program Files\\nodejs\\node.exe",
377 |     "C:\\WINDOWS\\SYSTEM32\\ntdll.dll",
378 |     "C:\\WINDOWS\\System32\\KERNEL32.DLL",
379 |     "C:\\WINDOWS\\System32\\KERNELBASE.dll",
380 |     "C:\\WINDOWS\\System32\\PSAPI.DLL",
381 |     "C:\\WINDOWS\\System32\\WS2_32.dll",
382 |     "C:\\WINDOWS\\System32\\RPCRT4.dll",
383 |     "C:\\WINDOWS\\System32\\ADVAPI32.dll",
384 |     "C:\\WINDOWS\\System32\\msvcrt.dll",
385 |     "C:\\WINDOWS\\System32\\sechost.dll",
386 |     "C:\\WINDOWS\\System32\\USER32.dll",
387 |     "C:\\WINDOWS\\System32\\win32u.dll",
388 |     "C:\\WINDOWS\\SYSTEM32\\dbghelp.dll",
389 |     "C:\\WINDOWS\\System32\\GDI32.dll",
390 |     "C:\\WINDOWS\\System32\\ucrtbase.dll",
391 |     "C:\\WINDOWS\\System32\\gdi32full.dll",
392 |     "C:\\WINDOWS\\System32\\msvcp_win.dll",
393 |     "C:\\WINDOWS\\System32\\CRYPT32.dll",
394 |     "C:\\WINDOWS\\System32\\MSASN1.dll",
395 |     "C:\\WINDOWS\\System32\\bcrypt.dll",
396 |     "C:\\WINDOWS\\SYSTEM32\\IPHLPAPI.DLL",
397 |     "C:\\WINDOWS\\SYSTEM32\\USERENV.dll",
398 |     "C:\\WINDOWS\\System32\\profapi.dll",
399 |     "C:\\WINDOWS\\SYSTEM32\\WINMM.dll",
400 |     "C:\\WINDOWS\\SYSTEM32\\winmmbase.dll",
401 |     "C:\\WINDOWS\\System32\\cfgmgr32.dll",
402 |     "C:\\WINDOWS\\System32\\bcryptPrimitives.dll",
403 |     "C:\\WINDOWS\\System32\\IMM32.DLL",
404 |     "C:\\WINDOWS\\System32\\powrprof.dll",
405 |     "C:\\WINDOWS\\System32\\UMPDC.dll",
406 |     "C:\\WINDOWS\\system32\\mswsock.dll",
407 |     "C:\\WINDOWS\\System32\\kernel.appcore.dll",
408 |     "C:\\WINDOWS\\SYSTEM32\\CRYPTBASE.DLL",
409 |     "C:\\WINDOWS\\System32\\NSI.dll",
410 |     "C:\\WINDOWS\\SYSTEM32\\dhcpcsvc6.DLL",
411 |     "C:\\WINDOWS\\SYSTEM32\\dhcpcsvc.DLL",
412 |     "C:\\WINDOWS\\SYSTEM32\\DNSAPI.dll",
413 |     "C:\\WINDOWS\\system32\\napinsp.dll",
414 |     "C:\\WINDOWS\\system32\\pnrpnsp.dll",
415 |     "C:\\WINDOWS\\System32\\winrnr.dll",
416 |     "C:\\WINDOWS\\system32\\NLAapi.dll",
417 |     "C:\\WINDOWS\\system32\\wshbth.dll",
418 |     "C:\\Windows\\System32\\rasadhlp.dll",
419 |     "C:\\WINDOWS\\System32\\fwpuclnt.dll"
420 |   ]
421 | }


--------------------------------------------------------------------------------
/example/report.20200505.190219.16388.001.json:
--------------------------------------------------------------------------------
  1 | 
  2 | {
  3 |   "header": {
  4 |     "event": "Allocation failed - JavaScript heap out of memory",
  5 |     "trigger": "FatalError",
  6 |     "filename": "report.20200505.190219.16388.001.json",
  7 |     "dumpEventTime": "2020-05-05T19:02:19Z",
  8 |     "processId": 16388,
  9 |     "commandLine": [
 10 |       "node",
 11 |       "C:\\Users\\drpepper\\Desktop\\ReactApps\\npm libraries\\react-hook-form-wizard\\node_modules\\react-scripts\\scripts\\start.js"
 12 |     ],
 13 |     "nodejsVersion": "v11.11.0",
 14 |     "wordSize": 64,
 15 |     "arch": "x64",
 16 |     "platform": "win32",
 17 |     "componentVersions": {
 18 |       "node": "11.11.0",
 19 |       "v8": "7.0.276.38-node.18",
 20 |       "uv": "1.26.0",
 21 |       "zlib": "1.2.11",
 22 |       "brotli": "1.0.7",
 23 |       "ares": "1.15.0",
 24 |       "modules": "67",
 25 |       "nghttp2": "1.34.0",
 26 |       "napi": "4",
 27 |       "llhttp": "1.1.1",
 28 |       "http_parser": "2.8.0",
 29 |       "openssl": "1.1.1a",
 30 |       "cldr": "34.0",
 31 |       "icu": "63.1",
 32 |       "tz": "2018e",
 33 |       "unicode": "11.0"
 34 |     },
 35 |     "release": {
 36 |       "name": "node",
 37 |       "headersUrl": "https://nodejs.org/download/release/v11.11.0/node-v11.11.0-headers.tar.gz",
 38 |       "sourceUrl": "https://nodejs.org/download/release/v11.11.0/node-v11.11.0.tar.gz",
 39 |       "libUrl": "https://nodejs.org/download/release/v11.11.0/win-x64/node.lib"
 40 |     },
 41 |     "osName": "Windows_NT",
 42 |     "osRelease": "10.0.18362",
 43 |     "osVersion": "Windows 10 Home",
 44 |     "osMachine": "x86_64",
 45 |     "host": "DESKTOP-QNR6UF9"
 46 |   },
 47 |   "javascriptStack": {
 48 |     "message": "No stack.",
 49 |     "stack": [
 50 |       "Unavailable."
 51 |     ]
 52 |   },
 53 |   "nativeStack": [
 54 |     {
 55 |       "pc": "0x00007ff7981bbc4e",
 56 |       "symbol": "SSL_SESSION_get0_peer+15022"
 57 |     },
 58 |     {
 59 |       "pc": "0x00007ff7981bab04",
 60 |       "symbol": "SSL_SESSION_get0_peer+10596"
 61 |     },
 62 |     {
 63 |       "pc": "0x00007ff7981ba336",
 64 |       "symbol": "SSL_SESSION_get0_peer+8598"
 65 |     },
 66 |     {
 67 |       "pc": "0x00007ff7982a703a",
 68 |       "symbol": "uv_loop_fork+86202"
 69 |     },
 70 |     {
 71 |       "pc": "0x00007ff79868e49e",
 72 |       "symbol": "v8::internal::FatalProcessOutOfMemory+798"
 73 |     },
 74 |     {
 75 |       "pc": "0x00007ff79868e3d7",
 76 |       "symbol": "v8::internal::FatalProcessOutOfMemory+599"
 77 |     },
 78 |     {
 79 |       "pc": "0x00007ff7987391a4",
 80 |       "symbol": "v8::internal::Heap::RootIsImmortalImmovable+14068"
 81 |     },
 82 |     {
 83 |       "pc": "0x00007ff79872efb2",
 84 |       "symbol": "v8::internal::Heap::CollectGarbage+7234"
 85 |     },
 86 |     {
 87 |       "pc": "0x00007ff79872d7c8",
 88 |       "symbol": "v8::internal::Heap::CollectGarbage+1112"
 89 |     },
 90 |     {
 91 |       "pc": "0x00007ff7987370f7",
 92 |       "symbol": "v8::internal::Heap::RootIsImmortalImmovable+5703"
 93 |     },
 94 |     {
 95 |       "pc": "0x00007ff798737176",
 96 |       "symbol": "v8::internal::Heap::RootIsImmortalImmovable+5830"
 97 |     },
 98 |     {
 99 |       "pc": "0x00007ff7988b8481",
100 |       "symbol": "v8::internal::Factory::NewFillerObject+49"
101 |     },
102 |     {
103 |       "pc": "0x00007ff79896dbb6",
104 |       "symbol": "v8::internal::StoreBuffer::StoreBufferOverflow+27190"
105 |     },
106 |     {
107 |       "pc": "0x000003b881c50481",
108 |       "symbol": ""
109 |     }
110 |   ],
111 |   "javascriptHeap": {
112 |     "totalMemory": 1500319744,
113 |     "totalCommittedMemory": 1500319744,
114 |     "usedMemory": 1223603720,
115 |     "availableMemory": 47577408,
116 |     "memoryLimit": 1526909922,
117 |     "heapSpaces": {
118 |       "read_only_space": {
119 |         "memorySize": 524288,
120 |         "committedMemory": 524288,
121 |         "capacity": 515584,
122 |         "used": 33520,
123 |         "available": 482064
124 |       },
125 |       "new_space": {
126 |         "memorySize": 33554432,
127 |         "committedMemory": 33554432,
128 |         "capacity": 16498688,
129 |         "used": 229504,
130 |         "available": 16269184
131 |       },
132 |       "old_space": {
133 |         "memorySize": 1378029568,
134 |         "committedMemory": 1378029568,
135 |         "capacity": 1143877216,
136 |         "used": 1138892208,
137 |         "available": 4985008
138 |       },
139 |       "code_space": {
140 |         "memorySize": 5242880,
141 |         "committedMemory": 5242880,
142 |         "capacity": 4591104,
143 |         "used": 4591104,
144 |         "available": 0
145 |       },
146 |       "map_space": {
147 |         "memorySize": 4730880,
148 |         "committedMemory": 4730880,
149 |         "capacity": 3162240,
150 |         "used": 3162240,
151 |         "available": 0
152 |       },
153 |       "large_object_space": {
154 |         "memorySize": 78237696,
155 |         "committedMemory": 78237696,
156 |         "capacity": 102536296,
157 |         "used": 76695144,
158 |         "available": 25841152
159 |       },
160 |       "new_large_object_space": {
161 |         "memorySize": 0,
162 |         "committedMemory": 0,
163 |         "capacity": 0,
164 |         "used": 0,
165 |         "available": 0
166 |       }
167 |     }
168 |   },
169 |   "libuv": [
170 |   ],
171 |   "environmentVariables": {
172 |     "ALLUSERSPROFILE": "C:\\ProgramData",
173 |     "ANT_HOME": "C:\\Ant\\apache-ant-1.10.5",
174 |     "APPDATA": "C:\\Users\\drpepper\\AppData\\Roaming",
175 |     "BABEL_ENV": "development",
176 |     "COLORTERM": "truecolor",
177 |     "CommonProgramFiles": "C:\\Program Files\\Common Files",
178 |     "CommonProgramFiles(x86)": "C:\\Program Files (x86)\\Common Files",
179 |     "CommonProgramW6432": "C:\\Program Files\\Common Files",
180 |     "COMPUTERNAME": "DESKTOP-QNR6UF9",
181 |     "ComSpec": "C:\\WINDOWS\\system32\\cmd.exe",
182 |     "DriverData": "C:\\Windows\\System32\\Drivers\\DriverData",
183 |     "FPS_BROWSER_APP_PROFILE_STRING": "Internet Explorer",
184 |     "FPS_BROWSER_USER_PROFILE_STRING": "Default",
185 |     "HOME": "C:\\Users\\drpepper",
186 |     "HOMEDRIVE": "C:",
187 |     "HOMEPATH": "\\Users\\drpepper",
188 |     "INIT_CWD": "C:\\Users\\drpepper\\Desktop\\ReactApps\\npm libraries\\react-hook-form-wizard\\example",
189 |     "LANG": "en_US.UTF-8",
190 |     "LOCALAPPDATA": "C:\\Users\\drpepper\\AppData\\Local",
191 |     "LOGONSERVER": "\\\\DESKTOP-QNR6UF9",
192 |     "NODE": "C:\\Program Files\\nodejs\\node.exe",
193 |     "NODE_ENV": "development",
194 |     "NODE_EXE": "C:\\Program Files\\nodejs\\\\node.exe",
195 |     "NODE_PATH": "",
196 |     "NPM_CLI_JS": "C:\\Program Files\\nodejs\\\\node_modules\\npm\\bin\\npm-cli.js",
197 |     "npm_config_access": "",
198 |     "npm_config_allow_same_version": "",
199 |     "npm_config_also": "",
200 |     "npm_config_always_auth": "",
201 |     "npm_config_argv": "{\"remain\":[],\"cooked\":[\"start\"],\"original\":[\"start\"]}",
202 |     "npm_config_audit": "true",
203 |     "npm_config_audit_level": "low",
204 |     "npm_config_auth_type": "legacy",
205 |     "npm_config_bin_links": "true",
206 |     "npm_config_browser": "",
207 |     "npm_config_ca": "",
208 |     "npm_config_cache": "C:\\Users\\drpepper\\AppData\\Roaming\\npm-cache",
209 |     "npm_config_cache_lock_retries": "10",
210 |     "npm_config_cache_lock_stale": "60000",
211 |     "npm_config_cache_lock_wait": "10000",
212 |     "npm_config_cache_max": "Infinity",
213 |     "npm_config_cache_min": "10",
214 |     "npm_config_cafile": "",
215 |     "npm_config_cert": "",
216 |     "npm_config_cidr": "",
217 |     "npm_config_color": "true",
218 |     "npm_config_commit_hooks": "true",
219 |     "npm_config_depth": "Infinity",
220 |     "npm_config_description": "true",
221 |     "npm_config_dev": "",
222 |     "npm_config_dry_run": "",
223 |     "npm_config_editor": "notepad.exe",
224 |     "npm_config_engine_strict": "",
225 |     "npm_config_fetch_retries": "2",
226 |     "npm_config_fetch_retry_factor": "10",
227 |     "npm_config_fetch_retry_maxtimeout": "60000",
228 |     "npm_config_fetch_retry_mintimeout": "10000",
229 |     "npm_config_force": "",
230 |     "npm_config_git": "git",
231 |     "npm_config_git_tag_version": "true",
232 |     "npm_config_global": "",
233 |     "npm_config_globalconfig": "C:\\Users\\drpepper\\AppData\\Roaming\\npm\\etc\\npmrc",
234 |     "npm_config_globalignorefile": "C:\\Users\\drpepper\\AppData\\Roaming\\npm\\etc\\npmignore",
235 |     "npm_config_global_style": "",
236 |     "npm_config_group": "",
237 |     "npm_config_ham_it_up": "",
238 |     "npm_config_heading": "npm",
239 |     "npm_config_https_proxy": "",
240 |     "npm_config_if_present": "",
241 |     "npm_config_ignore_prepublish": "",
242 |     "npm_config_ignore_scripts": "",
243 |     "npm_config_init_author_email": "",
244 |     "npm_config_init_author_name": "",
245 |     "npm_config_init_author_url": "",
246 |     "npm_config_init_license": "ISC",
247 |     "npm_config_init_module": "C:\\Users\\drpepper\\.npm-init.js",
248 |     "npm_config_init_version": "1.0.0",
249 |     "npm_config_json": "",
250 |     "npm_config_key": "",
251 |     "npm_config_legacy_bundling": "",
252 |     "npm_config_link": "",
253 |     "npm_config_local_address": "",
254 |     "npm_config_loglevel": "notice",
255 |     "npm_config_logs_max": "10",
256 |     "npm_config_long": "",
257 |     "npm_config_maxsockets": "50",
258 |     "npm_config_message": "%s",
259 |     "npm_config_metrics_registry": "https://registry.npmjs.org/",
260 |     "npm_config_node_gyp": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js",
261 |     "npm_config_node_options": "",
262 |     "npm_config_node_version": "11.11.0",
263 |     "npm_config_noproxy": "",
264 |     "npm_config_offline": "",
265 |     "npm_config_onload_script": "",
266 |     "npm_config_only": "",
267 |     "npm_config_optional": "true",
268 |     "npm_config_otp": "",
269 |     "npm_config_package_lock": "true",
270 |     "npm_config_package_lock_only": "",
271 |     "npm_config_parseable": "",
272 |     "npm_config_prefer_offline": "",
273 |     "npm_config_prefer_online": "",
274 |     "npm_config_prefix": "C:\\Users\\drpepper\\AppData\\Roaming\\npm",
275 |     "npm_config_preid": "",
276 |     "npm_config_production": "",
277 |     "npm_config_progress": "true",
278 |     "npm_config_proxy": "",
279 |     "npm_config_read_only": "",
280 |     "npm_config_rebuild_bundle": "true",
281 |     "npm_config_registry": "https://registry.npmjs.org/",
282 |     "npm_config_rollback": "true",
283 |     "npm_config_save": "true",
284 |     "npm_config_save_bundle": "",
285 |     "npm_config_save_dev": "",
286 |     "npm_config_save_exact": "",
287 |     "npm_config_save_optional": "",
288 |     "npm_config_save_prefix": "^",
289 |     "npm_config_save_prod": "",
290 |     "npm_config_scope": "",
291 |     "npm_config_scripts_prepend_node_path": "warn-only",
292 |     "npm_config_script_shell": "",
293 |     "npm_config_searchexclude": "",
294 |     "npm_config_searchlimit": "20",
295 |     "npm_config_searchopts": "",
296 |     "npm_config_searchstaleness": "900",
297 |     "npm_config_send_metrics": "",
298 |     "npm_config_shell": "C:\\WINDOWS\\system32\\cmd.exe",
299 |     "npm_config_shrinkwrap": "true",
300 |     "npm_config_sign_git_commit": "",
301 |     "npm_config_sign_git_tag": "",
302 |     "npm_config_sso_poll_frequency": "500",
303 |     "npm_config_sso_type": "oauth",
304 |     "npm_config_strict_ssl": "true",
305 |     "npm_config_tag": "latest",
306 |     "npm_config_tag_version_prefix": "v",
307 |     "npm_config_timing": "",
308 |     "npm_config_tmp": "C:\\Users\\drpepper\\AppData\\Local\\Temp",
309 |     "npm_config_umask": "0000",
310 |     "npm_config_unicode": "",
311 |     "npm_config_unsafe_perm": "true",
312 |     "npm_config_update_notifier": "true",
313 |     "npm_config_usage": "",
314 |     "npm_config_user": "",
315 |     "npm_config_userconfig": "C:\\Users\\drpepper\\.npmrc",
316 |     "npm_config_user_agent": "npm/6.7.0 node/v11.11.0 win32 x64",
317 |     "npm_config_version": "",
318 |     "npm_config_versions": "",
319 |     "npm_config_viewer": "browser",
320 |     "npm_execpath": "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js",
321 |     "npm_lifecycle_event": "start",
322 |     "npm_lifecycle_script": "node ../node_modules/react-scripts/bin/react-scripts.js start",
323 |     "npm_node_execpath": "C:\\Program Files\\nodejs\\node.exe",
324 |     "npm_package_browserslist_0": ">0.2%",
325 |     "npm_package_browserslist_1": "not dead",
326 |     "npm_package_browserslist_2=not ie <": " 11",
327 |     "npm_package_browserslist_3": "not op_mini all",
328 |     "npm_package_dependencies_react": "file:../node_modules/react",
329 |     "npm_package_dependencies_react_dom": "file:../node_modules/react-dom",
330 |     "npm_package_dependencies_react_hook_form_wizard": "file:..",
331 |     "npm_package_dependencies_react_scripts": "file:../node_modules/react-scripts",
332 |     "npm_package_description": "This example was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
333 |     "npm_package_eslintConfig_extends": "react-app",
334 |     "npm_package_homepage": "https://gcoxdev.github.io/react-hook-form-wizard",
335 |     "npm_package_name": "react-hook-form-wizard-example",
336 |     "npm_package_private": "true",
337 |     "npm_package_readmeFilename": "README.md",
338 |     "npm_package_scripts_build": "node ../node_modules/react-scripts/bin/react-scripts.js build",
339 |     "npm_package_scripts_eject": "node ../node_modules/react-scripts/bin/react-scripts.js eject",
340 |     "npm_package_scripts_start": "node ../node_modules/react-scripts/bin/react-scripts.js start",
341 |     "npm_package_scripts_test": "node ../node_modules/react-scripts/bin/react-scripts.js test",
342 |     "npm_package_version": "0.0.0",
343 |     "NPM_PREFIX_NPM_CLI_JS": "C:\\Users\\drpepper\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js",
344 |     "NUMBER_OF_PROCESSORS": "4",
345 |     "OneDrive": "C:\\Users\\drpepper\\OneDrive",
346 |     "OS": "Windows_NT",
347 |     "Path": "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\npm-lifecycle\\node-gyp-bin;C:\\Users\\drpepper\\Desktop\\ReactApps\\npm libraries\\react-hook-form-wizard\\example\\node_modules\\.bin;C:\\Program Files (x86)\\Common Files\\Oracle\\Java\\javapath;C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;C:\\Windows\\System32\\OpenSSH\\;C:\\Program Files (x86)\\NVIDIA Corporation\\PhysX\\Common;C:\\Program Files\\nodejs\\;C:\\Ant\\apache-ant-1.10.5\\bin;C:\\Program Files\\MongoDB\\Server\\4.0\\bin;C:\\WINDOWS\\system32;C:\\WINDOWS;C:\\WINDOWS\\System32\\Wbem;C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\;C:\\WINDOWS\\System32\\OpenSSH\\;C:\\Program Files\\Git\\cmd;C:\\Users\\drpepper\\AppData\\Local\\Microsoft\\WindowsApps;C:\\Users\\drpepper\\AppData\\Roaming\\npm;C:\\Users\\drpepper\\AppData\\Local\\atom\\bin;C:\\Users\\drpepper\\AppData\\Local\\Programs\\Microsoft VS Code\\bin;C:\\Users\\drpepper\\AppData\\Local\\Microsoft\\WindowsApps;C:\\Program Files\\MariaDB 10.4\\bin;C:\\Program Files\\heroku\\bin",
348 |     "PATHEXT": ".COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC;.CPL",
349 |     "PROCESSOR_ARCHITECTURE": "AMD64",
350 |     "PROCESSOR_IDENTIFIER": "Intel64 Family 6 Model 60 Stepping 3, GenuineIntel",
351 |     "PROCESSOR_LEVEL": "6",
352 |     "PROCESSOR_REVISION": "3c03",
353 |     "ProgramData": "C:\\ProgramData",
354 |     "ProgramFiles": "C:\\Program Files",
355 |     "ProgramFiles(x86)": "C:\\Program Files (x86)",
356 |     "ProgramW6432": "C:\\Program Files",
357 |     "PROMPT": "$P$G",
358 |     "PSModulePath": "C:\\Users\\drpepper\\Documents\\WindowsPowerShell\\Modules;C:\\Program Files\\WindowsPowerShell\\Modules;C:\\WINDOWS\\system32\\WindowsPowerShell\\v1.0\\Modules",
359 |     "PUBLIC": "C:\\Users\\Public",
360 |     "SESSIONNAME": "Console",
361 |     "SystemDrive": "C:",
362 |     "SystemRoot": "C:\\WINDOWS",
363 |     "TEMP": "C:\\Users\\drpepper\\AppData\\Local\\Temp",
364 |     "TERM_PROGRAM": "vscode",
365 |     "TERM_PROGRAM_VERSION": "1.44.2",
366 |     "TMP": "C:\\Users\\drpepper\\AppData\\Local\\Temp",
367 |     "USERDOMAIN": "DESKTOP-QNR6UF9",
368 |     "USERDOMAIN_ROAMINGPROFILE": "DESKTOP-QNR6UF9",
369 |     "USERNAME": "drpepper",
370 |     "USERPROFILE": "C:\\Users\\drpepper",
371 |     "VBOX_MSI_INSTALL_PATH": "C:\\Program Files\\Oracle\\VirtualBox\\",
372 |     "WEBPACK_DEV_SERVER": "true",
373 |     "windir": "C:\\WINDOWS"
374 |   },
375 |   "sharedObjects": [
376 |     "C:\\Program Files\\nodejs\\node.exe",
377 |     "C:\\WINDOWS\\SYSTEM32\\ntdll.dll",
378 |     "C:\\WINDOWS\\System32\\KERNEL32.DLL",
379 |     "C:\\WINDOWS\\System32\\KERNELBASE.dll",
380 |     "C:\\WINDOWS\\System32\\PSAPI.DLL",
381 |     "C:\\WINDOWS\\System32\\WS2_32.dll",
382 |     "C:\\WINDOWS\\System32\\RPCRT4.dll",
383 |     "C:\\WINDOWS\\System32\\ADVAPI32.dll",
384 |     "C:\\WINDOWS\\System32\\msvcrt.dll",
385 |     "C:\\WINDOWS\\System32\\sechost.dll",
386 |     "C:\\WINDOWS\\System32\\USER32.dll",
387 |     "C:\\WINDOWS\\System32\\win32u.dll",
388 |     "C:\\WINDOWS\\SYSTEM32\\dbghelp.dll",
389 |     "C:\\WINDOWS\\System32\\GDI32.dll",
390 |     "C:\\WINDOWS\\System32\\ucrtbase.dll",
391 |     "C:\\WINDOWS\\System32\\gdi32full.dll",
392 |     "C:\\WINDOWS\\System32\\msvcp_win.dll",
393 |     "C:\\WINDOWS\\System32\\CRYPT32.dll",
394 |     "C:\\WINDOWS\\System32\\MSASN1.dll",
395 |     "C:\\WINDOWS\\System32\\bcrypt.dll",
396 |     "C:\\WINDOWS\\SYSTEM32\\IPHLPAPI.DLL",
397 |     "C:\\WINDOWS\\SYSTEM32\\USERENV.dll",
398 |     "C:\\WINDOWS\\System32\\profapi.dll",
399 |     "C:\\WINDOWS\\SYSTEM32\\WINMM.dll",
400 |     "C:\\WINDOWS\\SYSTEM32\\WINMMBASE.dll",
401 |     "C:\\WINDOWS\\System32\\cfgmgr32.dll",
402 |     "C:\\WINDOWS\\System32\\bcryptPrimitives.dll",
403 |     "C:\\WINDOWS\\System32\\IMM32.DLL",
404 |     "C:\\WINDOWS\\System32\\powrprof.dll",
405 |     "C:\\WINDOWS\\System32\\UMPDC.dll",
406 |     "C:\\WINDOWS\\system32\\mswsock.dll",
407 |     "C:\\WINDOWS\\System32\\kernel.appcore.dll",
408 |     "C:\\WINDOWS\\SYSTEM32\\CRYPTBASE.DLL",
409 |     "C:\\WINDOWS\\System32\\NSI.dll",
410 |     "C:\\WINDOWS\\SYSTEM32\\dhcpcsvc6.DLL",
411 |     "C:\\WINDOWS\\SYSTEM32\\dhcpcsvc.DLL",
412 |     "C:\\WINDOWS\\SYSTEM32\\DNSAPI.dll",
413 |     "C:\\WINDOWS\\system32\\napinsp.dll",
414 |     "C:\\WINDOWS\\system32\\pnrpnsp.dll",
415 |     "C:\\WINDOWS\\System32\\winrnr.dll",
416 |     "C:\\WINDOWS\\system32\\NLAapi.dll",
417 |     "C:\\WINDOWS\\system32\\wshbth.dll",
418 |     "C:\\Windows\\System32\\rasadhlp.dll",
419 |     "C:\\WINDOWS\\System32\\fwpuclnt.dll"
420 |   ]
421 | }


--------------------------------------------------------------------------------