From 13e3e8455e3555dd7dbf77df76e179c37de075bd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ovidiu=20Chereche=C8=99?= Date: Wed, 23 Aug 2017 14:30:10 +0200 Subject: [PATCH] Remove trailing comma #355 --- examples/axios/components/Users.js | 4 +- .../components/__fixtures__/Users/data.js | 12 ++-- .../components/__fixtures__/Users/missing.js | 6 +- examples/axios/cosmos.config.js | 2 +- examples/browserify/loader.js | 2 +- examples/browserify/playground.js | 2 +- examples/browserify/server.js | 6 +- examples/context/components/Color.js | 2 +- .../__fixtures__/Color/blackAndWhite.js | 4 +- examples/context/context-proxy.js | 4 +- examples/context/cosmos.config.js | 2 +- examples/fetch/components/Users.js | 4 +- .../components/__fixtures__/Users/data.js | 12 ++-- .../components/__fixtures__/Users/missing.js | 6 +- examples/fetch/cosmos.config.js | 2 +- .../CounterList/__fixtures__/oneTwoThree.js | 12 ++-- examples/local-state/cosmos.config.js | 2 +- .../normalize-props-proxy-with-options.js | 2 +- .../__fixtures__/RouteParams/user-100.js | 2 +- .../__fixtures__/RouteParams/user-5.js | 2 +- .../__fixtures__/RouteSwitch/index.js | 2 +- .../__fixtures__/RouteSwitch/url-a.js | 2 +- .../__fixtures__/RouteSwitch/url-b.js | 2 +- examples/react-router/cosmos.config.js | 2 +- .../source-map/components/Counter/Counter.js | 4 +- examples/source-map/cosmos.config.js | 2 +- examples/source-map/webpack.config.js | 16 +++--- .../webpack-commons-chunk/cosmos.config.js | 2 +- .../webpack-commons-chunk/webpack.config.js | 16 +++--- examples/webpack-dll/cosmos.config.js | 2 +- examples/webpack-dll/webpack.config.js | 18 +++--- examples/webpack-dll/webpack.vendor.config.js | 10 ++-- packages/__mocks__/localforage.js | 2 +- .../cosmos.config.js | 2 +- .../src/__tests__/index.js | 6 +- .../ComponentPlayground/__fixtures__/init.js | 4 +- .../ComponentPlayground/__fixtures__/ready.js | 10 ++-- .../__fixtures__/selected-editor.js | 10 ++-- .../__fixtures__/selected-fullscreen.js | 10 ++-- .../__fixtures__/selected-missing.js | 10 ++-- .../__fixtures__/selected.js | 10 ++-- .../__tests__/fixture-editor/editor.js | 22 ++++---- .../fixture-editor/pane-landscape.js | 12 ++-- .../__tests__/fixture-editor/pane-portrait.js | 8 +-- .../__tests__/fixture-editor/pane-resize.js | 6 +- .../__tests__/fixture-list-update.js | 8 +-- .../fixture-router-select-missing.js | 10 ++-- .../__tests__/fixture-router-select.js | 12 ++-- .../__tests__/fixture-selected-missing.js | 6 +- .../__tests__/fixture-selected.js | 12 ++-- .../__tests__/fixtures-loaded.js | 10 ++-- .../__tests__/left-nav-drag.js | 10 ++-- .../__tests__/loader-ready.js | 6 +- .../components/ComponentPlayground/index.js | 56 +++++++++---------- .../DisplayScreen/__fixtures__/hi-there.js | 2 +- .../DragHandle/__fixtures__/horizontal.js | 4 +- .../DragHandle/__fixtures__/vertical.js | 4 +- .../components/DragHandle/__tests__/render.js | 2 +- .../src/components/DragHandle/index.js | 12 ++-- .../FixtureEditor/__fixtures__/empty.js | 4 +- .../FixtureEditor/__fixtures__/erred.js | 10 ++-- .../FixtureEditor/__fixtures__/focused.js | 10 ++-- .../FixtureEditor/__fixtures__/props.js | 8 +-- .../FixtureEditor/__tests__/error.js | 20 +++---- .../FixtureEditor/__tests__/focused.js | 18 +++--- .../FixtureEditor/__tests__/index.js | 12 ++-- .../__fixtures__/populated-and-selected.js | 8 +-- .../__fixtures__/populated-with-editor.js | 8 +-- .../FixtureList/__fixtures__/populated.js | 6 +- .../components/FixtureList/__tests__/index.js | 12 ++-- .../src/components/FixtureList/index.js | 14 ++--- .../__fixtures__/missing-fixture.js | 4 +- .../components/StarryBg/__fixtures__/blank.js | 2 +- .../StarryBg/__fixtures__/content.js | 2 +- .../components/SvgIcon/__fixtures__/home.js | 4 +- .../__fixtures__/components-with-fixtures.js | 6 +- .../components-without-fixtures.js | 6 +- .../__fixtures__/no-components.js | 4 +- .../src/index.js | 4 +- .../webpack.config.js | 30 +++++----- packages/react-cosmos-config/src/index.js | 4 +- .../react-cosmos-context-proxy/src/index.js | 4 +- .../src/__tests__/mocking.js | 24 ++++---- .../src/__tests__/unmount.js | 8 +-- .../react-cosmos-fetch-proxy/src/index.js | 4 +- .../src/__tests__/mount.js | 20 +++---- .../src/components/Loader/__tests__/index.js | 4 +- .../src/components/Loader/index.js | 4 +- .../components/PropsProxy/__tests__/index.js | 4 +- .../src/components/PropsProxy/index.js | 4 +- .../__tests__/component-change.js | 12 ++-- .../RemoteLoader/__tests__/fixture-add.js | 18 +++--- .../RemoteLoader/__tests__/fixture-change.js | 16 +++--- .../RemoteLoader/__tests__/fixture-edit.js | 14 ++--- .../__tests__/fixture-select-es-modules.js | 20 +++---- .../RemoteLoader/__tests__/fixture-select.js | 14 ++--- .../RemoteLoader/__tests__/fixture-update.js | 12 ++-- .../RemoteLoader/__tests__/loader-ready.js | 12 ++-- .../RemoteLoader/__tests__/loader-unmount.js | 8 +-- .../RemoteLoader/__tests__/proxy-change.js | 10 ++-- .../src/components/RemoteLoader/index.js | 32 +++++------ packages/react-cosmos-loader/src/mount.js | 4 +- .../src/utils/module-type.js | 4 +- .../src/index.js | 6 +- .../react-cosmos-redux-proxy/src/index.js | 12 ++-- .../src/LocationInterceptor.js | 2 +- .../src/__tests__/inactive.js | 6 +- .../src/__tests__/just-url.js | 6 +- .../src/__tests__/route.js | 6 +- .../react-cosmos-router-proxy/src/index.js | 2 +- .../src/__tests__/component-state-nested.js | 32 +++++------ .../src/__tests__/component-state.js | 16 +++--- .../src/__tests__/disabled.js | 14 ++--- .../src/__tests__/fixture-state-nested.js | 38 ++++++------- .../src/__tests__/fixture-state.js | 24 ++++---- .../src/__tests__/stateless.js | 8 +-- .../react-cosmos-state-proxy/src/index.js | 12 ++-- packages/react-cosmos-telescope/src/index.js | 6 +- .../src/__tests__/import-component.js | 8 +-- .../react-cosmos-utils/src/linked-list.js | 2 +- .../src/proxy-prop-types.js | 4 +- .../src/__tests__/loader-entry.js | 6 +- .../loader-webpack-config-hmr-plugin.js | 2 +- .../src/__tests__/loader-webpack-config.js | 54 +++++++++--------- .../src/__tests__/server.js | 18 +++--- packages/react-cosmos-webpack/src/export.js | 2 +- .../react-cosmos-webpack/src/loader-entry.js | 2 +- .../src/loader-webpack-config.js | 20 +++---- packages/react-cosmos-webpack/src/server.js | 4 +- .../react-cosmos-webpack/src/user-modules.js | 2 +- .../src/__tests__/mocking.js | 18 +++--- .../src/__tests__/unmount.js | 8 +-- packages/react-cosmos-xhr-proxy/src/index.js | 6 +- .../src/__tests__/router.js | 18 +++--- .../react-querystring-router/src/index.js | 2 +- .../react-querystring-router/src/router.js | 4 +- packages/react-querystring-router/src/uri.js | 2 +- scripts/build.js | 14 ++--- 138 files changed, 634 insertions(+), 634 deletions(-) diff --git a/examples/axios/components/Users.js b/examples/axios/components/Users.js index 30999cf0ce..c246ef3112 100644 --- a/examples/axios/components/Users.js +++ b/examples/axios/components/Users.js @@ -5,7 +5,7 @@ export default class Users extends Component { state = { isLoading: true, error: null, - users: null, + users: null }; componentDidMount() { @@ -16,7 +16,7 @@ export default class Users extends Component { .catch(err => { this.setState({ isLoading: false, - error: err.message, + error: err.message }); }); } diff --git a/examples/axios/components/__fixtures__/Users/data.js b/examples/axios/components/__fixtures__/Users/data.js index f5ece7f5a0..46aa7a3447 100644 --- a/examples/axios/components/__fixtures__/Users/data.js +++ b/examples/axios/components/__fixtures__/Users/data.js @@ -6,13 +6,13 @@ export default { res.status(200).body([ { id: 1, - name: 'John', + name: 'John' }, { id: 2, - name: 'Jessica', - }, - ]), - }, - ], + name: 'Jessica' + } + ]) + } + ] }; diff --git a/examples/axios/components/__fixtures__/Users/missing.js b/examples/axios/components/__fixtures__/Users/missing.js index c661b6d88d..8cdd75fddc 100644 --- a/examples/axios/components/__fixtures__/Users/missing.js +++ b/examples/axios/components/__fixtures__/Users/missing.js @@ -2,7 +2,7 @@ export default { xhr: [ { url: '/users', - response: (req, res) => res.status(404), - }, - ], + response: (req, res) => res.status(404) + } + ] }; diff --git a/examples/axios/cosmos.config.js b/examples/axios/cosmos.config.js index 8ab1280e4a..d63327685c 100644 --- a/examples/axios/cosmos.config.js +++ b/examples/axios/cosmos.config.js @@ -1,4 +1,4 @@ module.exports = { componentPaths: ['components'], - proxies: ['react-cosmos-xhr-proxy'], + proxies: ['react-cosmos-xhr-proxy'] }; diff --git a/examples/browserify/loader.js b/examples/browserify/loader.js index 547aeeaeac..46de07fd8a 100644 --- a/examples/browserify/loader.js +++ b/examples/browserify/loader.js @@ -4,5 +4,5 @@ import { components, fixtures } from './prepare-modules'; module.exports = mountLoader({ proxies: [], components, - fixtures, + fixtures }); diff --git a/examples/browserify/playground.js b/examples/browserify/playground.js index f1266e5cb2..dda58ea8fe 100644 --- a/examples/browserify/playground.js +++ b/examples/browserify/playground.js @@ -3,5 +3,5 @@ const mountPlayground = require('react-cosmos-component-playground'); module.exports = mountPlayground({ - loaderUri: 'http://localhost:8990/', + loaderUri: 'http://localhost:8990/' }); diff --git a/examples/browserify/server.js b/examples/browserify/server.js index 372fa627ba..b5f02fd8c5 100644 --- a/examples/browserify/server.js +++ b/examples/browserify/server.js @@ -9,13 +9,13 @@ const onUpdate = buffer => { }; const browserify = { transform: ['babelify', 'require-globify'], - extensions: ['.js', '.json', '.jsx'], + extensions: ['.js', '.json', '.jsx'] }; budo(path.join(__dirname, 'playground'), { live: false, host: 'localhost', - port: 8989, + port: 8989 }) .on('connect', onConnect) .on('update', onUpdate); @@ -24,5 +24,5 @@ budo(path.join(__dirname, 'loader'), { live: true, host: 'localhost', port: 8990, - browserify, + browserify }).on('update', onUpdate); diff --git a/examples/context/components/Color.js b/examples/context/components/Color.js index ac7b5e69da..000e43864f 100644 --- a/examples/context/components/Color.js +++ b/examples/context/components/Color.js @@ -15,5 +15,5 @@ export default class Color extends React.Component { Color.contextTypes = { backgroundColor: PropTypes.string.isRequired, - textColor: PropTypes.string.isRequired, + textColor: PropTypes.string.isRequired }; diff --git a/examples/context/components/__fixtures__/Color/blackAndWhite.js b/examples/context/components/__fixtures__/Color/blackAndWhite.js index 85695f3ad2..a31e3bc9c0 100644 --- a/examples/context/components/__fixtures__/Color/blackAndWhite.js +++ b/examples/context/components/__fixtures__/Color/blackAndWhite.js @@ -1,6 +1,6 @@ export default { context: { backgroundColor: 'black', - textColor: 'white', - }, + textColor: 'white' + } }; diff --git a/examples/context/context-proxy.js b/examples/context/context-proxy.js index bf438292b5..b313424186 100644 --- a/examples/context/context-proxy.js +++ b/examples/context/context-proxy.js @@ -5,7 +5,7 @@ export default () => { return createContextProxy({ childContextTypes: { backgroundColor: PropTypes.string.isRequired, - textColor: PropTypes.string.isRequired, - }, + textColor: PropTypes.string.isRequired + } }); }; diff --git a/examples/context/cosmos.config.js b/examples/context/cosmos.config.js index fd012fb103..8a2d605273 100644 --- a/examples/context/cosmos.config.js +++ b/examples/context/cosmos.config.js @@ -1,4 +1,4 @@ module.exports = { componentPaths: ['components'], - proxies: ['./context-proxy'], + proxies: ['./context-proxy'] }; diff --git a/examples/fetch/components/Users.js b/examples/fetch/components/Users.js index dd2d6e3dba..59b85b80e8 100644 --- a/examples/fetch/components/Users.js +++ b/examples/fetch/components/Users.js @@ -6,7 +6,7 @@ export default class Users extends Component { state = { isLoading: true, error: null, - users: null, + users: null }; componentDidMount() { @@ -18,7 +18,7 @@ export default class Users extends Component { } else { this.setState({ isLoading: false, - error: `Error ${response.status}`, + error: `Error ${response.status}` }); } }); diff --git a/examples/fetch/components/__fixtures__/Users/data.js b/examples/fetch/components/__fixtures__/Users/data.js index 27c0cb4d55..d4bbccf6a3 100644 --- a/examples/fetch/components/__fixtures__/Users/data.js +++ b/examples/fetch/components/__fixtures__/Users/data.js @@ -5,13 +5,13 @@ export default { response: [ { id: 1, - name: 'John', + name: 'John' }, { id: 2, - name: 'Jessica', - }, - ], - }, - ], + name: 'Jessica' + } + ] + } + ] }; diff --git a/examples/fetch/components/__fixtures__/Users/missing.js b/examples/fetch/components/__fixtures__/Users/missing.js index e82c1c701c..dc0dd3d51f 100644 --- a/examples/fetch/components/__fixtures__/Users/missing.js +++ b/examples/fetch/components/__fixtures__/Users/missing.js @@ -2,7 +2,7 @@ export default { fetch: [ { matcher: '/users', - response: 404, - }, - ], + response: 404 + } + ] }; diff --git a/examples/fetch/cosmos.config.js b/examples/fetch/cosmos.config.js index e67996465c..343d64d553 100644 --- a/examples/fetch/cosmos.config.js +++ b/examples/fetch/cosmos.config.js @@ -1,4 +1,4 @@ module.exports = { componentPaths: ['components'], - proxies: ['react-cosmos-fetch-proxy'], + proxies: ['react-cosmos-fetch-proxy'] }; diff --git a/examples/local-state/components/CounterList/__fixtures__/oneTwoThree.js b/examples/local-state/components/CounterList/__fixtures__/oneTwoThree.js index 6dd81a592b..1c2e8a7b6b 100644 --- a/examples/local-state/components/CounterList/__fixtures__/oneTwoThree.js +++ b/examples/local-state/components/CounterList/__fixtures__/oneTwoThree.js @@ -2,14 +2,14 @@ export default { state: { children: { c1: { - value: 1, + value: 1 }, c2: { - value: 2, + value: 2 }, c3: { - value: 3, - }, - }, - }, + value: 3 + } + } + } }; diff --git a/examples/local-state/cosmos.config.js b/examples/local-state/cosmos.config.js index 3d284ab851..3d215592c8 100644 --- a/examples/local-state/cosmos.config.js +++ b/examples/local-state/cosmos.config.js @@ -1,3 +1,3 @@ module.exports = { - componentPaths: ['components'], + componentPaths: ['components'] }; diff --git a/examples/normalize-props-proxy/proxies/normalize-props-proxy-with-options.js b/examples/normalize-props-proxy/proxies/normalize-props-proxy-with-options.js index dbe22c6631..0d2c599582 100644 --- a/examples/normalize-props-proxy/proxies/normalize-props-proxy-with-options.js +++ b/examples/normalize-props-proxy/proxies/normalize-props-proxy-with-options.js @@ -2,5 +2,5 @@ import createNormalizePropsProxy from 'react-cosmos-normalize-props-proxy'; export default () => createNormalizePropsProxy({ - notProps: ['children', 'state', 'context', 'reduxState', 'myMagicField'], + notProps: ['children', 'state', 'context', 'reduxState', 'myMagicField'] }); diff --git a/examples/react-router/components/__fixtures__/RouteParams/user-100.js b/examples/react-router/components/__fixtures__/RouteParams/user-100.js index 4e61c05bc8..a9ff53bce8 100644 --- a/examples/react-router/components/__fixtures__/RouteParams/user-100.js +++ b/examples/react-router/components/__fixtures__/RouteParams/user-100.js @@ -1,4 +1,4 @@ export default { route: '/user/:userId', - url: '/user/100', + url: '/user/100' }; diff --git a/examples/react-router/components/__fixtures__/RouteParams/user-5.js b/examples/react-router/components/__fixtures__/RouteParams/user-5.js index ab91b6d2bd..f9707caf8f 100644 --- a/examples/react-router/components/__fixtures__/RouteParams/user-5.js +++ b/examples/react-router/components/__fixtures__/RouteParams/user-5.js @@ -1,4 +1,4 @@ export default { route: '/user/:userId', - url: '/user/5', + url: '/user/5' }; diff --git a/examples/react-router/components/__fixtures__/RouteSwitch/index.js b/examples/react-router/components/__fixtures__/RouteSwitch/index.js index 5705ae4077..c7e3e5ef8c 100644 --- a/examples/react-router/components/__fixtures__/RouteSwitch/index.js +++ b/examples/react-router/components/__fixtures__/RouteSwitch/index.js @@ -1,3 +1,3 @@ export default { - url: '/', + url: '/' }; diff --git a/examples/react-router/components/__fixtures__/RouteSwitch/url-a.js b/examples/react-router/components/__fixtures__/RouteSwitch/url-a.js index 5483510808..d75f359e1d 100644 --- a/examples/react-router/components/__fixtures__/RouteSwitch/url-a.js +++ b/examples/react-router/components/__fixtures__/RouteSwitch/url-a.js @@ -1,3 +1,3 @@ export default { - url: '/a', + url: '/a' }; diff --git a/examples/react-router/components/__fixtures__/RouteSwitch/url-b.js b/examples/react-router/components/__fixtures__/RouteSwitch/url-b.js index c7b4687921..2bb76fead0 100644 --- a/examples/react-router/components/__fixtures__/RouteSwitch/url-b.js +++ b/examples/react-router/components/__fixtures__/RouteSwitch/url-b.js @@ -1,3 +1,3 @@ export default { - url: '/b', + url: '/b' }; diff --git a/examples/react-router/cosmos.config.js b/examples/react-router/cosmos.config.js index 77876bbc21..17b8a1d140 100644 --- a/examples/react-router/cosmos.config.js +++ b/examples/react-router/cosmos.config.js @@ -1,4 +1,4 @@ module.exports = { componentPaths: ['components'], - proxies: ['react-cosmos-router-proxy'], + proxies: ['react-cosmos-router-proxy'] }; diff --git a/examples/source-map/components/Counter/Counter.js b/examples/source-map/components/Counter/Counter.js index 37997fd64a..d404fc8eb1 100644 --- a/examples/source-map/components/Counter/Counter.js +++ b/examples/source-map/components/Counter/Counter.js @@ -4,7 +4,7 @@ import './Counter.css'; export default class Counter extends Component { state = { - value: 0, + value: 0 }; onButtonClick = () => { @@ -13,7 +13,7 @@ export default class Counter extends Component { // eslint-disable-next-line no-debugger debugger; this.setState({ - value: this.state.value + 1, + value: this.state.value + 1 }); }; diff --git a/examples/source-map/cosmos.config.js b/examples/source-map/cosmos.config.js index 40081a6349..a1a272db14 100644 --- a/examples/source-map/cosmos.config.js +++ b/examples/source-map/cosmos.config.js @@ -1,3 +1,3 @@ export default { - componentPaths: ['components'], + componentPaths: ['components'] }; diff --git a/examples/source-map/webpack.config.js b/examples/source-map/webpack.config.js index cd69315ebd..766996daf1 100644 --- a/examples/source-map/webpack.config.js +++ b/examples/source-map/webpack.config.js @@ -5,27 +5,27 @@ const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { devtool: 'cheap-module-source-map', resolve: { - extensions: ['.js', '.jsx'], + extensions: ['.js', '.jsx'] }, module: { loaders: [ { test: /\.jsx?$/, loader: 'babel-loader', - exclude: /node_modules/, + exclude: /node_modules/ }, { test: /\.css$/, loader: `${require.resolve('style-loader')}!${require.resolve( 'css-loader' )}`, - exclude: /node_modules/, - }, - ], + exclude: /node_modules/ + } + ] }, plugins: [ new HtmlWebpackPlugin({ - title: 'React Cosmos', - }), - ], + title: 'React Cosmos' + }) + ] }; diff --git a/examples/webpack-commons-chunk/cosmos.config.js b/examples/webpack-commons-chunk/cosmos.config.js index 3d284ab851..3d215592c8 100644 --- a/examples/webpack-commons-chunk/cosmos.config.js +++ b/examples/webpack-commons-chunk/cosmos.config.js @@ -1,3 +1,3 @@ module.exports = { - componentPaths: ['components'], + componentPaths: ['components'] }; diff --git a/examples/webpack-commons-chunk/webpack.config.js b/examples/webpack-commons-chunk/webpack.config.js index 956198240d..b19908bf1a 100644 --- a/examples/webpack-commons-chunk/webpack.config.js +++ b/examples/webpack-commons-chunk/webpack.config.js @@ -5,23 +5,23 @@ const HtmlWebpackPlugin = require('html-webpack-plugin'); // work standalone. react-cosmos-webpack adds an entry & output when extending this. module.exports = { resolve: { - extensions: ['.js', '.jsx'], + extensions: ['.js', '.jsx'] }, module: { loaders: [ { test: /\.jsx?$/, loader: 'babel-loader', - exclude: /node_modules/, - }, - ], + exclude: /node_modules/ + } + ] }, plugins: [ new HtmlWebpackPlugin({ - title: 'React Cosmos', + title: 'React Cosmos' }), new webpack.optimize.CommonsChunkPlugin({ - names: ['manifest'], - }), - ], + names: ['manifest'] + }) + ] }; diff --git a/examples/webpack-dll/cosmos.config.js b/examples/webpack-dll/cosmos.config.js index 3d284ab851..3d215592c8 100644 --- a/examples/webpack-dll/cosmos.config.js +++ b/examples/webpack-dll/cosmos.config.js @@ -1,3 +1,3 @@ module.exports = { - componentPaths: ['components'], + componentPaths: ['components'] }; diff --git a/examples/webpack-dll/webpack.config.js b/examples/webpack-dll/webpack.config.js index 1b17382ae2..7ff9daacb3 100644 --- a/examples/webpack-dll/webpack.config.js +++ b/examples/webpack-dll/webpack.config.js @@ -6,29 +6,29 @@ const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin'); // work standalone. react-cosmos-webpack adds an entry & output when extending this. module.exports = { resolve: { - extensions: ['.js', '.jsx'], + extensions: ['.js', '.jsx'] }, module: { loaders: [ { test: /\.jsx?$/, loader: 'babel-loader', - exclude: /node_modules/, - }, - ], + exclude: /node_modules/ + } + ] }, plugins: [ new HtmlWebpackPlugin({ - title: 'React Cosmos', + title: 'React Cosmos' }), new AddAssetHtmlPlugin({ filepath: require.resolve('./build/dll.vendor'), - includeSourcemap: false, + includeSourcemap: false }), new webpack.DllReferencePlugin({ context: __dirname, manifest: require('./build/vendor-manifest.json'), - extensions: ['.js'], - }), - ], + extensions: ['.js'] + }) + ] }; diff --git a/examples/webpack-dll/webpack.vendor.config.js b/examples/webpack-dll/webpack.vendor.config.js index 9912cf223e..022d17ecee 100644 --- a/examples/webpack-dll/webpack.vendor.config.js +++ b/examples/webpack-dll/webpack.vendor.config.js @@ -3,18 +3,18 @@ const webpack = require('webpack'); module.exports = { entry: { - vendor: ['moment'], + vendor: ['moment'] }, output: { path: path.join(__dirname, 'build'), filename: 'dll.[name].js', - library: '[name]', + library: '[name]' }, plugins: [ new webpack.DllPlugin({ context: __dirname, path: path.join(__dirname, 'build', '[name]-manifest.json'), - name: '[name]', - }), - ], + name: '[name]' + }) + ] }; diff --git a/packages/__mocks__/localforage.js b/packages/__mocks__/localforage.js index b2120cf617..01853ac23c 100644 --- a/packages/__mocks__/localforage.js +++ b/packages/__mocks__/localforage.js @@ -5,5 +5,5 @@ module.exports = { itemMocks = mocks; }, getItem: jest.fn(itemKey => Promise.resolve(itemMocks[itemKey])), - setItem: jest.fn(() => Promise.resolve()), + setItem: jest.fn(() => Promise.resolve()) }; diff --git a/packages/react-cosmos-component-playground/cosmos.config.js b/packages/react-cosmos-component-playground/cosmos.config.js index 5b011050dd..86f59c5fb9 100644 --- a/packages/react-cosmos-component-playground/cosmos.config.js +++ b/packages/react-cosmos-component-playground/cosmos.config.js @@ -1,4 +1,4 @@ export default { componentPaths: ['src/components'], - globalImports: ['src/utils/global.less'], + globalImports: ['src/utils/global.less'] }; diff --git a/packages/react-cosmos-component-playground/src/__tests__/index.js b/packages/react-cosmos-component-playground/src/__tests__/index.js index 21245b69cf..f26e73b2cf 100644 --- a/packages/react-cosmos-component-playground/src/__tests__/index.js +++ b/packages/react-cosmos-component-playground/src/__tests__/index.js @@ -8,7 +8,7 @@ const mountPlayground = require('../'); let routerInstance; jest.mock('react-querystring-router', () => ({ - Router: jest.fn(), + Router: jest.fn() })); describe('Playground mount', () => { @@ -16,7 +16,7 @@ describe('Playground mount', () => { jest.resetAllMocks(); routerInstance = mountPlayground({ - loaderUri: '/fake-loader-uri/', + loaderUri: '/fake-loader-uri/' }); }); @@ -61,7 +61,7 @@ describe('Playground mount', () => { const { onChange } = routerArgs[0]; onChange({ component: 'Foo', - fixture: 'bar', + fixture: 'bar' }); expect(document.title).toBe('Foo:bar – React Cosmos'); }); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/init.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/init.js index 0ecf8d28b8..faa49dd8c3 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/init.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/init.js @@ -1,6 +1,6 @@ export default { props: { loaderUri: '/mock/loader/index.html', - router: {}, - }, + router: {} + } }; diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/ready.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/ready.js index 5d47048237..5be73fae18 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/ready.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/ready.js @@ -6,14 +6,14 @@ export default { routeLink: e => { e.preventDefault(); console.log('link to', e.currentTarget.href); - }, - }, + } + } }, state: { waitingForLoader: false, fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], - }, - }, + ComponentB: ['baz', 'qux'] + } + } }; diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-editor.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-editor.js index 566a5b91a9..149a408824 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-editor.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-editor.js @@ -6,17 +6,17 @@ export default { routeLink: e => { e.preventDefault(); console.log('link to', e.currentTarget.href); - }, + } }, component: 'ComponentA', fixture: 'foo', - editor: true, + editor: true }, state: { waitingForLoader: false, fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], - }, - }, + ComponentB: ['baz', 'qux'] + } + } }; diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-fullscreen.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-fullscreen.js index f68262f735..159c1cde04 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-fullscreen.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-fullscreen.js @@ -6,17 +6,17 @@ export default { routeLink: e => { e.preventDefault(); console.log('link to', e.currentTarget.href); - }, + } }, component: 'ComponentA', fixture: 'foo', - fullScreen: true, + fullScreen: true }, state: { waitingForLoader: false, fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], - }, - }, + ComponentB: ['baz', 'qux'] + } + } }; diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-missing.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-missing.js index 6b265461fc..1a52b2c77d 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-missing.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected-missing.js @@ -6,16 +6,16 @@ export default { routeLink: e => { e.preventDefault(); console.log('link to', e.currentTarget.href); - }, + } }, component: 'ComponentA', - fixture: 'foot', + fixture: 'foot' }, state: { waitingForLoader: false, fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], - }, - }, + ComponentB: ['baz', 'qux'] + } + } }; diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected.js index 196706dfee..50d6f10b3c 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__fixtures__/selected.js @@ -6,16 +6,16 @@ export default { routeLink: e => { e.preventDefault(); console.log('link to', e.currentTarget.href); - }, + } }, component: 'ComponentA', - fixture: 'foo', + fixture: 'foo' }, state: { waitingForLoader: false, fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], - }, - }, + ComponentB: ['baz', 'qux'] + } + } }; diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/editor.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/editor.js index 678cfa49c4..ee966bd31b 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/editor.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/editor.js @@ -43,19 +43,19 @@ describe('Fixture editor', () => { ); }).then(instance => { loaderContentWindow = { - postMessage: jest.fn(), + postMessage: jest.fn() }; // iframe.contentWindow isn't available in jsdom instance.loaderFrame = { - contentWindow: loaderContentWindow, + contentWindow: loaderContentWindow }; window.postMessage( { type: 'fixtureLoad', fixtureBody: { - foo: 'bar', - }, + foo: 'bar' + } }, '*' ); @@ -70,7 +70,7 @@ describe('Fixture editor', () => { it('sends initial fixture body as value to FixtureEditor', () => { expect(wrapper.find(FixtureEditor).prop('value')).toEqual({ - foo: 'bar', + foo: 'bar' }); }); @@ -82,8 +82,8 @@ describe('Fixture editor', () => { { type: 'fixtureUpdate', fixtureBody: { - baz: 'qux', - }, + baz: 'qux' + } }, '*' ); @@ -94,7 +94,7 @@ describe('Fixture editor', () => { it('sends updated fixture body as value to FixtureEditor', () => { expect(wrapper.find(FixtureEditor).prop('value')).toEqual({ foo: 'bar', - baz: 'qux', + baz: 'qux' }); }); }); @@ -102,7 +102,7 @@ describe('Fixture editor', () => { describe('on fixture edit from editor', () => { beforeEach(() => { wrapper.find(FixtureEditor).prop('onChange')({ - foo: 'baz', + foo: 'baz' }); }); @@ -111,8 +111,8 @@ describe('Fixture editor', () => { { type: 'fixtureEdit', fixtureBody: { - foo: 'baz', - }, + foo: 'baz' + } }, '*' ); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-landscape.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-landscape.js index 5d291b176b..fd9ffc13bb 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-landscape.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-landscape.js @@ -18,7 +18,7 @@ const mockContentNodeSize = () => { instance.contentNode = { // Landscape offsetWidth: 300, - offsetHeight: 200, + offsetHeight: 200 }; }; @@ -66,12 +66,12 @@ describe('Landscape fixture editor pane', () => { // We can't use Enzyme's simulate to trigger native events const downEvent = new MouseEvent('mousedown', { - clientX: 3, + clientX: 3 }); dragHandleElement.dispatchEvent(downEvent); const moveEvent = new MouseEvent('mousemove', { - clientX: 204, + clientX: 204 }); document.dispatchEvent(moveEvent); @@ -102,7 +102,7 @@ describe('Landscape fixture editor pane', () => { // We can't use Enzyme's simulate to trigger native events const downEvent = new MouseEvent('mousedown', { - clientX: 0, + clientX: 0 }); dragHandleElement.dispatchEvent(downEvent); @@ -119,7 +119,7 @@ describe('Landscape fixture editor pane', () => { // We can't use Enzyme's simulate to trigger native events const downEvent = new MouseEvent('mousedown', { - clientX: 0, + clientX: 0 }); dragHandleElement.dispatchEvent(downEvent); @@ -138,7 +138,7 @@ describe('Landscape fixture editor pane', () => { beforeEach(() => { localForage.__setItemMocks({ - [FIXTURE_EDITOR_PANE_SIZE]: cachedSize, + [FIXTURE_EDITOR_PANE_SIZE]: cachedSize }); return new Promise(resolve => { diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-portrait.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-portrait.js index 4e3291ca85..86e0bf2370 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-portrait.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-portrait.js @@ -18,7 +18,7 @@ const mockContentNodeSize = () => { instance.contentNode = { // Portrait offsetWidth: 200, - offsetHeight: 300, + offsetHeight: 300 }; }; @@ -66,12 +66,12 @@ describe('Portrait fixture editor pane', () => { // We can't use Enzyme's simulate to trigger native events const downEvent = new MouseEvent('mousedown', { - clientY: 3, + clientY: 3 }); dragHandleElement.dispatchEvent(downEvent); const moveEvent = new MouseEvent('mousemove', { - clientY: 204, + clientY: 204 }); document.dispatchEvent(moveEvent); @@ -99,7 +99,7 @@ describe('Portrait fixture editor pane', () => { beforeEach(() => { localForage.__setItemMocks({ - [FIXTURE_EDITOR_PANE_SIZE]: cachedSize, + [FIXTURE_EDITOR_PANE_SIZE]: cachedSize }); return new Promise(resolve => { diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-resize.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-resize.js index 8060d08615..e879ed67b7 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-resize.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-editor/pane-resize.js @@ -17,7 +17,7 @@ const mockContentNodeSize = () => { instance.contentNode = { // Landscape offsetWidth: 300, - offsetHeight: 200, + offsetHeight: 200 }; }; @@ -26,7 +26,7 @@ describe('Resize fixture editor pane', () => { beforeEach(() => { localForage.__setItemMocks({ - [FIXTURE_EDITOR_PANE_SIZE]: cachedSize, + [FIXTURE_EDITOR_PANE_SIZE]: cachedSize }); return new Promise(resolve => { @@ -60,7 +60,7 @@ describe('Resize fixture editor pane', () => { instance.contentNode = { // Portrait offsetWidth: 200, - offsetHeight: 300, + offsetHeight: 300 }; instance.onResize(); }); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-list-update.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-list-update.js index f6268885ba..4776e18f1d 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-list-update.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-list-update.js @@ -49,8 +49,8 @@ describe('CP fixture list update', () => { type: 'fixtureListUpdate', fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux', 'quux'], - }, + ComponentB: ['baz', 'qux', 'quux'] + } }, '*' ); @@ -66,14 +66,14 @@ describe('CP fixture list update', () => { test('should send fixtures to fixture list', () => { expect(wrapper.find(FixtureList).prop('fixtures')).toEqual({ ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux', 'quux'], + ComponentB: ['baz', 'qux', 'quux'] }); }); test('should send fixtures to welcome screen', () => { expect(wrapper.find(WelcomeScreen).prop('fixtures')).toEqual({ ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux', 'quux'], + ComponentB: ['baz', 'qux', 'quux'] }); }); }); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-router-select-missing.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-router-select-missing.js index 370dc187f9..0e9914d3cf 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-router-select-missing.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-router-select-missing.js @@ -27,11 +27,11 @@ describe('CP wrong fixture select via router', () => { ); }).then(() => { loaderContentWindow = { - postMessage: jest.fn(), + postMessage: jest.fn() }; // iframe.contentWindow isn't available in jsdom instance.loaderFrame = { - contentWindow: loaderContentWindow, + contentWindow: loaderContentWindow }; const { props, state } = readyFixture; @@ -40,10 +40,10 @@ describe('CP wrong fixture select via router', () => { props: { ...props, component: 'ComponentB', - fixture: 'quxx', + fixture: 'quxx' }, - state, - }, + state + } }); }); }); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-router-select.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-router-select.js index ef10d07f63..cfd48205d4 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-router-select.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-router-select.js @@ -27,11 +27,11 @@ describe('CP fixture select via router', () => { ); }).then(() => { loaderContentWindow = { - postMessage: jest.fn(), + postMessage: jest.fn() }; // iframe.contentWindow isn't available in jsdom instance.loaderFrame = { - contentWindow: loaderContentWindow, + contentWindow: loaderContentWindow }; const { props, state } = readyFixture; @@ -40,10 +40,10 @@ describe('CP fixture select via router', () => { props: { ...props, component: 'ComponentB', - fixture: 'qux', + fixture: 'qux' }, - state, - }, + state + } }); }); }); @@ -53,7 +53,7 @@ describe('CP fixture select via router', () => { { type: 'fixtureSelect', component: 'ComponentB', - fixture: 'qux', + fixture: 'qux' }, '*' ); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-selected-missing.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-selected-missing.js index 6773229b31..b94ef9f362 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-selected-missing.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-selected-missing.js @@ -48,11 +48,11 @@ describe('CP with missing fixture already selected', () => { return waitToRender.then(() => { loaderContentWindow = { - postMessage: jest.fn(), + postMessage: jest.fn() }; // iframe.contentWindow isn't available in jsdom instance.loaderFrame = { - contentWindow: loaderContentWindow, + contentWindow: loaderContentWindow }; // State is already injected, but we need to trigger this event for the @@ -60,7 +60,7 @@ describe('CP with missing fixture already selected', () => { window.postMessage( { type: 'loaderReady', - fixtures: selectedFixture.state.fixtures, + fixtures: selectedFixture.state.fixtures }, '*' ); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-selected.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-selected.js index c6d0d17630..5170ce11ca 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-selected.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixture-selected.js @@ -49,11 +49,11 @@ describe('CP with fixture already selected', () => { return waitToRender.then(() => { loaderContentWindow = { - postMessage: jest.fn(), + postMessage: jest.fn() }; // iframe.contentWindow isn't available in jsdom instance.loaderFrame = { - contentWindow: loaderContentWindow, + contentWindow: loaderContentWindow }; // State is already injected, but we need to trigger this event for the @@ -61,7 +61,7 @@ describe('CP with fixture already selected', () => { window.postMessage( { type: 'loaderReady', - fixtures: selectedFixture.state.fixtures, + fixtures: selectedFixture.state.fixtures }, '*' ); @@ -79,7 +79,7 @@ describe('CP with fixture already selected', () => { { type: 'fixtureSelect', component: 'ComponentA', - fixture: 'foo', + fixture: 'foo' }, '*' ); @@ -95,7 +95,7 @@ describe('CP with fixture already selected', () => { it('should send url params (component, fixture) to fixture list', () => { expect(props.urlParams).toEqual({ component: 'ComponentA', - fixture: 'foo', + fixture: 'foo' }); }); @@ -106,7 +106,7 @@ describe('CP with fixture already selected', () => { { type: 'fixtureSelect', component: 'ComponentA', - fixture: 'foo', + fixture: 'foo' }, '*' ); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixtures-loaded.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixtures-loaded.js index c96d160cef..1c4a1280bb 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixtures-loaded.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/fixtures-loaded.js @@ -15,12 +15,12 @@ let wrapper; describe('CP fixtures loaded', () => { beforeEach(() => { router = { - goTo: jest.fn(), + goTo: jest.fn() }; const fixture = merge({}, readyFixture, { props: { - router, - }, + router + } }); return new Promise(resolve => { @@ -52,7 +52,7 @@ describe('CP fixtures loaded', () => { test('should send fixtures to fixture list', () => { expect(props.fixtures).toEqual({ ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], + ComponentB: ['baz', 'qux'] }); }); @@ -84,7 +84,7 @@ describe('CP fixtures loaded', () => { test('should send fixtures to welcome screen', () => { expect(wrapper.find(WelcomeScreen).prop('fixtures')).toEqual({ ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], + ComponentB: ['baz', 'qux'] }); }); }); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/left-nav-drag.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/left-nav-drag.js index e263e10529..06bd26cbf1 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/left-nav-drag.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/left-nav-drag.js @@ -40,7 +40,7 @@ describe('CP left nav drag', () => { beforeEach(() => { localForage.__setItemMocks({ - [LEFT_NAV_SIZE]: cachedSize, + [LEFT_NAV_SIZE]: cachedSize }); return new Promise(resolve => { @@ -80,12 +80,12 @@ describe('CP left nav drag', () => { // We can't use Enzyme's simulate to trigger native events const downEvent = new MouseEvent('mousedown', { - clientX: 2, + clientX: 2 }); dragHandleElement.dispatchEvent(downEvent); const moveEvent = new MouseEvent('mousemove', { - clientX: 202, + clientX: 202 }); document.dispatchEvent(moveEvent); @@ -111,7 +111,7 @@ describe('CP left nav drag', () => { // We can't use Enzyme's simulate to trigger native events const downEvent = new MouseEvent('mousedown', { - clientX: 0, + clientX: 0 }); dragHandleElement.dispatchEvent(downEvent); @@ -128,7 +128,7 @@ describe('CP left nav drag', () => { // We can't use Enzyme's simulate to trigger native events const downEvent = new MouseEvent('mousedown', { - clientX: 0, + clientX: 0 }); dragHandleElement.dispatchEvent(downEvent); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/loader-ready.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/loader-ready.js index 3f3c988dfc..c2f908df2a 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/loader-ready.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/__tests__/loader-ready.js @@ -47,8 +47,8 @@ describe('CP loader ready', () => { type: 'loaderReady', fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], - }, + ComponentB: ['baz', 'qux'] + } }, '*' ); @@ -68,7 +68,7 @@ describe('CP loader ready', () => { test('should add fixtures to state', () => { expect(instance.state.fixtures).toEqual({ ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], + ComponentB: ['baz', 'qux'] }); }); }); diff --git a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/index.js b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/index.js index 50a03684ee..ce6a19efb2 100644 --- a/packages/react-cosmos-component-playground/src/components/ComponentPlayground/index.js +++ b/packages/react-cosmos-component-playground/src/components/ComponentPlayground/index.js @@ -25,7 +25,7 @@ const postMessageToFrame = (frame, data) => export default class ComponentPlayground extends Component { static defaultProps = { editor: false, - fullScreen: false, + fullScreen: false }; // Exclude params with default values @@ -38,7 +38,7 @@ export default class ComponentPlayground extends Component { leftNavSize: 250, fixtureEditorPaneSize: 250, orientation: 'landscape', - fixtureBody: {}, + fixtureBody: {} }; componentDidMount() { @@ -48,14 +48,14 @@ export default class ComponentPlayground extends Component { // Remember the resizable pane offsets between sessions Promise.all([ localForage.getItem(LEFT_NAV_SIZE), - localForage.getItem(FIXTURE_EDITOR_PANE_SIZE), + localForage.getItem(FIXTURE_EDITOR_PANE_SIZE) ]).then(([leftNavSize, fixtureEditorPaneSize]) => { this.setState( // Only override default values when cache values are present omitBy( { leftNavSize, - fixtureEditorPaneSize, + fixtureEditorPaneSize }, val => typeof val !== 'number' ), @@ -80,7 +80,7 @@ export default class ComponentPlayground extends Component { postMessageToFrame(this.loaderFrame, { type: 'fixtureSelect', component, - fixture, + fixture }); } } @@ -110,7 +110,7 @@ export default class ComponentPlayground extends Component { this.setState( { waitingForLoader: false, - fixtures, + fixtures }, // We update the content orientation because the content width decreases // when the left nav becomes visible @@ -122,20 +122,20 @@ export default class ComponentPlayground extends Component { postMessageToFrame(loaderFrame, { type: 'fixtureSelect', component, - fixture, + fixture }); } } onFixtureListUpdate({ fixtures }) { this.setState({ - fixtures, + fixtures }); } onFixtureLoad({ fixtureBody }) { this.setState({ - fixtureBody, + fixtureBody }); } @@ -144,8 +144,8 @@ export default class ComponentPlayground extends Component { // Fixture updates are partial fixtureBody: { ...this.state.fixtureBody, - ...fixtureBody, - }, + ...fixtureBody + } }); } @@ -155,7 +155,7 @@ export default class ComponentPlayground extends Component { postMessageToFrame(this.loaderFrame, { type: 'fixtureSelect', component, - fixture, + fixture }); } else { this.props.router.goTo(location); @@ -165,7 +165,7 @@ export default class ComponentPlayground extends Component { onLeftNavDrag = leftNavSize => { this.setState( { - leftNavSize, + leftNavSize }, // We update the content orientation because the content width changes // when the width of left nav changes @@ -177,7 +177,7 @@ export default class ComponentPlayground extends Component { onFixtureEditorPaneDrag = fixtureEditorPaneSize => { this.setState({ - fixtureEditorPaneSize, + fixtureEditorPaneSize }); localForage.setItem(FIXTURE_EDITOR_PANE_SIZE, fixtureEditorPaneSize); @@ -193,12 +193,12 @@ export default class ComponentPlayground extends Component { onFixtureEditorChange = fixtureBody => { this.setState({ - fixtureBody, + fixtureBody }); postMessageToFrame(this.loaderFrame, { type: 'fixtureEdit', - fixtureBody, + fixtureBody }); }; @@ -213,7 +213,7 @@ export default class ComponentPlayground extends Component { updateContentOrientation() { const { offsetHeight, offsetWidth } = this.contentNode; this.setState({ - orientation: offsetHeight > offsetWidth ? 'portrait' : 'landscape', + orientation: offsetHeight > offsetWidth ? 'portrait' : 'landscape' }); } @@ -245,7 +245,7 @@ export default class ComponentPlayground extends Component { const isLoaderVisible = isFixtureSelected && !isMissingFixtureSelected; const classes = classNames(styles.content, { [styles.contentPortrait]: orientation === 'portrait', - [styles.contentLandscape]: orientation === 'landscape', + [styles.contentLandscape]: orientation === 'landscape' }); return ( @@ -272,26 +272,26 @@ export default class ComponentPlayground extends Component { component, fixture, editor, - fullScreen, + fullScreen }); const isFixtureSelected = Boolean(fixture); const homeClassNames = classNames(styles.button, { - [styles.selectedButton]: !isFixtureSelected, + [styles.selectedButton]: !isFixtureSelected }); const fixtureEditorClassNames = classNames(styles.button, { - [styles.selectedButton]: editor, + [styles.selectedButton]: editor }); const fixtureEditorUrl = uri.stringifyParams( getCleanUrlParams({ component, fixture, - editor: !editor, + editor: !editor }) ); const fullScreenUrl = uri.stringifyParams({ component, fixture, - fullScreen: true, + fullScreen: true }); return ( @@ -299,7 +299,7 @@ export default class ComponentPlayground extends Component { key="leftNav" className={styles.leftNav} style={{ - width: leftNavSize, + width: leftNavSize }} >
@@ -353,7 +353,7 @@ export default class ComponentPlayground extends Component { renderFixtureEditor() { const { orientation, fixtureEditorPaneSize, fixtureBody } = this.state; const style = { - [orientation === 'landscape' ? 'width' : 'height']: fixtureEditorPaneSize, + [orientation === 'landscape' ? 'width' : 'height']: fixtureEditorPaneSize }; return ( @@ -378,10 +378,10 @@ export default class ComponentPlayground extends Component { const { loaderUri } = this.props; const { isDragging } = this.state; const loaderStyle = { - display: isLoaderVisible ? 'block' : 'none', + display: isLoaderVisible ? 'block' : 'none' }; const loaderFrameOverlayStyle = { - display: isDragging ? 'block' : 'none', + display: isDragging ? 'block' : 'none' }; return ( @@ -402,5 +402,5 @@ ComponentPlayground.propTypes = { component: string, fixture: string, editor: bool, - fullScreen: bool, + fullScreen: bool }; diff --git a/packages/react-cosmos-component-playground/src/components/DisplayScreen/__fixtures__/hi-there.js b/packages/react-cosmos-component-playground/src/components/DisplayScreen/__fixtures__/hi-there.js index 68cd445a28..27b8f07465 100644 --- a/packages/react-cosmos-component-playground/src/components/DisplayScreen/__fixtures__/hi-there.js +++ b/packages/react-cosmos-component-playground/src/components/DisplayScreen/__fixtures__/hi-there.js @@ -1,3 +1,3 @@ export default { - children: 'Hi there!', + children: 'Hi there!' }; diff --git a/packages/react-cosmos-component-playground/src/components/DragHandle/__fixtures__/horizontal.js b/packages/react-cosmos-component-playground/src/components/DragHandle/__fixtures__/horizontal.js index 98d78bf0bc..1574cdfeef 100644 --- a/packages/react-cosmos-component-playground/src/components/DragHandle/__fixtures__/horizontal.js +++ b/packages/react-cosmos-component-playground/src/components/DragHandle/__fixtures__/horizontal.js @@ -1,5 +1,5 @@ export default { props: { - onDrag: value => console.log(value), - }, + onDrag: value => console.log(value) + } }; diff --git a/packages/react-cosmos-component-playground/src/components/DragHandle/__fixtures__/vertical.js b/packages/react-cosmos-component-playground/src/components/DragHandle/__fixtures__/vertical.js index 69db173c16..80c52ead10 100644 --- a/packages/react-cosmos-component-playground/src/components/DragHandle/__fixtures__/vertical.js +++ b/packages/react-cosmos-component-playground/src/components/DragHandle/__fixtures__/vertical.js @@ -1,6 +1,6 @@ export default { props: { vertical: true, - onDrag: value => console.log(value), - }, + onDrag: value => console.log(value) + } }; diff --git a/packages/react-cosmos-component-playground/src/components/DragHandle/__tests__/render.js b/packages/react-cosmos-component-playground/src/components/DragHandle/__tests__/render.js index b424e47412..6fc353c5b9 100644 --- a/packages/react-cosmos-component-playground/src/components/DragHandle/__tests__/render.js +++ b/packages/react-cosmos-component-playground/src/components/DragHandle/__tests__/render.js @@ -13,7 +13,7 @@ const createNodeMock = () => nodeMock; beforeEach(() => { nodeMock = { addEventListener: jest.fn(), - removeEventListener: jest.fn(), + removeEventListener: jest.fn() }; }); diff --git a/packages/react-cosmos-component-playground/src/components/DragHandle/index.js b/packages/react-cosmos-component-playground/src/components/DragHandle/index.js index 90de34b879..014eada46d 100644 --- a/packages/react-cosmos-component-playground/src/components/DragHandle/index.js +++ b/packages/react-cosmos-component-playground/src/components/DragHandle/index.js @@ -6,7 +6,7 @@ import styles from './index.less'; class DragHandle extends Component { state = { isDragging: false, - offset: 0, + offset: 0 }; componentDidMount() { @@ -33,7 +33,7 @@ class DragHandle extends Component { this.setState( { isDragging: true, - offset, + offset }, this.props.onDragStart ); @@ -53,7 +53,7 @@ class DragHandle extends Component { onMouseUp = () => { this.setState( { - isDragging: false, + isDragging: false }, this.props.onDragEnd ); @@ -64,7 +64,7 @@ class DragHandle extends Component { const className = classNames(styles.root, { [styles.vertical]: vertical, - [styles.horizontal]: !vertical, + [styles.horizontal]: !vertical }); return (
{}, - onDragEnd: () => {}, + onDragEnd: () => {} }; export default DragHandle; diff --git a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/empty.js b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/empty.js index cba5ba2c11..ffb1e4eff1 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/empty.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/empty.js @@ -1,6 +1,6 @@ export default { props: { value: {}, - onChange: value => console.log('change', value), - }, + onChange: value => console.log('change', value) + } }; diff --git a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/erred.js b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/erred.js index ad5687e068..29a06582d5 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/erred.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/erred.js @@ -2,14 +2,14 @@ export default { props: { value: { props: { - foo: 'bar', - }, + foo: 'bar' + } }, - onChange: value => console.log('change', value), + onChange: value => console.log('change', value) }, state: { value: '{\n "props": {\n "foo": "bar"\n }\n}z', isFocused: false, - error: 'Unexpected token x in JSON at position 37', - }, + error: 'Unexpected token x in JSON at position 37' + } }; diff --git a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/focused.js b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/focused.js index 56d3809236..375939d0a1 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/focused.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/focused.js @@ -2,12 +2,12 @@ export default { props: { value: { props: { - foo: 'bar', - }, + foo: 'bar' + } }, - onChange: value => console.log('change', value), + onChange: value => console.log('change', value) }, state: { - isFocused: true, - }, + isFocused: true + } }; diff --git a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/props.js b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/props.js index 82bc45aaaf..e74220a0d7 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/props.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__fixtures__/props.js @@ -2,9 +2,9 @@ export default { props: { value: { props: { - foo: 'bar', - }, + foo: 'bar' + } }, - onChange: value => console.log('change', value), - }, + onChange: value => console.log('change', value) + } }; diff --git a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/error.js b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/error.js index 1e8f78a1b0..85192626cb 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/error.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/error.js @@ -17,8 +17,8 @@ describe('FixtureEditor error', () => { return new Promise(resolve => { fixture = merge({}, erredFixture, { props: { - onChange: jest.fn(), - }, + onChange: jest.fn() + } }); // Mount component in order for ref and lifecycle methods to be called @@ -45,7 +45,7 @@ describe('FixtureEditor error', () => { beforeEach(() => { wrapper.find(CodeMirror).prop('onChange')( stringify({ - props: { baz: 'qux' }, + props: { baz: 'qux' } }) ); }); @@ -62,11 +62,11 @@ describe('FixtureEditor error', () => { props: { value: { props: { - foo: 'baz', - }, - }, - }, - }), + foo: 'baz' + } + } + } + }) }); }); @@ -74,8 +74,8 @@ describe('FixtureEditor error', () => { expect(wrapper.find(CodeMirror).prop('value')).toBe( stringify({ props: { - foo: 'baz', - }, + foo: 'baz' + } }) ); }); diff --git a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/focused.js b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/focused.js index 8cfb66d7e3..08369446e3 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/focused.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/focused.js @@ -17,8 +17,8 @@ describe('FixtureEditor focused', () => { return new Promise(resolve => { const fixture = merge({}, focusedFixture, { props: { - onChange: jest.fn(), - }, + onChange: jest.fn() + } }); // Mount component in order for ref and lifecycle methods to be called @@ -38,11 +38,11 @@ describe('FixtureEditor focused', () => { props: { value: { props: { - foo: 'baz', - }, - }, - }, - }), + foo: 'baz' + } + } + } + }) }); }); }); @@ -51,8 +51,8 @@ describe('FixtureEditor focused', () => { expect(wrapper.find(CodeMirror).prop('value')).toBe( stringify({ props: { - foo: 'bar', - }, + foo: 'bar' + } }) ); }); diff --git a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/index.js b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/index.js index 879f22fa78..e749c57d42 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/index.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureEditor/__tests__/index.js @@ -21,8 +21,8 @@ describe('FixtureEditor', () => { fixture = merge({}, propsFixture, { props: { onChange: jest.fn(), - onFocusChange: jest.fn(), - }, + onFocusChange: jest.fn() + } }); wrapper = shallowLoader( @@ -43,7 +43,7 @@ describe('FixtureEditor', () => { it('have stringified value', () => { expect(props.value).toBe( stringify({ - props: { foo: 'bar' }, + props: { foo: 'bar' } }) ); }); @@ -55,13 +55,13 @@ describe('FixtureEditor', () => { it('trigger onChange prop on valid input', () => { props.onChange( stringify({ - props: { baz: 'qux' }, + props: { baz: 'qux' } }) ); expect(fixture.props.onChange).toHaveBeenCalledWith({ props: { - baz: 'qux', - }, + baz: 'qux' + } }); }); diff --git a/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated-and-selected.js b/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated-and-selected.js index 1f53eccc8e..d06711aac0 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated-and-selected.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated-and-selected.js @@ -2,12 +2,12 @@ export default { props: { fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], + ComponentB: ['baz', 'qux'] }, urlParams: { component: 'ComponentA', - fixture: 'bar', + fixture: 'bar' }, - onUrlChange: () => {}, - }, + onUrlChange: () => {} + } }; diff --git a/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated-with-editor.js b/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated-with-editor.js index 5ba4f59b31..9d161525a8 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated-with-editor.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated-with-editor.js @@ -2,11 +2,11 @@ export default { props: { fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], + ComponentB: ['baz', 'qux'] }, urlParams: { - editor: true, + editor: true }, - onUrlChange: () => {}, - }, + onUrlChange: () => {} + } }; diff --git a/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated.js b/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated.js index aa69edf66e..b444c3e55e 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureList/__fixtures__/populated.js @@ -2,9 +2,9 @@ export default { props: { fixtures: { ComponentA: ['foo', 'bar'], - ComponentB: ['baz', 'qux'], + ComponentB: ['baz', 'qux'] }, urlParams: {}, - onUrlChange: () => {}, - }, + onUrlChange: () => {} + } }; diff --git a/packages/react-cosmos-component-playground/src/components/FixtureList/__tests__/index.js b/packages/react-cosmos-component-playground/src/components/FixtureList/__tests__/index.js index 04449dcd86..e5d559db3b 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureList/__tests__/index.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureList/__tests__/index.js @@ -122,8 +122,8 @@ describe('Select', () => { onUrlChange = jest.fn(); const fixture = merge({}, populatedFixture, { props: { - onUrlChange, - }, + onUrlChange + } }); wrapper = shallowLoader( @@ -136,8 +136,8 @@ describe('Select', () => { fixtureFoo.simulate('click', { preventDefault: jest.fn(), currentTarget: { - href: fixtureFoo.prop('href'), - }, + href: fixtureFoo.prop('href') + } }); expect(onUrlChange).toHaveBeenCalledWith(fixtureFoo.prop('href')); @@ -149,8 +149,8 @@ describe('Select', () => { fixtureQux.simulate('click', { preventDefault: jest.fn(), currentTarget: { - href: fixtureQux.prop('href'), - }, + href: fixtureQux.prop('href') + } }); expect(onUrlChange).toHaveBeenCalledWith(fixtureQux.prop('href')); diff --git a/packages/react-cosmos-component-playground/src/components/FixtureList/index.js b/packages/react-cosmos-component-playground/src/components/FixtureList/index.js index b153e54ebb..4ee4fb9892 100644 --- a/packages/react-cosmos-component-playground/src/components/FixtureList/index.js +++ b/packages/react-cosmos-component-playground/src/components/FixtureList/index.js @@ -35,7 +35,7 @@ const getFilteredFixtures = (fixtures, searchText) => { export default class FixtureList extends Component { state = { - searchText: '', + searchText: '' }; componentDidMount() { @@ -56,7 +56,7 @@ export default class FixtureList extends Component { this.searchInput.focus(); } else if (e.keyCode === KEY_ESC && isFocused) { this.setState({ - searchText: '', + searchText: '' }); this.searchInput.blur(); @@ -65,7 +65,7 @@ export default class FixtureList extends Component { onChange = e => { this.setState({ - searchText: e.target.value, + searchText: e.target.value }); }; @@ -110,12 +110,12 @@ export default class FixtureList extends Component { const fixtureClassNames = classNames(styles.fixture, { [styles.fixtureSelected]: component === urlParams.component && - fixture === urlParams.fixture, + fixture === urlParams.fixture }); const nextUrlParams = { ...urlParams, component, - fixture, + fixture }; return ( @@ -145,7 +145,7 @@ FixtureList.propTypes = { component: string, fixture: string, editor: bool, - fullScreen: bool, + fullScreen: bool }).isRequired, - onUrlChange: func.isRequired, + onUrlChange: func.isRequired }; diff --git a/packages/react-cosmos-component-playground/src/components/MissingScreen/__fixtures__/missing-fixture.js b/packages/react-cosmos-component-playground/src/components/MissingScreen/__fixtures__/missing-fixture.js index b41604c410..d0b141a827 100644 --- a/packages/react-cosmos-component-playground/src/components/MissingScreen/__fixtures__/missing-fixture.js +++ b/packages/react-cosmos-component-playground/src/components/MissingScreen/__fixtures__/missing-fixture.js @@ -1,6 +1,6 @@ export default { props: { componentName: 'Flatris', - fixtureName: 'WithState', - }, + fixtureName: 'WithState' + } }; diff --git a/packages/react-cosmos-component-playground/src/components/StarryBg/__fixtures__/blank.js b/packages/react-cosmos-component-playground/src/components/StarryBg/__fixtures__/blank.js index 3908c3691f..6228e9f15b 100644 --- a/packages/react-cosmos-component-playground/src/components/StarryBg/__fixtures__/blank.js +++ b/packages/react-cosmos-component-playground/src/components/StarryBg/__fixtures__/blank.js @@ -1,3 +1,3 @@ export default { - props: {}, + props: {} }; diff --git a/packages/react-cosmos-component-playground/src/components/StarryBg/__fixtures__/content.js b/packages/react-cosmos-component-playground/src/components/StarryBg/__fixtures__/content.js index b6036b83a2..5d42782b05 100644 --- a/packages/react-cosmos-component-playground/src/components/StarryBg/__fixtures__/content.js +++ b/packages/react-cosmos-component-playground/src/components/StarryBg/__fixtures__/content.js @@ -1,4 +1,4 @@ export default { props: {}, - children: 'floating over the starry sky...', + children: 'floating over the starry sky...' }; diff --git a/packages/react-cosmos-component-playground/src/components/SvgIcon/__fixtures__/home.js b/packages/react-cosmos-component-playground/src/components/SvgIcon/__fixtures__/home.js index 239d1e9b9d..fd5e550d05 100644 --- a/packages/react-cosmos-component-playground/src/components/SvgIcon/__fixtures__/home.js +++ b/packages/react-cosmos-component-playground/src/components/SvgIcon/__fixtures__/home.js @@ -1,5 +1,5 @@ export default { props: { - d: 'M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z', - }, + d: 'M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z' + } }; diff --git a/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/components-with-fixtures.js b/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/components-with-fixtures.js index b7c3e7a268..2d5077187f 100644 --- a/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/components-with-fixtures.js +++ b/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/components-with-fixtures.js @@ -2,7 +2,7 @@ export default { props: { fixtures: { ComponentA: ['foo'], - ComponentB: ['bar'], - }, - }, + ComponentB: ['bar'] + } + } }; diff --git a/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/components-without-fixtures.js b/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/components-without-fixtures.js index 297ece3cd5..aca54f83dd 100644 --- a/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/components-without-fixtures.js +++ b/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/components-without-fixtures.js @@ -2,7 +2,7 @@ export default { props: { fixtures: { ComponentA: [], - ComponentB: [], - }, - }, + ComponentB: [] + } + } }; diff --git a/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/no-components.js b/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/no-components.js index 36df2b585c..5a664fdf1b 100644 --- a/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/no-components.js +++ b/packages/react-cosmos-component-playground/src/components/WelcomeScreen/__fixtures__/no-components.js @@ -1,5 +1,5 @@ export default { props: { - fixtures: {}, - }, + fixtures: {} + } }; diff --git a/packages/react-cosmos-component-playground/src/index.js b/packages/react-cosmos-component-playground/src/index.js index e5ae89586b..2f21fac621 100644 --- a/packages/react-cosmos-component-playground/src/index.js +++ b/packages/react-cosmos-component-playground/src/index.js @@ -25,10 +25,10 @@ module.exports = opts => { getComponentClass: () => ReactComponentPlayground, getComponentProps: params => ({ ...params, - loaderUri, + loaderUri }), onChange: params => { document.title = getPageTitle(params); - }, + } }); }; diff --git a/packages/react-cosmos-component-playground/webpack.config.js b/packages/react-cosmos-component-playground/webpack.config.js index 3dfa0937b8..b22b155b15 100644 --- a/packages/react-cosmos-component-playground/webpack.config.js +++ b/packages/react-cosmos-component-playground/webpack.config.js @@ -10,9 +10,9 @@ const env = process.env.NODE_ENV || 'development'; const plugins = [ new webpack.DefinePlugin({ 'process.env': { - NODE_ENV: JSON.stringify(env), - }, - }), + NODE_ENV: JSON.stringify(env) + } + }) ]; if (env === 'production') { @@ -21,14 +21,14 @@ if (env === 'production') { new webpack.optimize.UglifyJsPlugin({ compress: true, mangle: false, - beautify: true, + beautify: true }) ); } else { // Used by Cosmos config (when loading Playground inside Playground) plugins.push( new HtmlWebpackPlugin({ - title: 'React Cosmos', + title: 'React Cosmos' }) ); } @@ -39,17 +39,17 @@ module.exports = { libraryTarget: 'umd', library: 'mountPlayground', path: lib, - filename: 'index.js', + filename: 'index.js' }, resolve: { - extensions: ['.js', '.jsx'], + extensions: ['.js', '.jsx'] }, module: { rules: [ { test: /\.jsx?$/, include: src, - use: 'babel-loader', + use: 'babel-loader' }, { test: /\.(css|less)$/, @@ -57,20 +57,20 @@ module.exports = { use: [ 'style-loader', 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]', - 'less-loader', - ], + 'less-loader' + ] }, { test: /\.css$/, include: nodeModules, - use: ['style-loader', 'css-loader'], + use: ['style-loader', 'css-loader'] }, { test: /\.(png|woff)$/, include: src, - use: 'url-loader', - }, - ], + use: 'url-loader' + } + ] }, - plugins, + plugins }; diff --git a/packages/react-cosmos-config/src/index.js b/packages/react-cosmos-config/src/index.js index 8d58624f2e..7438fcff31 100644 --- a/packages/react-cosmos-config/src/index.js +++ b/packages/react-cosmos-config/src/index.js @@ -22,7 +22,7 @@ const defaults = { proxies: [], webpackConfigPath: 'webpack.config', outputPath: 'cosmos-export', - publicUrl: '/loader/', + publicUrl: '/loader/' }; const PATHS = ['componentPaths', 'fixturePaths', 'globalImports', 'proxies']; @@ -35,7 +35,7 @@ export default function getCosmosConfig(configPath = 'cosmos.config') { const config = { ...defaults, - ...userConfig, + ...userConfig }; const resolvedConfig = Object.keys(config).reduce((result, key) => { if (PATHS.indexOf(key) > -1) { diff --git a/packages/react-cosmos-context-proxy/src/index.js b/packages/react-cosmos-context-proxy/src/index.js index 8063903a9f..e9e62ff1e5 100644 --- a/packages/react-cosmos-context-proxy/src/index.js +++ b/packages/react-cosmos-context-proxy/src/index.js @@ -2,7 +2,7 @@ import proxyPropTypes from 'react-cosmos-utils/lib/proxy-prop-types'; import React from 'react'; const defaults = { - fixtureKey: 'context', + fixtureKey: 'context' }; export default function createContextProxy(options) { @@ -20,7 +20,7 @@ export default function createContextProxy(options) { ...this.props, nextProxy: nextProxy.next(), fixture, - onComponentRef, + onComponentRef }); } } diff --git a/packages/react-cosmos-fetch-proxy/src/__tests__/mocking.js b/packages/react-cosmos-fetch-proxy/src/__tests__/mocking.js index b56392e65b..9b671a94e9 100644 --- a/packages/react-cosmos-fetch-proxy/src/__tests__/mocking.js +++ b/packages/react-cosmos-fetch-proxy/src/__tests__/mocking.js @@ -22,7 +22,7 @@ beforeEach(() => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; componentRef = {}; @@ -39,7 +39,7 @@ beforeEach(() => { fetch: [ { matcher: '/users', - response: [{ name: 'John' }, { name: 'Jessica' }], + response: [{ name: 'John' }, { name: 'Jessica' }] }, { matcher: '/user', @@ -47,18 +47,18 @@ beforeEach(() => { response: (url, { body }) => { return { id: body.id, - name: 'John Doe', + name: 'John Doe' }; - }, + } }, { matcher: '/user', method: 'DELETE', response: { - throws: 'Not allowed', - }, - }, - ], + throws: 'Not allowed' + } + } + ] }} onComponentRef={ref => { onComponentRef(ref); @@ -126,8 +126,8 @@ describe('fetch mocking', () => { return fetch('/user', { method: 'POST', body: { - id: 5, - }, + id: 5 + } }).then(response => response .json() @@ -141,8 +141,8 @@ describe('fetch mocking', () => { return fetch('/user', { method: 'DELETE', body: { - id: 5, - }, + id: 5 + } }).catch(err => expect(err).toEqual('Not allowed')); }); }); diff --git a/packages/react-cosmos-fetch-proxy/src/__tests__/unmount.js b/packages/react-cosmos-fetch-proxy/src/__tests__/unmount.js index a366dfe899..d338ee5863 100644 --- a/packages/react-cosmos-fetch-proxy/src/__tests__/unmount.js +++ b/packages/react-cosmos-fetch-proxy/src/__tests__/unmount.js @@ -18,7 +18,7 @@ beforeEach(() => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; @@ -30,9 +30,9 @@ beforeEach(() => { fetch: [ { matcher: '/users', - response: [{ name: 'John' }, { name: 'Jessica' }], - }, - ], + response: [{ name: 'John' }, { name: 'Jessica' }] + } + ] }} onComponentRef={() => {}} onFixtureUpdate={() => {}} diff --git a/packages/react-cosmos-fetch-proxy/src/index.js b/packages/react-cosmos-fetch-proxy/src/index.js index 3f096f48dc..a18e81db41 100644 --- a/packages/react-cosmos-fetch-proxy/src/index.js +++ b/packages/react-cosmos-fetch-proxy/src/index.js @@ -3,7 +3,7 @@ import fetchMock from 'fetch-mock'; import proxyPropTypes from 'react-cosmos-utils/lib/proxy-prop-types'; const defaults = { - fixtureKey: 'fetch', + fixtureKey: 'fetch' }; export default function createFetchProxy(options) { @@ -35,7 +35,7 @@ export default function createFetchProxy(options) { return React.createElement(nextProxy.value, { ...props, nextProxy: nextProxy.next(), - onComponentRef, + onComponentRef }); } } diff --git a/packages/react-cosmos-loader/src/__tests__/mount.js b/packages/react-cosmos-loader/src/__tests__/mount.js index e50ac8cc08..a5751c17c4 100644 --- a/packages/react-cosmos-loader/src/__tests__/mount.js +++ b/packages/react-cosmos-loader/src/__tests__/mount.js @@ -6,10 +6,10 @@ import { mount } from '../'; jest.mock('react', () => ({ Component: jest.fn(), - createElement: jest.fn(() => '__mock_element__'), + createElement: jest.fn(() => '__mock_element__') })); jest.mock('react-dom', () => ({ - render: jest.fn(), + render: jest.fn() })); jest.mock('react-cosmos-state-proxy', () => jest.fn()); @@ -26,13 +26,13 @@ describe('without container query selector', () => { mount({ proxies: [mockProxy], components: { - foo: mockComponent, + foo: mockComponent }, fixtures: { foo: { - bar: mockFixture, - }, - }, + bar: mockFixture + } + } }); }); @@ -83,14 +83,14 @@ describe('with container query selector and class name', () => { mount({ proxies: [mockProxy], components: { - foo: mockComponent, + foo: mockComponent }, fixtures: { foo: { - bar: mockFixture, - }, + bar: mockFixture + } }, - containerQuerySelector: '#app123', + containerQuerySelector: '#app123' }); }); diff --git a/packages/react-cosmos-loader/src/components/Loader/__tests__/index.js b/packages/react-cosmos-loader/src/components/Loader/__tests__/index.js index 3ada9c5cc9..284d93c8ac 100644 --- a/packages/react-cosmos-loader/src/components/Loader/__tests__/index.js +++ b/packages/react-cosmos-loader/src/components/Loader/__tests__/index.js @@ -9,12 +9,12 @@ const createProxyFoo = () => ProxyFoo; const ComponentFoo = () => ; const ComponentFooModule = { __esModule: true, - default: ComponentFoo, + default: ComponentFoo }; const fixtureFoo = { foo: 'bar' }; const fixtureFooModule = { __esModule: true, - default: fixtureFoo, + default: fixtureFoo }; const onComponentRef = () => {}; diff --git a/packages/react-cosmos-loader/src/components/Loader/index.js b/packages/react-cosmos-loader/src/components/Loader/index.js index 9d7c3561b6..3c25b219df 100644 --- a/packages/react-cosmos-loader/src/components/Loader/index.js +++ b/packages/react-cosmos-loader/src/components/Loader/index.js @@ -52,11 +52,11 @@ Loader.propTypes = { component: createModuleType(func).isRequired, fixture: createModuleType(object).isRequired, proxies: array, - onComponentRef: func, + onComponentRef: func }; Loader.defaultProps = { - proxies: [], + proxies: [] }; export default Loader; diff --git a/packages/react-cosmos-loader/src/components/PropsProxy/__tests__/index.js b/packages/react-cosmos-loader/src/components/PropsProxy/__tests__/index.js index e523d29c93..fd57a2272d 100644 --- a/packages/react-cosmos-loader/src/components/PropsProxy/__tests__/index.js +++ b/packages/react-cosmos-loader/src/components/PropsProxy/__tests__/index.js @@ -5,9 +5,9 @@ import PropsProxy from '../'; const Component = () => {}; const fixture = { props: { - foo: 'bar', + foo: 'bar' }, - children: [

Child 1

], + children: [

Child 1

] }; const onComponentRef = jest.fn(); diff --git a/packages/react-cosmos-loader/src/components/PropsProxy/index.js b/packages/react-cosmos-loader/src/components/PropsProxy/index.js index fac33fd459..3a6640f930 100644 --- a/packages/react-cosmos-loader/src/components/PropsProxy/index.js +++ b/packages/react-cosmos-loader/src/components/PropsProxy/index.js @@ -12,7 +12,7 @@ export default class PropsProxy extends Component { component, { ...fixture.props, - ref: onComponentRef, + ref: onComponentRef }, fixture.children ); @@ -22,5 +22,5 @@ export default class PropsProxy extends Component { PropsProxy.propTypes = { component: func.isRequired, fixture: object.isRequired, - onComponentRef: func.isRequired, + onComponentRef: func.isRequired }; diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/component-change.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/component-change.js index 1f4725385d..e88f26bbf0 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/component-change.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/component-change.js @@ -41,12 +41,12 @@ describe('Component source changes', () => { { { type: 'fixtureSelect', component: 'Foo', - fixture: 'foo', + fixture: 'foo' }, '*' ); @@ -70,8 +70,8 @@ describe('Component source changes', () => { .then(() => { wrapper.setProps({ components: { - Foo: ComponentFoo2, - }, + Foo: ComponentFoo2 + } }); firstProxyWrapper = wrapper.find(ProxyFoo); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-add.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-add.js index dd3ba0fb1b..84aa577a99 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-add.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-add.js @@ -41,12 +41,12 @@ describe('Fixture is added', () => { ); @@ -57,7 +57,7 @@ describe('Fixture is added', () => { { type: 'fixtureSelect', component: 'Foo', - fixture: 'foo', + fixture: 'foo' }, '*' ); @@ -69,9 +69,9 @@ describe('Fixture is added', () => { fixtures: { Foo: { foo: fixtureFoo, - bar: fixtureBar, - }, - }, + bar: fixtureBar + } + } }); return onFixtureListUpdate; @@ -89,8 +89,8 @@ describe('Fixture is added', () => { expect(fixtureListUpdateMessage).toEqual({ type: 'fixtureListUpdate', fixtures: { - Foo: ['foo', 'bar'], - }, + Foo: ['foo', 'bar'] + } }); }); }); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-change.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-change.js index 8afafc2916..84ef7326b9 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-change.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-change.js @@ -44,12 +44,12 @@ describe('Fixture source changes', () => { ); @@ -60,7 +60,7 @@ describe('Fixture source changes', () => { { type: 'fixtureSelect', component: 'Foo', - fixture: 'foo', + fixture: 'foo' }, '*' ); @@ -73,9 +73,9 @@ describe('Fixture source changes', () => { wrapper.setProps({ fixtures: { Foo: { - foo: fixtureFoo2, - }, - }, + foo: fixtureFoo2 + } + } }); firstProxyWrapper = wrapper.find(ProxyFoo); @@ -95,7 +95,7 @@ describe('Fixture source changes', () => { test('sends updated fixture body to parent', () => { expect(fixtureUpdateMessage).toEqual({ type: 'fixtureUpdate', - fixtureBody: fixtureFoo2, + fixtureBody: fixtureFoo2 }); }); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-edit.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-edit.js index 991d08a339..5391c8353d 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-edit.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-edit.js @@ -42,12 +42,12 @@ describe('Fixture is edited by parent frame', () => { ); @@ -58,7 +58,7 @@ describe('Fixture is edited by parent frame', () => { { type: 'fixtureSelect', component: 'Foo', - fixture: 'foo', + fixture: 'foo' }, '*' ); @@ -72,8 +72,8 @@ describe('Fixture is edited by parent frame', () => { { type: 'fixtureEdit', fixtureBody: { - foo: 'baz', - }, + foo: 'baz' + } }, '*' ); @@ -93,7 +93,7 @@ describe('Fixture is edited by parent frame', () => { test('sends updated (merged) fixture to first proxy', () => { expect(firstProxyProps.fixture).toEqual({ ...fixtureFoo, - foo: 'baz', + foo: 'baz' }); }); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-select-es-modules.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-select-es-modules.js index 0aa5a6db36..b2729963b4 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-select-es-modules.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-select-es-modules.js @@ -8,20 +8,20 @@ const ProxyFoo = () => ; const createProxyFoo = () => ProxyFoo; const createProxyFooModule = { __esModule: true, - default: createProxyFoo, + default: createProxyFoo }; const ComponentFoo = () => {}; const ComponentFooModule = { __esModule: true, - default: ComponentFoo, + default: ComponentFoo }; const fixtureFoo = { onFoo: () => {}, - foo: 'bar', + foo: 'bar' }; const fixtureFooModule = { __esModule: true, - default: fixtureFoo, + default: fixtureFoo }; // Vars populated in beforeEach blocks @@ -58,12 +58,12 @@ describe('Fixture is selected remotely', () => { ); @@ -74,7 +74,7 @@ describe('Fixture is selected remotely', () => { { type: 'fixtureSelect', component: 'Foo', - fixture: 'foo', + fixture: 'foo' }, '*' ); @@ -126,8 +126,8 @@ describe('Fixture is selected remotely', () => { expect(fixtureLoadMessage).toEqual({ type: 'fixtureLoad', fixtureBody: { - foo: 'bar', - }, + foo: 'bar' + } }); }); }); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-select.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-select.js index f97dc70f9d..0cdfc4cf54 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-select.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-select.js @@ -9,7 +9,7 @@ const createProxyFoo = () => ProxyFoo; const ComponentFoo = () => {}; const fixtureFoo = { onFoo: () => {}, - foo: 'bar', + foo: 'bar' }; // Vars populated in beforeEach blocks @@ -46,12 +46,12 @@ describe('Fixture is selected remotely', () => { ); @@ -62,7 +62,7 @@ describe('Fixture is selected remotely', () => { { type: 'fixtureSelect', component: 'Foo', - fixture: 'foo', + fixture: 'foo' }, '*' ); @@ -114,8 +114,8 @@ describe('Fixture is selected remotely', () => { expect(fixtureLoadMessage).toEqual({ type: 'fixtureLoad', fixtureBody: { - foo: 'bar', - }, + foo: 'bar' + } }); }); }); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-update.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-update.js index bcaa8af075..1031737d25 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-update.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/fixture-update.js @@ -44,12 +44,12 @@ describe('Fixture content updated by proxies', () => { ); @@ -60,7 +60,7 @@ describe('Fixture content updated by proxies', () => { { type: 'fixtureSelect', component: 'Foo', - fixture: 'foo', + fixture: 'foo' }, '*' ); @@ -90,14 +90,14 @@ describe('Fixture content updated by proxies', () => { test('sends updated fixture body to parent', () => { expect(fixtureUpdateMessage).toEqual({ type: 'fixtureUpdate', - fixtureBody: fixtureFoo2, + fixtureBody: fixtureFoo2 }); }); test('sends updated (merged) fixture to first proxy', () => { expect(firstProxyProps.fixture).toEqual({ ...fixtureFoo, - ...fixtureFoo2, + ...fixtureFoo2 }); }); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/loader-ready.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/loader-ready.js index 051b7d66f6..a2c892b122 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/loader-ready.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/loader-ready.js @@ -39,15 +39,15 @@ describe('Loader is ready', () => { proxies={[]} components={{ Foo: ComponentFoo, - Bar: ComponentBar, + Bar: ComponentBar }} fixtures={{ Foo: { - foo: fixtureFoo, + foo: fixtureFoo }, Bar: { - bar: fixtureBar, - }, + bar: fixtureBar + } }} /> ); @@ -70,8 +70,8 @@ describe('Loader is ready', () => { type: 'loaderReady', fixtures: { Foo: ['foo'], - Bar: ['bar'], - }, + Bar: ['bar'] + } }); }); }); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/loader-unmount.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/loader-unmount.js index cffa2e335c..67018e21b9 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/loader-unmount.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/loader-unmount.js @@ -37,12 +37,12 @@ describe('Loader unmounts', () => { ); @@ -57,7 +57,7 @@ describe('Loader unmounts', () => { { type: 'fixtureSelect', component: 'Foo', - fixture: 'foo', + fixture: 'foo' }, '*' ); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/proxy-change.js b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/proxy-change.js index 48e0368ff4..ae2bd58fba 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/proxy-change.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/__tests__/proxy-change.js @@ -41,12 +41,12 @@ describe('Proxy is changed', () => { { { type: 'fixtureSelect', component: 'Foo', - fixture: 'foo', + fixture: 'foo' }, '*' ); @@ -69,7 +69,7 @@ describe('Proxy is changed', () => { .then(() => onFixtureLoad) .then(() => { wrapper.setProps({ - proxies: [createProxyBar], + proxies: [createProxyBar] }); }); }); diff --git a/packages/react-cosmos-loader/src/components/RemoteLoader/index.js b/packages/react-cosmos-loader/src/components/RemoteLoader/index.js index e79864661c..31601d6d9d 100644 --- a/packages/react-cosmos-loader/src/components/RemoteLoader/index.js +++ b/packages/react-cosmos-loader/src/components/RemoteLoader/index.js @@ -19,7 +19,7 @@ const noFixtureState = { component: null, fixture: null, fixtureBody: null, - fixtureId: 0, + fixtureId: 0 }; const getUpdateId = () => Date.now(); @@ -35,7 +35,7 @@ const getFixtureState = ({ component, fixture, fixtureBody, - fixtureId, + fixtureId }) => { if (!fixture) { return noFixtureState; @@ -50,12 +50,12 @@ const getFixtureState = ({ fixture, fixtureBody: { unserializable, - serializable: fixtureBody === undefined ? serializable : fixtureBody, + serializable: fixtureBody === undefined ? serializable : fixtureBody }, // Used as React Element key to ensure loaded components are rebuilt on // every fixture change (instead of reusing instance and going down the // componentWillReceiveProps route) - fixtureId: fixtureId === undefined ? getUpdateId() : fixtureId, + fixtureId: fixtureId === undefined ? getUpdateId() : fixtureId }; }; @@ -87,7 +87,7 @@ class RemoteLoader extends Component { const { fixtures } = this.props; postMessageToParent({ type: 'loaderReady', - fixtures: extractFixtureNames(fixtures), + fixtures: extractFixtureNames(fixtures) }); } @@ -104,7 +104,7 @@ class RemoteLoader extends Component { // webpack HMR) postMessageToParent({ type: 'fixtureListUpdate', - fixtures: extractFixtureNames(fixtures), + fixtures: extractFixtureNames(fixtures) }); const { component, fixture } = this.state; @@ -114,7 +114,7 @@ class RemoteLoader extends Component { getFixtureState({ fixtures, component, - fixture, + fixture }), () => { if (component && fixture) { @@ -144,7 +144,7 @@ class RemoteLoader extends Component { const state = getFixtureState({ fixtures, component, - fixture, + fixture }); if (fixture) { @@ -153,7 +153,7 @@ class RemoteLoader extends Component { // Notify back parent with the serializable contents of the loaded fixture postMessageToParent({ type: 'fixtureLoad', - fixtureBody, + fixtureBody }); } @@ -169,7 +169,7 @@ class RemoteLoader extends Component { fixtures, component, fixture, - fixtureBody, + fixtureBody }) ); } @@ -180,7 +180,7 @@ class RemoteLoader extends Component { component, fixture, fixtureBody: { serializable }, - fixtureId, + fixtureId } = this.state; this.setState( @@ -191,17 +191,17 @@ class RemoteLoader extends Component { // Fixture updates are partial fixtureBody: { ...serializable, - ...fixtureBody, + ...fixtureBody }, // Preserve React instances when fixture change comes from state changes - fixtureId, + fixtureId }) ); try { postMessageToParent({ type: 'fixtureUpdate', - fixtureBody, + fixtureBody }); } catch (err) { console.warn('[Cosmos] Failed to send fixture update to parent', err); @@ -235,11 +235,11 @@ class RemoteLoader extends Component { RemoteLoader.propTypes = { components: objectOf(createModuleType(func)).isRequired, fixtures: objectOf(objectOf(createModuleType(object))).isRequired, - proxies: arrayOf(createModuleType(func)), + proxies: arrayOf(createModuleType(func)) }; RemoteLoader.defaultProps = { - proxies: [], + proxies: [] }; export default RemoteLoader; diff --git a/packages/react-cosmos-loader/src/mount.js b/packages/react-cosmos-loader/src/mount.js index ef3a57335e..34f1ed0ab8 100644 --- a/packages/react-cosmos-loader/src/mount.js +++ b/packages/react-cosmos-loader/src/mount.js @@ -18,7 +18,7 @@ export function mount({ proxies, components, fixtures, - containerQuerySelector, + containerQuerySelector }) { const container = containerQuerySelector ? document.querySelector(containerQuerySelector) @@ -31,7 +31,7 @@ export function mount({ proxies={[ ...proxies, // Loaded by default in all configs - createStateProxy, + createStateProxy ]} />, container diff --git a/packages/react-cosmos-loader/src/utils/module-type.js b/packages/react-cosmos-loader/src/utils/module-type.js index 1c12757816..2c7f7a7133 100644 --- a/packages/react-cosmos-loader/src/utils/module-type.js +++ b/packages/react-cosmos-loader/src/utils/module-type.js @@ -5,6 +5,6 @@ export default innerType => innerType, shape({ __esModule: oneOf([true]), - default: innerType, - }), + default: innerType + }) ]); diff --git a/packages/react-cosmos-normalize-props-proxy/src/index.js b/packages/react-cosmos-normalize-props-proxy/src/index.js index aa976ef04d..8e088866a9 100644 --- a/packages/react-cosmos-normalize-props-proxy/src/index.js +++ b/packages/react-cosmos-normalize-props-proxy/src/index.js @@ -4,7 +4,7 @@ import omit from 'lodash.omit'; import pick from 'lodash.pick'; const defaults = { - notProps: ['children', 'state', 'context', 'reduxState'], + notProps: ['children', 'state', 'context', 'reduxState'] }; const getFixedFixture = (fixture, notProps) => { @@ -15,7 +15,7 @@ const getFixedFixture = (fixture, notProps) => { return { ...pick(fixture, notProps), - props: omit(fixture, notProps), + props: omit(fixture, notProps) }; }; @@ -29,7 +29,7 @@ export default function createNormalizePropsProxy(options) { return React.createElement(nextProxy.value, { ...this.props, nextProxy: nextProxy.next(), - fixture: getFixedFixture(fixture, notProps), + fixture: getFixedFixture(fixture, notProps) }); } } diff --git a/packages/react-cosmos-redux-proxy/src/index.js b/packages/react-cosmos-redux-proxy/src/index.js index 3d47ac72e7..8d363bd7b1 100644 --- a/packages/react-cosmos-redux-proxy/src/index.js +++ b/packages/react-cosmos-redux-proxy/src/index.js @@ -5,13 +5,13 @@ import proxyPropTypes from 'react-cosmos-utils/lib/proxy-prop-types'; const defaults = { fixtureKey: 'reduxState', alwaysCreateStore: false, - disableLocalState: true, + disableLocalState: true }; export default function createReduxProxy(options) { const { fixtureKey, createStore, alwaysCreateStore, disableLocalState } = { ...defaults, - ...options, + ...options }; class ReduxProxy extends React.Component { @@ -27,7 +27,7 @@ export default function createReduxProxy(options) { getChildContext() { return { - store: this.store, + store: this.store }; } @@ -49,7 +49,7 @@ export default function createReduxProxy(options) { const updatedState = this.store.getState(); onFixtureUpdate({ - [fixtureKey]: updatedState, + [fixtureKey]: updatedState }); } @@ -63,7 +63,7 @@ export default function createReduxProxy(options) { onComponentRef, // Disable StateProxy when Redux state is available, otherwise the entire // Redux store would be duplicated from the connect() component's state - disableLocalState: disableLocalState && Boolean(this.store), + disableLocalState: disableLocalState && Boolean(this.store) }); } } @@ -71,7 +71,7 @@ export default function createReduxProxy(options) { ReduxProxy.propTypes = proxyPropTypes; ReduxProxy.childContextTypes = { - store: object, + store: object }; return ReduxProxy; diff --git a/packages/react-cosmos-router-proxy/src/LocationInterceptor.js b/packages/react-cosmos-router-proxy/src/LocationInterceptor.js index 00ccdd9563..e9e0649b55 100644 --- a/packages/react-cosmos-router-proxy/src/LocationInterceptor.js +++ b/packages/react-cosmos-router-proxy/src/LocationInterceptor.js @@ -6,7 +6,7 @@ const getPathFromProps = props => props.location.pathname; class LocationInterceptor extends Component { static contextTypes = { - router: object, + router: object }; componentDidUpdate(prevProps) { diff --git a/packages/react-cosmos-router-proxy/src/__tests__/inactive.js b/packages/react-cosmos-router-proxy/src/__tests__/inactive.js index f84d8dc48e..fe9cf6fa68 100644 --- a/packages/react-cosmos-router-proxy/src/__tests__/inactive.js +++ b/packages/react-cosmos-router-proxy/src/__tests__/inactive.js @@ -44,14 +44,14 @@ beforeEach(() => { value: NextProxy, next: () => ({ value: LastProxy, - next: () => {}, - }), + next: () => {} + }) }} component={Component} fixture={{ // Except for some rare cases, the proxy needs to pass along the // fixture without changing it - foo: 'bar', + foo: 'bar' }} onComponentRef={resolve} onFixtureUpdate={onFixtureUpdate} diff --git a/packages/react-cosmos-router-proxy/src/__tests__/just-url.js b/packages/react-cosmos-router-proxy/src/__tests__/just-url.js index bb021e3537..6501781dda 100644 --- a/packages/react-cosmos-router-proxy/src/__tests__/just-url.js +++ b/packages/react-cosmos-router-proxy/src/__tests__/just-url.js @@ -44,8 +44,8 @@ beforeEach(() => { value: NextProxy, next: () => ({ value: LastProxy, - next: () => {}, - }), + next: () => {} + }) }} component={Component} fixture={{ @@ -53,7 +53,7 @@ beforeEach(() => { // fixture without changing it foo: 'bar', // This tells RouterProxy to add MemoryRouter wrapper - url: '/foo-route', + url: '/foo-route' }} onComponentRef={resolve} onFixtureUpdate={onFixtureUpdate} diff --git a/packages/react-cosmos-router-proxy/src/__tests__/route.js b/packages/react-cosmos-router-proxy/src/__tests__/route.js index 3398f971c9..35aa7ceb2b 100644 --- a/packages/react-cosmos-router-proxy/src/__tests__/route.js +++ b/packages/react-cosmos-router-proxy/src/__tests__/route.js @@ -44,8 +44,8 @@ beforeEach(() => { value: NextProxy, next: () => ({ value: LastProxy, - next: () => {}, - }), + next: () => {} + }) }} component={Component} fixture={{ @@ -55,7 +55,7 @@ beforeEach(() => { // This tells RouterProxy to add MemoryRouter wrapper url: '/route/foo', // This tells RouterProxy to add Route wrapper - route: '/route/:param', + route: '/route/:param' }} onComponentRef={resolve} onFixtureUpdate={onFixtureUpdate} diff --git a/packages/react-cosmos-router-proxy/src/index.js b/packages/react-cosmos-router-proxy/src/index.js index 4093f24efd..3856a6113e 100644 --- a/packages/react-cosmos-router-proxy/src/index.js +++ b/packages/react-cosmos-router-proxy/src/index.js @@ -29,7 +29,7 @@ export default () => { RouterProxy.propTypes = { ...proxyPropTypes, route: string, - url: string, + url: string }; return RouterProxy; diff --git a/packages/react-cosmos-state-proxy/src/__tests__/component-state-nested.js b/packages/react-cosmos-state-proxy/src/__tests__/component-state-nested.js index e3674f6e4b..8f90f77b67 100644 --- a/packages/react-cosmos-state-proxy/src/__tests__/component-state-nested.js +++ b/packages/react-cosmos-state-proxy/src/__tests__/component-state-nested.js @@ -24,31 +24,31 @@ describe('React state proxy – component state nested', () => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; componentRef = { state: { - baz: 'qux', + baz: 'qux' }, refs: { child1: { state: { - qux: 'quuz', - }, + qux: 'quuz' + } }, child2: { state: { - corge: 'grault', - }, - }, - }, + corge: 'grault' + } + } + } }; onComponentRef = jest.fn(); onFixtureUpdate = jest.fn(); StateProxy = createStateProxy({ - updateInterval: 1337, + updateInterval: 1337 }); return new Promise(resolve => { @@ -57,7 +57,7 @@ describe('React state proxy – component state nested', () => { nextProxy={nextProxy} component={Component} fixture={{ - foo: 'bar', + foo: 'bar' }} onComponentRef={ref => { onComponentRef(ref); @@ -93,7 +93,7 @@ describe('React state proxy – component state nested', () => { test('sends fixture to next proxy', () => { expect(props.fixture).toEqual({ - foo: 'bar', + foo: 'bar' }); }); @@ -111,13 +111,13 @@ describe('React state proxy – component state nested', () => { baz: 'qux', children: { child1: { - qux: 'quuz', + qux: 'quuz' }, child2: { - corge: 'grault', - }, - }, - }, + corge: 'grault' + } + } + } }); }); diff --git a/packages/react-cosmos-state-proxy/src/__tests__/component-state.js b/packages/react-cosmos-state-proxy/src/__tests__/component-state.js index 26c57d78aa..2e0d4ed69c 100644 --- a/packages/react-cosmos-state-proxy/src/__tests__/component-state.js +++ b/packages/react-cosmos-state-proxy/src/__tests__/component-state.js @@ -24,19 +24,19 @@ describe('React state proxy – component state', () => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; componentRef = { state: { - baz: 'qux', - }, + baz: 'qux' + } }; onComponentRef = jest.fn(); onFixtureUpdate = jest.fn(); StateProxy = createStateProxy({ - updateInterval: 1337, + updateInterval: 1337 }); return new Promise(resolve => { @@ -45,7 +45,7 @@ describe('React state proxy – component state', () => { nextProxy={nextProxy} component={Component} fixture={{ - foo: 'bar', + foo: 'bar' }} onComponentRef={ref => { onComponentRef(ref); @@ -81,7 +81,7 @@ describe('React state proxy – component state', () => { test('sends fixture to next proxy', () => { expect(props.fixture).toEqual({ - foo: 'bar', + foo: 'bar' }); }); @@ -96,8 +96,8 @@ describe('React state proxy – component state', () => { test('calls onFixtureUpdate with initial state', () => { expect(onFixtureUpdate).toHaveBeenLastCalledWith({ state: { - baz: 'qux', - }, + baz: 'qux' + } }); }); diff --git a/packages/react-cosmos-state-proxy/src/__tests__/disabled.js b/packages/react-cosmos-state-proxy/src/__tests__/disabled.js index b41f005769..49984b31f2 100644 --- a/packages/react-cosmos-state-proxy/src/__tests__/disabled.js +++ b/packages/react-cosmos-state-proxy/src/__tests__/disabled.js @@ -25,20 +25,20 @@ describe('React state proxy – disabled', () => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; setState = jest.fn((state, cb) => { cb(); }); componentRef = { - setState, + setState }; onComponentRef = jest.fn(); onFixtureUpdate = jest.fn(); StateProxy = createStateProxy({ - updateInterval: 1337, + updateInterval: 1337 }); return new Promise(resolve => { @@ -49,8 +49,8 @@ describe('React state proxy – disabled', () => { fixture={{ foo: 'bar', state: { - baz: 'qux', - }, + baz: 'qux' + } }} onComponentRef={ref => { onComponentRef(ref); @@ -89,8 +89,8 @@ describe('React state proxy – disabled', () => { expect(props.fixture).toEqual({ foo: 'bar', state: { - baz: 'qux', - }, + baz: 'qux' + } }); }); diff --git a/packages/react-cosmos-state-proxy/src/__tests__/fixture-state-nested.js b/packages/react-cosmos-state-proxy/src/__tests__/fixture-state-nested.js index e1c2fcc388..e18322703b 100644 --- a/packages/react-cosmos-state-proxy/src/__tests__/fixture-state-nested.js +++ b/packages/react-cosmos-state-proxy/src/__tests__/fixture-state-nested.js @@ -27,7 +27,7 @@ describe('React state proxy – fixture state nested', () => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; setState = jest.fn((state, cb) => cb()); @@ -37,18 +37,18 @@ describe('React state proxy – fixture state nested', () => { setState, refs: { child1: { - setState: setStateChild1, + setState: setStateChild1 }, child2: { - setState: setStateChild2, - }, - }, + setState: setStateChild2 + } + } }; onComponentRef = jest.fn(); onFixtureUpdate = jest.fn(); StateProxy = createStateProxy({ - updateInterval: 1337, + updateInterval: 1337 }); return new Promise(resolve => { @@ -62,13 +62,13 @@ describe('React state proxy – fixture state nested', () => { baz: 'qux', children: { child1: { - qux: 'quuz', + qux: 'quuz' }, child2: { - corge: 'grault', - }, - }, - }, + corge: 'grault' + } + } + } }} onComponentRef={ref => { onComponentRef(ref); @@ -109,13 +109,13 @@ describe('React state proxy – fixture state nested', () => { baz: 'qux', children: { child1: { - qux: 'quuz', + qux: 'quuz' }, child2: { - corge: 'grault', - }, - }, - }, + corge: 'grault' + } + } + } }); }); @@ -130,7 +130,7 @@ describe('React state proxy – fixture state nested', () => { test('injects state', () => { expect(setState).toHaveBeenLastCalledWith( { - baz: 'qux', + baz: 'qux' }, expect.any(Function) ); @@ -139,7 +139,7 @@ describe('React state proxy – fixture state nested', () => { test('injects state in first child', () => { expect(setStateChild1).toHaveBeenLastCalledWith( { - qux: 'quuz', + qux: 'quuz' }, expect.any(Function) ); @@ -148,7 +148,7 @@ describe('React state proxy – fixture state nested', () => { test('injects state in second child', () => { expect(setStateChild2).toHaveBeenLastCalledWith( { - corge: 'grault', + corge: 'grault' }, expect.any(Function) ); diff --git a/packages/react-cosmos-state-proxy/src/__tests__/fixture-state.js b/packages/react-cosmos-state-proxy/src/__tests__/fixture-state.js index 3026267a90..63d70e69f8 100644 --- a/packages/react-cosmos-state-proxy/src/__tests__/fixture-state.js +++ b/packages/react-cosmos-state-proxy/src/__tests__/fixture-state.js @@ -25,20 +25,20 @@ describe('React state proxy – fixture state', () => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; setState = jest.fn((state, cb) => { cb(); }); componentRef = { - setState, + setState }; onComponentRef = jest.fn(); onFixtureUpdate = jest.fn(); StateProxy = createStateProxy({ - updateInterval: 1337, + updateInterval: 1337 }); return new Promise(resolve => { @@ -49,8 +49,8 @@ describe('React state proxy – fixture state', () => { fixture={{ foo: 'bar', state: { - baz: 'qux', - }, + baz: 'qux' + } }} onComponentRef={ref => { onComponentRef(ref); @@ -88,8 +88,8 @@ describe('React state proxy – fixture state', () => { expect(props.fixture).toEqual({ foo: 'bar', state: { - baz: 'qux', - }, + baz: 'qux' + } }); }); @@ -104,7 +104,7 @@ describe('React state proxy – fixture state', () => { test('injects state', () => { expect(setState).toHaveBeenLastCalledWith( { - baz: 'qux', + baz: 'qux' }, expect.any(Function) ); @@ -129,7 +129,7 @@ describe('React state proxy – fixture state', () => { beforeEach(() => { // Match initial change componentRef.state = { - baz: 'qux', + baz: 'qux' }; jest.runOnlyPendingTimers(); }); @@ -148,7 +148,7 @@ describe('React state proxy – fixture state', () => { beforeEach(() => { // Fake state change componentRef.state = { - baz: 'quux', + baz: 'quux' }; jest.runOnlyPendingTimers(); }); @@ -160,8 +160,8 @@ describe('React state proxy – fixture state', () => { test('calls onFixtureUpdate with updated state', () => { expect(onFixtureUpdate).toHaveBeenLastCalledWith({ state: { - baz: 'quux', - }, + baz: 'quux' + } }); }); diff --git a/packages/react-cosmos-state-proxy/src/__tests__/stateless.js b/packages/react-cosmos-state-proxy/src/__tests__/stateless.js index 9686d0f65d..74f8daa467 100644 --- a/packages/react-cosmos-state-proxy/src/__tests__/stateless.js +++ b/packages/react-cosmos-state-proxy/src/__tests__/stateless.js @@ -24,7 +24,7 @@ describe('React state proxy – stateless', () => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; componentRef = {}; @@ -32,7 +32,7 @@ describe('React state proxy – stateless', () => { onFixtureUpdate = jest.fn(); StateProxy = createStateProxy({ - updateInterval: 1337, + updateInterval: 1337 }); return new Promise(resolve => { @@ -41,7 +41,7 @@ describe('React state proxy – stateless', () => { nextProxy={nextProxy} component={Component} fixture={{ - foo: 'bar', + foo: 'bar' }} onComponentRef={ref => { onComponentRef(ref); @@ -77,7 +77,7 @@ describe('React state proxy – stateless', () => { test('sends fixture to next proxy', () => { expect(props.fixture).toEqual({ - foo: 'bar', + foo: 'bar' }); }); diff --git a/packages/react-cosmos-state-proxy/src/index.js b/packages/react-cosmos-state-proxy/src/index.js index 45d17646bb..11870a56a3 100644 --- a/packages/react-cosmos-state-proxy/src/index.js +++ b/packages/react-cosmos-state-proxy/src/index.js @@ -64,7 +64,7 @@ const getState = component => { return { ...state, - children, + children }; }; @@ -72,7 +72,7 @@ const defaults = { fixtureKey: 'state', // How often to read current state of loaded component and report it up the // chain of proxies - updateInterval: 500, + updateInterval: 500 }; export default function createStateProxy(options) { @@ -132,7 +132,7 @@ export default function createStateProxy(options) { if (!isEqual(updatedState, fixture.state)) { onFixtureUpdate({ - state: updatedState, + state: updatedState }); } @@ -155,19 +155,19 @@ export default function createStateProxy(options) { return React.createElement(nextProxy.value, { ...props, nextProxy: nextProxy.next(), - onComponentRef, + onComponentRef }); } } StateProxy.defaultProps = { // Parent proxies can enable this flag to disable this proxy - disableLocalState: false, + disableLocalState: false }; StateProxy.propTypes = { ...proxyPropTypes, - disableLocalState: bool, + disableLocalState: bool }; return StateProxy; diff --git a/packages/react-cosmos-telescope/src/index.js b/packages/react-cosmos-telescope/src/index.js index ddd4263483..3a0b2bd8cb 100644 --- a/packages/react-cosmos-telescope/src/index.js +++ b/packages/react-cosmos-telescope/src/index.js @@ -11,7 +11,7 @@ const importFileTree = filePaths => keys(filePaths).reduce((acc, name) => { return { ...acc, - [name]: require(filePaths[name]), + [name]: require(filePaths[name]) }; }, {}); @@ -24,7 +24,7 @@ export default ({ cosmosConfigPath } = {}) => { const fixtures = keys(filePaths.fixtures).reduce((acc, component) => { return { ...acc, - [component]: importFileTree(filePaths.fixtures[component]), + [component]: importFileTree(filePaths.fixtures[component]) }; }, {}); @@ -38,7 +38,7 @@ export default ({ cosmosConfigPath } = {}) => { proxies={[ ...proxies, // Loaded by default in all configs - createStateProxy, + createStateProxy ]} component={components[component]} fixture={componentFixtures[fixture]} diff --git a/packages/react-cosmos-utils/src/__tests__/import-component.js b/packages/react-cosmos-utils/src/__tests__/import-component.js index dc2e2e482c..163745b16b 100644 --- a/packages/react-cosmos-utils/src/__tests__/import-component.js +++ b/packages/react-cosmos-utils/src/__tests__/import-component.js @@ -13,7 +13,7 @@ class classComponent extends Component { test('returns stateless component from es module', () => { const module = { __esModule: true, - default: statelessComponent, + default: statelessComponent }; expect(importComponent(module)).toBe(statelessComponent); }); @@ -21,7 +21,7 @@ test('returns stateless component from es module', () => { test('returns class component from es module', () => { const module = { __esModule: true, - default: classComponent, + default: classComponent }; expect(importComponent(module)).toBe(classComponent); }); @@ -29,7 +29,7 @@ test('returns class component from es module', () => { test('returns invalid component from es module', () => { const module = { __esModule: true, - default: {}, + default: {} }; const MissingComponent = importComponent(module); expect(shallow().text()).toEqual( @@ -40,7 +40,7 @@ test('returns invalid component from es module', () => { test('returns invalid named component from es module', () => { const module = { __esModule: true, - default: {}, + default: {} }; const MissingComponent = importComponent(module, 'Foo'); expect(shallow().text()).toEqual( diff --git a/packages/react-cosmos-utils/src/linked-list.js b/packages/react-cosmos-utils/src/linked-list.js index cfd184ccfd..0c01e59c80 100644 --- a/packages/react-cosmos-utils/src/linked-list.js +++ b/packages/react-cosmos-utils/src/linked-list.js @@ -4,7 +4,7 @@ export default function createLinkedList(items) { value: items[toIndex], next: function getNextItem(nextIndex) { return advanceList(nextIndex); - }.bind(null, toIndex + 1), + }.bind(null, toIndex + 1) }; } diff --git a/packages/react-cosmos-utils/src/proxy-prop-types.js b/packages/react-cosmos-utils/src/proxy-prop-types.js index 1911d40951..c0acc8f6ae 100644 --- a/packages/react-cosmos-utils/src/proxy-prop-types.js +++ b/packages/react-cosmos-utils/src/proxy-prop-types.js @@ -3,10 +3,10 @@ import { shape, func, object } from 'prop-types'; export default { nextProxy: shape({ value: func, - next: func, + next: func }).isRequired, component: func.isRequired, fixture: object.isRequired, onComponentRef: func.isRequired, - onFixtureUpdate: func.isRequired, + onFixtureUpdate: func.isRequired }; diff --git a/packages/react-cosmos-webpack/src/__tests__/loader-entry.js b/packages/react-cosmos-webpack/src/__tests__/loader-entry.js index 87ad3ff27e..cd9e327035 100644 --- a/packages/react-cosmos-webpack/src/__tests__/loader-entry.js +++ b/packages/react-cosmos-webpack/src/__tests__/loader-entry.js @@ -4,15 +4,15 @@ import '../loader-entry'; jest.mock('react-cosmos-loader', () => ({ __esModule: true, mount: jest.fn(), - unmount: jest.fn(), + unmount: jest.fn() })); jest.mock('../user-modules', () => ({ default: jest.fn(() => ({ proxies: '__mock_proxies__', components: '__mock_components__', - fixtures: '__mock_fixtures__', - })), + fixtures: '__mock_fixtures__' + })) })); const options = mount.mock.calls[0][0]; diff --git a/packages/react-cosmos-webpack/src/__tests__/loader-webpack-config-hmr-plugin.js b/packages/react-cosmos-webpack/src/__tests__/loader-webpack-config-hmr-plugin.js index 5b64771ecd..afbe275dd2 100644 --- a/packages/react-cosmos-webpack/src/__tests__/loader-webpack-config-hmr-plugin.js +++ b/packages/react-cosmos-webpack/src/__tests__/loader-webpack-config-hmr-plugin.js @@ -24,7 +24,7 @@ describe('Loader webpack hmr', () => { test('does not duplicate HotModuleReplacementPlugin', () => { const userWebpackConfig = { - plugins: [new webpack.HotModuleReplacementPlugin()], + plugins: [new webpack.HotModuleReplacementPlugin()] }; const webpackConfig = getWebpackConfig( userWebpackConfig, diff --git a/packages/react-cosmos-webpack/src/__tests__/loader-webpack-config.js b/packages/react-cosmos-webpack/src/__tests__/loader-webpack-config.js index 6b93297e71..767596eda7 100644 --- a/packages/react-cosmos-webpack/src/__tests__/loader-webpack-config.js +++ b/packages/react-cosmos-webpack/src/__tests__/loader-webpack-config.js @@ -15,23 +15,23 @@ const userRule = {}; const userWebpack1Config = { module: { additionalOption: { - something: 'foo', + something: 'foo' }, - loaders: [userLoader], - }, + loaders: [userLoader] + } }; const userWebpack2Config = { module: { additionalOption: { - something: 'bar', + something: 'bar' }, - rules: [userRule], + rules: [userRule] }, plugins: [ // Fake plugins, something to compare identity with {}, - {}, - ], + {} + ] }; // This changes between test cases @@ -68,7 +68,7 @@ describe('without hmr', () => { fixturePaths: ['test/fixtures'], ignore: [], globalImports: ['./global.css'], - containerQuerySelector: '__mock__containerQuerySelector', + containerQuerySelector: '__mock__containerQuerySelector' }; webpackConfig = getWebpackConfig(userWebpack2Config, cosmosConfigPath); }); @@ -103,16 +103,16 @@ describe('without hmr', () => { test('calls define plugin with NODE_ENV set to development', () => { expect(DefinePlugin.mock.calls[0][0]).toEqual({ 'process.env': { - NODE_ENV: JSON.stringify('development'), - }, + NODE_ENV: JSON.stringify('development') + } }); }); test('calls define plugin with user config path', () => { expect(DefinePlugin.mock.calls[1][0]).toEqual({ COSMOS_CONFIG: JSON.stringify({ - containerQuerySelector: '__mock__containerQuerySelector', - }), + containerQuerySelector: '__mock__containerQuerySelector' + }) }); }); @@ -129,7 +129,7 @@ describe('with hmr', () => { fixturePaths: ['test/fixtures'], ignore: [], globalImports: ['./global.css'], - hot: true, + hot: true }; webpackConfig = getWebpackConfig(userWebpack2Config, cosmosConfigPath); }); @@ -173,8 +173,8 @@ describe('loaders', () => { loader: require.resolve('../module-loader'), include: require.resolve('../user-modules'), query: { - cosmosConfigPath, - }, + cosmosConfigPath + } }); }); @@ -184,7 +184,7 @@ describe('loaders', () => { test('preserves additional module options', () => { expect(webpackConfig.module.additionalOption).toEqual({ - something: 'foo', + something: 'foo' }); }); }); @@ -205,8 +205,8 @@ describe('loaders', () => { loader: require.resolve('../module-loader'), include: require.resolve('../user-modules'), query: { - cosmosConfigPath, - }, + cosmosConfigPath + } }); }); @@ -216,7 +216,7 @@ describe('loaders', () => { test('preserves additional module options', () => { expect(webpackConfig.module.additionalOption).toEqual({ - something: 'bar', + something: 'bar' }); }); }); @@ -230,7 +230,7 @@ describe('output', () => { ignore: [], globalImports: ['./global.css'], hot: true, - outputPath: '__mock__outputPath', + outputPath: '__mock__outputPath' }; }); @@ -243,7 +243,7 @@ describe('output', () => { expect(webpackConfig.output).toEqual({ path: '/loader/', filename: '[name].js', - publicPath: '/loader/', + publicPath: '/loader/' }); }); }); @@ -261,7 +261,7 @@ describe('output', () => { expect(webpackConfig.output).toEqual({ path: '__mock__outputPath/loader/', filename: '[name].js', - publicPath: './', + publicPath: './' }); }); }); @@ -276,7 +276,7 @@ describe('with shouldExport true', () => { globalImports: ['./global.css'], hot: true, outputPath: '__mock__outputPath', - containerQuerySelector: '__mock__containerQuerySelector', + containerQuerySelector: '__mock__containerQuerySelector' }; webpackConfig = getWebpackConfig( userWebpack2Config, @@ -294,16 +294,16 @@ describe('with shouldExport true', () => { test('does add NODE_ENV plugin as production ', () => { expect(DefinePlugin.mock.calls[0][0]).toEqual({ 'process.env': { - NODE_ENV: JSON.stringify('production'), - }, + NODE_ENV: JSON.stringify('production') + } }); }); test('calls define plugin with user config path', () => { expect(DefinePlugin.mock.calls[1][0]).toEqual({ COSMOS_CONFIG: JSON.stringify({ - containerQuerySelector: '__mock__containerQuerySelector', - }), + containerQuerySelector: '__mock__containerQuerySelector' + }) }); }); diff --git a/packages/react-cosmos-webpack/src/__tests__/server.js b/packages/react-cosmos-webpack/src/__tests__/server.js index 540e589142..70f398306b 100644 --- a/packages/react-cosmos-webpack/src/__tests__/server.js +++ b/packages/react-cosmos-webpack/src/__tests__/server.js @@ -33,7 +33,7 @@ const startServer = (argv, config) => { port: 8989, hostname: 'localhost', webpackConfigPath: require.resolve('./mocks/webpack.config.js'), - ...config, + ...config }; mockGetCosmosConfig = jest.fn(() => mockConfig); jest.mock('react-cosmos-config', () => mockGetCosmosConfig); @@ -71,7 +71,7 @@ beforeEach(() => { get: (route, cb) => { expressInstanceCbMocks[route] = cb; }, - listen: jest.fn(), + listen: jest.fn() }; express.__setInstanceMock(mockExpressInstance); @@ -138,7 +138,7 @@ const commonTests = () => { htmlContents.replace( '__PLAYGROUND_OPTS__', JSON.stringify({ - loaderUri: './loader/index.html', + loaderUri: './loader/index.html' }) ) ); @@ -201,7 +201,7 @@ describe('missing webpack config', () => { startServer( {}, { - webpackConfigPath: path.join(__dirname, 'webpack.config-missing.js'), + webpackConfigPath: path.join(__dirname, 'webpack.config-missing.js') } ); }); @@ -220,7 +220,7 @@ describe('with hot module replacement', () => { startServer( {}, { - hot: true, + hot: true } ); }); @@ -244,7 +244,7 @@ describe('with custom cosmos config path', () => { beforeEach(() => { startServer( { - config: 'custom-path/cosmos.config', + config: 'custom-path/cosmos.config' }, {} ); @@ -270,7 +270,7 @@ describe('with public path', () => { const argv = {}; const config = { publicPath: 'server/public', - publicUrl: '/static/', + publicUrl: '/static/' }; startServer(argv, config); }); @@ -293,7 +293,7 @@ describe('with devServer.contentBase in webpack config', () => { { webpackConfigPath: require.resolve( './mocks/webpack.config-content-base.js' - ), + ) } ); }); @@ -313,7 +313,7 @@ describe('with devServer.contentBase in webpack config and publicPath', () => { publicPath: 'server/public', webpackConfigPath: require.resolve( './mocks/webpack.config-content-base.js' - ), + ) } ); }); diff --git a/packages/react-cosmos-webpack/src/export.js b/packages/react-cosmos-webpack/src/export.js index fc1ff0ac59..1576584c3f 100644 --- a/packages/react-cosmos-webpack/src/export.js +++ b/packages/react-cosmos-webpack/src/export.js @@ -31,7 +31,7 @@ const exportPlaygroundFiles = outputPath => { 'utf8' ); const playgroundOpts = JSON.stringify({ - loaderUri: './loader/index.html', + loaderUri: './loader/index.html' }); fs.writeFileSync( `${outputPath}/index.html`, diff --git a/packages/react-cosmos-webpack/src/loader-entry.js b/packages/react-cosmos-webpack/src/loader-entry.js index c2689c6204..a7b7d0875c 100644 --- a/packages/react-cosmos-webpack/src/loader-entry.js +++ b/packages/react-cosmos-webpack/src/loader-entry.js @@ -32,7 +32,7 @@ const start = () => { proxies, components, fixtures, - containerQuerySelector, + containerQuerySelector }); }; diff --git a/packages/react-cosmos-webpack/src/loader-webpack-config.js b/packages/react-cosmos-webpack/src/loader-webpack-config.js index 58f2e93bb7..84ad30673b 100644 --- a/packages/react-cosmos-webpack/src/loader-webpack-config.js +++ b/packages/react-cosmos-webpack/src/loader-webpack-config.js @@ -25,7 +25,7 @@ export default function getLoaderWebpackConfig( containerQuerySelector, globalImports, hot, - outputPath, + outputPath } = cosmosConfig; const entry = [...globalImports]; @@ -43,7 +43,7 @@ export default function getLoaderWebpackConfig( const output = { path: shouldExport ? `${outputPath}/loader/` : '/loader/', filename: '[name].js', - publicPath: shouldExport ? './' : '/loader/', + publicPath: shouldExport ? './' : '/loader/' }; // To support webpack 1 and 2 configuration formats. So we use the one that user passes @@ -63,15 +63,15 @@ export default function getLoaderWebpackConfig( loader: require.resolve('./module-loader'), include: require.resolve('./user-modules'), query: { - cosmosConfigPath, - }, + cosmosConfigPath + } }); plugins.push( new webpack.DefinePlugin({ 'process.env': { - NODE_ENV: JSON.stringify(shouldExport ? 'production' : 'development'), - }, + NODE_ENV: JSON.stringify(shouldExport ? 'production' : 'development') + } }) ); @@ -80,8 +80,8 @@ export default function getLoaderWebpackConfig( COSMOS_CONFIG: JSON.stringify({ // Config options that are available inside the client bundle. Warning: // Must be serializable! - containerQuerySelector, - }), + containerQuerySelector + }) }) ); @@ -97,8 +97,8 @@ export default function getLoaderWebpackConfig( output, module: { ...omit(userWebpackConfig.module, 'rules', 'loaders'), - [webpackRulesOptionName]: rules, + [webpackRulesOptionName]: rules }, - plugins, + plugins }; } diff --git a/packages/react-cosmos-webpack/src/server.js b/packages/react-cosmos-webpack/src/server.js index 98267bec83..3f3536c19d 100644 --- a/packages/react-cosmos-webpack/src/server.js +++ b/packages/react-cosmos-webpack/src/server.js @@ -52,7 +52,7 @@ module.exports = function startServer() { app.use( webpackDevMiddleware(loaderCompiler, { publicPath: '/loader/', - noInfo: true, + noInfo: true }) ); @@ -71,7 +71,7 @@ module.exports = function startServer() { 'utf8' ); const playgroundOpts = JSON.stringify({ - loaderUri: './loader/index.html', + loaderUri: './loader/index.html' }); app.get('/', (req, res) => { diff --git a/packages/react-cosmos-webpack/src/user-modules.js b/packages/react-cosmos-webpack/src/user-modules.js index 435335dd02..9ed539611c 100644 --- a/packages/react-cosmos-webpack/src/user-modules.js +++ b/packages/react-cosmos-webpack/src/user-modules.js @@ -12,7 +12,7 @@ const getUserModules = () => ({ /* eslint-disable no-undef */ components: COMPONENTS, fixtures: FIXTURES, - proxies: PROXIES, + proxies: PROXIES /* eslint-enable no-undef */ }); diff --git a/packages/react-cosmos-xhr-proxy/src/__tests__/mocking.js b/packages/react-cosmos-xhr-proxy/src/__tests__/mocking.js index bb49653acc..99a2337cf8 100644 --- a/packages/react-cosmos-xhr-proxy/src/__tests__/mocking.js +++ b/packages/react-cosmos-xhr-proxy/src/__tests__/mocking.js @@ -22,7 +22,7 @@ beforeEach(() => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; componentRef = {}; @@ -40,7 +40,7 @@ beforeEach(() => { { url: '/users', response: (req, res) => - res.status(200).body([{ name: 'John' }, { name: 'Jessica' }]), + res.status(200).body([{ name: 'John' }, { name: 'Jessica' }]) }, { url: '/user', @@ -49,16 +49,16 @@ beforeEach(() => { const { id } = req.body(); return res.status(200).body({ id, - name: 'John Doe', + name: 'John Doe' }); - }, + } }, { url: '/user', method: 'DELETE', - response: () => null, - }, - ], + response: () => null + } + ] }} onComponentRef={ref => { onComponentRef(ref); @@ -117,7 +117,7 @@ describe('xhr mocking', () => { try { expect(xhr.responseText).toEqual([ { name: 'John' }, - { name: 'Jessica' }, + { name: 'Jessica' } ]); done(); } catch (err) { @@ -147,7 +147,7 @@ describe('xhr mocking', () => { done.fail(err); }; xhr.send({ - id: 5, + id: 5 }); }); diff --git a/packages/react-cosmos-xhr-proxy/src/__tests__/unmount.js b/packages/react-cosmos-xhr-proxy/src/__tests__/unmount.js index 9306f541be..81b81517db 100644 --- a/packages/react-cosmos-xhr-proxy/src/__tests__/unmount.js +++ b/packages/react-cosmos-xhr-proxy/src/__tests__/unmount.js @@ -18,7 +18,7 @@ beforeEach(() => { nextProxyNext = {}; nextProxy = { value: NextProxy, - next: () => nextProxyNext, + next: () => nextProxyNext }; Component = () => {}; @@ -30,9 +30,9 @@ beforeEach(() => { xhr: [ { url: '/users', - response: () => {}, // Never reached in this test - }, - ], + response: () => {} // Never reached in this test + } + ] }} onComponentRef={() => {}} onFixtureUpdate={() => {}} diff --git a/packages/react-cosmos-xhr-proxy/src/index.js b/packages/react-cosmos-xhr-proxy/src/index.js index 7c38f9859a..feab22f37c 100644 --- a/packages/react-cosmos-xhr-proxy/src/index.js +++ b/packages/react-cosmos-xhr-proxy/src/index.js @@ -3,11 +3,11 @@ import xhrMock from 'xhr-mock'; import proxyPropTypes from 'react-cosmos-utils/lib/proxy-prop-types'; const defaults = { - fixtureKey: 'xhr', + fixtureKey: 'xhr' }; const mockDefaults = { - method: 'get', + method: 'get' }; export default function createXhrProxy(options) { @@ -40,7 +40,7 @@ export default function createXhrProxy(options) { return React.createElement(nextProxy.value, { ...props, nextProxy: nextProxy.next(), - onComponentRef, + onComponentRef }); } } diff --git a/packages/react-querystring-router/src/__tests__/router.js b/packages/react-querystring-router/src/__tests__/router.js index 5ac5e9d51e..947c775c73 100644 --- a/packages/react-querystring-router/src/__tests__/router.js +++ b/packages/react-querystring-router/src/__tests__/router.js @@ -1,6 +1,6 @@ const mockComponentClass = {}; const mockReactDOM = { - render: jest.fn(() => {}), + render: jest.fn(() => {}) }; let getComponentClass; @@ -12,7 +12,7 @@ const mockUriLocationInitial = 'http://foo.bar/'; const mockUriLocation = `${mockUriLocationInitial}?component=List&dataUrl=users.json`; const mockUriParams = { component: 'List', - dataUrl: 'users.json', + dataUrl: 'users.json' }; let React; @@ -28,15 +28,15 @@ const initRouter = () => { getComponentClass = jest.fn(() => mockComponentClass); getComponentProps = jest.fn(() => ({ foo: 'bar', - lorem: 'ipsum', + lorem: 'ipsum' })); jest.mock('../uri', () => ({ - parseLocation: jest.fn(() => mockUriParams), + parseLocation: jest.fn(() => mockUriParams) })); jest.mock('react', () => ({ - createElement: jest.fn(), + createElement: jest.fn() })); jest.mock('react-dom', () => mockReactDOM); @@ -48,12 +48,12 @@ const initRouter = () => { routerInstance = new Router({ defaultProps: { - defaultProp: true, + defaultProp: true }, container: '', getComponentClass, getComponentProps, - onChange, + onChange }); }; @@ -132,8 +132,8 @@ describe('.routeLink method', () => { routerInstance.routeLink({ preventDefault: () => {}, currentTarget: { - href: mockUriLocation, - }, + href: mockUriLocation + } }); }); diff --git a/packages/react-querystring-router/src/index.js b/packages/react-querystring-router/src/index.js index 9909515b66..41b203c968 100644 --- a/packages/react-querystring-router/src/index.js +++ b/packages/react-querystring-router/src/index.js @@ -3,5 +3,5 @@ import Router from './router'; module.exports = { uri, - Router, + Router }; diff --git a/packages/react-querystring-router/src/router.js b/packages/react-querystring-router/src/router.js index f71e7ed723..88a9e20300 100644 --- a/packages/react-querystring-router/src/router.js +++ b/packages/react-querystring-router/src/router.js @@ -62,7 +62,7 @@ class Router { getComponentClass, getComponentProps, container, - onChange, + onChange } = this.options; const ComponentClass = getComponentClass(params); const props = { @@ -71,7 +71,7 @@ class Router { // possible for a component to change the page through the router and // not have to rely on any sort of globals // TODO: Send only methods instead - router: this, + router: this }; const componentElement = React.createElement(ComponentClass, props); diff --git a/packages/react-querystring-router/src/uri.js b/packages/react-querystring-router/src/uri.js index a3b3a233c1..0c8629ae6b 100644 --- a/packages/react-querystring-router/src/uri.js +++ b/packages/react-querystring-router/src/uri.js @@ -59,5 +59,5 @@ module.exports = { }); return `?${parts.join('&')}`; - }, + } }; diff --git a/scripts/build.js b/scripts/build.js index 537b4cfd30..34c1141bc0 100644 --- a/scripts/build.js +++ b/scripts/build.js @@ -25,8 +25,8 @@ function runBuildTask(options) { `packages/${options.packageName}/lib`, '--copy-files', '--ignore', - '__tests__,__mocks__', - ], + '__tests__,__mocks__' + ] }; const task = options.task || babelTask; @@ -38,7 +38,7 @@ function runBuildTask(options) { const promise = spawn(task.name, taskArgs, { cwd: path.join(__dirname, '..'), - env: Object.assign({}, process.env, options.env), + env: Object.assign({}, process.env, options.env) }); const child = promise.childProcess; @@ -69,12 +69,12 @@ function runBuildPlaygroundTask(watch) { packageName: COMPONENT_PLAYGROUND, task: { name: 'webpack', - args: ['--config', `packages/${COMPONENT_PLAYGROUND}/webpack.config.js`], + args: ['--config', `packages/${COMPONENT_PLAYGROUND}/webpack.config.js`] }, watch, env: { - NODE_ENV: 'production', - }, + NODE_ENV: 'production' + } }); } @@ -134,7 +134,7 @@ glob('./packages/react-*', null, (err, files) => { // Build a single package runBuildTask({ packageName: targetPackage, - watch: applyWatch, + watch: applyWatch }).catch(err => { console.error(`${targetPackage} build failed`, err); });