TS refactoring

.babelrc.js

@@ -0,0 +1,27 @@
+
+const { NODE_ENV
+} = process.env
+
+module.exports = {
+  presets: [
+    '@babel/typescript',
+    [
+      '@babel/env',
+      {
+        targets: {
+          browsers: ['ie >= 11'
+          ]
+        },
+        exclude: ['transform-async-to-generator', 'transform-regenerator'
+        ],
+        modules: false,
+        loose: true
+      }
+    ]
+  ],
+  plugins: [
+    // don't use `loose` mode here - need to copy symbols when spreading
+    '@babel/proposal-object-rest-spread',
+    NODE_ENV === 'test' && '@babel/transform-modules-commonjs'
+  ].filter(Boolean)
+}

package.json

@@ -2,11 +2,11 @@
   "name": "vue-authenticate",
   "version": "1.5.0",
   "description": "Authentication library for Vue.js",
-  "main": "dist/vue-authenticate.common.js",
-  "module": "dist/vue-authenticate.esm.js",
+  "main": "lib/vue-authenticate.js",
   "unpkg": "dist/vue-authenticate.js",
+  "module": "es/vue-authenticate.js",
   "scripts": {
-    "build": "node build/build.rollup.js"
+    "build": "rollup -c"
   },
   "keywords": [
     "vue",
@@ -35,15 +35,49 @@
   ],
   "license": "MIT",
   "devDependencies": {
+    "@babel/cli": "^7.8.4",
     "@babel/core": "^7.9.0",
+    "@babel/node": "^7.8.7",
+    "@babel/plugin-external-helpers": "^7.8.3",
+    "@babel/plugin-proposal-object-rest-spread": "^7.9.5",
+    "@babel/plugin-transform-runtime": "^7.9.0",
+    "@babel/preset-env": "^7.9.5",
+    "@babel/preset-flow": "^7.9.0",
+    "@babel/preset-typescript": "^7.9.0",
+    "@babel/register": "^7.9.0",
+    "@rollup/plugin-babel": "^5.2.2",
     "@rollup/plugin-buble": "^0.21.3",
+    "@rollup/plugin-node-resolve": "^7.1.3",
+    "@rollup/plugin-replace": "^2.3.2",
+    "@types/jest": "^25.2.1",
+    "@types/node": "^13.13.4",
+    "@typescript-eslint/eslint-plugin": "^2.29.0",
+    "@typescript-eslint/parser": "^2.29.0",
     "acorn": "^6.1.1",
     "ajv": "^6.10.0",
-    "rollup": "^2.6.1",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^25.4.0",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "cross-env": "^7.0.2",
+    "eslint": "^6.8.0",
+    "eslint-import-resolver-typescript": "^2.0.0",
+    "eslint-plugin-flowtype": "^4.7.0",
+    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-react": "^7.19.0",
+    "glob": "^7.1.6",
+    "jest": "^25.4.0",
+    "prettier": "^2.0.5",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.42.2",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-banner": "^0.2.1",
     "rollup-plugin-uglify": "^6.0.4",
-    "uglify-js": "^3.9.1"
+    "typescript": "^3.8.3",
+    "typings-tester": "^0.3.2",
+    "uglify-js": "^3.13.2",
+    "rollup-plugin-terser": "^5.3.0",
+    "rollup-plugin-typescript2": "^0.27.0"
   },
   "peerDependencies": {},
   "tags": [
@@ -64,8 +98,12 @@
     "oauth 2.0"
   ],
   "dependencies": {
+    "@babel/runtime": "^7.9.2",
+    "@types/whatwg-fetch": "0.0.33",
     "axios": "^0.18.0",
+    "typescript": "^4.2.3",
     "vue": "^2.6.10",
-    "vue-axios": "^2.1.4"
+    "vue-axios": "^2.1.4",
+    "whatwg-fetch": "^3.6.2"
   }
 }

rollup.config.js

