Adjust build config options

Author: Peter Hegman

build-config/webpack.browser.config.js

@@ -1,10 +1,11 @@
 module.exports = {
   entry: {
-    index: './src/index.ts'
+    index: './src/animate-vanilla-js.ts'
   },
   output: {
     filename: 'animate-vanilla-js-browser.js',
-    libraryTarget: 'window',
-    library: 'vanillaJsAnimate'
+    libraryTarget: 'var',
+    libraryExport: 'default',
+    library: 'animateVanillaJs'
   }
 }

build-config/webpack.demo.config.js

@@ -4,7 +4,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 
 module.exports = {
   entry: {
-    index: './src/demo.ts'
+    index: './src/animate-vanilla-js-demo.ts'
   },
   output: {
     filename: 'animate-vanilla-js-demo.js'

build-config/webpack.umd.config.js

@@ -1,11 +1,10 @@
 module.exports = {
   entry: {
-    index: './src/index.ts'
+    index: './src/animate-vanilla-js.ts'
   },
   output: {
     filename: 'animate-vanilla-js-umd.js',
     libraryTarget: 'umd',
-    library: 'animate-vanilla-js',
-    umdNamedDefine: true
+    library: 'animate-vanilla-js'
   }
 }

package.json

@@ -29,7 +29,7 @@
     "webpack-merge": "^4.2.1"
   },
   "scripts": {
-    "build": "rimraf dist && webpack --mode production",
+    "build": "rimraf dist && webpack --mode production && mv dist/animate-vanilla-js.d.ts dist/animate-vanilla-js-umd.d.ts",
     "serve": "webpack-dev-server --hot --inline --mode development"
   },
   "husky": {

src/CancelablePromise.ts

@@ -3,7 +3,7 @@ import Cancel from './interfaces/promise/cancel.interface'
 import Resolve from './interfaces/promise/resolve.interface'
 import CancelHandler from './interfaces/promise/cancel-handler.interface'
 
-export default class CancelablePromise<T> extends Promise<T> {
+export default class CancelablePromise<T> {
   private cancelHandler: CancelHandler = reason => {}
   private isPending: boolean
   private promise: Promise<T>
@@ -18,7 +18,6 @@ export default class CancelablePromise<T> extends Promise<T> {
       arg2: (handler: any) => void
     ): void
   }) {
-    super(function(resolve, reject) {})
     this.isPending = true
     this.isCanceled = false
 

src/demo.ts renamed to src/animate-vanilla-js-demo.ts

@@ -1,7 +1,7 @@
 ///<reference types="webpack-env" />
 
 require('./sass/app.scss')
-import animate from './index'
+import animate from './animate-vanilla-js'
 
 function addEventListenerMulti(
   element: Element | NodeList,
@@ -149,8 +149,8 @@ function animateScrollDemo() {
 }
 
 if (module.hot) {
-  module.hot.accept('./index', () => {
-    const animate = require('./index')
+  module.hot.accept('./animate-vanilla-js', () => {
+    const animate = require('./animate-vanilla-js')
     init()
   })
 }

src/index.ts renamed to src/animate-vanilla-js.ts

@@ -3,9 +3,9 @@
     "outDir": "./dist/",
     "sourceMap": true,
     "noImplicitAny": true,
-    "module": "es6",
-    "allowJs": true,
-    "target": "es6"
-  },
-  "transpileOnly": true
+    "target": "es5",
+    "downlevelIteration": true,
+    "lib": ["es5", "es6", "dom", "dom.iterable"],
+    "declaration": true
+  }
 }