Linaria update to 3.x version

.npmrc

@@ -0,0 +1 @@
+registry = "https://npm.docdoc.pro/"

README.md

@@ -15,7 +15,11 @@ First, follow craco's
 Then, install `craco-linaria` and [Linaria][]:
 
 ```bash
-$ npm install --save-dev craco-linaria linaria
+$ yarn add -D craco-linaria @linaria/core @linaria/babel-preset @linaria/webpack-loader
+
+// or
+
+$ npm install --save-dev craco-linaria @linaria/core @linaria/babel-preset @linaria/webpack-loader
 ```
 
 ## Usage

package.json

@@ -1,6 +1,6 @@
 {
   "name": "craco-linaria",
-  "version": "1.1.2",
+  "version": "3.0.4",
   "description": "A craco plugin to use Linaria zero-runtime CSS in JS library in a create react app.",
   "keywords": [
     "craco",
@@ -91,7 +91,10 @@
   },
   "peerDependencies": {
     "@craco/craco": "5.x",
-    "linaria": "1.x",
+    "@linaria/babel-preset": "3.x",
+    "@babel/preset-typescript": "7.x",
+    "@linaria/core": "3.x",
+    "@linaria/webpack-loader": "3.x",
     "react-scripts": "3.x"
   },
   "dependencies": {

src/__tests__/index.js

@@ -10,7 +10,7 @@ describe('craco-linaria plugin', () => {
 			).toMatchInlineSnapshot(`
 			Object {
 			  "transform": Object {
-			    "^.+\\\\.(js|jsx|ts|tsx)$": "${process.cwd()}/src/babelTransform.js",
+			    "^.+\\\\.(js|jsx|mjs|cjs|ts|tsx)$": "${process.cwd()}/src/babelTransform.js",
 			  },
 			}
 		`)
@@ -73,12 +73,12 @@ describe('craco-linaria plugin', () => {
 			                "loader": "/babel-loader/",
 			                "options": Object {
 			                  "presets": Array [
-			                    "linaria/babel",
+			                    "@linaria/babel-preset",
 			                  ],
 			                },
 			              },
 			              Object {
-			                "loader": "linaria/loader",
+			                "loader": "@linaria/webpack-loader",
 			                "options": Object {
 			                  "babelOptions": Object {
 			                    "presets": Array [],

src/babelTransform.js

@@ -1,7 +1,16 @@
 const babelJest = require('babel-jest')
 
 module.exports = babelJest.createTransformer({
-	presets: [require.resolve('babel-preset-react-app'), 'linaria/babel'],
+	presets: [
+		[
+			require.resolve('babel-preset-react-app'),
+			{
+				runtime: 'automatic',
+			},
+		],
+		'@babel/preset-typescript',
+		'@linaria/babel-preset',
+	],
 	babelrc: false,
 	configFile: false,
 })

src/index.js

@@ -11,7 +11,7 @@ module.exports = {
 }
 
 function overrideJestConfig({ jestConfig }) {
-	jestConfig.transform['^.+\\.(js|jsx|ts|tsx)$'] = require.resolve(
+	jestConfig.transform['^.+\\.(js|jsx|mjs|cjs|ts|tsx)$'] = require.resolve(
 		'./babelTransform.js',
 	)
 	return jestConfig
@@ -66,7 +66,9 @@ function transformBabelLoader(loader, pluginOptions) {
 	const presets = options.presets || []
 	options.presets = presets
 	const { babelOptions, ...linariaOptions } =
-		pluginOptions || (cosmiconfig('linaria').searchSync() || {}).config || {}
+		pluginOptions ||
+		(cosmiconfig('@linaria/babel-preset').searchSync() || {}).config ||
+		{}
 
 	return {
 		test: loader.test,
@@ -76,11 +78,11 @@ function transformBabelLoader(loader, pluginOptions) {
 				loader: loader.loader,
 				options: {
 					...options,
-					presets: presets.concat('linaria/babel'),
+					presets: presets.concat('@linaria/babel-preset'),
 				},
 			},
 			{
-				loader: 'linaria/loader',
+				loader: '@linaria/webpack-loader',
 				options: {
 					cacheDirectory: 'src/.linaria_cache',
 					sourceMap: process.env.NODE_ENV !== 'production',