@@ -0,0 +1,157 @@
+import nodeResolve from '@rollup/plugin-node-resolve'
+import babel from '@rollup/plugin-babel'
+import replace from '@rollup/plugin-replace'
+import typescript from 'rollup-plugin-typescript2'
+import { terser } from 'rollup-plugin-terser'
+
+import pkg from './package.json'
+
+const extensions = ['.ts']
+const noDeclarationFiles = { compilerOptions: { declaration: false } }
+
+const babelRuntimeVersion = pkg.dependencies['@babel/runtime'].replace(
+  /^[^0-9]*/,
+  ''
+)
+
+const makeExternalPredicate = (externalArr) => {
+  if (externalArr.length === 0) {
+    return () => false
+  }
+  const pattern = new RegExp(`^(${externalArr.join('|')})($|/)`)
+  return (id) => pattern.test(id)
+}
+
+export default [
+  // CommonJS
+  {
+    input: 'src/index.ts',
+    output: { file: 'lib/vue-authenticate.js', format: 'cjs', indent: false },
+    external: makeExternalPredicate([
+      ...Object.keys(pkg.dependencies || {}),
+      ...Object.keys(pkg.peerDependencies || {}),
+    ]),
+    plugins: [
+      nodeResolve({
+        extensions,
+      }),
+      typescript({ useTsconfigDeclarationDir: true }),
+      babel({
+        extensions,
+        plugins: [
+          ['@babel/plugin-transform-runtime', { version: babelRuntimeVersion }],
+        ],
+        babelHelpers: 'runtime',
+      }),
+    ],
+  },
+
+  // ES
+  {
+    input: 'src/index.ts',
+    output: { file: 'es/vue-authenticate.js', format: 'es', indent: false },
+    external: makeExternalPredicate([
+      ...Object.keys(pkg.dependencies || {}),
+      ...Object.keys(pkg.peerDependencies || {}),
+    ]),
+    plugins: [
+      nodeResolve({
+        extensions,
+      }),
+      typescript({ tsconfigOverride: noDeclarationFiles }),
+      babel({
+        extensions,
+        plugins: [
+          [
+            '@babel/plugin-transform-runtime',
+            { version: babelRuntimeVersion, useESModules: true },
+          ],
+        ],
+        babelHelpers: 'runtime',
+      }),
+    ],
+  },
+
+  // ES for Browsers
+  {
+    input: 'src/index.ts',
+    output: { file: 'es/vue-authenticate.mjs', format: 'es', indent: false },
+    plugins: [
+      nodeResolve({
+        extensions,
+      }),
+      replace({
+        'process.env.NODE_ENV': JSON.stringify('production'),
+      }),
+      typescript({ tsconfigOverride: noDeclarationFiles }),
+      babel({
+        extensions,
+        exclude: 'node_modules/**',
+      }),
+      terser({
+        compress: {
+          pure_getters: true,
+          unsafe: true,
+          unsafe_comps: true,
+          warnings: false,
+        },
+      }),
+    ],
+  },
+
+  // UMD Development
+  {
+    input: 'src/index.ts',
+    output: {
+      file: 'dist/vue-authenticate.js',
+      format: 'umd',
+      name: 'Vue Authenticate',
+      indent: false,
+    },
+    plugins: [
+      nodeResolve({
+        extensions,
+      }),
+      typescript({ tsconfigOverride: noDeclarationFiles }),
+      babel({
+        extensions,
+        exclude: 'node_modules/**',
+      }),
+      replace({
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      }),
+    ],
+  },
+
+  // UMD Production
+  {
+    input: 'src/index.ts',
+    output: {
+      file: 'dist/redux.min.js',
+      format: 'umd',
+      name: 'Redux',
+      indent: false,
+    },
+    plugins: [
+      nodeResolve({
+        extensions,
+      }),
+      typescript({ tsconfigOverride: noDeclarationFiles }),
+      babel({
+        extensions,
+        exclude: 'node_modules/**',
+      }),
+      replace({
+        'process.env.NODE_ENV': JSON.stringify('production'),
+      }),
+      terser({
+        compress: {
+          pure_getters: true,
+          unsafe: true,
+          unsafe_comps: true,
+          warnings: false,
+        },
+      }),
+    ],
+  },
+]