diff --git a/.changeset/giant-oranges-impress.md b/.changeset/giant-oranges-impress.md new file mode 100644 index 000000000..f80d9a8dd --- /dev/null +++ b/.changeset/giant-oranges-impress.md @@ -0,0 +1,6 @@ +--- +'babel-plugin-emotion': major +'@emotion/babel-preset-css-prop': major +--- + +Removed support for the `instances` option, any usage of it should be replaced with the `importMap` option diff --git a/.changeset/neat-ligers-film.md b/.changeset/neat-ligers-film.md new file mode 100644 index 000000000..dfcc34ce2 --- /dev/null +++ b/.changeset/neat-ligers-film.md @@ -0,0 +1,5 @@ +--- +'babel-plugin-emotion': patch +--- + +Fix issue with not updating referenced import when bailing out on already transpiled vanilla emotion nodes (a regression introduced in #1602) diff --git a/.changeset/stupid-radios-draw.md b/.changeset/stupid-radios-draw.md new file mode 100644 index 000000000..2c8893745 --- /dev/null +++ b/.changeset/stupid-radios-draw.md @@ -0,0 +1,6 @@ +--- +'babel-plugin-emotion': minor +'@emotion/babel-preset-css-prop': minor +--- + +Added the `importMap` option which allows you to tell babel-plugin-emotion what imports it should look at to determine what it should transform so if you re-export Emotion's exports, you can still use the Babel transforms diff --git a/package.json b/package.json index e50824d27..fc1cc5f9c 100644 --- a/package.json +++ b/package.json @@ -61,7 +61,12 @@ ], "parser": "babel-eslint", "rules": { - "prettier/prettier": ["error", {"parser": "flow"}], + "prettier/prettier": [ + "error", + { + "parser": "flow" + } + ], "react/prop-types": 0, "react/no-unused-prop-types": 0, "standard/computed-property-even-spacing": 0, @@ -174,6 +179,7 @@ "@manypkg/cli": "^0.5.2", "@mdx-js/mdx": "^1.1.0", "@mdx-js/react": "^1.0.27", + "@preconstruct/cli": "^1.1.0", "@testing-library/react": "^9.3.2", "@types/jest": "^23.0.2", "@types/node": "^10.11.4", @@ -231,7 +237,6 @@ "npm-run-all": "^4.0.2", "opencollective": "^1.0.3", "polished": "^1.2.1", - "preconstruct": "^0.0.81", "prettier": "1.14.3", "puppeteer": "^1.6.0", "raf": "^3.4.0", diff --git a/packages/babel-plugin-emotion/README.md b/packages/babel-plugin-emotion/README.md index 398f94dbe..d0496d5ff 100644 --- a/packages/babel-plugin-emotion/README.md +++ b/packages/babel-plugin-emotion/README.md @@ -285,27 +285,36 @@ const H1 = /*#__PURE__*/ styled('h1', { `H1`'s class name attribute would be `css-hash-H1` -### `instances` - -`Array`, defaults to +### `cssPropOptimization` -```jsx -;['emotion'] -``` +`boolean`, defaults to `true`. -This option allows `babel-plugin-emotion` to know which imports to treat as -emotion imports and transform as such. This option is **only** required if you -use a custom instance of emotion created with `create-emotion` or you're -importing emotion from somewhere other than the paths above. Relative paths are -resolved relative to `process.cwd()`(the current working directory). +This option assumes that you are using something to make `@emotion/core`'s `jsx` function work for all jsx. If you are not doing so and you do not want such optimizations to occur, disable this option. -[**Documentation**](https://emotion.sh/docs/instances) +### `importMap` -### `cssPropOptimization` +This option allows you to tell babel-plugin-emotion what imports it should look at to determine what it should transform so if you re-export Emotion's exports, you can still use the Babel transforms -`boolean`, defaults to `true`. +An example config: -This option assumes that you are using something to make `@emotion/core`'s `jsx` function work for all jsx. If you are not doing so and you do not want such optimizations to occur, disable this option. +```json +{ + "my-package": { + "anotherExport": { + "canonicalImport": ["@emotion/styled", "default"], + "styledBaseImport": ["my-package/base", "anotherExport"] + } + }, + "some-package": { + "someExport": { + "canonicalImport": ["@emotion/core", "css"] + }, + "thisIsTheJsxExport": { + "canonicalImport": ["@emotion/core", "jsx"] + } + } +} +``` ## Babel Macros diff --git a/packages/babel-plugin-emotion/__tests__/__fixtures__/core-with-css-import-dynamic.js b/packages/babel-plugin-emotion/__tests__/__fixtures__/core-with-css-import-dynamic.js new file mode 100644 index 000000000..ad5a30281 --- /dev/null +++ b/packages/babel-plugin-emotion/__tests__/__fixtures__/core-with-css-import-dynamic.js @@ -0,0 +1,11 @@ +/** @jsx jsx */ +import { jsx, css } from '@emotion/core' + +const SomeComponent = props => ( +
+) diff --git a/packages/babel-plugin-emotion/__tests__/__fixtures__/dynamic.js b/packages/babel-plugin-emotion/__tests__/__fixtures__/dynamic.js new file mode 100644 index 000000000..46ea8509d --- /dev/null +++ b/packages/babel-plugin-emotion/__tests__/__fixtures__/dynamic.js @@ -0,0 +1,4 @@ +/** @jsx jsx */ +import { jsx } from '@emotion/core' + +const SomeComponent = props =>
diff --git a/packages/babel-plugin-emotion/__tests__/__snapshots__/css-requires-options.js.snap b/packages/babel-plugin-emotion/__tests__/__snapshots__/css-requires-options.js.snap index 53deeed36..c48bb5ad5 100644 --- a/packages/babel-plugin-emotion/__tests__/__snapshots__/css-requires-options.js.snap +++ b/packages/babel-plugin-emotion/__tests__/__snapshots__/css-requires-options.js.snap @@ -11,7 +11,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { let someCls = /*#__PURE__*/ -_css(process.env.NODE_ENV === \\"production\\" ? { +_css2(process.env.NODE_ENV === \\"production\\" ? { name: \\"1jwq1yt-someCls\\", styles: \\"color:hotpink;;label:someCls;\\" } : { @@ -23,7 +23,7 @@ _css(process.env.NODE_ENV === \\"production\\" ? { let rotate360 = /*#__PURE__*/ -_keyframes(process.env.NODE_ENV === \\"production\\" ? { +_keyframes2(process.env.NODE_ENV === \\"production\\" ? { name: \\"1k98dea-rotate360\\", styles: \\"from{transform:rotate(0deg);}to{transform:rotate(360deg);};label:rotate360;\\" } : { @@ -34,54 +34,6 @@ _keyframes(process.env.NODE_ENV === \\"production\\" ? { });" `; -exports[`babel css inline babel 6 custom instance 1`] = ` -"import { css as _css } from 'my-emotion-instance'; - -function _EMOTION_STRINGIFIED_CSS_ERROR__() { return 'You have tried to stringify object returned from \`css\` function. It isn\\\\'t supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).'; } - -/*#__PURE__*/_css(process.env.NODE_ENV === 'production' ? { - name: '1lrxbo5', - styles: 'color:hotpink;' -} : { - name: '1lrxbo5', - styles: 'color:hotpink;', - map: '/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVPIiwiZmlsZSI6ImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG4gICAgaW1wb3J0IHtjc3MgYXMgbG9sfSBmcm9tICdteS1lbW90aW9uLWluc3RhbmNlJ1xuICAgIGxvbGBjb2xvcjpob3RwaW5rO2AiXX0= */', - toString: _EMOTION_STRINGIFIED_CSS_ERROR__ -});" -`; - -exports[`babel css inline babel 6 custom instance relative 1`] = ` -"import { css as _css } from './my-emotion-instance'; - -function _EMOTION_STRINGIFIED_CSS_ERROR__() { return 'You have tried to stringify object returned from \`css\` function. It isn\\\\'t supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).'; } - -/*#__PURE__*/_css(process.env.NODE_ENV === 'production' ? { - name: '1lrxbo5', - styles: 'color:hotpink;' -} : { - name: '1lrxbo5', - styles: 'color:hotpink;', - map: '/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVPIiwiZmlsZSI6ImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG4gICAgaW1wb3J0IHtjc3MgYXMgbG9sfSBmcm9tICcuL215LWVtb3Rpb24taW5zdGFuY2UnXG4gICAgbG9sYGNvbG9yOmhvdHBpbms7YCJdfQ== */', - toString: _EMOTION_STRINGIFIED_CSS_ERROR__ -});" -`; - -exports[`babel css inline babel 6 custom instance relative complex 1`] = ` -"import { css as _css } from '../__tests__/my-emotion-instance'; - -function _EMOTION_STRINGIFIED_CSS_ERROR__() { return 'You have tried to stringify object returned from \`css\` function. It isn\\\\'t supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).'; } - -/*#__PURE__*/_css(process.env.NODE_ENV === 'production' ? { - name: '1lrxbo5', - styles: 'color:hotpink;' -} : { - name: '1lrxbo5', - styles: 'color:hotpink;', - map: '/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVPIiwiZmlsZSI6ImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG4gICAgaW1wb3J0IHtjc3MgYXMgbG9sfSBmcm9tICcuLi9fX3Rlc3RzX18vbXktZW1vdGlvbi1pbnN0YW5jZSdcbiAgICBsb2xgY29sb3I6aG90cGluaztgIl19 */', - toString: _EMOTION_STRINGIFIED_CSS_ERROR__ -});" -`; - exports[`babel css inline babel 6 label format with dirname, filename, and local 1`] = ` "import { css as _css } from 'emotion'; @@ -166,7 +118,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { let someCls = /*#__PURE__*/ -_css(process.env.NODE_ENV === \\"production\\" ? { +_css2(process.env.NODE_ENV === \\"production\\" ? { name: \\"1jwq1yt-someCls\\", styles: \\"color:hotpink;;label:someCls;\\" } : { @@ -178,7 +130,7 @@ _css(process.env.NODE_ENV === \\"production\\" ? { let rotate360 = /*#__PURE__*/ -_keyframes(process.env.NODE_ENV === \\"production\\" ? { +_keyframes2(process.env.NODE_ENV === \\"production\\" ? { name: \\"1k98dea-rotate360\\", styles: \\"from{transform:rotate(0deg);}to{transform:rotate(360deg);};label:rotate360;\\" } : { @@ -189,57 +141,6 @@ _keyframes(process.env.NODE_ENV === \\"production\\" ? { });" `; -exports[`babel css inline babel 7 custom instance 1`] = ` -"import { css as _css } from \\"my-emotion-instance\\"; - -function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } - -/*#__PURE__*/ -_css(process.env.NODE_ENV === \\"production\\" ? { - name: \\"1lrxbo5\\", - styles: \\"color:hotpink;\\" -} : { - name: \\"1lrxbo5\\", - styles: \\"color:hotpink;\\", - map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVPIiwiZmlsZSI6ImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG4gICAgaW1wb3J0IHtjc3MgYXMgbG9sfSBmcm9tICdteS1lbW90aW9uLWluc3RhbmNlJ1xuICAgIGxvbGBjb2xvcjpob3RwaW5rO2AiXX0= */\\", - toString: _EMOTION_STRINGIFIED_CSS_ERROR__ -});" -`; - -exports[`babel css inline babel 7 custom instance relative 1`] = ` -"import { css as _css } from \\"./my-emotion-instance\\"; - -function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } - -/*#__PURE__*/ -_css(process.env.NODE_ENV === \\"production\\" ? { - name: \\"1lrxbo5\\", - styles: \\"color:hotpink;\\" -} : { - name: \\"1lrxbo5\\", - styles: \\"color:hotpink;\\", - map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVPIiwiZmlsZSI6ImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG4gICAgaW1wb3J0IHtjc3MgYXMgbG9sfSBmcm9tICcuL215LWVtb3Rpb24taW5zdGFuY2UnXG4gICAgbG9sYGNvbG9yOmhvdHBpbms7YCJdfQ== */\\", - toString: _EMOTION_STRINGIFIED_CSS_ERROR__ -});" -`; - -exports[`babel css inline babel 7 custom instance relative complex 1`] = ` -"import { css as _css } from \\"../__tests__/my-emotion-instance\\"; - -function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } - -/*#__PURE__*/ -_css(process.env.NODE_ENV === \\"production\\" ? { - name: \\"1lrxbo5\\", - styles: \\"color:hotpink;\\" -} : { - name: \\"1lrxbo5\\", - styles: \\"color:hotpink;\\", - map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVPIiwiZmlsZSI6ImNzcy1yZXF1aXJlcy1vcHRpb25zLmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG4gICAgaW1wb3J0IHtjc3MgYXMgbG9sfSBmcm9tICcuLi9fX3Rlc3RzX18vbXktZW1vdGlvbi1pbnN0YW5jZSdcbiAgICBsb2xgY29sb3I6aG90cGluaztgIl19 */\\", - toString: _EMOTION_STRINGIFIED_CSS_ERROR__ -});" -`; - exports[`babel css inline babel 7 label format with dirname, filename, and local 1`] = ` "import { css as _css } from \\"emotion\\"; diff --git a/packages/babel-plugin-emotion/__tests__/__snapshots__/index.js.snap b/packages/babel-plugin-emotion/__tests__/__snapshots__/index.js.snap index f47a48294..0802db691 100644 --- a/packages/babel-plugin-emotion/__tests__/__snapshots__/index.js.snap +++ b/packages/babel-plugin-emotion/__tests__/__snapshots__/index.js.snap @@ -34,6 +34,30 @@ var _ref = process.env.NODE_ENV === \\"production\\" ? { const SomeComponent = props =>
;" `; +exports[`@emotion/babel-plugin-core core-with-css-import-dynamic 1`] = ` +"/** @jsx jsx */ +import { jsx, css } from '@emotion/core' + +const SomeComponent = props => ( +
+) + + + ↓ ↓ ↓ ↓ ↓ ↓ + +/** @jsx jsx */ +import { jsx, css } from '@emotion/core'; + +const SomeComponent = props =>
;" +`; + exports[`@emotion/babel-plugin-core does-not-change-other-props 1`] = ` "/** @jsx jsx */ import { jsx } from '@emotion/core' @@ -50,6 +74,27 @@ const Svg = ;" `; +exports[`@emotion/babel-plugin-core dynamic 1`] = ` +"/** @jsx jsx */ +import { jsx } from '@emotion/core' + +const SomeComponent = props =>
+ + + ↓ ↓ ↓ ↓ ↓ ↓ + +import { css as _css } from \\"@emotion/core\\"; + +/** @jsx jsx */ +import { jsx } from '@emotion/core'; + +const SomeComponent = props =>
;" +`; + exports[`@emotion/babel-plugin-core function-declaration 1`] = ` "// @flow import * as React from 'react' diff --git a/packages/babel-plugin-emotion/__tests__/__snapshots__/styled.js.snap b/packages/babel-plugin-emotion/__tests__/__snapshots__/styled.js.snap index 223dcfb2c..a0e378089 100644 --- a/packages/babel-plugin-emotion/__tests__/__snapshots__/styled.js.snap +++ b/packages/babel-plugin-emotion/__tests__/__snapshots__/styled.js.snap @@ -126,7 +126,7 @@ import _styled from \\"@emotion/styled-base\\"; function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } const SomeComponent = _styled(\\"div\\", { - target: \\"e4byx850\\", + target: \\"e4byx853\\", label: \\"SomeComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"1lrxbo5\\", @@ -139,7 +139,7 @@ const SomeComponent = _styled(\\"div\\", { }); let SomeOtherComponent = _styled(\\"div\\", { - target: \\"e4byx851\\", + target: \\"e4byx852\\", label: \\"SomeOtherComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"1lrxbo5\\", @@ -152,12 +152,12 @@ let SomeOtherComponent = _styled(\\"div\\", { }); let AnotherComponent = _styled(\\"div\\", { - target: \\"e4byx852\\", + target: \\"e4byx851\\", label: \\"AnotherComponent\\" })(SomeComponent, \\"{color:green;}\\", SomeOtherComponent, \\"{color:green;}\\" + (process.env.NODE_ENV === \\"production\\" ? \\"\\" : \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudC1zZWxlY3Rvci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRaUMiLCJmaWxlIjoiY29tcG9uZW50LXNlbGVjdG9yLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFNvbWVDb21wb25lbnQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogaG90cGluaztcbmBcblxubGV0IFNvbWVPdGhlckNvbXBvbmVudCA9IHN0eWxlZC5kaXYoeyBjb2xvcjogJ2hvdHBpbmsnIH0pXG5cbmxldCBBbm90aGVyQ29tcG9uZW50ID0gc3R5bGVkLmRpdmBcbiAgJHtTb21lQ29tcG9uZW50fSB7XG4gICAgY29sb3I6IGdyZWVuO1xuICB9XG4gICR7U29tZU90aGVyQ29tcG9uZW50fSB7XG4gICAgY29sb3I6IGdyZWVuO1xuICB9XG5gXG5cbmxldCBPbmVMYXN0Q29tcG9uZW50ID0gc3R5bGVkLmRpdih7XG4gIFtTb21lQ29tcG9uZW50XToge1xuICAgIGNvbG9yOiAnZ3JlZW4nXG4gIH0sXG4gIFtTb21lT3RoZXJDb21wb25lbnRdOiB7XG4gICAgY29sb3I6ICdncmVlbidcbiAgfVxufSlcbiJdfQ== */\\")); let OneLastComponent = _styled(\\"div\\", { - target: \\"e4byx853\\", + target: \\"e4byx850\\", label: \\"OneLastComponent\\" })({ [SomeComponent]: { @@ -203,13 +203,13 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to string /*#__PURE__*/ _styled('div', { shouldForwardProp: window.whatever, - target: \\"ek6pnb20\\" + target: \\"ek6pnb24\\" }, window.whatever)(process.env.NODE_ENV === \\"production\\" ? \\"\\" : \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4aXN0aW5nLW9wdGlvbnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEiLCJmaWxlIjoiZXhpc3Rpbmctb3B0aW9ucy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5zdHlsZWQoJ2RpdicsIHsgc2hvdWxkRm9yd2FyZFByb3A6IHdpbmRvdy53aGF0ZXZlciB9LCB3aW5kb3cud2hhdGV2ZXIpKClcblxuc3R5bGVkKCdkaXYnLCB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSwgd2luZG93LndoYXRldmVyKWBgXG5cbnN0eWxlZChcbiAgd2luZG93LndoYXRldmVyLFxuICB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSxcbiAgd2luZG93LndoYXRldmVyXG4pKClcblxuc3R5bGVkKFxuICB3aW5kb3cud2hhdGV2ZXIsXG4gIHsgc2hvdWxkRm9yd2FyZFByb3A6IHdpbmRvdy53aGF0ZXZlciB9LFxuICB3aW5kb3cud2hhdGV2ZXJcbilgYFxuXG5jb25zdCBjZmcgPSB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfVxuc3R5bGVkKCdidXR0b24nLCBjZmcpKHt9KVxuIl19 */\\"); /*#__PURE__*/ _styled('div', { shouldForwardProp: window.whatever, - target: \\"ek6pnb21\\" + target: \\"ek6pnb23\\" }, window.whatever)(process.env.NODE_ENV === \\"production\\" ? \\"\\" : \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4aXN0aW5nLW9wdGlvbnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXNFIiwiZmlsZSI6ImV4aXN0aW5nLW9wdGlvbnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuc3R5bGVkKCdkaXYnLCB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSwgd2luZG93LndoYXRldmVyKSgpXG5cbnN0eWxlZCgnZGl2JywgeyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH0sIHdpbmRvdy53aGF0ZXZlcilgYFxuXG5zdHlsZWQoXG4gIHdpbmRvdy53aGF0ZXZlcixcbiAgeyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH0sXG4gIHdpbmRvdy53aGF0ZXZlclxuKSgpXG5cbnN0eWxlZChcbiAgd2luZG93LndoYXRldmVyLFxuICB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSxcbiAgd2luZG93LndoYXRldmVyXG4pYGBcblxuY29uc3QgY2ZnID0geyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH1cbnN0eWxlZCgnYnV0dG9uJywgY2ZnKSh7fSlcbiJdfQ== */\\"); /*#__PURE__*/ @@ -221,7 +221,7 @@ _styled(window.whatever, { /*#__PURE__*/ _styled(window.whatever, { shouldForwardProp: window.whatever, - target: \\"ek6pnb23\\" + target: \\"ek6pnb21\\" }, window.whatever)(process.env.NODE_ENV === \\"production\\" ? \\"\\" : \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4aXN0aW5nLW9wdGlvbnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JDIiwiZmlsZSI6ImV4aXN0aW5nLW9wdGlvbnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuc3R5bGVkKCdkaXYnLCB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSwgd2luZG93LndoYXRldmVyKSgpXG5cbnN0eWxlZCgnZGl2JywgeyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH0sIHdpbmRvdy53aGF0ZXZlcilgYFxuXG5zdHlsZWQoXG4gIHdpbmRvdy53aGF0ZXZlcixcbiAgeyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH0sXG4gIHdpbmRvdy53aGF0ZXZlclxuKSgpXG5cbnN0eWxlZChcbiAgd2luZG93LndoYXRldmVyLFxuICB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSxcbiAgd2luZG93LndoYXRldmVyXG4pYGBcblxuY29uc3QgY2ZnID0geyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH1cbnN0eWxlZCgnYnV0dG9uJywgY2ZnKSh7fSlcbiJdfQ== */\\"); const cfg = { @@ -230,7 +230,7 @@ const cfg = { /*#__PURE__*/ _styled('button', _extends({}, { - target: \\"ek6pnb24\\" + target: \\"ek6pnb20\\" }, cfg))(process.env.NODE_ENV === \\"production\\" ? { name: \\"0\\", styles: \\"\\" @@ -296,7 +296,7 @@ import { jsx } from '@emotion/core'; class Thing { static SomeComponent = _styled(\\"div\\", { - target: \\"egllku90\\", + target: \\"egllku92\\", label: \\"SomeComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"1lrxbo5\\", @@ -324,7 +324,7 @@ class Thing { { // label should get sanitized const MiniCalWrap$ = _styled(\\"div\\", { - target: \\"egllku92\\", + target: \\"egllku90\\", label: \\"MiniCalWrap-\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"tokvmb\\", @@ -390,7 +390,7 @@ import _styled from \\"@emotion/styled-base\\"; function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } const SomeComponent = _styled(\\"div\\", { - target: \\"eqvttbz0\\", + target: \\"eqvttbz1\\", label: \\"SomeComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"1lrxbo5\\", @@ -403,7 +403,7 @@ const SomeComponent = _styled(\\"div\\", { }); const SomeOtherComponent = _styled(\\"button\\", { - target: \\"eqvttbz1\\", + target: \\"eqvttbz0\\", label: \\"SomeOtherComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"bjcoli\\", @@ -544,8 +544,8 @@ otherThing() ↓ ↓ ↓ ↓ ↓ ↓ -import { otherThing as _otherThing } from \\"@emotion/styled-base\\"; -import { something as _something } from \\"@emotion/styled-base\\"; +import { otherThing as _otherThing } from \\"@emotion/styled\\"; +import { something as _something } from \\"@emotion/styled\\"; _something(); diff --git a/packages/babel-plugin-emotion/__tests__/css-requires-options.js b/packages/babel-plugin-emotion/__tests__/css-requires-options.js index 2cc58247c..f955f1245 100644 --- a/packages/babel-plugin-emotion/__tests__/css-requires-options.js +++ b/packages/babel-plugin-emotion/__tests__/css-requires-options.js @@ -1,6 +1,5 @@ // @flow import { createInlineTests } from 'old-babel-tester' -import path from 'path' const inline = { 'label format with only local': { @@ -106,34 +105,6 @@ const inline = { }); `, filename: __filename - }, - - 'custom instance': { - code: ` - import {css as lol} from 'my-emotion-instance' - lol\`color:hotpink;\``, - opts: { - instances: ['my-emotion-instance'] - }, - filename: __filename - }, - 'custom instance relative': { - code: ` - import {css as lol} from './my-emotion-instance' - lol\`color:hotpink;\``, - opts: { - instances: [path.join(__dirname, './my-emotion-instance')] - }, - filename: __filename - }, - 'custom instance relative complex': { - code: ` - import {css as lol} from '../__tests__/my-emotion-instance' - lol\`color:hotpink;\``, - opts: { - instances: [path.join(__dirname, './my-emotion-instance')] - }, - filename: __filename } } createInlineTests('babel css inline', inline) diff --git a/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/jsx.js b/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/jsx.js new file mode 100644 index 000000000..f84f73224 --- /dev/null +++ b/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/jsx.js @@ -0,0 +1,4 @@ +/** @jsx someJsx */ +import { someJsx } from 'package-two' + +const SomeComponent = props =>
diff --git a/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/non-default-styled.js b/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/non-default-styled.js new file mode 100644 index 000000000..318dc6ff4 --- /dev/null +++ b/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/non-default-styled.js @@ -0,0 +1,3 @@ +import { nonDefaultStyled } from 'package-one' + +let SomeComp = nonDefaultStyled.div({ color: 'hotpink' }) diff --git a/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/styled-with-base-specified.js b/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/styled-with-base-specified.js new file mode 100644 index 000000000..f997bea80 --- /dev/null +++ b/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/styled-with-base-specified.js @@ -0,0 +1,3 @@ +import { nonDefaultStyled } from 'package-four' + +let SomeComp = nonDefaultStyled.div({ color: 'hotpink' }) diff --git a/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/vanilla.js b/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/vanilla.js new file mode 100644 index 000000000..81cfb6b30 --- /dev/null +++ b/packages/babel-plugin-emotion/__tests__/import-mapping/__fixtures__/vanilla.js @@ -0,0 +1,3 @@ +import { something } from 'package-three' + +something({ color: 'green' }) diff --git a/packages/babel-plugin-emotion/__tests__/import-mapping/__snapshots__/import-mapping.js.snap b/packages/babel-plugin-emotion/__tests__/import-mapping/__snapshots__/import-mapping.js.snap new file mode 100644 index 000000000..f8eee0aa6 --- /dev/null +++ b/packages/babel-plugin-emotion/__tests__/import-mapping/__snapshots__/import-mapping.js.snap @@ -0,0 +1,98 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`import mapping jsx 1`] = ` +"/** @jsx someJsx */ +import { someJsx } from 'package-two' + +const SomeComponent = props =>
+ + + ↓ ↓ ↓ ↓ ↓ ↓ + +import { someCssFromCore as _css } from \\"package-two\\"; + +/** @jsx someJsx */ +import { someJsx } from 'package-two'; + +const SomeComponent = props =>
;" +`; + +exports[`import mapping non-default-styled 1`] = ` +"import { nonDefaultStyled } from 'package-one' + +let SomeComp = nonDefaultStyled.div({ color: 'hotpink' }) + + + ↓ ↓ ↓ ↓ ↓ ↓ + +import { nonDefaultStyled as _styled } from \\"package-one\\"; + +function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } + +let SomeComp = _styled(\\"div\\", { + target: \\"e1nqcgbi0\\", + label: \\"SomeComp\\" +})(process.env.NODE_ENV === \\"production\\" ? { + name: \\"1lrxbo5\\", + styles: \\"color:hotpink;\\" +} : { + name: \\"1lrxbo5\\", + styles: \\"color:hotpink;\\", + map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vbi1kZWZhdWx0LXN0eWxlZC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFZSIsImZpbGUiOiJub24tZGVmYXVsdC1zdHlsZWQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBub25EZWZhdWx0U3R5bGVkIH0gZnJvbSAncGFja2FnZS1vbmUnXG5cbmxldCBTb21lQ29tcCA9IG5vbkRlZmF1bHRTdHlsZWQuZGl2KHsgY29sb3I6ICdob3RwaW5rJyB9KVxuIl19 */\\", + toString: _EMOTION_STRINGIFIED_CSS_ERROR__ +});" +`; + +exports[`import mapping styled-with-base-specified 1`] = ` +"import { nonDefaultStyled } from 'package-four' + +let SomeComp = nonDefaultStyled.div({ color: 'hotpink' }) + + + ↓ ↓ ↓ ↓ ↓ ↓ + +import { something as _styled } from \\"package-four/base\\"; + +function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } + +let SomeComp = _styled(\\"div\\", { + target: \\"eccz39l0\\", + label: \\"SomeComp\\" +})(process.env.NODE_ENV === \\"production\\" ? { + name: \\"1lrxbo5\\", + styles: \\"color:hotpink;\\" +} : { + name: \\"1lrxbo5\\", + styles: \\"color:hotpink;\\", + map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC13aXRoLWJhc2Utc3BlY2lmaWVkLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVlIiwiZmlsZSI6InN0eWxlZC13aXRoLWJhc2Utc3BlY2lmaWVkLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbm9uRGVmYXVsdFN0eWxlZCB9IGZyb20gJ3BhY2thZ2UtZm91cidcblxubGV0IFNvbWVDb21wID0gbm9uRGVmYXVsdFN0eWxlZC5kaXYoeyBjb2xvcjogJ2hvdHBpbmsnIH0pXG4iXX0= */\\", + toString: _EMOTION_STRINGIFIED_CSS_ERROR__ +});" +`; + +exports[`import mapping vanilla 1`] = ` +"import { something } from 'package-three' + +something({ color: 'green' }) + + + ↓ ↓ ↓ ↓ ↓ ↓ + +import { something as _something } from \\"package-three\\"; + +function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } + +/*#__PURE__*/ +_something(process.env.NODE_ENV === \\"production\\" ? { + name: \\"bjcoli\\", + styles: \\"color:green;\\" +} : { + name: \\"bjcoli\\", + styles: \\"color:green;\\", + map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZhbmlsbGEuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEiLCJmaWxlIjoidmFuaWxsYS5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHNvbWV0aGluZyB9IGZyb20gJ3BhY2thZ2UtdGhyZWUnXG5cbnNvbWV0aGluZyh7IGNvbG9yOiAnZ3JlZW4nIH0pXG4iXX0= */\\", + toString: _EMOTION_STRINGIFIED_CSS_ERROR__ +});" +`; diff --git a/packages/babel-plugin-emotion/__tests__/import-mapping/import-mapping.js b/packages/babel-plugin-emotion/__tests__/import-mapping/import-mapping.js new file mode 100644 index 000000000..c603d914e --- /dev/null +++ b/packages/babel-plugin-emotion/__tests__/import-mapping/import-mapping.js @@ -0,0 +1,39 @@ +import babelTester from 'babel-tester' +import plugin from 'babel-plugin-emotion' + +babelTester('import mapping', __dirname, { + plugins: [ + [ + plugin, + { + importMap: { + 'package-one': { + nonDefaultStyled: { + canonicalImport: ['@emotion/styled', 'default'] + } + }, + 'package-two': { + someJsx: { + canonicalImport: ['@emotion/core', 'jsx'] + }, + someCssFromCore: { + canonicalImport: ['@emotion/core', 'css'] + } + }, + + 'package-three': { + something: { + canonicalImport: ['emotion', 'css'] + } + }, + 'package-four': { + nonDefaultStyled: { + canonicalImport: ['@emotion/styled', 'default'], + styledBaseImport: ['package-four/base', 'something'] + } + } + } + } + ] + ] +}) diff --git a/packages/babel-plugin-emotion/__tests__/source-maps/__snapshots__/index.js.snap b/packages/babel-plugin-emotion/__tests__/source-maps/__snapshots__/index.js.snap index 0ff8ca51b..32a8981c5 100644 --- a/packages/babel-plugin-emotion/__tests__/source-maps/__snapshots__/index.js.snap +++ b/packages/babel-plugin-emotion/__tests__/source-maps/__snapshots__/index.js.snap @@ -66,7 +66,7 @@ const SomeComponent = props => ( ↓ ↓ ↓ ↓ ↓ ↓ -import _css from \\"@emotion/css\\"; +import { css as _css } from \\"@emotion/core\\"; /** @jsx jsx */ import { jsx } from '@emotion/core'; diff --git a/packages/babel-plugin-emotion/__tests__/styled-macro/__snapshots__/index.js.snap b/packages/babel-plugin-emotion/__tests__/styled-macro/__snapshots__/index.js.snap index 2de2cc698..fc55d0486 100644 --- a/packages/babel-plugin-emotion/__tests__/styled-macro/__snapshots__/index.js.snap +++ b/packages/babel-plugin-emotion/__tests__/styled-macro/__snapshots__/index.js.snap @@ -126,7 +126,7 @@ import _styled from \\"@emotion/styled-base\\"; function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } const SomeComponent = _styled(\\"div\\", { - target: \\"e4byx850\\", + target: \\"e4byx853\\", label: \\"SomeComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"1lrxbo5\\", @@ -139,7 +139,7 @@ const SomeComponent = _styled(\\"div\\", { }); let SomeOtherComponent = _styled(\\"div\\", { - target: \\"e4byx851\\", + target: \\"e4byx852\\", label: \\"SomeOtherComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"1lrxbo5\\", @@ -152,12 +152,12 @@ let SomeOtherComponent = _styled(\\"div\\", { }); let AnotherComponent = _styled(\\"div\\", { - target: \\"e4byx852\\", + target: \\"e4byx851\\", label: \\"AnotherComponent\\" })(SomeComponent, \\"{color:green;}\\", SomeOtherComponent, \\"{color:green;}\\" + (process.env.NODE_ENV === \\"production\\" ? \\"\\" : \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudC1zZWxlY3Rvci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRaUMiLCJmaWxlIjoiY29tcG9uZW50LXNlbGVjdG9yLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQvbWFjcm8nXG5cbmNvbnN0IFNvbWVDb21wb25lbnQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogaG90cGluaztcbmBcblxubGV0IFNvbWVPdGhlckNvbXBvbmVudCA9IHN0eWxlZC5kaXYoeyBjb2xvcjogJ2hvdHBpbmsnIH0pXG5cbmxldCBBbm90aGVyQ29tcG9uZW50ID0gc3R5bGVkLmRpdmBcbiAgJHtTb21lQ29tcG9uZW50fSB7XG4gICAgY29sb3I6IGdyZWVuO1xuICB9XG4gICR7U29tZU90aGVyQ29tcG9uZW50fSB7XG4gICAgY29sb3I6IGdyZWVuO1xuICB9XG5gXG5cbmxldCBPbmVMYXN0Q29tcG9uZW50ID0gc3R5bGVkLmRpdih7XG4gIFtTb21lQ29tcG9uZW50XToge1xuICAgIGNvbG9yOiAnZ3JlZW4nXG4gIH0sXG4gIFtTb21lT3RoZXJDb21wb25lbnRdOiB7XG4gICAgY29sb3I6ICdncmVlbidcbiAgfVxufSlcbiJdfQ== */\\")); let OneLastComponent = _styled(\\"div\\", { - target: \\"e4byx853\\", + target: \\"e4byx850\\", label: \\"OneLastComponent\\" })({ [SomeComponent]: { @@ -203,13 +203,13 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to string /*#__PURE__*/ _styled('div', { shouldForwardProp: window.whatever, - target: \\"ek6pnb20\\" + target: \\"ek6pnb24\\" }, window.whatever)(process.env.NODE_ENV === \\"production\\" ? \\"\\" : \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4aXN0aW5nLW9wdGlvbnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEiLCJmaWxlIjoiZXhpc3Rpbmctb3B0aW9ucy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkL21hY3JvJ1xuXG5zdHlsZWQoJ2RpdicsIHsgc2hvdWxkRm9yd2FyZFByb3A6IHdpbmRvdy53aGF0ZXZlciB9LCB3aW5kb3cud2hhdGV2ZXIpKClcblxuc3R5bGVkKCdkaXYnLCB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSwgd2luZG93LndoYXRldmVyKWBgXG5cbnN0eWxlZChcbiAgd2luZG93LndoYXRldmVyLFxuICB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSxcbiAgd2luZG93LndoYXRldmVyXG4pKClcblxuc3R5bGVkKFxuICB3aW5kb3cud2hhdGV2ZXIsXG4gIHsgc2hvdWxkRm9yd2FyZFByb3A6IHdpbmRvdy53aGF0ZXZlciB9LFxuICB3aW5kb3cud2hhdGV2ZXJcbilgYFxuXG5jb25zdCBjZmcgPSB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfVxuc3R5bGVkKCdidXR0b24nLCBjZmcpKHt9KVxuIl19 */\\"); /*#__PURE__*/ _styled('div', { shouldForwardProp: window.whatever, - target: \\"ek6pnb21\\" + target: \\"ek6pnb23\\" }, window.whatever)(process.env.NODE_ENV === \\"production\\" ? \\"\\" : \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4aXN0aW5nLW9wdGlvbnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXNFIiwiZmlsZSI6ImV4aXN0aW5nLW9wdGlvbnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybydcblxuc3R5bGVkKCdkaXYnLCB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSwgd2luZG93LndoYXRldmVyKSgpXG5cbnN0eWxlZCgnZGl2JywgeyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH0sIHdpbmRvdy53aGF0ZXZlcilgYFxuXG5zdHlsZWQoXG4gIHdpbmRvdy53aGF0ZXZlcixcbiAgeyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH0sXG4gIHdpbmRvdy53aGF0ZXZlclxuKSgpXG5cbnN0eWxlZChcbiAgd2luZG93LndoYXRldmVyLFxuICB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSxcbiAgd2luZG93LndoYXRldmVyXG4pYGBcblxuY29uc3QgY2ZnID0geyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH1cbnN0eWxlZCgnYnV0dG9uJywgY2ZnKSh7fSlcbiJdfQ== */\\"); /*#__PURE__*/ @@ -221,7 +221,7 @@ _styled(window.whatever, { /*#__PURE__*/ _styled(window.whatever, { shouldForwardProp: window.whatever, - target: \\"ek6pnb23\\" + target: \\"ek6pnb21\\" }, window.whatever)(process.env.NODE_ENV === \\"production\\" ? \\"\\" : \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4aXN0aW5nLW9wdGlvbnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JDIiwiZmlsZSI6ImV4aXN0aW5nLW9wdGlvbnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybydcblxuc3R5bGVkKCdkaXYnLCB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSwgd2luZG93LndoYXRldmVyKSgpXG5cbnN0eWxlZCgnZGl2JywgeyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH0sIHdpbmRvdy53aGF0ZXZlcilgYFxuXG5zdHlsZWQoXG4gIHdpbmRvdy53aGF0ZXZlcixcbiAgeyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH0sXG4gIHdpbmRvdy53aGF0ZXZlclxuKSgpXG5cbnN0eWxlZChcbiAgd2luZG93LndoYXRldmVyLFxuICB7IHNob3VsZEZvcndhcmRQcm9wOiB3aW5kb3cud2hhdGV2ZXIgfSxcbiAgd2luZG93LndoYXRldmVyXG4pYGBcblxuY29uc3QgY2ZnID0geyBzaG91bGRGb3J3YXJkUHJvcDogd2luZG93LndoYXRldmVyIH1cbnN0eWxlZCgnYnV0dG9uJywgY2ZnKSh7fSlcbiJdfQ== */\\"); const cfg = { @@ -230,7 +230,7 @@ const cfg = { /*#__PURE__*/ _styled('button', _extends({}, { - target: \\"ek6pnb24\\" + target: \\"ek6pnb20\\" }, cfg))(process.env.NODE_ENV === \\"production\\" ? { name: \\"0\\", styles: \\"\\" @@ -296,7 +296,7 @@ import { jsx } from '@emotion/core'; class Thing { static SomeComponent = _styled(\\"div\\", { - target: \\"egllku90\\", + target: \\"egllku92\\", label: \\"SomeComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"1lrxbo5\\", @@ -324,7 +324,7 @@ class Thing { { // label should get sanitized const MiniCalWrap$ = _styled(\\"div\\", { - target: \\"egllku92\\", + target: \\"egllku90\\", label: \\"MiniCalWrap-\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"tokvmb\\", @@ -390,7 +390,7 @@ import _styled from \\"@emotion/styled-base\\"; function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \\"You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop).\\"; } const SomeComponent = _styled(\\"div\\", { - target: \\"eqvttbz0\\", + target: \\"eqvttbz1\\", label: \\"SomeComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"1lrxbo5\\", @@ -403,7 +403,7 @@ const SomeComponent = _styled(\\"div\\", { }); const SomeOtherComponent = _styled(\\"button\\", { - target: \\"eqvttbz1\\", + target: \\"eqvttbz0\\", label: \\"SomeOtherComponent\\" })(process.env.NODE_ENV === \\"production\\" ? { name: \\"bjcoli\\", diff --git a/packages/babel-plugin-emotion/package.json b/packages/babel-plugin-emotion/package.json index 3f11498a1..69e5479d4 100644 --- a/packages/babel-plugin-emotion/package.json +++ b/packages/babel-plugin-emotion/package.json @@ -14,6 +14,7 @@ }, "dependencies": { "@babel/helper-module-imports": "^7.0.0", + "@babel/runtime": "^7.5.5", "@emotion/hash": "0.7.3", "@emotion/memoize": "0.7.3", "@emotion/serialize": "^1.0.0-next.0", diff --git a/packages/babel-plugin-emotion/src/css-macro.js b/packages/babel-plugin-emotion/src/css-macro.js index 9a74016d3..33ae2b954 100644 --- a/packages/babel-plugin-emotion/src/css-macro.js +++ b/packages/babel-plugin-emotion/src/css-macro.js @@ -1,7 +1,9 @@ // @flow -import { createMacro } from 'babel-plugin-macros' -import { addDefault, addNamed } from '@babel/helper-module-imports' -import { transformExpressionWithStyles } from './utils' +import { + transformExpressionWithStyles, + addImport, + createTransformerMacro +} from './utils' export const transformCssCallExpression = ({ babel, @@ -31,34 +33,26 @@ export const transformCssCallExpression = ({ } } -export default createMacro(({ references, state, babel, isEmotionCall }) => { - if (!isEmotionCall) { - state.emotionSourceMap = true - } - const t = babel.types - if (references.default && references.default.length) { - references.default.reverse().forEach(reference => { - if (!state.cssIdentifier) { - state.cssIdentifier = addDefault(reference, '@emotion/css', { - nameHint: 'css' - }) - } - reference.replaceWith(t.cloneDeep(state.cssIdentifier)) - transformCssCallExpression({ babel, state, path: reference.parentPath }) - }) - } - Object.keys(references) - .filter(x => x !== 'default') - .forEach(referenceKey => { - let runtimeNode = addNamed( - state.file.path, - referenceKey, - '@emotion/css', - { nameHint: referenceKey } - ) +export let coreCssTransformer = ({ + state, + babel, + importPath, + reference, + importSpecifierName +}: { + state: any, + babel: any, + importPath: string, + reference: any, + importSpecifierName: string +}) => { + reference.replaceWith( + addImport(state, importPath, importSpecifierName, 'css') + ) + transformCssCallExpression({ babel, state, path: reference.parentPath }) +} - references[referenceKey].reverse().forEach(reference => { - reference.replaceWith(t.cloneDeep(runtimeNode)) - }) - }) -}) +export default createTransformerMacro( + { default: coreCssTransformer }, + '@emotion/css' +) diff --git a/packages/babel-plugin-emotion/src/emotion-macro.js b/packages/babel-plugin-emotion/src/emotion-macro.js index bb0f3bc74..ad601fda2 100644 --- a/packages/babel-plugin-emotion/src/emotion-macro.js +++ b/packages/babel-plugin-emotion/src/emotion-macro.js @@ -1,7 +1,9 @@ // @flow -import { transformExpressionWithStyles } from './utils' -import { addNamed } from '@babel/helper-module-imports' -import { createMacro } from 'babel-plugin-macros' +import { + transformExpressionWithStyles, + addImport, + createTransformerMacro +} from './utils' const isAlreadyTranspiled = path => { if (!path.isCallExpression()) { @@ -31,52 +33,41 @@ const isAlreadyTranspiled = path => { return ['name', 'styles'].every(p => properties.has(p)) } -export let createEmotionMacro = (instancePath: string) => - createMacro(function macro({ references, state, babel, isEmotionCall }) { - if (!isEmotionCall) { - state.emotionSourceMap = true - } +let createEmotionTransformer = (isPure: boolean) => ({ + state, + babel, + importPath, + reference, + importSpecifierName +}: Object) => { + const path = reference.parentPath - let t = babel.types - Object.keys(references).forEach(referenceKey => { - let isPure = true - let runtimeNode = addNamed(state.file.path, referenceKey, instancePath) + reference.replaceWith(addImport(state, importPath, importSpecifierName)) - switch (referenceKey) { - case 'injectGlobal': { - isPure = false - } - // eslint-disable-next-line no-fallthrough - case 'css': - case 'keyframes': { - references[referenceKey].reverse().forEach(reference => { - const path = reference.parentPath + if (isAlreadyTranspiled(path)) { + return + } - if (isAlreadyTranspiled(path)) { - return - } + if (isPure) { + path.addComment('leading', '#__PURE__') + } - reference.replaceWith(t.cloneDeep(runtimeNode)) - if (isPure) { - path.addComment('leading', '#__PURE__') - } - let { node } = transformExpressionWithStyles({ - babel, - state, - path, - shouldLabel: true - }) - if (node) { - path.node.arguments[0] = node - } - }) - break - } - default: { - references[referenceKey].reverse().forEach(reference => { - reference.replaceWith(t.cloneDeep(runtimeNode)) - }) - } - } - }) + let { node } = transformExpressionWithStyles({ + babel, + state, + path, + shouldLabel: true }) + if (node) { + path.node.arguments[0] = node + } +} + +export let transformers = { + css: createEmotionTransformer(true), + injectGlobal: createEmotionTransformer(false), + keyframes: createEmotionTransformer(true) +} + +export let createEmotionMacro = (instancePath: string) => + createTransformerMacro(transformers, instancePath) diff --git a/packages/babel-plugin-emotion/src/index.js b/packages/babel-plugin-emotion/src/index.js index 23e0335ad..55aa255ad 100644 --- a/packages/babel-plugin-emotion/src/index.js +++ b/packages/babel-plugin-emotion/src/index.js @@ -1,10 +1,19 @@ // @flow -import { createEmotionMacro } from './emotion-macro' -import { createStyledMacro } from './styled-macro' -import cssMacro, { transformCssCallExpression } from './css-macro' -import { addDefault } from '@babel/helper-module-imports' -import nodePath from 'path' -import { getSourceMap, getStyledOptions } from './utils' +import { + createEmotionMacro, + transformers as vanillaTransformers +} from './emotion-macro' +import { createStyledMacro, styledTransformer } from './styled-macro' +import cssMacro, { + transformCssCallExpression, + coreCssTransformer +} from './css-macro' +import { + getSourceMap, + getStyledOptions, + addImport, + createTransformerMacro +} from './utils' let webStyledMacro = createStyledMacro({ importPath: '@emotion/styled-base', @@ -22,6 +31,33 @@ let primitivesStyledMacro = createStyledMacro({ isWeb: false }) +let transformersSource = { + emotion: vanillaTransformers, + '@emotion/css': { + default: coreCssTransformer + }, + '@emotion/core': { + // this is an empty function because this transformer is never called + // we don't run any transforms on `jsx` directly + // instead we use it as a hint to enable css prop optimization + jsx: () => {}, + css: coreCssTransformer + // TODO: maybe write transformers for keyframes and Global + }, + '@emotion/styled': { + default: [ + styledTransformer, + { styledBaseImport: ['@emotion/styled-base', 'default'], isWeb: true } + ] + }, + '@emotion/primitives': { + default: [styledTransformer, { isWeb: false }] + }, + '@emotion/native': { + default: [styledTransformer, { isWeb: false }] + } +} + export const macros = { createEmotionMacro, css: cssMacro, @@ -43,22 +79,6 @@ let emotionCoreMacroThatsNotARealMacro = ({ references, state, babel }) => { } emotionCoreMacroThatsNotARealMacro.keepImport = true -function getAbsolutePath(instancePath: string, rootPath: string) { - if (instancePath.charAt(0) === '.') { - let absoluteInstancePath = nodePath.resolve(rootPath, instancePath) - return absoluteInstancePath - } - return false -} - -function getInstancePathToCompare(instancePath: string, rootPath: string) { - let absolutePath = getAbsolutePath(instancePath, rootPath) - if (absolutePath === false) { - return instancePath - } - return absolutePath -} - export default function(babel: *) { let t = babel.types return { @@ -66,23 +86,6 @@ export default function(babel: *) { inherits: require('babel-plugin-syntax-jsx'), visitor: { ImportDeclaration(path: *, state: *) { - const hasFilepath = - path.hub.file.opts.filename && - path.hub.file.opts.filename !== 'unknown' - let dirname = hasFilepath - ? nodePath.dirname(path.hub.file.opts.filename) - : '' - - if ( - !state.pluginMacros[path.node.source.value] && - state.emotionInstancePaths.indexOf( - getInstancePathToCompare(path.node.source.value, dirname) - ) !== -1 - ) { - state.pluginMacros[path.node.source.value] = createEmotionMacro( - path.node.source.value - ) - } let pluginMacros = state.pluginMacros // most of this is from https://github.com/kentcdodds/babel-plugin-macros/blob/master/src/index.js if (pluginMacros[path.node.source.value] === undefined) { @@ -139,28 +142,93 @@ export default function(babel: *) { } }, Program(path: *, state: *) { - state.emotionInstancePaths = (state.opts.instances || []).map( - instancePath => getInstancePathToCompare(instancePath, process.cwd()) - ) + let macros = {} + let jsxCoreImports: Array<{ + specifier: string, + export: string, + cssExport: string | null + }> = [{ specifier: '@emotion/core', export: 'jsx', cssExport: 'css' }] + state.jsxCoreImport = jsxCoreImports[0] + Object.keys(state.opts.importMap || {}).forEach(specifierName => { + let value = state.opts.importMap[specifierName] + let transformers = {} + Object.keys(value).forEach(localExportName => { + let { canonicalImport, ...options } = value[localExportName] + let [packageName, exportName] = canonicalImport + if (packageName === '@emotion/core' && exportName === 'jsx') { + jsxCoreImports.push({ + specifier: specifierName, + export: localExportName, + cssExport: null + }) + return + } + let packageTransformers = transformersSource[packageName] + + if (packageTransformers === undefined) { + throw new Error( + `There is no transformer for the export '${exportName}' in '${packageName}'` + ) + } + + let [exportTransformer, defaultOptions] = + // $FlowFixMe + Array.isArray(packageTransformers[exportName]) + ? packageTransformers[exportName] + : [packageTransformers[exportName]] + + transformers[localExportName] = [ + exportTransformer, + { ...defaultOptions, styledBaseImport: undefined, ...options } + ] + }) + macros[specifierName] = createTransformerMacro( + transformers, + specifierName + ) + }) + jsxCoreImports.forEach(jsxCoreImport => { + if (jsxCoreImport.specifier === '@emotion/core') return + let { transformers } = macros[jsxCoreImport.specifier] + for (let key in transformers) { + if (transformers[key][0] === coreCssTransformer) { + jsxCoreImport.cssExport = key + return + } + } + throw new Error( + `You have specified that '${ + jsxCoreImport.specifier + }' re-exports 'jsx' from '@emotion/core' but it doesn't also re-export 'css' from '@emotion/core', 'css' is necessary for certain optimisations, please re-export it from '${ + jsxCoreImport.specifier + }'` + ) + }) state.pluginMacros = { '@emotion/css': cssMacro, '@emotion/styled': webStyledMacro, '@emotion/core': emotionCoreMacroThatsNotARealMacro, '@emotion/primitives': primitivesStyledMacro, '@emotion/native': nativeStyledMacro, - emotion: createEmotionMacro('emotion') + emotion: createEmotionMacro('emotion'), + ...macros } if (state.opts.cssPropOptimization === undefined) { for (const node of path.node.body) { - if ( - t.isImportDeclaration(node) && - node.source.value === '@emotion/core' && - node.specifiers.some( - x => t.isImportSpecifier(x) && x.imported.name === 'jsx' + if (t.isImportDeclaration(node)) { + let jsxCoreImport = jsxCoreImports.find( + thing => + node.source.value === thing.specifier && + node.specifiers.some( + x => + t.isImportSpecifier(x) && x.imported.name === thing.export + ) ) - ) { - state.transformCssProp = true - break + if (jsxCoreImport) { + state.transformCssProp = true + state.jsxCoreImport = jsxCoreImport + break + } } } } else { @@ -205,14 +273,16 @@ export default function(babel: *) { sourceMap }) if (t.isCallExpression(expressionPath)) { - if (!state.cssIdentifier) { - state.cssIdentifier = addDefault(path, '@emotion/css', { - nameHint: 'css' - }) - } expressionPath .get('callee') - .replaceWith(t.cloneDeep(state.cssIdentifier)) + .replaceWith( + addImport( + state, + state.jsxCoreImport.specifier, + state.jsxCoreImport.cssExport, + 'css' + ) + ) } } }, diff --git a/packages/babel-plugin-emotion/src/styled-macro.js b/packages/babel-plugin-emotion/src/styled-macro.js index a1d4ca7c5..b42237ec8 100644 --- a/packages/babel-plugin-emotion/src/styled-macro.js +++ b/packages/babel-plugin-emotion/src/styled-macro.js @@ -1,113 +1,120 @@ // @flow -import { createMacro } from 'babel-plugin-macros' -import { addDefault, addNamed } from '@babel/helper-module-imports' -import { transformExpressionWithStyles, getStyledOptions } from './utils' +import { + transformExpressionWithStyles, + getStyledOptions, + addImport, + createTransformerMacro +} from './utils' + +export let styledTransformer = ({ + state, + babel, + importPath, + reference, + importSpecifierName, + options: { + styledBaseImport: [ + baseImportPath = importPath, + baseImportName = importSpecifierName + ] = [], + isWeb + } +}: { + state: Object, + babel: Object, + importPath: string, + reference: Object, + importSpecifierName: string, + options: { + styledBaseImport?: [string, string], + isWeb: boolean + } +}) => { + let getStyledIdentifier = () => { + return addImport(state, baseImportPath, baseImportName, 'styled') + } + let getOriginalImportPathStyledIdentifier = () => { + return addImport(state, importPath, importSpecifierName, 'styled') + } + let t = babel.types + let isCall = false + if ( + t.isMemberExpression(reference.parent) && + reference.parent.computed === false + ) { + isCall = true + if ( + // checks if the first character is lowercase + // becasue we don't want to transform the member expression if + // it's in primitives/native + reference.parent.property.name.charCodeAt(0) > 96 + ) { + reference.parentPath.replaceWith( + t.callExpression(getStyledIdentifier(), [ + t.stringLiteral(reference.parent.property.name) + ]) + ) + } else { + reference.replaceWith(getStyledIdentifier()) + } + } else if ( + reference.parentPath && + reference.parentPath.parentPath && + t.isCallExpression(reference.parentPath) && + reference.parent.callee === reference.node + ) { + isCall = true + reference.replaceWith(getStyledIdentifier()) + } else { + reference.replaceWith(getOriginalImportPathStyledIdentifier()) + } + + if (reference.parentPath && reference.parentPath.parentPath) { + const styledCallPath = reference.parentPath.parentPath + let { node } = transformExpressionWithStyles({ + path: styledCallPath, + state, + babel, + shouldLabel: false + }) + if (node && isWeb) { + // we know the argument length will be 1 since that's the only time we will have a node since it will be static + styledCallPath.node.arguments[0] = node + } + } + + if (isCall) { + reference.addComment('leading', '#__PURE__') + if (isWeb) { + reference.parentPath.node.arguments[1] = getStyledOptions( + t, + reference.parentPath, + state + ) + } + } +} export let createStyledMacro = ({ importPath, originalImportPath = importPath, + baseImportName = 'default', isWeb }: { importPath: string, originalImportPath?: string, + baseImportName?: string, isWeb: boolean }) => - createMacro(({ references, state, babel, isEmotionCall }) => { - if (!isEmotionCall) { - state.emotionSourceMap = true - } - const t = babel.types - if (references.default && references.default.length) { - let _styledIdentifier - let getStyledIdentifier = () => { - if (_styledIdentifier === undefined) { - _styledIdentifier = addDefault(state.file.path, importPath, { - nameHint: 'styled' - }) - } - return t.cloneDeep(_styledIdentifier) - } - let originalImportPathStyledIdentifier - let getOriginalImportPathStyledIdentifier = () => { - if (originalImportPathStyledIdentifier === undefined) { - originalImportPathStyledIdentifier = addDefault( - state.file.path, - originalImportPath, - { - nameHint: 'styled' - } - ) - } - return t.cloneDeep(originalImportPathStyledIdentifier) - } - if (importPath === originalImportPath) { - getOriginalImportPathStyledIdentifier = getStyledIdentifier - } - references.default.forEach(reference => { - let isCall = false - if ( - t.isMemberExpression(reference.parent) && - reference.parent.computed === false - ) { - isCall = true - if ( - // checks if the first character is lowercase - // becasue we don't want to transform the member expression if - // it's in primitives/native - reference.parent.property.name.charCodeAt(0) > 96 - ) { - reference.parentPath.replaceWith( - t.callExpression(getStyledIdentifier(), [ - t.stringLiteral(reference.parent.property.name) - ]) - ) - } else { - reference.replaceWith(getStyledIdentifier()) - } - } else if ( - reference.parentPath && - reference.parentPath.parentPath && - t.isCallExpression(reference.parentPath) && - reference.parent.callee === reference.node - ) { - isCall = true - reference.replaceWith(getStyledIdentifier()) - } else { - reference.replaceWith(getOriginalImportPathStyledIdentifier()) - } - if (reference.parentPath && reference.parentPath.parentPath) { - const styledCallPath = reference.parentPath.parentPath - let { node } = transformExpressionWithStyles({ - path: styledCallPath, - state, - babel, - shouldLabel: false - }) - if (node && isWeb) { - // we know the argument length will be 1 since that's the only time we will have a node since it will be static - styledCallPath.node.arguments[0] = node - } + createTransformerMacro( + { + default: [ + styledTransformer, + { + styledBaseImport: [importPath, baseImportName], + isWeb } - - if (isCall) { - reference.addComment('leading', '#__PURE__') - if (isWeb) { - reference.parentPath.node.arguments[1] = getStyledOptions( - t, - reference.parentPath, - state - ) - } - } - }) - } - Object.keys(references) - .filter(x => x !== 'default') - .forEach(referenceKey => { - let runtimeNode = addNamed(state.file.path, referenceKey, importPath) - - references[referenceKey].reverse().forEach(reference => { - reference.replaceWith(t.cloneDeep(runtimeNode)) - }) - }) - }) + ] + }, + originalImportPath + ) diff --git a/packages/babel-plugin-emotion/src/utils/add-import.js b/packages/babel-plugin-emotion/src/utils/add-import.js new file mode 100644 index 000000000..5e94bd295 --- /dev/null +++ b/packages/babel-plugin-emotion/src/utils/add-import.js @@ -0,0 +1,25 @@ +import { addDefault, addNamed } from '@babel/helper-module-imports' + +export function addImport( + state: any, + importPath: string, + imported: string, + nameHint?: string +) { + let cacheKey = ['import', importPath, imported].join(':') + if (state[cacheKey] === undefined) { + let importIdentifier + if (imported === 'default') { + importIdentifier = addDefault(state.file.path, importPath, { nameHint }) + } else { + importIdentifier = addNamed(state.file.path, imported, importPath, { + nameHint + }) + } + state[cacheKey] = importIdentifier.name + } + return { + type: 'Identifier', + name: state[cacheKey] + } +} diff --git a/packages/babel-plugin-emotion/src/utils/index.js b/packages/babel-plugin-emotion/src/utils/index.js index 95490a0cf..a10c2c115 100644 --- a/packages/babel-plugin-emotion/src/utils/index.js +++ b/packages/babel-plugin-emotion/src/utils/index.js @@ -9,3 +9,5 @@ export { } from './transform-expression-with-styles' export { getStyledOptions } from './get-styled-options' export { appendStringToArguments, joinStringLiterals } from './strings' +export { addImport } from './add-import' +export { createTransformerMacro } from './transformer-macro' diff --git a/packages/babel-plugin-emotion/src/utils/transformer-macro.js b/packages/babel-plugin-emotion/src/utils/transformer-macro.js new file mode 100644 index 000000000..06430f221 --- /dev/null +++ b/packages/babel-plugin-emotion/src/utils/transformer-macro.js @@ -0,0 +1,47 @@ +// @flow +import { createMacro } from 'babel-plugin-macros' +import { addImport } from './add-import' + +type Transformer = Function + +export function createTransformerMacro( + transformers: { [key: string]: Transformer | [Transformer, Object] }, + importPath: string +) { + let macro = createMacro(({ references, state, babel, isEmotionCall }) => { + if (!isEmotionCall) { + state.emotionSourceMap = true + } + Object.keys(references).forEach(importSpecifierName => { + if (transformers[importSpecifierName]) { + references[importSpecifierName].reverse().forEach(reference => { + let options + let transformer + if (Array.isArray(transformers[importSpecifierName])) { + transformer = transformers[importSpecifierName][0] + options = transformers[importSpecifierName][1] + } else { + transformer = transformers[importSpecifierName] + options = {} + } + transformer({ + state, + babel, + importPath, + options, + reference, + importSpecifierName + }) + }) + } else { + references[importSpecifierName].reverse().forEach(reference => { + reference.replaceWith( + addImport(state, importPath, importSpecifierName, reference.name) + ) + }) + } + }) + }) + macro.transformers = transformers + return macro +} diff --git a/packages/babel-preset-css-prop/__tests__/__fixtures__/array-css-prop.js b/packages/babel-preset-css-prop/__tests__/__fixtures__/array-css-prop.js new file mode 100644 index 000000000..54a8dff97 --- /dev/null +++ b/packages/babel-preset-css-prop/__tests__/__fixtures__/array-css-prop.js @@ -0,0 +1,3 @@ +import * as React from 'react' + +const Component = props =>
diff --git a/packages/babel-preset-css-prop/__tests__/__snapshots__/index.js.snap b/packages/babel-preset-css-prop/__tests__/__snapshots__/index.js.snap index 385243dd8..d4fee21ac 100644 --- a/packages/babel-preset-css-prop/__tests__/__snapshots__/index.js.snap +++ b/packages/babel-preset-css-prop/__tests__/__snapshots__/index.js.snap @@ -1,5 +1,29 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP +exports[`@emotion/babel-preset-css-prop array-css-prop 1`] = ` +"import * as React from 'react' + +const Component = props =>
+ + + ↓ ↓ ↓ ↓ ↓ ↓ + +import { css as _css } from \\"@emotion/core\\"; + +function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +import * as React from 'react'; +import { jsx as ___EmotionJSX } from \\"@emotion/core\\"; + +const Component = props => ___EmotionJSX(\\"div\\", _extends({ + css: + /*#__PURE__*/ + _css([{ + color: 'green' + }], \\";label:Component;\\" + (process.env.NODE_ENV === \\"production\\" ? \\"\\" : \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFycmF5LWNzcy1wcm9wLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVnQyIsImZpbGUiOiJhcnJheS1jc3MtcHJvcC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBDb21wb25lbnQgPSBwcm9wcyA9PiA8ZGl2IGNzcz17W3sgY29sb3I6ICdncmVlbicgfV19IHsuLi5wcm9wc30gLz5cbiJdfQ== */\\")) +}, props));" +`; + exports[`@emotion/babel-preset-css-prop index 1`] = ` "import * as React from 'react' diff --git a/packages/babel-preset-css-prop/__tests__/__snapshots__/options-are-used.js.snap b/packages/babel-preset-css-prop/__tests__/__snapshots__/options-are-used.js.snap index 3b783f381..1dafebc8a 100644 --- a/packages/babel-preset-css-prop/__tests__/__snapshots__/options-are-used.js.snap +++ b/packages/babel-preset-css-prop/__tests__/__snapshots__/options-are-used.js.snap @@ -1,5 +1,29 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP +exports[`options are used array-css-prop 1`] = ` +"import * as React from 'react' + +const Component = props =>
+ + + ↓ ↓ ↓ ↓ ↓ ↓ + +import { css as _css } from \\"@emotion/core\\"; + +function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +import * as React from 'react'; +import { jsx as ___EmotionJSX } from \\"@emotion/core\\"; + +const Component = props => ___EmotionJSX(\\"div\\", _extends({ + css: + /*#__PURE__*/ + _css([{ + color: 'green' + }], \\";label:__fixtures__--array-css-prop--Component;\\") +}, props));" +`; + exports[`options are used index 1`] = ` "import * as React from 'react' diff --git a/packages/babel-preset-css-prop/src/index.js b/packages/babel-preset-css-prop/src/index.js index f04b249da..7e97fa9d9 100644 --- a/packages/babel-preset-css-prop/src/index.js +++ b/packages/babel-preset-css-prop/src/index.js @@ -11,7 +11,7 @@ let pragmaName = '___EmotionJSX' export default ( api, - { pragma, sourceMap, autoLabel, labelFormat, instances, ...options } = {} + { pragma, sourceMap, autoLabel, labelFormat, importMap, ...options } = {} ) => { return { plugins: [ @@ -30,8 +30,8 @@ export default ( sourceMap, autoLabel, labelFormat, - instances, - cssPropOptimization: true + cssPropOptimization: true, + importMap } ] ] diff --git a/packages/core/__tests__/css.js b/packages/core/__tests__/css.js index 37986765b..eebd55398 100644 --- a/packages/core/__tests__/css.js +++ b/packages/core/__tests__/css.js @@ -247,7 +247,9 @@ test('handles camelCased custom properties in object styles properly', () => { }) test('applies class when css prop is set to nil on wrapper component', () => { + // $FlowFixMe const Button = props => ) diff --git a/packages/emotion/test/no-babel/index.test.js b/packages/emotion/test/no-babel/index.test.js index 190173efe..332b5433b 100644 --- a/packages/emotion/test/no-babel/index.test.js +++ b/packages/emotion/test/no-babel/index.test.js @@ -133,7 +133,7 @@ describe('css', () => { expect(() => { const fontSize = '20px' const H1 = styled('h1')({ fontSize }) - + // $FlowFixMe const Thing = styled('div')({ display: 'flex', [H1]: { diff --git a/packages/primitives/test/emotion-primitives.test.js b/packages/primitives/test/emotion-primitives.test.js index a22dff397..d89044817 100644 --- a/packages/primitives/test/emotion-primitives.test.js +++ b/packages/primitives/test/emotion-primitives.test.js @@ -19,6 +19,7 @@ describe('Emotion primitives', () => { }) test('should throw an error when used invalid primitive', () => { + // $FlowFixMe expect(() => styled.TEXT({})).toThrow() }) @@ -30,6 +31,7 @@ describe('Emotion primitives', () => { ` const tree = renderer .create( + // $FlowFixMe Emotion Primitives @@ -46,6 +48,7 @@ describe('Emotion primitives', () => { const tree = renderer .create( + {/* $FlowFixMe */} Hello World ) @@ -63,6 +66,7 @@ describe('Emotion primitives', () => { render( + {/* $FlowFixMe */} Hello World @@ -79,6 +83,7 @@ describe('Emotion primitives', () => { color: props.decor })) const tree = renderer + // $FlowFixMe .create(Emotion Primitives) .toJSON() expect(tree).toMatchSnapshot() @@ -89,7 +94,10 @@ describe('Emotion primitives', () => { color: hotpink; ` const tree = renderer - .create(Emotion primitives) + .create( + // $FlowFixMe + Emotion primitives + ) .toJSON() expect(tree).toMatchSnapshot() }) @@ -101,6 +109,7 @@ describe('Emotion primitives', () => { ` const tree = renderer + // $FlowFixMe .create(Emotion Primitives) .toJSON() expect(tree).toMatchSnapshot() @@ -110,6 +119,7 @@ describe('Emotion primitives', () => { const Text = styled.Text` color: ${props => props.decor}; ` + // $FlowFixMe const Name = Text.withComponent(reactPrimitives.Text) const tree = renderer.create(Mike).toJSON() expect(tree).toMatchSnapshot() @@ -119,11 +129,13 @@ describe('Emotion primitives', () => { const Text = styled.Text` color: hotpink; ` + // $FlowFixMe const Title = () => Hello World const StyledTitle = styled(Title)` font-size: 20px; font-style: ${props => props.sty}; ` + // $FlowFixMe const tree = renderer.create().toJSON() expect(tree).toMatchSnapshot() }) @@ -144,7 +156,9 @@ describe('Emotion primitives', () => { const ViewOne = styled.View` background-color: ${props => props.color}; ` + // $FlowFixMe const treeOne = renderer.create() + // $FlowFixMe const ViewTwo = ViewOne.withComponent(reactPrimitives.Text) const treeTwo = renderer.create() @@ -158,6 +172,7 @@ describe('Emotion primitives', () => { ` const tree = renderer .create( + // $FlowFixMe Emotion Primitives diff --git a/yarn.lock b/yarn.lock index e2df9b917..073189f7a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -23,7 +23,7 @@ dependencies: "@babel/highlight" "^7.0.0" -"@babel/core@7.5.5", "@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.1.2", "@babel/core@^7.4.3", "@babel/core@^7.5.5": +"@babel/core@7.5.5", "@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.4.3", "@babel/core@^7.5.5": version "7.5.5" resolved "https://registry.npmjs.org/@babel/core/-/core-7.5.5.tgz#17b2686ef0d6bc58f963dddd68ab669755582c30" integrity sha512-i4qoSr2KTtce0DmkuuQBV4AuQgGPUcPXMr9L5MyYAtk06z068lQ10a4O009fe5OB/DfNV+h+qqT7ddNV8UnRjg== @@ -63,6 +63,26 @@ semver "^5.4.1" source-map "^0.5.0" +"@babel/core@^7.6.4": + version "7.7.2" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.7.2.tgz#ea5b99693bcfc058116f42fa1dd54da412b29d91" + integrity sha512-eeD7VEZKfhK1KUXGiyPFettgF3m513f8FoBSWiQ1xTvl1RAopLs42Wp9+Ze911I6H0N9lNqJMDgoZT7gHsipeQ== + dependencies: + "@babel/code-frame" "^7.5.5" + "@babel/generator" "^7.7.2" + "@babel/helpers" "^7.7.0" + "@babel/parser" "^7.7.2" + "@babel/template" "^7.7.0" + "@babel/traverse" "^7.7.2" + "@babel/types" "^7.7.2" + convert-source-map "^1.7.0" + debug "^4.1.0" + json5 "^2.1.0" + lodash "^4.17.13" + resolve "^1.3.2" + semver "^5.4.1" + source-map "^0.5.0" + "@babel/generator@7.0.0-beta.44": version "7.0.0-beta.44" resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.0.0-beta.44.tgz#c7e67b9b5284afcf69b309b50d7d37f3e5033d42" @@ -96,6 +116,16 @@ source-map "^0.5.0" trim-right "^1.0.1" +"@babel/generator@^7.7.2": + version "7.7.2" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.7.2.tgz#2f4852d04131a5e17ea4f6645488b5da66ebf3af" + integrity sha512-WthSArvAjYLz4TcbKOi88me+KmDJdKSlfwwN8CnUYn9jBkzhq0ZEPuBfkAWIvjJ3AdEV1Cf/+eSQTnp3IDJKlQ== + dependencies: + "@babel/types" "^7.7.2" + jsesc "^2.5.1" + lodash "^4.17.13" + source-map "^0.5.0" + "@babel/helper-annotate-as-pure@^7.0.0": version "7.0.0" resolved "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.0.0.tgz#323d39dd0b50e10c7c06ca7d7638e6864d8c5c32" @@ -175,6 +205,15 @@ "@babel/template" "^7.1.0" "@babel/types" "^7.0.0" +"@babel/helper-function-name@^7.7.0": + version "7.7.0" + resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.7.0.tgz#44a5ad151cfff8ed2599c91682dda2ec2c8430a3" + integrity sha512-tDsJgMUAP00Ugv8O2aGEua5I2apkaQO7lBGUq1ocwN3G23JE5Dcq0uh3GvFTChPa4b40AWiAsLvCZOA2rdnQ7Q== + dependencies: + "@babel/helper-get-function-arity" "^7.7.0" + "@babel/template" "^7.7.0" + "@babel/types" "^7.7.0" + "@babel/helper-get-function-arity@7.0.0-beta.44": version "7.0.0-beta.44" resolved "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0-beta.44.tgz#d03ca6dd2b9f7b0b1e6b32c56c72836140db3a15" @@ -189,6 +228,13 @@ dependencies: "@babel/types" "^7.0.0" +"@babel/helper-get-function-arity@^7.7.0": + version "7.7.0" + resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.7.0.tgz#c604886bc97287a1d1398092bc666bc3d7d7aa2d" + integrity sha512-tLdojOTz4vWcEnHWHCuPN5P85JLZWbm5Fx5ZsMEMPhF3Uoe3O7awrbM2nQ04bDOUToH/2tH/ezKEOR8zEYzqyw== + dependencies: + "@babel/types" "^7.7.0" + "@babel/helper-hoist-variables@^7.4.4": version "7.4.4" resolved "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.4.4.tgz#0298b5f25c8c09c53102d52ac4a98f773eb2850a" @@ -210,6 +256,13 @@ dependencies: "@babel/types" "^7.0.0" +"@babel/helper-module-imports@^7.7.0": + version "7.7.0" + resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.7.0.tgz#99c095889466e5f7b6d66d98dffc58baaf42654d" + integrity sha512-Dv3hLKIC1jyfTkClvyEkYP2OlkzNvWs5+Q8WgPbxM5LMeorons7iPP91JM+DU7tRbhqA1ZeooPaMFvQrn23RHw== + dependencies: + "@babel/types" "^7.7.0" + "@babel/helper-module-transforms@^7.1.0", "@babel/helper-module-transforms@^7.4.4": version "7.5.5" resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.5.5.tgz#f84ff8a09038dcbca1fd4355661a500937165b4a" @@ -222,6 +275,18 @@ "@babel/types" "^7.5.5" lodash "^4.17.13" +"@babel/helper-module-transforms@^7.7.0": + version "7.7.0" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.7.0.tgz#154a69f0c5b8fd4d39e49750ff7ac4faa3f36786" + integrity sha512-rXEefBuheUYQyX4WjV19tuknrJFwyKw0HgzRwbkyTbB+Dshlq7eqkWbyjzToLrMZk/5wKVKdWFluiAsVkHXvuQ== + dependencies: + "@babel/helper-module-imports" "^7.7.0" + "@babel/helper-simple-access" "^7.7.0" + "@babel/helper-split-export-declaration" "^7.7.0" + "@babel/template" "^7.7.0" + "@babel/types" "^7.7.0" + lodash "^4.17.13" + "@babel/helper-optimise-call-expression@^7.0.0": version "7.0.0" resolved "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.0.0.tgz#a2920c5702b073c15de51106200aa8cad20497d5" @@ -270,6 +335,14 @@ "@babel/template" "^7.1.0" "@babel/types" "^7.0.0" +"@babel/helper-simple-access@^7.7.0": + version "7.7.0" + resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.7.0.tgz#97a8b6c52105d76031b86237dc1852b44837243d" + integrity sha512-AJ7IZD7Eem3zZRuj5JtzFAptBw7pMlS3y8Qv09vaBWoFsle0d1kAn5Wq6Q9MyBXITPOKnxwkZKoAm4bopmv26g== + dependencies: + "@babel/template" "^7.7.0" + "@babel/types" "^7.7.0" + "@babel/helper-split-export-declaration@7.0.0-beta.44": version "7.0.0-beta.44" resolved "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.0.0-beta.44.tgz#c0b351735e0fbcb3822c8ad8db4e583b05ebd9dc" @@ -284,6 +357,13 @@ dependencies: "@babel/types" "^7.4.4" +"@babel/helper-split-export-declaration@^7.7.0": + version "7.7.0" + resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.7.0.tgz#1365e74ea6c614deeb56ebffabd71006a0eb2300" + integrity sha512-HgYSI8rH08neWlAH3CcdkFg9qX9YsZysZI5GD8LjhQib/mM0jGOZOVkoUiiV2Hu978fRtjtsGsW6w0pKHUWtqA== + dependencies: + "@babel/types" "^7.7.0" + "@babel/helper-wrap-function@^7.1.0": version "7.2.0" resolved "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.2.0.tgz#c4e0012445769e2815b55296ead43a958549f6fa" @@ -303,6 +383,15 @@ "@babel/traverse" "^7.5.5" "@babel/types" "^7.5.5" +"@babel/helpers@^7.7.0": + version "7.7.0" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.7.0.tgz#359bb5ac3b4726f7c1fde0ec75f64b3f4275d60b" + integrity sha512-VnNwL4YOhbejHb7x/b5F39Zdg5vIQpUUNzJwx0ww1EcVRt41bbGRZWhAURrfY32T5zTT3qwNOQFWpn+P0i0a2g== + dependencies: + "@babel/template" "^7.7.0" + "@babel/traverse" "^7.7.0" + "@babel/types" "^7.7.0" + "@babel/highlight@7.0.0-beta.44": version "7.0.0-beta.44" resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.0.0-beta.44.tgz#18c94ce543916a80553edcdcf681890b200747d5" @@ -331,6 +420,11 @@ resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.3.4.tgz#a43357e4bbf4b92a437fb9e465c192848287f27c" integrity sha512-tXZCqWtlOOP4wgCp6RjRvLmfuhnqTLy9VHwRochJBCP2nDm27JnnuFEnXFASVyQNHk36jD1tAammsCEEqgscIQ== +"@babel/parser@^7.7.0", "@babel/parser@^7.7.2": + version "7.7.2" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.7.2.tgz#ea8334dc77416bfd9473eb470fd00d8245b3943b" + integrity sha512-DDaR5e0g4ZTb9aP7cpSZLkACEBdoLGwJDWgHtBhrGX7Q1RjhdoMOfexICj5cqTAtpowjGQWfcvfnQG7G2kAB5w== + "@babel/plugin-external-helpers@^7.0.0": version "7.2.0" resolved "https://registry.npmjs.org/@babel/plugin-external-helpers/-/plugin-external-helpers-7.2.0.tgz#7f4cb7dee651cd380d2034847d914288467a6be4" @@ -641,7 +735,7 @@ "@babel/helper-plugin-utils" "^7.0.0" babel-plugin-dynamic-import-node "^2.3.0" -"@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.2.0", "@babel/plugin-transform-modules-commonjs@^7.4.4", "@babel/plugin-transform-modules-commonjs@^7.5.0": +"@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.2.0", "@babel/plugin-transform-modules-commonjs@^7.5.0": version "7.5.0" resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.5.0.tgz#425127e6045231360858eeaa47a71d75eded7a74" integrity sha512-xmHq0B+ytyrWJvQTc5OWAC4ii6Dhr0s22STOoydokG51JjWhyYo5mRPXoi+ZmtHQhZZwuXNN+GG5jy5UZZJxIQ== @@ -660,6 +754,16 @@ "@babel/helper-plugin-utils" "^7.0.0" "@babel/helper-simple-access" "^7.1.0" +"@babel/plugin-transform-modules-commonjs@^7.6.0": + version "7.7.0" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.7.0.tgz#3e5ffb4fd8c947feede69cbe24c9554ab4113fe3" + integrity sha512-KEMyWNNWnjOom8vR/1+d+Ocz/mILZG/eyHHO06OuBQ2aNhxT62fr4y6fGOplRx+CxCSp3IFwesL8WdINfY/3kg== + dependencies: + "@babel/helper-module-transforms" "^7.7.0" + "@babel/helper-plugin-utils" "^7.0.0" + "@babel/helper-simple-access" "^7.7.0" + babel-plugin-dynamic-import-node "^2.3.0" + "@babel/plugin-transform-modules-systemjs@^7.3.4", "@babel/plugin-transform-modules-systemjs@^7.5.0": version "7.5.0" resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.5.0.tgz#e75266a13ef94202db2a0620977756f51d52d249" @@ -768,7 +872,7 @@ dependencies: "@babel/helper-plugin-utils" "^7.0.0" -"@babel/plugin-transform-runtime@^7.0.0", "@babel/plugin-transform-runtime@^7.2.0": +"@babel/plugin-transform-runtime@^7.0.0": version "7.5.5" resolved "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.5.5.tgz#a6331afbfc59189d2135b2e09474457a8e3d28bc" integrity sha512-6Xmeidsun5rkwnGfMOp6/z9nSzWpHFNVr2Jx7kwoq4mVatQfQx5S56drBgEHF+XQbKOdIaOiMIINvp/kAwMN+w== @@ -998,6 +1102,13 @@ dependencies: regenerator-runtime "^0.13.2" +"@babel/runtime@^7.6.3": + version "7.7.2" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.7.2.tgz#111a78002a5c25fc8e3361bedc9529c696b85a6a" + integrity sha512-JONRbXbTXc9WQE2mAZd1p0Z3DZ/6vaQIkgYMSTP3KjRCyd7rCZCcfhCyX+YjwcKxcZ82UrxbRD358bpExNgrjw== + dependencies: + regenerator-runtime "^0.13.2" + "@babel/template@7.0.0-beta.44": version "7.0.0-beta.44" resolved "https://registry.npmjs.org/@babel/template/-/template-7.0.0-beta.44.tgz#f8832f4fdcee5d59bf515e595fc5106c529b394f" @@ -1026,6 +1137,15 @@ "@babel/parser" "^7.2.2" "@babel/types" "^7.2.2" +"@babel/template@^7.7.0": + version "7.7.0" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.7.0.tgz#4fadc1b8e734d97f56de39c77de76f2562e597d0" + integrity sha512-OKcwSYOW1mhWbnTBgQY5lvg1Fxg+VyfQGjcBduZFljfc044J5iDlnDSfhQ867O17XHiSCxYHUxHg2b7ryitbUQ== + dependencies: + "@babel/code-frame" "^7.0.0" + "@babel/parser" "^7.7.0" + "@babel/types" "^7.7.0" + "@babel/traverse@7.0.0-beta.44": version "7.0.0-beta.44" resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.0.0-beta.44.tgz#a970a2c45477ad18017e2e465a0606feee0d2966" @@ -1072,6 +1192,21 @@ globals "^11.1.0" lodash "^4.17.11" +"@babel/traverse@^7.7.0", "@babel/traverse@^7.7.2": + version "7.7.2" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.7.2.tgz#ef0a65e07a2f3c550967366b3d9b62a2dcbeae09" + integrity sha512-TM01cXib2+rgIZrGJOLaHV/iZUAxf4A0dt5auY6KNZ+cm6aschuJGqKJM3ROTt3raPUdIDk9siAufIFEleRwtw== + dependencies: + "@babel/code-frame" "^7.5.5" + "@babel/generator" "^7.7.2" + "@babel/helper-function-name" "^7.7.0" + "@babel/helper-split-export-declaration" "^7.7.0" + "@babel/parser" "^7.7.2" + "@babel/types" "^7.7.2" + debug "^4.1.0" + globals "^11.1.0" + lodash "^4.17.13" + "@babel/types@7.0.0-beta.44": version "7.0.0-beta.44" resolved "https://registry.npmjs.org/@babel/types/-/types-7.0.0-beta.44.tgz#6b1b164591f77dec0a0342aca995f2d046b3a757" @@ -1099,6 +1234,15 @@ lodash "^4.17.11" to-fast-properties "^2.0.0" +"@babel/types@^7.7.0", "@babel/types@^7.7.2": + version "7.7.2" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.7.2.tgz#550b82e5571dcd174af576e23f0adba7ffc683f7" + integrity sha512-YTf6PXoh3+eZgRCBzzP25Bugd2ngmpQVrk7kXX0i5N9BO7TFBtIgZYs7WtxtOGs8e6A4ZI7ECkbBCEHeXocvOA== + dependencies: + esutils "^2.0.2" + lodash "^4.17.13" + to-fast-properties "^2.0.0" + "@changesets/apply-release-plan@^0.3.0": version "0.3.0" resolved "https://registry.yarnpkg.com/@changesets/apply-release-plan/-/apply-release-plan-0.3.0.tgz#86f259cd943891ca72a83781da52d89d1baef4ca" @@ -1299,6 +1443,17 @@ "@emotion/babel-plugin-jsx-pragmatic" "^0.1.4" babel-plugin-emotion "^10.0.23" +"@emotion/serialize@^0.11.14": + version "0.11.14" + resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.14.tgz#56a6d8d04d837cc5b0126788b2134c51353c6488" + integrity sha512-6hTsySIuQTbDbv00AnUO6O6Xafdwo5GswRlMZ5hHqiFx+4pZ7uGWXUQFW46Kc2taGhP89uXMXn/lWQkdyTosPA== + dependencies: + "@emotion/hash" "0.7.3" + "@emotion/memoize" "0.7.3" + "@emotion/unitless" "0.7.4" + "@emotion/utils" "0.11.2" + csstype "^2.5.7" + "@gatsbyjs/relay-compiler@2.0.0-printer-fix.2": version "2.0.0-printer-fix.2" resolved "https://registry.npmjs.org/@gatsbyjs/relay-compiler/-/relay-compiler-2.0.0-printer-fix.2.tgz#214db0e6072d40ea78ad5fabdb49d56bc95f4e99" @@ -1827,11 +1982,32 @@ call-me-maybe "^1.0.1" glob-to-regexp "^0.3.0" +"@nodelib/fs.scandir@2.1.3": + version "2.1.3" + resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b" + integrity sha512-eGmwYQn3gxo4r7jdQnkrrN6bY478C3P+a/y72IJukF8LjB6ZHeB3c+Ehacj3sYeSmUXGlnA67/PmbM9CVwL7Dw== + dependencies: + "@nodelib/fs.stat" "2.0.3" + run-parallel "^1.1.9" + +"@nodelib/fs.stat@2.0.3", "@nodelib/fs.stat@^2.0.2": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz#34dc5f4cabbc720f4e60f75a747e7ecd6c175bd3" + integrity sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA== + "@nodelib/fs.stat@^1.1.2": version "1.1.3" resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b" integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw== +"@nodelib/fs.walk@^1.2.3": + version "1.2.4" + resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz#011b9202a70a6366e436ca5c065844528ab04976" + integrity sha512-1V9XOY4rDW0rehzbrcqAmHnz8e7SKvX27gh8Gt2WgB0+pdzdiLV83p72kZPU+jvMbS1qU5mauP2iOvO8rhmurQ== + dependencies: + "@nodelib/fs.scandir" "2.1.3" + fastq "^1.6.0" + "@parcel/fs@^1.11.0": version "1.11.0" resolved "https://registry.npmjs.org/@parcel/fs/-/fs-1.11.0.tgz#fb8a2be038c454ad46a50dc0554c1805f13535cd" @@ -1883,16 +2059,54 @@ string-width "^2.0.0" strip-ansi "^3" -"@preconstruct/hook@^0.0.3": - version "0.0.3" - resolved "https://registry.npmjs.org/@preconstruct/hook/-/hook-0.0.3.tgz#fd5c14d6e4f7b52076973c3dc136218a1913ca3b" - integrity sha512-fezJbvdDUnrb94dneEl46XZpBijPRK7k45bhony7tiORcjgUCVALY1BWk4EJbqz0q5as6z++0D/piMlqmtZugA== +"@preconstruct/cli@^1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@preconstruct/cli/-/cli-1.1.0.tgz#a601f904326fc670b7411153cbd6aa34b99935d1" + integrity sha512-LCEDNII4fApiYbDAy7xae2I1PoY9eCcqz8wRakL2Fz7YGkvJE5buUeMSqwzQS/2f3F85/df5qfjYeW5P/JfdKQ== + dependencies: + "@babel/code-frame" "^7.5.5" + "@babel/core" "^7.6.4" + "@babel/runtime" "^7.6.3" + "@preconstruct/hook" "^0.1.0" + "@rollup/plugin-alias" "^2.2.0" + "@rollup/plugin-replace" "^2.2.0" + builtin-modules "^3.1.0" + chalk "^2.4.2" + dataloader "^1.4.0" + detect-indent "^6.0.0" + enquirer "^2.3.2" + fast-deep-equal "^2.0.1" + fs-extra "^8.1.0" + globby "^10.0.1" + jest-worker "24.9.0" + magic-string "^0.25.4" + meow "^5.0.0" + micromatch "^4.0.2" + ms "^2.1.2" + npm-packlist "^1.4.6" + p-limit "^2.2.1" + parse-glob "^3.0.4" + quick-lru "^4.0.1" + resolve "^1.12.0" + resolve-from "^5.0.0" + rollup "^1.26.3" + rollup-plugin-commonjs "^10.1.0" + rollup-plugin-json "^4.0.0" + rollup-plugin-node-resolve "^5.2.0" + rollup-pluginutils "^2.8.2" + terser "^4.3.9" + v8-compile-cache "^2.1.0" + xxhash-wasm "^0.3.1" + +"@preconstruct/hook@^0.1.0": + version "0.1.0" + resolved "https://registry.yarnpkg.com/@preconstruct/hook/-/hook-0.1.0.tgz#a65b9bbbd03528f203589124fdf9ffc32841bb0b" + integrity sha512-d9wGFZmxZF/SH9xFhUy9bYZxcg+JQamc0xQw6IFgbw6BMwqQNoB06mDoY/1o+s+GhDPuWLv+7jRyvWkbsib9fQ== dependencies: - "@babel/core" "^7.1.2" - "@babel/plugin-transform-modules-commonjs" "^7.4.4" - "@babel/plugin-transform-runtime" "^7.2.0" + "@babel/core" "^7.6.4" + "@babel/plugin-transform-modules-commonjs" "^7.6.0" pirates "^4.0.1" - source-map-support "^0.5.12" + source-map-support "^0.5.13" "@reach/router@^1.1.1": version "1.2.1" @@ -1905,6 +2119,21 @@ react-lifecycles-compat "^3.0.4" warning "^3.0.0" +"@rollup/plugin-alias@^2.2.0": + version "2.2.0" + resolved "https://registry.yarnpkg.com/@rollup/plugin-alias/-/plugin-alias-2.2.0.tgz#3ac52ece8b39583249884adb90fb316484389fe5" + integrity sha512-//6zmlHGbmousaatu4pBlC61gqZykLbH0c2GESBO4JgK5xFZgb/ih0zlg/5/BmTAczX5R/xsHRnsYsu4KyHV5w== + dependencies: + slash "^3.0.0" + +"@rollup/plugin-replace@^2.2.0": + version "2.2.1" + resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-2.2.1.tgz#94af20cb3d70cccdcec991d1f97dd373936ec544" + integrity sha512-dgq5ijT8fK18KTb1inenZ61ivTayV7pvbz2+ivT+VN20BOgJVM1fqoBETqGHKgFVm/J9BhR82mQyAtxfpPv1lQ== + dependencies: + magic-string "^0.25.2" + rollup-pluginutils "^2.6.0" + "@sailshq/lodash@^3.10.2": version "3.10.3" resolved "https://registry.npmjs.org/@sailshq/lodash/-/lodash-3.10.3.tgz#61b6fa3a5db3fe802409b0ba152bcc99e7d27a58" @@ -1991,7 +2220,7 @@ resolved "https://registry.npmjs.org/@types/debug/-/debug-0.0.29.tgz#a1e514adfbd92f03a224ba54d693111dbf1f3754" integrity sha1-oeUUrfvZLwOiJLpU1pMRHb8fN1Q= -"@types/estree@0.0.39": +"@types/estree@*", "@types/estree@0.0.39": version "0.0.39" resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f" integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw== @@ -2071,7 +2300,7 @@ resolved "https://registry.npmjs.org/@types/mkdirp/-/mkdirp-0.3.29.tgz#7f2ad7ec55f914482fc9b1ec4bb1ae6028d46066" integrity sha1-fyrX7FX5FEgvybHsS7GuYCjUYGY= -"@types/node@*", "@types/node@^12.6.3": +"@types/node@*": version "12.6.9" resolved "https://registry.npmjs.org/@types/node/-/node-12.6.9.tgz#ffeee23afdc19ab16e979338e7b536fdebbbaeaf" integrity sha512-+YB9FtyxXGyD54p8rXwWaN1EWEyar5L58GlGWgtH2I9rGmLGBQcw63+0jw+ujqVavNuO47S1ByAjm9zdHMnskw== @@ -2624,11 +2853,16 @@ acorn@^5.0.0, acorn@^5.5.0, acorn@^5.5.3, acorn@^5.6.2: resolved "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279" integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw== -acorn@^6.0.1, acorn@^6.0.7, acorn@^6.1.1, acorn@^6.2.0, acorn@^6.2.1: +acorn@^6.0.1, acorn@^6.0.7, acorn@^6.1.1, acorn@^6.2.1: version "6.2.1" resolved "https://registry.npmjs.org/acorn/-/acorn-6.2.1.tgz#3ed8422d6dec09e6121cc7a843ca86a330a86b51" integrity sha512-JD0xT5FCRDNyjDda3Lrg/IxFscp9q4tiYtxE1/nOzlKCk7hIRuYjhq1kCNkbPjMRMZuFq20HNQn1I9k8Oj0E+Q== +acorn@^7.1.0: + version "7.1.0" + resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.0.tgz#949d36f2c292535da602283586c2477c57eb2d6c" + integrity sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ== + address@1.0.3: version "1.0.3" resolved "https://registry.npmjs.org/address/-/address-1.0.3.tgz#b5f50631f8d6cec8bd20c963963afb55e06cbce9" @@ -3065,6 +3299,11 @@ array-union@^1.0.1, array-union@^1.0.2: dependencies: array-uniq "^1.0.1" +array-union@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d" + integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw== + array-uniq@^1.0.1, array-uniq@^1.0.2: version "1.0.3" resolved "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6" @@ -5007,6 +5246,13 @@ braces@^2.3.1, braces@^2.3.2: split-string "^3.0.2" to-regex "^3.0.1" +braces@^3.0.1: + version "3.0.2" + resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107" + integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A== + dependencies: + fill-range "^7.0.1" + breakword@^1.0.3: version "1.0.3" resolved "https://registry.npmjs.org/breakword/-/breakword-1.0.3.tgz#71e091bbb78bb4ef003cf3ed2b2e062c6927f7dd" @@ -6363,6 +6609,13 @@ convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.5.0, dependencies: safe-buffer "~5.1.1" +convert-source-map@^1.7.0: + version "1.7.0" + resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442" + integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA== + dependencies: + safe-buffer "~5.1.1" + cookie-signature@1.0.6: version "1.0.6" resolved "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c" @@ -6560,14 +6813,6 @@ cross-spawn@6.0.5, cross-spawn@^6.0.0, cross-spawn@^6.0.4, cross-spawn@^6.0.5: shebang-command "^1.2.0" which "^1.2.9" -cross-spawn@^4.0.2: - version "4.0.2" - resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-4.0.2.tgz#7b9247621c23adfdd3856004a823cbe397424d41" - integrity sha1-e5JHYhwjrf3ThWAEqCPL45dCTUE= - dependencies: - lru-cache "^4.0.1" - which "^1.2.9" - crypt@~0.0.1: version "0.0.2" resolved "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz#88d7ff7ec0dfb86f713dc87bbb42d044d3e6c41b" @@ -7479,11 +7724,6 @@ diff@^3.2.0: resolved "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz#800c0dd1e0a8bfbc95835c202ad220fe317e5a12" integrity sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA== -diff@^4.0.1: - version "4.0.1" - resolved "https://registry.npmjs.org/diff/-/diff-4.0.1.tgz#0c667cb467ebbb5cea7f14f135cc2dba7780a8ff" - integrity sha512-s2+XdvhPCOF01LRQBC8hf4vhbVmI2CGS5aZnxLJlT5FtdhPCDFq80q++zK2KlrVorVDdL5BOGZ/VfLrVtYNF+Q== - diffable-html@^2.0.0: version "2.1.0" resolved "https://registry.npmjs.org/diffable-html/-/diffable-html-2.1.0.tgz#0d4c2de115ac58f904aab1b72e6649cefca5f025" @@ -7515,6 +7755,13 @@ dir-glob@^2.0.0, dir-glob@^2.2.2: dependencies: path-type "^3.0.0" +dir-glob@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f" + integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA== + dependencies: + path-type "^4.0.0" + discontinuous-range@1.0.0: version "1.0.0" resolved "https://registry.npmjs.org/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a" @@ -7949,6 +8196,13 @@ enquirer@^2.3.0: dependencies: ansi-colors "^3.2.1" +enquirer@^2.3.2: + version "2.3.2" + resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.2.tgz#1c30284907cadff5ed2404bd8396036dd3da070e" + integrity sha512-PLhTMPUXlnaIv9D3Cq3/Zr1xb7soeDDgunobyCmYLUG19n24dvC8i+ZZgm2DekGpDnx7JvFSHV7lxfM58PMtbA== + dependencies: + ansi-colors "^3.2.1" + entities@1.0: version "1.0.0" resolved "https://registry.npmjs.org/entities/-/entities-1.0.0.tgz#b2987aa3821347fcde642b24fdfc9e4fb712bf26" @@ -8874,7 +9128,7 @@ expand-template@^2.0.3: resolved "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz#6e14b3fcee0f3a6340ecb57d2e8918692052a47c" integrity sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg== -expand-tilde@^2.0.0, expand-tilde@^2.0.2: +expand-tilde@^2.0.0: version "2.0.2" resolved "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz#97e801aa052df02454de46b02bf621642cdc8502" integrity sha1-l+gBqgUt8CRU3kawK/YhZCzchQI= @@ -9119,6 +9373,17 @@ fast-glob@^2.0.2, fast-glob@^2.2.2, fast-glob@^2.2.6: merge2 "^1.2.3" micromatch "^3.1.10" +fast-glob@^3.0.3: + version "3.1.0" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.1.0.tgz#77375a7e3e6f6fc9b18f061cddd28b8d1eec75ae" + integrity sha512-TrUz3THiq2Vy3bjfQUB2wNyPdGBeGmdjbzzBLhfHN4YFurYptCKwGq/TfiRavbGywFRzY6U2CdmQ1zmsY5yYaw== + dependencies: + "@nodelib/fs.stat" "^2.0.2" + "@nodelib/fs.walk" "^1.2.3" + glob-parent "^5.1.0" + merge2 "^1.3.0" + micromatch "^4.0.2" + fast-json-stable-stringify@^2.0.0: version "2.0.0" resolved "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2" @@ -9134,6 +9399,13 @@ fastparse@^1.1.1: resolved "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9" integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ== +fastq@^1.6.0: + version "1.6.0" + resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.6.0.tgz#4ec8a38f4ac25f21492673adb7eae9cfef47d1c2" + integrity sha512-jmxqQ3Z/nXoeyDmWAzF9kH1aGZSis6e/SbfPmJpUnyZ0ogr6iscHQaml4wsEepEWSdtmpy+eVXmCRIMpxaXqOA== + dependencies: + reusify "^1.0.0" + fault@^1.0.1: version "1.0.3" resolved "https://registry.npmjs.org/fault/-/fault-1.0.3.tgz#4da88cf979b6b792b4e13c7ec836767725170b7e" @@ -9416,6 +9688,13 @@ fill-range@^4.0.0: repeat-string "^1.6.1" to-regex-range "^2.1.0" +fill-range@^7.0.1: + version "7.0.1" + resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40" + integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ== + dependencies: + to-regex-range "^5.0.1" + finalhandler@1.1.2, finalhandler@~1.1.2: version "1.1.2" resolved "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d" @@ -10553,6 +10832,13 @@ glob-parent@^3.1.0: is-glob "^3.1.0" path-dirname "^1.0.0" +glob-parent@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.0.tgz#5f4c1d1e748d30cd73ad2944b3577a81b081e8c2" + integrity sha512-qjtRgnIVmOfnKUE3NJAQEdk+lKrxfw8t5ke7SXtfMTHcjsBfOfWXCQfdb30zfDoZQ2IRSIiidmjtbHZPZ++Ihw== + dependencies: + is-glob "^4.0.1" + glob-to-regexp@^0.3.0: version "0.3.0" resolved "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab" @@ -10590,12 +10876,6 @@ global-prefix@^1.0.1: version "1.0.2" resolved "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz#dbf743c6c14992593c655568cb66ed32c0122ebe" integrity sha1-2/dDxsFJklk8ZVVoy2btMsASLr4= - dependencies: - expand-tilde "^2.0.2" - homedir-polyfill "^1.0.1" - ini "^1.3.4" - is-windows "^1.0.1" - which "^1.2.14" global@^4.3.0: version "4.4.0" @@ -10636,6 +10916,20 @@ globby@8.0.1: pify "^3.0.0" slash "^1.0.0" +globby@^10.0.1: + version "10.0.1" + resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.1.tgz#4782c34cb75dd683351335c5829cc3420e606b22" + integrity sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A== + dependencies: + "@types/glob" "^7.1.1" + array-union "^2.1.0" + dir-glob "^3.0.1" + fast-glob "^3.0.3" + glob "^7.1.3" + ignore "^5.1.1" + merge2 "^1.2.3" + slash "^3.0.0" + globby@^5.0.0: version "5.0.0" resolved "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d" @@ -11651,6 +11945,11 @@ ignore@^4.0.3, ignore@^4.0.6: resolved "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc" integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg== +ignore@^5.1.1: + version "5.1.4" + resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.4.tgz#84b7b3dbe64552b6ef0eca99f6743dbec6d97adf" + integrity sha512-MzbUSahkTW1u7JpKKjY7LCARd1fU5W2rLdxlM4kdkayuCwZImjkpluF9CM1aLewYJguPDqewLam18Y6AU69A8A== + image-size@^0.4.0: version "0.4.0" resolved "https://registry.npmjs.org/image-size/-/image-size-0.4.0.tgz#d4b4e1f61952e4cbc1cea9a6b0c915fecb707510" @@ -11968,18 +12267,6 @@ inquirer@^6.2.0, inquirer@^6.2.2: strip-ansi "^5.1.0" through "^2.3.6" -install-packages@^0.2.5: - version "0.2.5" - resolved "https://registry.npmjs.org/install-packages/-/install-packages-0.2.5.tgz#b50bfe3c2a36081850ba0d8c661fa6f11caeaa9e" - integrity sha512-K+rnxKcem/Aa5+FPInrjoGLbsalo41ELmxay9sGpDvaFjGglbEGOaB/NefquzWGzMxPfJoaep7cYd0OEG9AOsA== - dependencies: - chalk "^2.3.2" - command-exists "^1.2.6" - cross-spawn "^4.0.2" - joycon "^2.1.1" - parse-package-name "^0.1.0" - resolve "^1.7.1" - internal-ip@1.2.0: version "1.2.0" resolved "https://registry.npmjs.org/internal-ip/-/internal-ip-1.2.0.tgz#ae9fbf93b984878785d50a8de1b356956058cf5c" @@ -12317,7 +12604,7 @@ is-glob@^3.1.0: dependencies: is-extglob "^2.1.0" -is-glob@^4.0.0: +is-glob@^4.0.0, is-glob@^4.0.1: version "4.0.1" resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc" integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg== @@ -12418,6 +12705,11 @@ is-number@^4.0.0: resolved "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff" integrity sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ== +is-number@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b" + integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng== + is-obj@^1.0.0, is-obj@^1.0.1: version "1.0.1" resolved "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f" @@ -13769,12 +14061,12 @@ jest-worker@23.2.0, jest-worker@^23.2.0: dependencies: merge-stream "^1.0.1" -jest-worker@24.0.0: - version "24.0.0" - resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-24.0.0.tgz#3d3483b077bf04f412f47654a27bba7e947f8b6d" - integrity sha512-s64/OThpfQvoCeHG963MiEZOAAxu8kHsaL/rCMF7lpdzo7vgF0CtPml9hfguOMgykgH/eOm4jFP4ibfHLruytg== +jest-worker@24.9.0: + version "24.9.0" + resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5" + integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw== dependencies: - merge-stream "^1.0.1" + merge-stream "^2.0.0" supports-color "^6.1.0" jest-worker@^24.6.0: @@ -13841,11 +14133,6 @@ jimp@^0.6.4: "@jimp/types" "^0.6.4" core-js "^2.5.7" -joycon@^2.1.1: - version "2.2.5" - resolved "https://registry.npmjs.org/joycon/-/joycon-2.2.5.tgz#8d4cf4cbb2544d7b7583c216fcdfec19f6be1615" - integrity sha512-YqvUxoOcVPnCp0VU1/56f+iKSdvIRJYPznH22BdXV3xMk75SFXhWeJkZ8C9XxUWt1b5x2X1SxuFygW1U0FmkEQ== - jpeg-js@^0.1.1: version "0.1.2" resolved "https://registry.npmjs.org/jpeg-js/-/jpeg-js-0.1.2.tgz#135b992c0575c985cfa0f494a3227ed238583ece" @@ -14804,11 +15091,6 @@ lodash.isarray@^3.0.0: resolved "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz#79e4eb88c36a8122af86f844aa9bcd851b5fbb55" integrity sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U= -lodash.isempty@^4.4.0: - version "4.4.0" - resolved "https://registry.npmjs.org/lodash.isempty/-/lodash.isempty-4.4.0.tgz#6f86cbedd8be4ec987be9aaf33c9684db1b31e7e" - integrity sha1-b4bL7di+TsmHvpqvM8loTbGzHn4= - lodash.isequal@^4.5.0: version "4.5.0" resolved "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0" @@ -14902,11 +15184,6 @@ lodash.mergewith@^4.6.1: resolved "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz#617121f89ac55f59047c7aec1ccd6654c6590f55" integrity sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ== -lodash.omitby@^4.6.0: - version "4.6.0" - resolved "https://registry.npmjs.org/lodash.omitby/-/lodash.omitby-4.6.0.tgz#5c15ff4754ad555016b53c041311e8f079204791" - integrity sha1-XBX/R1StVVAWtTwEExHo8HkgR5E= - lodash.pad@^4.1.0: version "4.5.1" resolved "https://registry.npmjs.org/lodash.pad/-/lodash.pad-4.5.1.tgz#4330949a833a7c8da22cc20f6a26c4d59debba70" @@ -15165,13 +15442,20 @@ magic-string@^0.22.4: dependencies: vlq "^0.2.2" -magic-string@^0.25.1, magic-string@^0.25.2, magic-string@^0.25.3: +magic-string@^0.25.2, magic-string@^0.25.3: version "0.25.3" resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.3.tgz#34b8d2a2c7fec9d9bdf9929a3fd81d271ef35be9" integrity sha512-6QK0OpF/phMz0Q2AxILkX2mFhi7m+WMwTRg0LQKq/WBB0cDP4rYH3Wp4/d3OTXlrPLVJT/RFqj8tFeAR4nk8AA== dependencies: sourcemap-codec "^1.4.4" +magic-string@^0.25.4: + version "0.25.4" + resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.4.tgz#325b8a0a79fc423db109b77fd5a19183b7ba5143" + integrity sha512-oycWO9nEVAP2RVPbIoDoA4Y7LFIJ3xRYov93gAyJhZkET1tNuB0u7uWkZS2LpBWTJUWnmau/To8ECWRC+jKNfw== + dependencies: + sourcemap-codec "^1.4.4" + make-dir@^1.0.0, make-dir@^1.2.0: version "1.3.0" resolved "https://registry.npmjs.org/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c" @@ -15490,11 +15774,21 @@ merge-stream@^1.0.1: dependencies: readable-stream "^2.0.1" +merge-stream@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60" + integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w== + merge2@^1.2.3: version "1.2.4" resolved "https://registry.npmjs.org/merge2/-/merge2-1.2.4.tgz#c9269589e6885a60cf80605d9522d4b67ca646e3" integrity sha512-FYE8xI+6pjFOhokZu0We3S5NKCirLbCzSh2Usf3qEyr4X8U+0jNg9P8RZ4qz+V2UoECLVwSyzU3LxXBaLGtD3A== +merge2@^1.3.0: + version "1.3.0" + resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.3.0.tgz#5b366ee83b2f1582c48f87e47cf1a9352103ca81" + integrity sha512-2j4DAdlBOkiSZIsaXk4mTE3sRS02yBHAtfy127xRV3bQUFqXkjHCHLW6Scv7DwNRbIWNHH8zpnz9zMaKXIdvYw== + merge@^1.2.0: version "1.2.1" resolved "https://registry.npmjs.org/merge/-/merge-1.2.1.tgz#38bebf80c3220a8a487b6fcfb3941bb11720c145" @@ -15721,6 +16015,14 @@ micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8: snapdragon "^0.8.1" to-regex "^3.0.2" +micromatch@^4.0.2: + version "4.0.2" + resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259" + integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q== + dependencies: + braces "^3.0.1" + picomatch "^2.0.5" + miller-rabin@^4.0.0: version "4.0.1" resolved "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d" @@ -15975,7 +16277,7 @@ ms@2.1.1: resolved "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a" integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg== -ms@^2.0.0, ms@^2.1.1: +ms@^2.0.0, ms@^2.1.1, ms@^2.1.2: version "2.1.2" resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009" integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w== @@ -16456,6 +16758,14 @@ npm-packlist@^1.1.12, npm-packlist@^1.1.6, npm-packlist@^1.4.4: ignore-walk "^3.0.1" npm-bundled "^1.0.1" +npm-packlist@^1.4.6: + version "1.4.6" + resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.4.6.tgz#53ba3ed11f8523079f1457376dd379ee4ea42ff4" + integrity sha512-u65uQdb+qwtGvEJh/DgQgW1Xg7sqeNbmxYyrvlNznaVTjV3E5P6F/EFjM+BVHXl7JJlsdG8A64M0XI8FI/IOlg== + dependencies: + ignore-walk "^3.0.1" + npm-bundled "^1.0.1" + npm-path@^2.0.2: version "2.0.4" resolved "https://registry.npmjs.org/npm-path/-/npm-path-2.0.4.tgz#c641347a5ff9d6a09e4d9bce5580c4f505278e64" @@ -17141,6 +17451,13 @@ p-limit@^2.0.0, p-limit@^2.2.0: dependencies: p-try "^2.0.0" +p-limit@^2.2.1: + version "2.2.1" + resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.1.tgz#aa07a788cc3151c939b5131f63570f0dd2009537" + integrity sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg== + dependencies: + p-try "^2.0.0" + p-locate@^2.0.0: version "2.0.0" resolved "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43" @@ -17470,11 +17787,6 @@ parse-numeric-range@^0.0.2: resolved "https://registry.npmjs.org/parse-numeric-range/-/parse-numeric-range-0.0.2.tgz#b4f09d413c7adbcd987f6e9233c7b4b210c938e4" integrity sha1-tPCdQTx6282Yf26SM8e0shDJOOQ= -parse-package-name@^0.1.0: - version "0.1.0" - resolved "https://registry.npmjs.org/parse-package-name/-/parse-package-name-0.1.0.tgz#3f44dd838feb4c2be4bf318bae4477d7706bade4" - integrity sha1-P0Tdg4/rTCvkvzGLrkR313BrreQ= - parse-passwd@^1.0.0: version "1.0.0" resolved "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6" @@ -17653,6 +17965,11 @@ path-type@^3.0.0: dependencies: pify "^3.0.0" +path-type@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b" + integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw== + pbkdf2@^3.0.3: version "3.0.17" resolved "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.17.tgz#976c206530617b14ebb32114239f7b09336e93a6" @@ -17699,6 +18016,11 @@ physical-cpu-count@^2.0.0: resolved "https://registry.npmjs.org/physical-cpu-count/-/physical-cpu-count-2.0.0.tgz#18de2f97e4bf7a9551ad7511942b5496f7aba660" integrity sha1-GN4vl+S/epVRrXURlCtUlverpmA= +picomatch@^2.0.5: + version "2.1.1" + resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.1.1.tgz#ecdfbea7704adb5fe6fb47f9866c4c0e15e905c5" + integrity sha512-OYMyqkKzK7blWO/+XZYP6w8hH0LDvkBvdvKukti+7kqYFCiEAk+gI3DWnryapc0Dau05ugGTy0foQ6mqn4AHYA== + pidtree@^0.3.0: version "0.3.0" resolved "https://registry.npmjs.org/pidtree/-/pidtree-0.3.0.tgz#f6fada10fccc9f99bf50e90d0b23d72c9ebc2e6b" @@ -18591,46 +18913,6 @@ prebuild-install@^5.3.0: tunnel-agent "^0.6.0" which-pm-runs "^1.0.0" -preconstruct@^0.0.81: - version "0.0.81" - resolved "https://registry.npmjs.org/preconstruct/-/preconstruct-0.0.81.tgz#31ca707af1d69232d9383e44ef11f60784163061" - integrity sha512-T1FTx2OF8kwKSDx9UDgM25xcAXOYkQWngmn0O+fo5yFJcZncs/MbeJ2aO+SNeAFxanZT8On2z4NdsOfLJ/pBaQ== - dependencies: - "@babel/code-frame" "^7.0.0" - "@babel/core" "^7.1.2" - "@babel/plugin-transform-runtime" "^7.2.0" - "@preconstruct/hook" "^0.0.3" - builtin-modules "^3.0.0" - chalk "^2.3.2" - dataloader "^1.4.0" - deasync "^0.1.14" - del "^3.0.0" - diff "^4.0.1" - fast-deep-equal "^2.0.1" - fs-extra "^7.0.0" - globby "^8.0.1" - inquirer "^6.2.0" - install-packages "^0.2.5" - jest-worker "24.0.0" - lodash.isempty "^4.4.0" - lodash.omitby "^4.6.0" - magic-string "^0.25.1" - meow "^5.0.0" - ms "^2.1.1" - p-limit "^2.0.0" - quick-lru "^4.0.0" - resolve "^1.10.0" - resolve-from "^4.0.0" - rollup "^1.12.2" - rollup-plugin-alias "^1.5.1" - rollup-plugin-commonjs "^10.0.0" - rollup-plugin-node-resolve "^5.0.0" - rollup-plugin-replace "^2.2.0" - rollup-pluginutils "^2.7.1" - sarcastic "^1.5.0" - terser "^3.14.1" - xxhash-wasm "^0.3.1" - prelude-ls@~1.1.2: version "1.1.2" resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54" @@ -19073,9 +19355,9 @@ quick-lru@^1.0.0: resolved "https://registry.npmjs.org/quick-lru/-/quick-lru-1.1.0.tgz#4360b17c61136ad38078397ff11416e186dcfbb8" integrity sha1-Q2CxfGETatOAeDl/8RQW4Ybc+7g= -quick-lru@^4.0.0: +quick-lru@^4.0.1: version "4.0.1" - resolved "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f" + resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f" integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g== quote-stream@^1.0.1, quote-stream@~1.0.2: @@ -20488,7 +20770,7 @@ resolve@1.6.0: dependencies: path-parse "^1.0.5" -resolve@^1.1.5, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.3.2, resolve@^1.3.3, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.7.1, resolve@^1.8.1: +resolve@^1.1.5, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.12.0, resolve@^1.3.2, resolve@^1.3.3, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.8.1: version "1.12.0" resolved "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz#3fc644a35c84a48554609ff26ec52b66fa577df6" integrity sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w== @@ -20565,6 +20847,11 @@ retry@^0.12.0: resolved "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b" integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs= +reusify@^1.0.0: + version "1.0.4" + resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76" + integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw== + rgb-regex@^1.0.1: version "1.0.1" resolved "https://registry.npmjs.org/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1" @@ -20602,17 +20889,10 @@ ripemd160@^2.0.0, ripemd160@^2.0.1: hash-base "^3.0.0" inherits "^2.0.1" -rollup-plugin-alias@^1.5.1: - version "1.5.2" - resolved "https://registry.npmjs.org/rollup-plugin-alias/-/rollup-plugin-alias-1.5.2.tgz#f15a1cc8ee0debf74ab5c2bb68a944a66b568411" - integrity sha512-ODeZXhTxpD48sfcYLAFc1BGrsXKDj7o1CSNH3uYbdK3o0NxyMmaQPTNgW+ko+am92DLC8QSTe4kyxTuEkI5S5w== - dependencies: - slash "^3.0.0" - -rollup-plugin-commonjs@^10.0.0: - version "10.0.2" - resolved "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-10.0.2.tgz#61328f3a29945e2c35f2b2e824c18944fd88a54d" - integrity sha512-DxeR4QXTgTOFseYls1V7vgKbrSJmPYNdEMOs0OvH+7+89C3GiIonU9gFrE0u39Vv1KWm3wepq8KAvKugtoM2Zw== +rollup-plugin-commonjs@^10.1.0: + version "10.1.0" + resolved "https://registry.yarnpkg.com/rollup-plugin-commonjs/-/rollup-plugin-commonjs-10.1.0.tgz#417af3b54503878e084d127adf4d1caf8beb86fb" + integrity sha512-jlXbjZSQg8EIeAAvepNwhJj++qJWNJw1Cl0YnOqKtP5Djx+fFGkp3WRh+W0ASCaFG5w1jhmzDxgu3SJuVxPF4Q== dependencies: estree-walker "^0.6.1" is-reference "^1.1.2" @@ -20620,9 +20900,16 @@ rollup-plugin-commonjs@^10.0.0: resolve "^1.11.0" rollup-pluginutils "^2.8.1" -rollup-plugin-node-resolve@^5.0.0: +rollup-plugin-json@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/rollup-plugin-json/-/rollup-plugin-json-4.0.0.tgz#a18da0a4b30bf5ca1ee76ddb1422afbb84ae2b9e" + integrity sha512-hgb8N7Cgfw5SZAkb3jf0QXii6QX/FOkiIq2M7BAQIEydjHvTyxXHQiIzZaTFgx1GK0cRCHOCBHIyEkkLdWKxow== + dependencies: + rollup-pluginutils "^2.5.0" + +rollup-plugin-node-resolve@^5.2.0: version "5.2.0" - resolved "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-5.2.0.tgz#730f93d10ed202473b1fb54a5997a7db8c6d8523" + resolved "https://registry.yarnpkg.com/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-5.2.0.tgz#730f93d10ed202473b1fb54a5997a7db8c6d8523" integrity sha512-jUlyaDXts7TW2CqQ4GaO5VJ4PwwaV8VUGA7+km3n6k6xtOEacf61u0VXwN80phY/evMcaS+9eIeJ9MOyDxt5Zw== dependencies: "@types/resolve" "0.0.8" @@ -20631,29 +20918,28 @@ rollup-plugin-node-resolve@^5.0.0: resolve "^1.11.1" rollup-pluginutils "^2.8.1" -rollup-plugin-replace@^2.2.0: - version "2.2.0" - resolved "https://registry.npmjs.org/rollup-plugin-replace/-/rollup-plugin-replace-2.2.0.tgz#f41ae5372e11e7a217cde349c8b5d5fd115e70e3" - integrity sha512-/5bxtUPkDHyBJAKketb4NfaeZjL5yLZdeUihSfbF2PQMz+rSTEb8ARKoOl3UBT4m7/X+QOXJo3sLTcq+yMMYTA== +rollup-pluginutils@^2.5.0, rollup-pluginutils@^2.8.2: + version "2.8.2" + resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e" + integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ== dependencies: - magic-string "^0.25.2" - rollup-pluginutils "^2.6.0" + estree-walker "^0.6.1" -rollup-pluginutils@^2.6.0, rollup-pluginutils@^2.7.1, rollup-pluginutils@^2.8.1: +rollup-pluginutils@^2.6.0, rollup-pluginutils@^2.8.1: version "2.8.1" resolved "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.1.tgz#8fa6dd0697344938ef26c2c09d2488ce9e33ce97" integrity sha512-J5oAoysWar6GuZo0s+3bZ6sVZAC0pfqKz68De7ZgDi5z63jOVZn1uJL/+z1jeKHNbGII8kAyHF5q8LnxSX5lQg== dependencies: estree-walker "^0.6.1" -rollup@^1.12.2: - version "1.18.0" - resolved "https://registry.npmjs.org/rollup/-/rollup-1.18.0.tgz#98ea36472523ed712e20c0e996fd051882f787e6" - integrity sha512-MBAWr6ectF948gW/bs/yfi0jW7DzwI8n0tEYG/ZMQutmK+blF/Oazyhg3oPqtScCGV8bzCtL9KzlzPtTriEOJA== +rollup@^1.26.3: + version "1.26.3" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-1.26.3.tgz#3e71b8120a4ccc745a856e926cab0efbe0eead90" + integrity sha512-8MhY/M8gnv3Q/pQQSWYWzbeJ5J1C5anCNY5BK1kV8Yzw9RFS0FF4lbLt+uyPO3wLKWXSXrhAL5pWL85TZAh+Sw== dependencies: - "@types/estree" "0.0.39" - "@types/node" "^12.6.3" - acorn "^6.2.0" + "@types/estree" "*" + "@types/node" "*" + acorn "^7.1.0" rst-selector-parser@^2.2.3: version "2.2.3" @@ -20685,6 +20971,11 @@ run-node@^1.0.0: resolved "https://registry.npmjs.org/run-node/-/run-node-1.0.0.tgz#46b50b946a2aa2d4947ae1d886e9856fd9cabe5e" integrity sha512-kc120TBlQ3mih1LSzdAJXo4xn/GWS2ec0l3S+syHDXP9uRr0JAT8Qd3mdMuyjqCzeZktgP3try92cEgf9Nks8A== +run-parallel@^1.1.9: + version "1.1.9" + resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679" + integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q== + run-queue@^1.0.0, run-queue@^1.0.3: version "1.0.3" resolved "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47" @@ -20805,11 +21096,6 @@ sanitize-html@^1.18.2: srcset "^1.0.0" xtend "^4.0.1" -sarcastic@^1.5.0: - version "1.5.0" - resolved "https://registry.npmjs.org/sarcastic/-/sarcastic-1.5.0.tgz#1e87e75bb64e856d3f34d1f5a391c3abecf8c7c1" - integrity sha512-j7zmeNbABvOGXzt11WIm7nITPJ0exX/IL0sV9GZHNSsrFEjadfK5Z3GfBEelc6/VoEp17i/JEw3UuzyJNvgZNw== - sax@>=0.6.0, sax@^1.2.1, sax@^1.2.4, sax@~1.2.1, sax@~1.2.4: version "1.2.4" resolved "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9" @@ -21479,7 +21765,15 @@ source-map-support@^0.4.15: dependencies: source-map "^0.5.6" -source-map-support@^0.5.12, source-map-support@^0.5.6, source-map-support@^0.5.9, source-map-support@~0.5.10, source-map-support@~0.5.12: +source-map-support@^0.5.13: + version "0.5.16" + resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.16.tgz#0ae069e7fe3ba7538c64c98515e35339eac5a042" + integrity sha512-efyLRJDr68D9hBBNIPWFjhpFzURh+KJykQwvMyW5UiZzYwoF6l4YMMDIJJEyFWxWCqfyxLzz6tSfUFR+kXXsVQ== + dependencies: + buffer-from "^1.0.0" + source-map "^0.6.0" + +source-map-support@^0.5.6, source-map-support@^0.5.9, source-map-support@~0.5.10, source-map-support@~0.5.12: version "0.5.13" resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932" integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w== @@ -22403,7 +22697,7 @@ terser-webpack-plugin@^1.1.0, terser-webpack-plugin@^1.4.1: webpack-sources "^1.4.0" worker-farm "^1.7.0" -terser@^3.14.1, terser@^3.17.0, terser@^3.7.3: +terser@^3.17.0, terser@^3.7.3: version "3.17.0" resolved "https://registry.npmjs.org/terser/-/terser-3.17.0.tgz#f88ffbeda0deb5637f9d24b0da66f4e15ab10cb2" integrity sha512-/FQzzPJmCpjAH9Xvk2paiWrFq+5M6aVOf+2KRbwhByISDX/EujxsK+BAvrhb6H+2rtrLCHK9N01wO014vrIwVQ== @@ -22421,6 +22715,15 @@ terser@^4.1.2: source-map "~0.6.1" source-map-support "~0.5.12" +terser@^4.3.9: + version "4.3.9" + resolved "https://registry.yarnpkg.com/terser/-/terser-4.3.9.tgz#e4be37f80553d02645668727777687dad26bbca8" + integrity sha512-NFGMpHjlzmyOtPL+fDw3G7+6Ueh/sz4mkaUYa4lJCxOPTNzd0Uj0aZJOmsDYoSQyfuVoWDMSWTPU3huyOm2zdA== + dependencies: + commander "^2.20.0" + source-map "~0.6.1" + source-map-support "~0.5.12" + test-exclude@^4.2.1: version "4.2.3" resolved "https://registry.npmjs.org/test-exclude/-/test-exclude-4.2.3.tgz#a9a5e64474e4398339245a0a769ad7c2f4a97c20" @@ -22642,6 +22945,13 @@ to-regex-range@^2.1.0: is-number "^3.0.0" repeat-string "^1.6.1" +to-regex-range@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4" + integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ== + dependencies: + is-number "^7.0.0" + to-regex@^3.0.1, to-regex@^3.0.2: version "3.0.2" resolved "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce" @@ -23466,6 +23776,11 @@ v8-compile-cache@^2.0.0: resolved "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.0.3.tgz#00f7494d2ae2b688cfe2899df6ed2c54bef91dbe" integrity sha512-CNmdbwQMBjwr9Gsmohvm0pbL954tJrNzf6gWL3K+QMQf00PF7ERGrEiLgjuU3mKreLC2MeGhUsNV9ybTbLgd3w== +v8-compile-cache@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e" + integrity sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g== + valid-url@^1.0.9: version "1.0.9" resolved "https://registry.npmjs.org/valid-url/-/valid-url-1.0.9.tgz#1c14479b40f1397a75782f115e4086447433a200" @@ -24102,7 +24417,7 @@ which-pm-runs@^1.0.0: resolved "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.0.0.tgz#670b3afbc552e0b55df6b7780ca74615f23ad1cb" integrity sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs= -which@1, which@^1.2.10, which@^1.2.12, which@^1.2.14, which@^1.2.9, which@^1.3.0, which@^1.3.1: +which@1, which@^1.2.10, which@^1.2.12, which@^1.2.9, which@^1.3.0, which@^1.3.1: version "1.3.1" resolved "https://registry.npmjs.org/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a" integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==