Merge pull request #13 from DenysVuika/develop

v2.0.0

Author: DenysVuika

.eslintrc

@@ -19,7 +19,7 @@
   },
   "settings": {
     "react": {
-      "version": "16"
+      "version": "17"
     }
   },
   "rules": {

.github/dependabot.yml

@@ -5,4 +5,4 @@ updates:
   schedule:
     interval: daily
   open-pull-requests-limit: 10
-  target-branch: master
+  target-branch: develop

.gitignore

@@ -75,30 +75,5 @@ typings/
 # parcel-bundler cache (https://parceljs.org/)
 .cache
 
-# Next.js build output
-.next
-
-# Nuxt.js build / generate output
-.nuxt
-dist
-
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and *not* Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
+.idea
+dist/

.size-limit.json

@@ -0,0 +1,12 @@
+[
+  {
+    "path": "dist/react-lib.esm.js",
+    "limit": "1 KB",
+    "webpack": false
+  },
+  {
+    "path": "dist/react-lib.umd.js",
+    "limit": "1 KB",
+    "webpack": false
+  }
+]

CHANGELOG.md

@@ -0,0 +1,33 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [2.0.0] - Unreleased
+
+### Added
+
+- CHANGELOG file
+
+### Changed
+
+- Upgraded all dependencies to latest versions
+- Moved `size-limit` config from the `package.json` to its own file
+- Enable sourcemaps by default
+- Remove CommonJS build output
+
+### Fixed
+
+## [1.0.0] - 2020-01-06
+
+### Added
+
+- Typescript support
+- CSS Modules
+- ESLint (with React and Prettier)
+- Unit tests (Jest and Testing Library)
+- Minified output (Terser)
+- Bundle size validation
+- Flexible builds (Rollup)

package.json

@@ -1,11 +1,11 @@
 {
   "name": "react-lib",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Project template for a React library",
-  "main": "react-lib.cjs.js",
+  "main": "react-lib.umd.js",
   "module": "react-lib.esm.js",
-  "browser": "react-lib.umd.js",
   "private": "true",
+  "typings": "index.d.ts",
   "scripts": {
     "build": "rollup -c",
     "lint": "eslint './{src,app}/**/*.{ts,tsx}'",
@@ -34,56 +34,40 @@
   "devDependencies": {
     "@size-limit/preset-small-lib": "^4.5.0",
     "@testing-library/jest-dom": "^5.10.1",
-    "@testing-library/react": "^10.2.1",
+    "@testing-library/react": "^11.2.2",
     "@types/jest": "^26.0.0",
-    "@types/react": "^16.9.36",
-    "@types/react-dom": "^16.9.8",
-    "@typescript-eslint/eslint-plugin": "^3.2.0",
-    "@typescript-eslint/parser": "^3.2.0",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.12.0",
+    "@typescript-eslint/parser": "^4.12.0",
     "eslint": "^7.2.0",
-    "eslint-config-prettier": "^6.11.0",
+    "eslint-config-prettier": "^7.1.0",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.20.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.0.1",
+    "postcss": "^8.2.2",
     "prettier": "^2.0.5",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "rollup": "^2.16.1",
     "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-generate-package-json": "^3.2.0",
-    "rollup-plugin-postcss": "^3.1.2",
-    "rollup-plugin-terser": "^6.1.0",
-    "rollup-plugin-typescript2": "^0.27.1",
+    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.29.0",
     "size-limit": "^4.5.0",
     "ts-jest": "^26.1.0",
-    "typescript": "^3.9.5"
+    "typescript": "^4.1.3"
   },
   "config": {
     "lib": {
       "peerDependencies": {
-        "react": "^16.13.1",
-        "react-dom": "^16.13.1",
-        "typescript": "^3.9.5"
+        "react": "^17.0.1",
+        "react-dom": "^17.0.1",
+        "typescript": "^4.1.3"
       }
     }
-  },
-  "size-limit": [
-    {
-      "path": "dist/react-lib.cjs.js",
-      "limit": "1 KB",
-      "webpack": false
-    },
-    {
-      "path": "dist/react-lib.esm.js",
-      "limit": "1 KB",
-      "webpack": false
-    },
-    {
-      "path": "dist/react-lib.umd.js",
-      "limit": "1 KB",
-      "webpack": false
-    }
-  ]
+  }
 }

rollup.config.js

@@ -5,7 +5,7 @@ import postcss from 'rollup-plugin-postcss';
 import del from 'rollup-plugin-delete';
 import generatePackageJson from 'rollup-plugin-generate-package-json';
 import pkg from './package.json';
-import * as path from 'path';
+import { resolve } from 'path';
 
 const peerDependencies = pkg.config.lib.peerDependencies;
 
@@ -19,39 +19,41 @@ export default [
         typescript: require('typescript'),
       }),
       postcss({
-        extract: true,
         modules: true,
         plugins: [],
-        extract: path.resolve(`dist/${pkg.name}.css`),
+        extract: resolve(`dist/${pkg.name}.css`),
       }),
       copy({
-        targets: [{ src: 'README.md', dest: 'dist' }],
+        targets: [
+          { src: 'README.md', dest: 'dist' },
+          { src: 'CHANGELOG.md', dest: 'dist' },
+        ],
       }),
       generatePackageJson({
         baseContents: (pkg) => ({
           ...pkg,
           name: pkg.name,
-          scripts: {},
+          scripts: undefined,
           dependencies: {},
           devDependencies: {},
           peerDependencies,
           private: true,
-          config: {},
+          config: undefined,
         }),
       }),
       terser(),
     ],
     output: [
       {
         name: pkg.name,
-        file: `dist/${pkg.browser}`,
+        file: `dist/${pkg.main}`,
         format: 'umd',
         globals: {
           react: 'react',
         },
+        sourcemap: true,
       },
-      { file: `dist/${pkg.main}`, format: 'cjs' },
-      { file: `dist/${pkg.module}`, format: 'es' },
+      { file: `dist/${pkg.module}`, format: 'es', sourcemap: true },
     ],
   },
 ];