feat: added browser support

Author: niftylettuce

.browserslistrc

@@ -0,0 +1 @@
+extends @ladjs/browserslist-config

.dist.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": [
+    ["@babel/env", {
+      "targets": {
+        "browsers": [ "extends @ladjs/browserslist-config" ]
+      }
+    }]
+  ]
+}

.dist.eslintrc

@@ -0,0 +1,24 @@
+{
+  "extends": ["eslint:recommended"],
+  "env": {
+    "node": false,
+    "browser": true,
+    "amd": true,
+    "es6": true,
+    "commonjs": true
+  },
+  "plugins": ["compat"],
+  "rules": {
+    "compat/compat": "error",
+    "no-func-assign": "off",
+    "no-unused-vars": "off",
+    "no-empty": "off"
+  },
+  "settings": {
+    "polyfills": [
+      "Array.from",
+      "Symbol.iterator",
+      "Symbol.prototype"
+    ]
+  }
+}

.gitignore

@@ -4,3 +4,5 @@
 node_modules
 coverage
 .nyc_output
+lib
+dist

.lib.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    ["@babel/env", {
+      "targets": {
+        "node": "6.4.0",
+        "browsers": [ "extends @ladjs/browserslist-config" ]
+      }
+    }]
+  ],
+  "sourceMaps": "both"
+}

.lib.eslintrc

