Update CI workflow and configurations

.github/workflows/PR.yml → .github/workflows/MASTER_PULL_REQUEST.yml

@@ -21,10 +21,23 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Check formatting
+        run: npm run format:check
+
+      - name: Formatting issues detected (attempting fix...)
+        if: ${{ failure() }}
+        run: npm run format
+
+      - name: Commit fixed formatting issues
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: Apply fixed formatting issues
+          branch: ${{ github.head_ref }}
+
       - name: Lint
         run: npm run lint
 
-      - name: Linting failed (attempting fix...)
+      - name: Linting issues detected (attempting fix...)
         if: ${{ failure() }}
         run: npm run lint:fix
 

config/rollup.config.js

@@ -1,12 +1,12 @@
 import typescript from "rollup-plugin-typescript2";
 import { terser } from "rollup-plugin-terser";
-import pkg from "../package.json";
+import { dependencies, peerDependencies, module, main } from "../package.json";
 import { join } from "path";
 
 const input = "src/index.tsx";
 const external = [
-  ...Object.keys(pkg.dependencies || {}),
-  ...Object.keys(pkg.peerDependencies || {})
+  ...Object.keys(dependencies ?? {}),
+  ...Object.keys(peerDependencies ?? {})
 ];
 const plugins = [
   typescript({
@@ -20,27 +20,23 @@ const plugins = [
   })
 ];
 
-const config = {
-  input,
-  plugins,
-  external
-};
-
-export default [
-  {
-    ...config,
-    output: {
-      file: pkg.module,
-      format: "esm",
-      sourcemap: true
-    }
-  },
-  {
-    ...config,
+function createBundleConfiguration(filename, format) {
+  return {
+    input,
+    plugins,
+    external,
     output: {
-      file: pkg.main,
-      format: "cjs",
+      file: filename,
+      format,
       sourcemap: true
+    },
+    onwarn: warning => {
+      throw new Error(warning.message);
     }
-  }
-];
+  };
+}
+
+const ESM = createBundleConfiguration(module, "esm");
+const CJS = createBundleConfiguration(main, "cjs");
+
+export default [ESM, CJS];

package.json

@@ -14,8 +14,10 @@
     "build": "npm run clean && npm run build:demo && npm run build:components",
     "build:components": "rollup -c config/rollup.config.js",
     "build:demo": "webpack --config config/webpack.config.js --mode production",
+    "ci:local": "npm run format:check && npm run lint && npm run test && npm run build",
     "clean": "rimraf dist",
     "format": "prettier --config config/prettier.config.js --ignore-path .gitignore --write .",
+    "format:check": "prettier --config config/prettier.config.js --ignore-path .gitignore --check .",
     "lint": "eslint --config config/eslint.config.js src/ --ignore-path .gitignore",
     "lint:fix": "npm run lint -- --fix",
     "release": "npm run build && gh-pages -d dist/demo && npm publish",