Rename packages

package.json

@@ -58,7 +58,8 @@
     ],
     "plugins": [
       "prettier",
-      "flowtype"
+      "flowtype",
+      "emotion"
     ],
     "parser": "babel-eslint",
     "rules": {
@@ -74,7 +75,8 @@
       "no-template-curly-in-string": 0,
       "camelcase": 0,
       "import/no-duplicates": 0,
-      "flowtype/define-flow-type": 2
+      "flowtype/define-flow-type": 2,
+      "emotion/pkg-renaming": 2
     },
     "env": {
       "browser": true

packages/eslint-plugin-emotion/src/index.js

@@ -5,11 +5,13 @@ import noVanilla from './rules/no-vanilla'
 import syntaxPreference from './rules/syntax-preference'
 import styledImport from './rules/styled-import'
 import jsxImport from './rules/jsx-import'
+import pkgRenaming from './rules/pkg-renaming'
 
 export let rules = {
   'import-from-emotion': importFromEmotion,
   'no-vanilla': noVanilla,
   'syntax-preference': syntaxPreference,
   'styled-import': styledImport,
-  'jsx-import': jsxImport
+  'jsx-import': jsxImport,
+  'pkg-renaming': pkgRenaming
 }

packages/eslint-plugin-emotion/src/rules/pkg-renaming.js

@@ -0,0 +1,32 @@
+let simpleMappings = {
+  '@emotion/core': '@emotion/react',
+  emotion: '@emotion/css',
+  '@emotion/styled-base': '@emotion/styled/base',
+  'jest-emotion': '@emotion/jest',
+  'babel-plugin-emotion': '@emotion/babel-plugin',
+  'create-emotion-server': '@emotion/server/create-instance',
+  'create-emotion': '@emotion/css/create-instance',
+  'emotion-server': '@emotion/server'
+}
+
+export default {
+  meta: {
+    fixable: 'code'
+  },
+  create(context) {
+    return {
+      ImportDeclaration(node) {
+        let maybeMapping = simpleMappings[node.source.value]
+        if (maybeMapping !== undefined) {
+          context.report({
+            node: node.source,
+            message: `${JSON.stringify(
+              node.source.value
+            )} should be imported from ${JSON.stringify(maybeMapping)}`,
+            fix: fixer => fixer.replaceText(node.source, `'${maybeMapping}'`)
+          })
+        }
+      }
+    }
+  }
+}

yarn.lock

@@ -1788,6 +1788,11 @@
     "@emotion/babel-plugin-jsx-pragmatic" "^0.1.4"
     babel-plugin-emotion "^10.0.23"
 
+"@emotion/css@^11.0.0-next.6":
+  version "11.0.0-next.6"
+  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-11.0.0-next.6.tgz#776fae8b5c9e9cb21751f56e9b9a631fe3cfd327"
+  integrity sha512-+5M5ZDfErWIf8R37TeEjbBxneOond5W/PF/1UccNJYMNHjn3glH5RiCd65ysKJawwMGKv7U4TX+ehLEJb3zyNg==
+
 "@emotion/serialize@^0.11.14":
   version "0.11.14"
   resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.14.tgz#56a6d8d04d837cc5b0126788b2134c51353c6488"
@@ -8549,6 +8554,14 @@ emojis-list@^2.0.0:
   resolved "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
   integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
 
+emotion@^11.0.0-next.0:
+  version "11.0.0-next.0"
+  resolved "https://registry.yarnpkg.com/emotion/-/emotion-11.0.0-next.0.tgz#215f35a5c634a9cc50325e35181a6e37e0540d74"
+  integrity sha512-UNwPLbPXkUW/PP9WPXE6Qu6mWGHb9NHAXdvwc4r2feqfS2Q7BTJJk0Ynvs0zQmwvEJ0L344UF/Hs00NbFSub3w==
+  dependencies:
+    babel-plugin-emotion "^11.0.0-next.0"
+    create-emotion "^11.0.0-next.0"
+
 encodeurl@~1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
@@ -11309,12 +11322,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"