@@ -0,0 +1,12 @@
+{
+  "extends": ["eslint:recommended", "plugin:node/recommended"],
+  "env": { "browser": true" },
+  "plugins": ["compat"],
+  "rules": {
+    "compat/compat": "error"
+  },
+  "settings": {
+    "polyfills": [
+    ]
+  }
+}

README.md

@@ -15,6 +15,7 @@
 
 * [Install](#install)
 * [Usage](#usage)
+  * [Node](#node)
 * [Contributors](#contributors)
 * [License](#license)
 
@@ -36,12 +37,46 @@ yarn add dayjs dayjs-with-plugins
 
 ## Usage
 
+### Node
+
 ```js
 const dayjs = require('dayjs-with-plugins');
 
-// ...
+console.log('M/D/YY', dayjs().format('M/D/YY'));
+```
+
+#### VanillaJS
+
+This is the solution for you if you're just using `<script>` tags everywhere!
+
+```html
+<script src="https://polyfill.io/v3/polyfill.min.js?features=es6,es7,Array.from,Symbol.iterator,Symbol.prototype"></script>
+<script src="https://unpkg.com/dayjs-with-plugins"></script>
+<script type="text/javascript">
+  (function() {
+    console.log('M/D/YY', dayjs().format('M/D/YY'));
+  })();
+</script>
+```
+
+##### Required Browser Features
+
+We recommend using <https://polyfill.io> (specifically with the bundle mentioned in [VanillaJS](#vanillajs) above):
+
+```html
+<script src="https://polyfill.io/v3/polyfill.min.js?features=es6,es7,Array.from,Symbol.iterator,Symbol.prototype"></script>
 ```
 
+* Array.from() is not supported in IE 11
+* Symbol.iterator() is not supported in IE 11
+* Symbol.prototype() is not supported in IE 11
+
+#### Bundler
+
+This assumes you are using [browserify][], [webpack][], [rollup][], or another bundler.
+
+See [Node](#node) usage above for how to use in a bundler environment.
+
 
 ## Contributors
 
@@ -60,3 +95,9 @@ const dayjs = require('dayjs-with-plugins');
 [npm]: https://www.npmjs.com/
 
 [yarn]: https://yarnpkg.com/
+
+[browserify]: https://github.com/browserify/browserify
+
+[webpack]: https://github.com/webpack/webpack
+
+[rollup]: https://github.com/rollup/rollup

package.json

@@ -22,32 +22,47 @@
     "debug": "^4.1.1"
   },
   "devDependencies": {
+    "@babel/cli": "^7.6.4",
+    "@babel/core": "^7.6.4",
+    "@babel/preset-env": "^7.6.3",
     "@commitlint/cli": "latest",
     "@commitlint/config-conventional": "latest",
+    "@ladjs/browserslist-config": "^0.0.1",
     "ava": "latest",
+    "babelify": "^10.0.0",
+    "browserify": "^16.5.0",
     "codecov": "latest",
-    "cross-env": "latest",
+    "cross-env": "^6.0.3",
     "dayjs": "^1.8.16",
-    "eslint": "latest",
-    "eslint-config-xo-lass": "latest",
+    "eslint": "^6.5.1",
+    "eslint-config-xo-lass": "^1.0.3",
+    "eslint-plugin-compat": "^3.3.0",
+    "eslint-plugin-node": "^10.0.0",
     "fixpack": "latest",
     "husky": "latest",
+    "jsdom": "^15.1.1",
     "lint-staged": "latest",
     "nyc": "latest",
     "remark-cli": "latest",
     "remark-preset-github": "latest",
+    "tinyify": "^2.5.1",
     "xo": "latest"
   },
   "engines": {
-    "node": ">=8.3"
+    "node": ">=6.4.0"
   },
+  "files": [
+    "lib",
+    "dist"
+  ],
   "homepage": "https://github.com/niftylettuce/dayjs-with-plugins",
   "husky": {
     "hooks": {
       "pre-commit": "npm test",
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   },
+  "jsdelivr": "dist/dayjs-with-plugins.min.js",
   "keywords": [
     "all",
     "alternative",
@@ -80,7 +95,10 @@
       "git add"
     ]
   },
-  "main": "index.js",
+  "main": "lib/index.js",
+  "peerDependencies": {
+    "dayjs": "*"
+  },
   "prettier": {
     "singleQuote": true,
     "bracketSpacing": true,
@@ -97,20 +115,24 @@
   },
   "scripts": {
     "ava": "cross-env NODE_ENV=test ava",
+    "browserify": "browserify src/index.js -o dist/dayjs-with-plugins.js -s dayjs -g [ babelify --configFile ./.dist.babelrc ]",
+    "build": "npm run build:clean && npm run build:lib && npm run build:dist",
+    "build:clean": "rimraf lib dist",
+    "build:dist": "npm run browserify && npm run minify",
+    "build:lib": "babel --config-file ./.lib.babelrc src --out-dir lib",
     "coverage": "nyc report --reporter=text-lcov > coverage.lcov && codecov",
-    "lint": "xo && remark . -qfo",
+    "lint": "xo && remark . -qfo && eslint -c .lib.eslintrc lib && eslint --no-inline-config -c .dist.eslintrc dist",
+    "minify": "cross-env NODE_ENV=production browserify src/index.js -o dist/dayjs-with-plugins.min.js -s dayjs -g [ babelify --configFile ./.dist.babelrc ] -p tinyify",
     "nyc": "cross-env NODE_ENV=test nyc ava",
-    "test": "npm run lint && npm run ava",
-    "test-coverage": "npm run lint && npm run nyc"
+    "test": "npm run build && npm run lint && npm run ava",
+    "test-coverage": "npm run build && npm run lint && npm run nyc"
   },
+  "unpkg": "dist/dayjs-with-plugins.min.js",
   "xo": {
     "prettier": true,
     "space": true,
     "extends": [
       "xo-lass"
     ]
-  },
-  "peerDependencies": {
-    "dayjs": "*"
   }
 }

index.js renamed to src/index.js

@@ -0,0 +1,28 @@
+const path = require('path');
+const { readFileSync } = require('fs');
+const { Script } = require('vm');
+const test = require('ava');
+const { JSDOM, VirtualConsole } = require('jsdom');
+
+const virtualConsole = new VirtualConsole();
+virtualConsole.sendTo(console);
+
+const script = new Script(
+  readFileSync(path.join(__dirname, '..', 'dist', 'dayjs-with-plugins.min.js'))
+);
+
+const dom = new JSDOM(``, {
+  url: 'http://localhost:3000/',
+  referrer: 'http://localhost:3000/',
+  contentType: 'text/html',
+  includeNodeLocations: true,
+  resources: 'usable',
+  runScripts: 'dangerously',
+  virtualConsole
+});
+
+dom.runVMScript(script);
+
+test('should expose dayjs global funciton', t => {
+  t.true(typeof dom.window.dayjs === 'function');
+});