feat(deps): upgrade deps

jest.config.js

@@ -3,5 +3,7 @@ module.exports = {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
       '<rootDir>/__mocks__/fileMock.js',
     '\\.(css|less|scss|sass)$': '<rootDir>/__mocks__/styleMock.js'
-  }
+  },
+  setupFiles: ['jest-canvas-mock'],
+  testEnvironment: 'jsdom'
 };

package.json

@@ -33,32 +33,36 @@
   "files": [
     "/dist"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
-    "@cycjimmy/awesome-js-funcs": "^2.3.0",
-    "@cycjimmy/sass-lib": "^1.0.3"
+    "@cycjimmy/awesome-js-funcs": "^3.1.0",
+    "@cycjimmy/sass-lib": "^1.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.6",
+    "@babel/core": "^7.17.5",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-object-assign": "^7.8.3",
-    "@babel/preset-env": "^7.9.6",
-    "@cycjimmy/config-lib": "^1.6.1",
-    "autoprefixer": "^9.7.6",
-    "babel-jest": "^26.0.1",
-    "cross-env": "^7.0.2",
-    "eslint": "^7.0.0",
+    "@babel/plugin-transform-object-assign": "^7.16.7",
+    "@babel/preset-env": "^7.16.11",
+    "@cycjimmy/config-lib": "^2.0.0",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^21.0.2",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "autoprefixer": "^10.4.2",
+    "babel-jest": "^27.5.1",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.11.0",
     "eslint-config-rollup": "^0.1.0",
-    "jest": "^26.0.1",
-    "node-sass": "^4.14.1",
-    "rollup": "^2.9.1",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-browsersync": "^1.1.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-copy": "^3.3.0",
+    "jest": "^27.5.1",
+    "jest-canvas-mock": "^2.3.1",
+    "node-sass": "^7.0.1",
+    "rollup": "^2.70.1",
+    "rollup-plugin-browsersync": "^1.3.3",
+    "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-eslint": "^7.0.0",
-    "rollup-plugin-json": "^4.0.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-postcss": "^3.1.1",
-    "rollup-plugin-terser": "^5.3.0"
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2"
   }
 }

postcss.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   plugins: {
-    'autoprefixer': {},
-    'cssnano': {
+    autoprefixer: {},
+    cssnano: {
       discardComments: {
         removeAll: true
       }

release.config.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-const makeCommonConfig = require('@cycjimmy/config-lib/semanticRelease/15.x/makeCommonConfig');
+const makeCommonConfig = require('@cycjimmy/config-lib/cjs/semanticRelease/15.x/makeCommonConfig');
 
 const pkg = require('./package.json');
 

rollup/rollup.common.js

@@ -1,15 +1,15 @@
 import { eslint } from 'rollup-plugin-eslint';
-import json from 'rollup-plugin-json';
-import resolve from 'rollup-plugin-node-resolve';
-import commonjs from 'rollup-plugin-commonjs';
-import babel from 'rollup-plugin-babel';
+import json from '@rollup/plugin-json';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import babel from '@rollup/plugin-babel';
 import postcss from 'rollup-plugin-postcss';
 import autoprefixer from 'autoprefixer';
-import { terser } from 'rollup-plugin-terser/index';
+import { terser } from 'rollup-plugin-terser';
 
-import myBanner from '@cycjimmy/config-lib/chore/myBanner';
+import myBanner from '@cycjimmy/config-lib/cjs/chore/myBanner';
 // config
-import terserOption from '@cycjimmy/config-lib/terser/4.x/production';
+import terserOption from '@cycjimmy/config-lib/cjs/terser/4.x/production';
 
 import pkg from '../package.json';
 
@@ -27,6 +27,7 @@ export const plugins = [
     modules: {
       generateScopedName: IS_PRODUCTION ? '[hash:base64:10]' : '[name]__[local]'
     },
+    autoModules: false,
     minimize: true,
     plugins: [autoprefixer]
   }),
@@ -35,7 +36,7 @@ export const plugins = [
     exclude: ['**/*.(css|scss)']
   }),
   resolve(),
-  babel(),
+  babel({ babelHelpers: 'bundled' }),
   commonjs()
 ];
 

rollup/rollup.config.prod.js

@@ -5,7 +5,10 @@ import { banner, input, name, plugins, terserPlugins } from './rollup.common';
 export default [
   {
     input,
-    output: [{ file: pkg.main, format: 'cjs' }, { file: pkg.module, format: 'es' }],
+    output: [
+      { file: pkg.main, format: 'cjs', exports: 'default' },
+      { file: pkg.module, format: 'es', exports: 'default' }
+    ],
     plugins
   },
   {

src/lib/ajax.js

@@ -26,7 +26,7 @@ export default class AjaxSource {
     this.request = new XMLHttpRequest();
 
     // eslint-disable-next-line func-names
-    this.request.onreadystatechange = function() {
+    this.request.onreadystatechange = function () {
       if (this.request.readyState === this.request.DONE && this.request.status === 200) {
         this.onLoad(this.request.response);
       }