Bump to v1.1.0

Author: ChrisUser

.storybook/main.ts

@@ -11,7 +11,7 @@ module.exports = {
       compilerOptions: {
         outDir: "build",
         module: "esnext",
-        target: "es5",
+        target: "esnext",
         lib: ["es6", "dom", "es2016", "es2017"],
         sourceMap: true,
         allowJs: false,
@@ -26,7 +26,6 @@ module.exports = {
         noUnusedLocals: false,
         noUnusedParameters: true,
         esModuleInterop: true,
-        typeRoots: ["../node_modules/@types", "../types"],
       },
     },
   },

package.json

@@ -1,10 +1,10 @@
 {
   "name": "react-usage-bar",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "Usage bar, graphic component for React",
   "main": "build/index.js",
-  "module": "build/index.es.js",
-  "jsnext:main": "build/index.es.js",
+  "module": "build/index.mjs",
+  "typings": "build/index.d.ts",
   "files": [
     "build/*"
   ],
@@ -98,6 +98,9 @@
     ]
   },
   "dependencies": {
-    "postcss": "^8.4.7"
+    "esbuild": "^0.14.23",
+    "postcss": "^8.4.7",
+    "rollup-plugin-dts": "^4.1.0",
+    "rollup-plugin-esbuild": "^4.8.2"
   }
 }

rollup.config.js

@@ -1,52 +1,69 @@
+import dts from 'rollup-plugin-dts'
+import esbuild from 'rollup-plugin-esbuild'
 import typescript from "rollup-plugin-typescript2"
 import commonjs from "rollup-plugin-commonjs"
 import external from "rollup-plugin-peer-deps-external"
 import resolve from "rollup-plugin-node-resolve"
 import postcss from "rollup-plugin-postcss"
 import { terser } from "rollup-plugin-terser"
 
-import pkg from "./package.json"
+const name = require('./package.json').main.replace(/\.js$/, '')
 
-export default {
-  input: "src/index.ts",
-  output: [
-    {
-      file: pkg.main,
-      format: "cjs",
-      exports: "named",
-      sourcemap: true,
-    },
-    {
-      file: pkg.module,
-      format: "es",
-      exports: "named",
-      sourcemap: true,
-    },
-  ],
-  plugins: [
-    resolve(),
-    postcss({
-      extensions: [".css"],
-      extract: true,
-    }),
-    external(),
-    typescript({
-      rollupCommonJSResolveHack: true,
-      exclude: ["**/__tests__/**", "**/*.stories.tsx"],
-      clean: true,
-    }),
-    terser(),
-    commonjs({
-      include: ["node_modules/**"],
-      namedExports: {
-        "node_modules/react/react.js": [
-          "Children",
-          "Component",
-          "PropTypes",
-          "createElement",
-        ],
-        "node_modules/react-dom/index.js": ["render"],
+const bundle = config => ({
+  ...config,
+  input: 'src/index.ts',
+  external: id => !/^[./]/.test(id),
+})
+
+export default [
+  bundle({
+    plugins: [esbuild()],
+    output: [
+      {
+        file: `${name}.js`,
+        format: 'cjs',
+        sourcemap: true,
       },
-    }),
-  ],
-}
+      {
+        file: `${name}.mjs`,
+        format: 'es',
+        sourcemap: true,
+      },
+    ],
+  }),
+  bundle({
+    plugins: [dts()],
+    output: {
+      file: `${name}.d.ts`,
+      format: 'es',
+    },
+  }),
+  bundle({
+    plugins: [,
+      resolve(),
+      postcss({
+        extensions: [".css"],
+        extract: true,
+      }),
+      external(),
+      typescript({
+        rollupCommonJSResolveHack: true,
+        exclude: ["**/__tests__/**", "**/*.stories.tsx"],
+        clean: true,
+      }),
+      terser(),
+      commonjs({
+        include: ["node_modules/**"],
+        namedExports: {
+          "node_modules/react/react.js": [
+            "Children",
+            "Component",
+            "PropTypes",
+            "createElement",
+          ],
+          "node_modules/react-dom/index.js": ["render"],
+        },
+      }),
+    ]
+  })
+]