ESM

.babelrc.json

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    ["@babel/preset-env"]
+  ]
+}

.editorconfig

@@ -11,6 +11,6 @@ indent_style = tab
 indent_size = 2
 trim_trailing_whitespace = true
 
-[*.{json}]
+[*.json]
 ; indent_size = 2
 indent_style = space

.eslintignore

@@ -1 +1,3 @@
-jquery.easing.min.js
+/jquery.easing.min.js
+/jquery.easing.js
+/addJQueryEasing.js

.eslintrc.js

@@ -6,12 +6,18 @@ module.exports = {
 	env: {
 		es6: true
 	},
+	parserOptions: {
+		sourceType: 'module'
+	},
 	overrides: [
 		{
-			files: '.eslintrc.js',
+			files: ['.eslintrc.js', 'example/node.js'],
 			env: {
 				node: true
 			},
+			parserOptions: {
+				sourceType: 'script'
+			},
 			rules: {
 				strict: ['error']
 			}
@@ -20,18 +26,36 @@ module.exports = {
 			files: 'example/**',
 			env: {
 				browser: true
-			}
+			},
+			parserOptions: {
+				sourceType: 'script'
+			},
 		},
 		{
 			files: '*.md',
 			globals: {
 				require: 'readonly',
 				define: 'readonly'
+			},
+			rules: {
+				'no-unused-vars': ['error', {
+					varsIgnorePattern: '$'
+				}]
 			}
 		}
 	],
 	rules: {
 		indent: ['error', 'tab'],
-		semi: ['error']
+		semi: ['error'],
+
+		'prefer-const': ['error'],
+		'no-var': ['error'],
+		'prefer-destructuring': ['error'],
+		'object-shorthand': ['error'],
+		'object-curly-spacing': ['error', 'always'],
+		quotes: ['error', 'single'],
+		'quote-props': ['error', 'as-needed'],
+		'brace-style': ['error', '1tbs'],
+		'prefer-template': ['error']
 	}
 };

README.md

@@ -4,20 +4,52 @@ What is it? A jQuery plugin from GSGD to give advanced easing options. More info
 
 For CDN please use CloudFlare [`https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js`](https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js) to help my host. Thank you.
 
-# AMD or CommonJS usage
+## ESM usage (bundlers)
+
+```js
+import $ from 'jquery.easing';
+```
+
+## ESM usage (browser)
+
+```js
+import $ from './node_modules/jquery.easing/src/jquery.easing.mjs';
+```
+
+OR, to pass your own non-global `jQuery` instance:
+
+```js
+/* globals someJQueryInstance */
+import addJQueryEasing from './node_modules/jquery.easing/src/addJQueryEasing.mjs';
+
+const $ = addJQueryEasing(someJQueryInstance);
+```
+
+## UMD usage
+
+```html
+<script src="node_modules/jquery.easing/jquery.easing.min.js"></script>
+```
+
+## CommonJS or AMD usage
 
 ```js
 // CommonJS
-const jQuery = require('jquery');
-require('jquery.easing')(jQuery);
+const { JSDOM } = require('jsdom');
+const JQuery = require('jquery');
+const addJQueryEasing = require('jquery.easing');
+
+const { window } = new JSDOM('');
+const jQuery = JQuery(window);
+const $ = addJQueryEasing(jQuery);
 
 // AMD
 define(['jquery', 'jquery.easing'], function (jQuery, easing) {
-	easing(jQuery);
+	return easing(jQuery);
 });
 ```
 
-# Building and testing
+## Building and testing
 
 - Clone the repo
 - `npm install`