update @chakra-ui and create v1

Author: mustaphaturhan

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/env", "@babel/preset-react"]
+}

.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+/dist

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "useTabs": false,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "semi": true,
+  "singleQuote": true,
+  "arrowParens": "avoid"
+}

CHANGELOG.md

@@ -2,6 +2,17 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.0.0] - 2020-12-16
+
+### Added
+
+- Library now uses `rollup` as a bundler.
+
+### 🔥💥 Breaking Changes
+
+- No more using `@chakra-ui/core` like Chakra-UI did. We're using `@chakra-ui/react` instead of `@chakra-ui/core`
+- `@chakra-ui/react` and other dependencies that used by `@chakra-ui/react` now added as peerDependency. You should add `@emotion/react @emotion/styled framer-motion` packages to your project.
+
 ## [0.2.0] - 2020-04-17
 
 ### Added

README.md

@@ -4,7 +4,7 @@
   <img src="https://img.shields.io/npm/v/chakra-ui-markdown-renderer?color=green&style=flat-square" />
 </a>
 
-This package is created for people who using [Chakra-UI's](https://chakra-ui.com/)'s [CSSReset](https://chakra-ui.com/getting-started#injecting-global-styles) component and [react-markdown](https://github.com/rexxars/react-markdown) together.
+This package is created for people who using [Chakra-UI's](https://chakra-ui.com/) and [react-markdown](https://github.com/rexxars/react-markdown) together.
 
 ### The Problem
 
@@ -14,16 +14,20 @@ For example, when you want to render level 2 heading component, it is rendering:
 
 ### Install
 
+Make @chakra-ui/react installation how they tell you on their [Getting Started - Chakra UI](https://chakra-ui.com/docs/getting-started) page.
+
 ```sh
-$ yarn add @chakra-ui/core chakra-ui-markdown-renderer
+$ yarn add @chakra-ui/react @emotion/react @emotion/styled framer-motion chakra-ui-markdown-renderer
+
 # or
-$ npm install --save @chakra-ui/core chakra-ui-markdown-renderer
+
+$ npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion chakra-ui-markdown-renderer
 ```
 
 ### Usage
 
 ```jsx
-import ChakraUIRenderer from "chakra-ui-markdown-renderer";
+import ChakraUIRenderer from 'chakra-ui-markdown-renderer';
 
 <ReactMarkdown
   renderers={ChakraUIRenderer()}

babel.config.js

@@ -1,7 +1,9 @@
 {
   "name": "chakra-ui-markdown-renderer",
-  "main": "dist/index.js",
-  "version": "0.2.0",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "source": "src/index.js",
+  "version": "1.0.0",
   "private": false,
   "license": "MIT",
   "files": [
@@ -12,23 +14,31 @@
     "type": "git",
     "url": "https://github.com/mustaphaturhan/chakra-ui-markdown-renderer"
   },
-  "dependencies": {
-    "@chakra-ui/core": "^0.5.2"
+  "peerDependencies": {
+    "@chakra-ui/react": "^1.0.3",
+    "@emotion/core": "^10.0.27",
+    "@emotion/react": "^11.1.2",
+    "@emotion/styled": "^11.0.0",
+    "emotion-theming": "^10.0.27",
+    "framer-motion": "^2.9.5",
+    "react": ">= 16.8",
+    "react-dom": ">= 16.8"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.3",
+    "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.8.3",
     "@babel/preset-react": "^7.8.3",
+    "@rollup/plugin-babel": "^5.2.2",
     "cross-env": "^7.0.0",
-    "react-scripts": "3.3.0"
+    "rollup": "^2.35.1",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2"
   },
   "scripts": {
-    "clean": "rimraf dist",
-    "compile": "npm run clean && cross-env NODE_ENV=production babel src/ --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,stories.js,__snapshots__",
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "build": "rollup -c",
+    "build-watch": "rollup -c -w"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -44,12 +54,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "peerDependencies": {
-    "@emotion/core": "^10.0.27",
-    "@emotion/styled": "^10.0.27",
-    "emotion-theming": "^10.0.27",
-    "react": ">= 16.8",
-    "react-dom": ">= 16.8"
   }
 }

dist/index.js

@@ -0,0 +1,22 @@
+import babel from '@rollup/plugin-babel';
+import external from 'rollup-plugin-peer-deps-external';
+import del from 'rollup-plugin-delete';
+import { terser } from 'rollup-plugin-terser';
+import pkg from './package.json';
+
+export default {
+  input: pkg.source,
+  output: [
+    { file: pkg.main, format: 'cjs' },
+    { file: pkg.module, format: 'esm' },
+  ],
+  plugins: [
+    external(),
+    terser(),
+    babel({
+      exclude: 'node_modules/**',
+    }),
+    del({ targets: ['dist/*'] }),
+  ],
+  external: Object.keys(pkg.peerDependencies || {}),
+};