Merge pull request #149 from ankeetmaini/fix-bundle

Remove microbundle, use Rollup

Author: ankeetmaini

jest.config.js

@@ -28,7 +28,7 @@ module.exports = {
   coverageDirectory: 'coverage',
 
   // An array of regexp pattern strings used to skip coverage collection
-  coveragePathIgnorePatterns: ['/node_modules/', 'stories'],
+  coveragePathIgnorePatterns: ['/node_modules/', 'stories', 'dist'],
 
   // A list of reporter names that Jest uses when writing coverage reports
   coverageReporters: ['lcov', 'text-summary'],
@@ -101,9 +101,7 @@ module.exports = {
   // rootDir: null,
 
   // A list of paths to directories that Jest should use to search for files in
-  // roots: [
-  //   "<rootDir>"
-  // ],
+  roots: ['src'],
 
   // Allows you to use a custom runner instead of Jest's default test runner
   // runner: "jest-runner",

package.json

@@ -4,11 +4,11 @@
   "description": "An Infinite Scroll component in react.",
   "source": "src/index.tsx",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
   "unpkg": "dist/index.umd.js",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "microbundle",
+    "build": "rimraf dist && rollup -c",
     "prepublish": "yarn build",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
@@ -64,13 +64,16 @@
     "husky": ">=1",
     "jest": "^24.9.0",
     "lint-staged": ">=8",
-    "microbundle": "^0.11.0",
     "prettier": "1.18.2",
     "react": "^16.10.1",
     "react-docgen-typescript-loader": "^3.2.1",
     "react-dom": "^16.10.1",
+    "rimraf": "^3.0.0",
+    "rollup": "^1.26.3",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-typescript2": "^0.25.2",
     "ts-jest": "^24.1.0",
-    "typescript": "^3.6.3"
+    "typescript": "^3.7.2"
   },
   "dependencies": {
     "throttle-debounce": "^2.1.0"

rollup.config.js

@@ -0,0 +1,26 @@
+import resolve from 'rollup-plugin-node-resolve';
+import typescript from 'rollup-plugin-typescript2';
+import pkg from './package.json';
+export default {
+  input: './src/index.tsx',
+  output: [
+    {
+      file: pkg.main,
+      format: 'cjs',
+      sourcemap: true,
+    },
+    {
+      file: pkg.module,
+      format: 'es',
+      sourcemap: true,
+    },
+    {
+      file: pkg.unpkg,
+      format: 'iife',
+      sourcemap: true,
+      name: 'InfiniteScroll',
+    },
+  ],
+  external: [...Object.keys(pkg.peerDependencies || {})],
+  plugins: [resolve(), typescript({ useTsconfigDeclarationDir: true })],
+};

tsconfig.json

@@ -7,7 +7,8 @@
     // "allowJs": true,                       /* Allow javascript files to be compiled. */
     // "checkJs": true,                       /* Report errors in .js files. */
     "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
-    // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
+    "declaration": true /* Generates corresponding '.d.ts' file. */,
+    "declarationDir": "./dist",
     // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
     // "sourceMap": true,                     /* Generates corresponding '.map' file. */
     // "outFile": "./",                       /* Concatenate and emit output to single file. */
@@ -57,5 +58,10 @@
     // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
     // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
   },
-  "include": ["src/**/*", "lint-staged.config.js", "jest.config.js"]
+  "include": [
+    "src/**/*",
+    "lint-staged.config.js",
+    "jest.config.js",
+    "rollup.config.js"
+  ]
 }