11 | If you would like to build this one-off for development, you can run `NODE_ENV=development npm run build` (or `NODE_ENV=development yarn build`). 12 | -------------------------------------------------------------------------------- /packages/react-error-overlay/build.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | const webpack = require('webpack'); 8 | const chalk = require('chalk'); 9 | const webpackConfig = require('./webpack.config.js'); 10 | const iframeWebpackConfig = require('./webpack.config.iframe.js'); 11 | const rimraf = require('rimraf'); 12 | const chokidar = require('chokidar'); 13 | 14 | const args = process.argv.slice(2); 15 | const watchMode = args[0] === '--watch' || args[0] === '-w'; 16 | 17 | const isCI = 18 | process.env.CI && 19 | (typeof process.env.CI !== 'string' || 20 | process.env.CI.toLowerCase() !== 'false'); 21 | 22 | function build(config, name, callback) { 23 | console.log(chalk.cyan('Compiling ' + name)); 24 | webpack(config).run((error, stats) => { 25 | if (error) { 26 | console.log(chalk.red('Failed to compile.')); 27 | console.log(error.message || error); 28 | console.log(); 29 | } 30 | 31 | if (stats.compilation.errors.length) { 32 | console.log(chalk.red('Failed to compile.')); 33 | console.log(stats.toString({ all: false, errors: true })); 34 | } 35 | 36 | if (stats.compilation.warnings.length) { 37 | console.log(chalk.yellow('Compiled with warnings.')); 38 | console.log(stats.toString({ all: false, warnings: true })); 39 | } 40 | 41 | // Fail the build if running in a CI server 42 | if ( 43 | error || 44 | stats.compilation.errors.length || 45 | stats.compilation.warnings.length 46 | ) { 47 | isCI && process.exit(1); 48 | return; 49 | } 50 | 51 | console.log( 52 | stats.toString({ colors: true, modules: false, version: false }) 53 | ); 54 | console.log(); 55 | 56 | callback(stats); 57 | }); 58 | } 59 | 60 | function runBuildSteps() { 61 | build(iframeWebpackConfig, 'iframeScript.js', () => { 62 | build(webpackConfig, 'index.js', () => { 63 | console.log(chalk.bold.green('Compiled successfully!\n\n')); 64 | }); 65 | }); 66 | } 67 | 68 | function setupWatch() { 69 | const watcher = chokidar.watch('./src', { 70 | ignoreInitial: true, 71 | }); 72 | 73 | watcher.on('change', runBuildSteps); 74 | watcher.on('add', runBuildSteps); 75 | 76 | watcher.on('ready', () => { 77 | runBuildSteps(); 78 | }); 79 | 80 | process.on('SIGINT', function() { 81 | watcher.close(); 82 | process.exit(0); 83 | }); 84 | 85 | watcher.on('error', error => { 86 | console.error('Watcher failure', error); 87 | process.exit(1); 88 | }); 89 | } 90 | 91 | // Clean up lib folder 92 | rimraf('lib/', () => { 93 | console.log('Cleaned up the lib folder.\n'); 94 | watchMode ? setupWatch() : runBuildSteps(); 95 | }); 96 | -------------------------------------------------------------------------------- /packages/react-error-overlay/fixtures/bundle-default.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "functionName": "App.componentDidMount", 4 | "fileName": "http://localhost:3000/static/js/bundle.js", 5 | "lineNumber": 26122, 6 | "columnNumber": 21, 7 | "_originalFunctionName": "App.componentDidMount", 8 | "_originalFileName": "webpack:///packages/react-scripts/template/src/App.js", 9 | "_originalLineNumber": 7, 10 | "_originalColumnNumber": 0, 11 | "_scriptCode": [ 12 | { 13 | "lineNumber": 26119, 14 | "content": " _createClass(App, [{", 15 | "highlight": false 16 | }, 17 | { 18 | "lineNumber": 26120, 19 | "content": " key: 'componentDidMount',", 20 | "highlight": false 21 | }, 22 | { 23 | "lineNumber": 26121, 24 | "content": " value: function componentDidMount() {", 25 | "highlight": false 26 | }, 27 | { 28 | "lineNumber": 26122, 29 | "content": " document.body.missing();", 30 | "highlight": true 31 | }, 32 | { 33 | "lineNumber": 26123, 34 | "content": " }", 35 | "highlight": false 36 | }, 37 | { 38 | "lineNumber": 26124, 39 | "content": " }, {", 40 | "highlight": false 41 | }, 42 | { 43 | "lineNumber": 26125, 44 | "content": " key: 'render',", 45 | "highlight": false 46 | } 47 | ], 48 | "_originalScriptCode": [ 49 | { 50 | "lineNumber": 4, 51 | "content": "", 52 | "highlight": false 53 | }, 54 | { 55 | "lineNumber": 5, 56 | "content": "class App extends Component {", 57 | "highlight": false 58 | }, 59 | { 60 | "lineNumber": 6, 61 | "content": " componentDidMount() {", 62 | "highlight": false 63 | }, 64 | { 65 | "lineNumber": 7, 66 | "content": " document.body.missing()", 67 | "highlight": true 68 | }, 69 | { 70 | "lineNumber": 8, 71 | "content": " }", 72 | "highlight": false 73 | }, 74 | { 75 | "lineNumber": 9, 76 | "content": "", 77 | "highlight": false 78 | }, 79 | { 80 | "lineNumber": 10, 81 | "content": " render() {", 82 | "highlight": false 83 | } 84 | ] 85 | } 86 | ] 87 | -------------------------------------------------------------------------------- /packages/react-error-overlay/fixtures/inline.es6.mjs: -------------------------------------------------------------------------------- 1 | function foo() { 2 | console.log('bar') 3 | } 4 | 5 | export { foo } 6 | -------------------------------------------------------------------------------- /packages/react-error-overlay/fixtures/inline.mjs: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | Object.defineProperty(exports, "__esModule", { 4 | value: true 5 | }); 6 | function foo() { 7 | console.log('bar'); 8 | } 9 | 10 | exports.foo = foo; 11 | 12 | //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRlc3QuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxTQUFTLEdBQVQsR0FBZTtBQUNiLFVBQVEsR0FBUixDQUFZLEtBQVo7QUFDRDs7UUFFUSxHLEdBQUEsRyIsImZpbGUiOiJzdGRvdXQiLCJzb3VyY2VzQ29udGVudCI6WyJmdW5jdGlvbiBmb28oKSB7XG4gIGNvbnNvbGUubG9nKCdiYXInKVxufVxuXG5leHBvcnQgeyBmb28gfVxuIl19 13 | -------------------------------------------------------------------------------- /packages/react-error-overlay/fixtures/junk-inline.mjs: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | Object.defineProperty(exports, "__esModule", { 4 | value: true 5 | }); 6 | function foo() { 7 | console.log('bar'); 8 | } 9 | 10 | exports.foo = foo; 11 | 12 | //# sourceMappingURL=data:application/json;charset=utf-8;base64vlq,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRlc3QuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxTQUFTLEdBQVQsR0FBZTtBQUNiLFVBQVEsR0FBUixDQUFZLEtBQVo7QUFDRDs7UUFFUSxHLEdBQUEsRyIsImZpbGUiOiJzdGRvdXQiLCJzb3VyY2VzQ29udGVudCI6WyJmdW5jdGlvbiBmb28oKSB7XG4gIGNvbnNvbGUubG9nKCdiYXInKVxufVxuXG5leHBvcnQgeyBmb28gfVxuIl19 13 | -------------------------------------------------------------------------------- /packages/react-error-overlay/flow/env.js: -------------------------------------------------------------------------------- 1 | declare module 'anser' { 2 | declare module.exports: any; 3 | } 4 | 5 | declare module 'babel-code-frame' { 6 | declare module.exports: any; 7 | } 8 | 9 | declare module 'html-entities' { 10 | declare module.exports: any; 11 | } 12 | 13 | declare module 'settle-promise' { 14 | declare module.exports: any; 15 | } 16 | 17 | declare module 'source-map' { 18 | declare module.exports: any; 19 | } 20 | -------------------------------------------------------------------------------- /packages/react-error-overlay/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-error-overlay", 3 | "version": "4.0.1", 4 | "description": "An overlay for displaying stack frames.", 5 | "main": "lib/index.js", 6 | "scripts": { 7 | "prepublishOnly": "npm run build:prod && npm test", 8 | "start": "cross-env NODE_ENV=development node build.js --watch", 9 | "test": "cross-env NODE_ENV=test jest", 10 | "build": "cross-env NODE_ENV=development node build.js", 11 | "build:prod": "cross-env NODE_ENV=production node build.js" 12 | }, 13 | "repository": "facebookincubator/create-react-app", 14 | "license": "MIT", 15 | "bugs": { 16 | "url": "https://github.com/facebookincubator/create-react-app/issues" 17 | }, 18 | "keywords": [ 19 | "overlay", 20 | "syntax", 21 | "error", 22 | "red", 23 | "box", 24 | "redbox", 25 | "crash", 26 | "warning" 27 | ], 28 | "author": "Joe Haddad
47 |
49 | );
50 | }
51 |
52 | export default CodeBlock;
53 |
--------------------------------------------------------------------------------
/packages/react-error-overlay/src/components/Collapsible.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | /* @flow */
9 | import React, { Component } from 'react';
10 | import { black } from '../styles';
11 |
12 | import type { Element as ReactElement } from 'react';
13 |
14 | const _collapsibleStyle = {
15 | color: black,
16 | cursor: 'pointer',
17 | border: 'none',
18 | display: 'block',
19 | width: '100%',
20 | textAlign: 'left',
21 | background: '#fff',
22 | fontFamily: 'Consolas, Menlo, monospace',
23 | fontSize: '1em',
24 | padding: '0px',
25 | lineHeight: '1.5',
26 | };
27 |
28 | const collapsibleCollapsedStyle = {
29 | ..._collapsibleStyle,
30 | marginBottom: '1.5em',
31 | };
32 |
33 | const collapsibleExpandedStyle = {
34 | ..._collapsibleStyle,
35 | marginBottom: '0.6em',
36 | };
37 |
38 | type Props = {|
39 | children: ReactElement
62 |
72 |
82 | );
83 | }
84 | }
85 |
86 | export default Collapsible;
87 |
--------------------------------------------------------------------------------
/packages/react-error-overlay/src/components/ErrorOverlay.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | /* @flow */
9 | import React, { Component } from 'react';
10 | import { black } from '../styles';
11 |
12 | import type { Node as ReactNode } from 'react';
13 |
14 | const overlayStyle = {
15 | position: 'relative',
16 | display: 'inline-flex',
17 | flexDirection: 'column',
18 | height: '100%',
19 | width: '1024px',
20 | maxWidth: '100%',
21 | overflowX: 'hidden',
22 | overflowY: 'auto',
23 | padding: '0.5rem',
24 | boxSizing: 'border-box',
25 | textAlign: 'left',
26 | fontFamily: 'Consolas, Menlo, monospace',
27 | fontSize: '11px',
28 | whiteSpace: 'pre-wrap',
29 | wordBreak: 'break-word',
30 | lineHeight: 1.5,
31 | color: black,
32 | };
33 |
34 | type Props = {|
35 | children: ReactNode,
36 | shortcutHandler?: (eventKey: string) => void,
37 | |};
38 |
39 | type State = {|
40 | collapsed: boolean,
41 | |};
42 |
43 | class ErrorOverlay extends Component
73 | {this.props.children}
74 |
80 |
81 |
77 | {this.props.children}
78 |
79 | );
80 | }
81 | }
82 |
83 | export default ErrorOverlay;
84 |
--------------------------------------------------------------------------------
/packages/react-error-overlay/src/components/Footer.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | /* @flow */
9 | import React from 'react';
10 | import { darkGray } from '../styles';
11 |
12 | const footerStyle = {
13 | fontFamily: 'sans-serif',
14 | color: darkGray,
15 | marginTop: '0.5rem',
16 | flex: '0 0 auto',
17 | };
18 |
19 | type FooterPropsType = {|
20 | line1: string,
21 | line2?: string,
22 | |};
23 |
24 | function Footer(props: FooterPropsType) {
25 | return (
26 |
27 | {props.line1}
28 |
29 | {props.line2} 30 |
31 | );
32 | }
33 |
34 | export default Footer;
35 |
--------------------------------------------------------------------------------
/packages/react-error-overlay/src/components/Header.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | /* @flow */
9 | import React from 'react';
10 | import { red } from '../styles';
11 |
12 | const headerStyle = {
13 | fontSize: '2em',
14 | fontFamily: 'sans-serif',
15 | color: red,
16 | whiteSpace: 'pre-wrap',
17 | // Top bottom margin spaces header
18 | // Right margin revents overlap with close button
19 | margin: '0 2rem 0.75rem 0',
20 | flex: '0 0 auto',
21 | maxHeight: '50%',
22 | overflow: 'auto',
23 | };
24 |
25 | type HeaderPropType = {|
26 | headerText: string,
27 | |};
28 |
29 | function Header(props: HeaderPropType) {
30 | return 29 | {props.line2} 30 |
{props.headerText}
;
31 | }
32 |
33 | export default Header;
34 |
--------------------------------------------------------------------------------
/packages/react-error-overlay/src/components/NavigationBar.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | /* @flow */
9 | import React from 'react';
10 | import { red, redTransparent } from '../styles';
11 |
12 | const navigationBarStyle = {
13 | marginBottom: '0.5rem',
14 | };
15 |
16 | const buttonContainerStyle = {
17 | marginRight: '1em',
18 | };
19 |
20 | const _navButtonStyle = {
21 | backgroundColor: redTransparent,
22 | color: red,
23 | border: 'none',
24 | borderRadius: '4px',
25 | padding: '3px 6px',
26 | cursor: 'pointer',
27 | };
28 |
29 | const leftButtonStyle = {
30 | ..._navButtonStyle,
31 | borderTopRightRadius: '0px',
32 | borderBottomRightRadius: '0px',
33 | marginRight: '1px',
34 | };
35 |
36 | const rightButtonStyle = {
37 | ..._navButtonStyle,
38 | borderTopLeftRadius: '0px',
39 | borderBottomLeftRadius: '0px',
40 | };
41 |
42 | type Callback = () => void;
43 |
44 | type NavigationBarPropsType = {|
45 | currentError: number,
46 | totalErrors: number,
47 | previous: Callback,
48 | next: Callback,
49 | |};
50 |
51 | function NavigationBar(props: NavigationBarPropsType) {
52 | const { currentError, totalErrors, previous, next } = props;
53 | return (
54 |
55 |
56 |
59 |
62 |
63 | {`${currentError} of ${totalErrors} errors on the page`}
64 |
65 | );
66 | }
67 |
68 | export default NavigationBar;
69 |
--------------------------------------------------------------------------------
/packages/react-error-overlay/src/containers/CompileErrorContainer.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | /* @flow */
9 | import React, { PureComponent } from 'react';
10 | import ErrorOverlay from '../components/ErrorOverlay';
11 | import Footer from '../components/Footer';
12 | import Header from '../components/Header';
13 | import CodeBlock from '../components/CodeBlock';
14 | import generateAnsiHTML from '../utils/generateAnsiHTML';
15 | import parseCompileError from '../utils/parseCompileError';
16 | import type { ErrorLocation } from '../utils/parseCompileError';
17 |
18 | const codeAnchorStyle = {
19 | cursor: 'pointer',
20 | };
21 |
22 | type Props = {|
23 | error: string,
24 | editorHandler: (errorLoc: ErrorLocation) => void,
25 | |};
26 |
27 | class CompileErrorContainer extends PureComponent
57 |
65 | );
66 | }
67 |
68 | export default RuntimeError;
69 |
--------------------------------------------------------------------------------
/packages/react-error-overlay/src/containers/RuntimeErrorContainer.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | /* @flow */
9 | import React, { PureComponent } from 'react';
10 | import ErrorOverlay from '../components/ErrorOverlay';
11 | import CloseButton from '../components/CloseButton';
12 | import NavigationBar from '../components/NavigationBar';
13 | import RuntimeError from './RuntimeError';
14 | import Footer from '../components/Footer';
15 |
16 | import type { ErrorRecord } from './RuntimeError';
17 | import type { ErrorLocation } from '../utils/parseCompileError';
18 |
19 | type Props = {|
20 | errorRecords: ErrorRecord[],
21 | close: () => void,
22 | editorHandler: (errorLoc: ErrorLocation) => void,
23 | |};
24 |
25 | type State = {|
26 | currentIndex: number,
27 | |};
28 |
29 | class RuntimeErrorContainer extends PureComponentStackFrames with their original positions and code (when available).
16 | * @param {StackFrame[]} frames A set of StackFrames which contain (generated) code positions.
17 | * @param {number} [contextLines=3] The number of lines to provide before and after the line specified in the StackFrame.
18 | */
19 | async function map(
20 | frames: StackFrame[],
21 | contextLines: number = 3
22 | ): Promise4 | Please refer to its documentation: 5 | 6 | * [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app. 7 | * [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App. 8 | -------------------------------------------------------------------------------- /packages/react-scripts/bin/react-scripts.js: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | /** 3 | * Copyright (c) 2015-present, Facebook, Inc. 4 | * 5 | * This source code is licensed under the MIT license found in the 6 | * LICENSE file in the root directory of this source tree. 7 | */ 8 | 9 | 'use strict'; 10 | 11 | const spawn = require('react-dev-utils/crossSpawn'); 12 | const args = process.argv.slice(2); 13 | 14 | const scriptIndex = args.findIndex( 15 | x => x === 'build' || x === 'eject' || x === 'start' || x === 'test' 16 | ); 17 | const script = scriptIndex === -1 ? args[0] : args[scriptIndex]; 18 | const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : []; 19 | 20 | switch (script) { 21 | case 'build': 22 | case 'eject': 23 | case 'start': 24 | case 'test': { 25 | const result = spawn.sync( 26 | 'node', 27 | nodeArgs 28 | .concat(require.resolve('../scripts/' + script)) 29 | .concat(args.slice(scriptIndex + 1)), 30 | { stdio: 'inherit' } 31 | ); 32 | if (result.signal) { 33 | if (result.signal === 'SIGKILL') { 34 | console.log( 35 | 'The build failed because the process exited too early. ' + 36 | 'This probably means the system ran out of memory or someone called ' + 37 | '`kill -9` on the process.' 38 | ); 39 | } else if (result.signal === 'SIGTERM') { 40 | console.log( 41 | 'The build failed because the process exited too early. ' + 42 | 'Someone might have called `kill` or `killall`, or the system could ' + 43 | 'be shutting down.' 44 | ); 45 | } 46 | process.exit(1); 47 | } 48 | process.exit(result.status); 49 | break; 50 | } 51 | default: 52 | console.log('Unknown script "' + script + '".'); 53 | console.log('Perhaps you need to update react-scripts?'); 54 | console.log( 55 | 'See: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#updating-to-new-releases' 56 | ); 57 | break; 58 | } 59 | -------------------------------------------------------------------------------- /packages/react-scripts/config/jest/babelTransform.js: -------------------------------------------------------------------------------- 1 | // @remove-file-on-eject 2 | /** 3 | * Copyright (c) 2014-present, Facebook, Inc. 4 | * 5 | * This source code is licensed under the MIT license found in the 6 | * LICENSE file in the root directory of this source tree. 7 | */ 8 | 'use strict'; 9 | 10 | const babelJest = require('babel-jest'); 11 | 12 | module.exports = babelJest.createTransformer({ 13 | presets: [require.resolve('babel-preset-react-app')], 14 | babelrc: false, 15 | }); 16 | -------------------------------------------------------------------------------- /packages/react-scripts/config/jest/cssTransform.js: -------------------------------------------------------------------------------- 1 | // @remove-on-eject-begin 2 | /** 3 | * Copyright (c) 2014-present, Facebook, Inc. 4 | * 5 | * This source code is licensed under the MIT license found in the 6 | * LICENSE file in the root directory of this source tree. 7 | */ 8 | // @remove-on-eject-end 9 | 'use strict'; 10 | 11 | // This is a custom Jest transformer turning style imports into empty objects. 12 | // http://facebook.github.io/jest/docs/en/webpack.html 13 | 14 | module.exports = { 15 | process() { 16 | return 'module.exports = {};'; 17 | }, 18 | getCacheKey() { 19 | // The output is always the same. 20 | return 'cssTransform'; 21 | }, 22 | }; 23 | -------------------------------------------------------------------------------- /packages/react-scripts/config/jest/fileTransform.js: -------------------------------------------------------------------------------- 1 | // @remove-on-eject-begin 2 | /** 3 | * Copyright (c) 2014-present, Facebook, Inc. 4 | * 5 | * This source code is licensed under the MIT license found in the 6 | * LICENSE file in the root directory of this source tree. 7 | */ 8 | // @remove-on-eject-end 9 | 'use strict'; 10 | 11 | const path = require('path'); 12 | 13 | // This is a custom Jest transformer turning file imports into filenames. 14 | // http://facebook.github.io/jest/docs/en/webpack.html 15 | 16 | module.exports = { 17 | process(src, filename) { 18 | return `module.exports = ${JSON.stringify(path.basename(filename))};`; 19 | }, 20 | }; 21 | -------------------------------------------------------------------------------- /packages/react-scripts/config/polyfills.js: -------------------------------------------------------------------------------- 1 | // @remove-on-eject-begin 2 | /** 3 | * Copyright (c) 2015-present, Facebook, Inc. 4 | * 5 | * This source code is licensed under the MIT license found in the 6 | * LICENSE file in the root directory of this source tree. 7 | */ 8 | // @remove-on-eject-end 9 | 'use strict'; 10 | 11 | if (typeof Promise === 'undefined') { 12 | // Rejection tracking prevents a common issue where React gets into an 13 | // inconsistent state due to an error, but it gets swallowed by a Promise, 14 | // and the user has no idea what causes React's erratic future behavior. 15 | require('promise/lib/rejection-tracking').enable(); 16 | window.Promise = require('promise/lib/es6-extensions.js'); 17 | } 18 | 19 | // fetch() polyfill for making API calls. 20 | require('whatwg-fetch'); 21 | 22 | // Object.assign() is commonly used with React. 23 | // It will use the native implementation if it's present and isn't buggy. 24 | Object.assign = require('object-assign'); 25 | 26 | // In tests, polyfill requestAnimationFrame since jsdom doesn't provide it yet. 27 | // We don't polyfill it in the browser--this is user's responsibility. 28 | if (process.env.NODE_ENV === 'test') { 29 | require('raf').polyfill(global); 30 | } 31 | -------------------------------------------------------------------------------- /packages/react-scripts/fixtures/kitchensink/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-app"], 3 | "plugins": ["babel-plugin-transform-es2015-modules-commonjs"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/react-scripts/fixtures/kitchensink/.env: -------------------------------------------------------------------------------- 1 | REACT_APP_X = x-from-original-env 2 | REACT_APP_ORIGINAL_1 = from-original-env-1 3 | REACT_APP_ORIGINAL_2 = from-original-env-2 4 | REACT_APP_BASIC = basic 5 | REACT_APP_BASIC_EXPAND = ${REACT_APP_BASIC} 6 | REACT_APP_BASIC_EXPAND_SIMPLE = $REACT_APP_BASIC 7 | REACT_APP_EXPAND_EXISTING = $REACT_APP_SHELL_ENV_MESSAGE 8 | -------------------------------------------------------------------------------- /packages/react-scripts/fixtures/kitchensink/.env.development: -------------------------------------------------------------------------------- 1 | REACT_APP_X = x-from-development-env 2 | REACT_APP_DEVELOPMENT = development 3 | -------------------------------------------------------------------------------- /packages/react-scripts/fixtures/kitchensink/.env.local: -------------------------------------------------------------------------------- 1 | REACT_APP_X = x-from-original-local-env 2 | REACT_APP_ORIGINAL_2 = override-from-original-local-env-2 3 | -------------------------------------------------------------------------------- /packages/react-scripts/fixtures/kitchensink/.env.production: -------------------------------------------------------------------------------- 1 | REACT_APP_X = x-from-production-env 2 | REACT_APP_PRODUCTION = production 3 | -------------------------------------------------------------------------------- /packages/react-scripts/fixtures/kitchensink/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 |
34 | {this.state.users.map(user =>
36 | );
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import NodePath from './NodePath';
11 |
12 | describe('NODE_PATH', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
35 |
37 | {this.state.users.map(user => {
38 | const [id, name] = user;
39 | return
42 | );
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import ArrayDestructuring from './ArrayDestructuring';
11 |
12 | describe('array destructuring', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({name}
;
40 | })}
41 |
42 | {this.state.users.map(user =>
44 | );
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import ArraySpread from './ArraySpread';
11 |
12 | describe('array spread', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
43 |
42 | {this.state.users.map(user =>
44 | );
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import AsyncAwait from './AsyncAwait';
11 |
12 | describe('async/await', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
43 |
30 | {this.users.map(user =>
32 | );
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import ClassProperties from './ClassProperties';
11 |
12 | describe('class properties', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
31 |
42 | {this.state.users.map(user => (
43 |
46 | );
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import ComputedProperties from './ComputedProperties';
11 |
12 | describe('computed properties', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.user_name}
44 | ))}
45 |
54 | {this.state.users.map(user => (
55 |
60 | );
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import CustomInterpolation from './CustomInterpolation';
11 |
12 | describe('custom interpolation', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render(
56 | {user.name}
57 |
58 | ))}
59 |
42 | {this.state.users.map(user =>
44 | );
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import DefaultParameters from './DefaultParameters';
11 |
12 | describe('default parameters', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
43 |
44 | {this.state.users.map(user =>
46 | );
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import DestructuringAndAwait from './DestructuringAndAwait';
11 |
12 | describe('destructuring and await', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
45 |
44 | {this.state.users.map(user =>
46 | );
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import Generators from './Generators';
11 |
12 | describe('generators', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
45 |
42 | {this.state.users.map(user => {
43 | const { id, ...rest } = user;
44 | // eslint-disable-next-line no-unused-vars
45 | const [{ name, ...innerRest }] = [{ ...rest }];
46 | return
49 | );
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import ObjectDestructuring from './ObjectDestructuring';
11 |
12 | describe('object destructuring', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({name}
;
47 | })}
48 |
42 | {this.state.users.map(user => (
43 |
48 | );
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import ObjectSpread from './ObjectSpread';
11 |
12 | describe('object spread', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render(
44 | {user.name}: {user.age}
45 |
46 | ))}
47 |
43 | {this.state.users.map(user =>
45 | );
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 |
11 | describe('promises', () => {
12 | it('renders without crashing', () => {
13 | const div = document.createElement('div');
14 | return import('./Promises').then(({ default: Promises }) => {
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
44 |
42 | {this.state.users.map(user =>
44 | );
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import RestAndDefault from './RestAndDefault';
11 |
12 | describe('rest + default', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
43 |
42 | {this.state.users.map(user =>
44 | );
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import RestParameters from './RestParameters';
11 |
12 | describe('rest parameters', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
43 |
42 | {this.state.users.map(user =>
44 | );
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.test.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2015-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | import React from 'react';
9 | import ReactDOM from 'react-dom';
10 | import TemplateInterpolation from './TemplateInterpolation';
11 |
12 | describe('template interpolation', () => {
13 | it('renders without crashing', () => {
14 | const div = document.createElement('div');
15 | return new Promise(resolve => {
16 | ReactDOM.render({user.name}
)}
43 | We love useless text.
; 12 | -------------------------------------------------------------------------------- /packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.test.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | 8 | import React from 'react'; 9 | import ReactDOM from 'react-dom'; 10 | import CssInclusion from './CssInclusion'; 11 | 12 | describe('css inclusion', () => { 13 | it('renders without crashing', () => { 14 | const div = document.createElement('div'); 15 | ReactDOM.render({v}
; 18 | }; 19 | -------------------------------------------------------------------------------- /packages/react-scripts/fixtures/kitchensink/src/features/webpack/LinkedModules.test.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | 8 | import React from 'react'; 9 | import ReactDOM from 'react-dom'; 10 | import { test, version } from 'test-integrity'; 11 | import LinkedModules from './LinkedModules'; 12 | 13 | describe('linked modules', () => { 14 | it('has integrity', () => { 15 | expect(test()); 16 | expect(version() === '2.0.0'); 17 | }); 18 | 19 | it('renders without crashing', () => { 20 | const div = document.createElement('div'); 21 | ReactDOM.render(
29 |
30 | 
32 |
36 |
41 | );
42 | }
43 | }
44 |
45 | export { App as AppUnwrapped };
46 | export default hot(module)(App);
47 |
--------------------------------------------------------------------------------
/packages/react-scripts/template/src/components/App/index.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import { AppUnwrapped as App } from './index';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(33 | Welcome to React | Count: {this.state.count} 34 |
35 |
37 | To get started, edit src/components/App/index.js and save
38 | to reload.
39 |