make CSS work with Nextjs, Closes #602

Author: asabaylus

package.json

@@ -3,12 +3,12 @@
   "version": "0.15.0",
   "description": "WAI-ARIA compliant React command palette like the one in Atom",
   "main": "dist/index.js",
-  "module": "dist/index.js",
+  "module": "dist/index.es.js",
   "scripts": {
     "start": "npm run storybook",
     "netlify": "react-scripts build",
     "dev": "yarn storybook",
-    "build": "cross-env BABEL_ENV=production babel src -d dist --copy-files",
+    "build": "cross-env BABEL_ENV=production rollup -c",
     "test": "react-scripts test --env=jsdom",
     "coverage": "yarn test --coverage --watchAll=false --silent --ci",
     "storybook": "start-storybook -p 6006 -s public",
@@ -59,10 +59,16 @@
     "cross-env": "^7.0.3",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",
+    "postcss": "8.x",
     "prettier": "^2.2.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-scripts": "^4.0.3"
+    "react-scripts": "^4.0.3",
+    "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-replace": "^2.2.0"
   },
   "dependencies": {
     "fast-deep-equal": "^3.1.3",

rollup.config.js

@@ -0,0 +1,64 @@
+// Rollup plugins
+import babel from "rollup-plugin-babel";
+import commonjs from "rollup-plugin-commonjs";
+import resolve from "rollup-plugin-node-resolve";
+import postcss from "rollup-plugin-postcss";
+import replace from "rollup-plugin-replace";
+import pkg from "./package.json";
+
+
+const plugins = [
+  replace({
+    "process.env.NODE_ENV": JSON.stringify("production"),
+  }),
+  postcss(),
+  commonjs({
+    include: ["node_modules/**"],
+    exclude: ["node_modules/process-es6/**"],
+    namedExports: {
+      "node_modules/react/index.js": [
+        "Children",
+        "Component",
+        "PropTypes",
+        "createElement",
+        "isValidElement",
+        "cloneElement",
+        "createRef",
+      ],
+      "node_modules/react-dom/index.js": ["render"],
+    },
+  }),
+  babel({
+    exclude: "node_modules/**",
+    runtimeHelpers: true,
+  }),
+  resolve({
+    jsnext: true,
+    main: true,
+    browser: true,
+  }),
+];
+
+export default {
+  input: "src/index.js",
+  external: ["react", "react-dom"],
+  output: [
+    {
+      file: pkg.main,
+      format: "umd",
+      globals: {
+        react: "React",
+        "react-dom": "ReactDOM",
+      },
+      sourcemap: "external",
+      name: "CommandPalette",
+      exports: "named",
+    },
+    {
+      file: pkg.module,
+      format: "es",
+      sourcemap: "external",
+    },
+  ],
+  plugins,
+};