diff --git a/package-lock.json b/package-lock.json index 4f37c2e218..92a26f2f1b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -178,6 +178,40 @@ "@types/filesystem": "0.0.28" } }, + "@types/clean-css": { + "version": "3.4.30", + "resolved": "https://registry.npmjs.org/@types/clean-css/-/clean-css-3.4.30.tgz", + "integrity": "sha1-AFLBNvUkgAJCjjY4s33ko5gYZB0=", + "dev": true + }, + "@types/clean-webpack-plugin": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/@types/clean-webpack-plugin/-/clean-webpack-plugin-0.1.2.tgz", + "integrity": "sha1-88nZfdOXqduGumubJFyg7t+I87I=", + "dev": true, + "requires": { + "@types/webpack": "3.8.11" + } + }, + "@types/copy-webpack-plugin": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/@types/copy-webpack-plugin/-/copy-webpack-plugin-4.4.1.tgz", + "integrity": "sha1-sfzC1PnhP6xdQwvSpKVDEOAZ04Q=", + "dev": true, + "requires": { + "@types/minimatch": "3.0.3", + "@types/webpack": "3.8.11" + } + }, + "@types/extract-text-webpack-plugin": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@types/extract-text-webpack-plugin/-/extract-text-webpack-plugin-3.0.2.tgz", + "integrity": "sha1-4+ypMIahy0LjmKS1rCjNYJ9vLzQ=", + "dev": true, + "requires": { + "@types/webpack": "3.8.11" + } + }, "@types/filesystem": { "version": "0.0.28", "resolved": "https://registry.npmjs.org/@types/filesystem/-/filesystem-0.0.28.tgz", @@ -193,6 +227,27 @@ "integrity": "sha1-wFTor02d11205jq8dviFFocU1LM=", "dev": true }, + "@types/html-minifier": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/@types/html-minifier/-/html-minifier-3.5.2.tgz", + "integrity": "sha1-+JehPYR6d06bb9kUl+mw4OrXHDU=", + "dev": true, + "requires": { + "@types/clean-css": "3.4.30", + "@types/relateurl": "0.2.28", + "@types/uglify-js": "3.0.1" + } + }, + "@types/html-webpack-plugin": { + "version": "2.30.3", + "resolved": "https://registry.npmjs.org/@types/html-webpack-plugin/-/html-webpack-plugin-2.30.3.tgz", + "integrity": "sha1-hIurqONQEMbvbTawQXSCC52IRYM=", + "dev": true, + "requires": { + "@types/html-minifier": "3.5.2", + "@types/webpack": "3.8.11" + } + }, "@types/jasmine": { "version": "2.8.6", "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-2.8.6.tgz", @@ -211,6 +266,12 @@ "integrity": "sha512-esk3CG25hRtHsVHm+LOjiSFYdw8be3uIY653WUwR43Bro914HSimPgPpqgajkhTJ0awK3RQfaIxP7zvbtCpcyg==", "dev": true }, + "@types/minimatch": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", + "integrity": "sha1-PcoOPzOyAPx9ETnAzZbBJoyt/Z0=", + "dev": true + }, "@types/node": { "version": "8.0.19", "resolved": "https://registry.npmjs.org/@types/node/-/node-8.0.19.tgz", @@ -229,6 +290,12 @@ "integrity": "sha512-8+d1hk3GgF+NJ6mMZZ5zKimqIOc+8OTzpLw4RQ8wnS1NkJh/dMH3NEhSud4Ituq2SGXJjOG6wIczCBAKsSsBdQ==", "dev": true }, + "@types/relateurl": { + "version": "0.2.28", + "resolved": "https://registry.npmjs.org/@types/relateurl/-/relateurl-0.2.28.tgz", + "integrity": "sha1-a9p9uGU/piZD9e5p6facEaOS46Y=", + "dev": true + }, "@types/safari-extension": { "version": "0.0.27", "resolved": "https://registry.npmjs.org/@types/safari-extension/-/safari-extension-0.0.27.tgz", @@ -241,18 +308,61 @@ "integrity": "sha1-Y44W0a0ML8jFjj8ikT5hZxwU9BQ=", "dev": true }, + "@types/tapable": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-0.2.5.tgz", + "integrity": "sha512-dEoVvo/I9QFomyhY+4Q6Qk+I+dhG59TYceZgC6Q0mCifVPErx6Y83PNTKGDS5e9h9Eti6q0S2mm16BU6iQK+3w==", + "dev": true + }, "@types/tldjs": { "version": "1.7.1", "resolved": "https://registry.npmjs.org/@types/tldjs/-/tldjs-1.7.1.tgz", "integrity": "sha1-BdPvPLbgPPOt8eSgQ8FHDPIOF5k=", "dev": true }, + "@types/uglify-js": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.0.1.tgz", + "integrity": "sha1-Z6xsaN6WO8FUDw8ZHoe2fYV0L9g=", + "dev": true, + "requires": { + "source-map": "0.6.1" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } + } + }, "@types/webcrypto": { "version": "0.0.28", "resolved": "https://registry.npmjs.org/@types/webcrypto/-/webcrypto-0.0.28.tgz", "integrity": "sha512-jzAoSUvqA+183nJO/Sc73CREQJsv+p77WJdn532GqA3YXQzlwRwHhClVa7U4O8iB2sJSR7G3v6f1mJFNkwA9YQ==", "dev": true }, + "@types/webpack": { + "version": "3.8.11", + "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-3.8.11.tgz", + "integrity": "sha512-6a+XQjFMAJekCE7IxkDavoX8cGCEmTE+MrKeUK4CL0Q7SL9w4c5TdrYrUEzcJx3GX3I0fTIC79x0C07Pi5VmlA==", + "dev": true, + "requires": { + "@types/node": "8.0.19", + "@types/tapable": "0.2.5", + "@types/uglify-js": "3.0.1", + "source-map": "0.6.1" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } + } + }, "@uirouter/angularjs": { "version": "1.0.15", "resolved": "https://registry.npmjs.org/@uirouter/angularjs/-/angularjs-1.0.15.tgz", @@ -8724,6 +8834,12 @@ "pify": "3.0.0" } }, + "make-error": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.4.tgz", + "integrity": "sha512-0Dab5btKVPhibSalc9QGXb559ED7G7iLjFXBaj9Wq8O3vorueR5K5jaE3hkG6ZQINyhA/JgG6Qk4qdFQjsYV6g==", + "dev": true + }, "make-iterator": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.0.tgz", @@ -13432,6 +13548,80 @@ } } }, + "ts-node": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-5.0.1.tgz", + "integrity": "sha512-XK7QmDcNHVmZkVtkiwNDWiERRHPyU8nBqZB1+iv2UhOG0q3RQ9HsZ2CMqISlFbxjrYFGfG2mX7bW4dAyxBVzUw==", + "dev": true, + "requires": { + "arrify": "1.0.1", + "chalk": "2.3.2", + "diff": "3.4.0", + "make-error": "1.3.4", + "minimist": "1.2.0", + "mkdirp": "0.5.1", + "source-map-support": "0.5.4", + "yn": "2.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "requires": { + "color-convert": "1.9.1" + } + }, + "chalk": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.3.2.tgz", + "integrity": "sha512-ZM4j2/ld/YZDc3Ma8PgN7gyAk+kHMMMyzLNryCPGhWrsfAuDVeuid5bpRFTDgMH9JBK2lA4dyyAkkZYF/WcqDQ==", + "dev": true, + "requires": { + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.3.0" + } + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", + "dev": true + }, + "minimist": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", + "dev": true + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "source-map-support": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.4.tgz", + "integrity": "sha512-PETSPG6BjY1AHs2t64vS2aqAgu6dMIMXJULWFBGbh2Gr8nVLbCFDo6i/RMMvviIQ2h1Z8+5gQhVKSn2je9nmdg==", + "dev": true, + "requires": { + "source-map": "0.6.1" + } + }, + "supports-color": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.3.0.tgz", + "integrity": "sha512-0aP01LLIskjKs3lq52EC0aGBAJhLq7B2Rd8HC/DR/PtNNpcLilNmHC12O+hu0usQpo7wtHNRqtrhBwtDb0+dNg==", + "dev": true, + "requires": { + "has-flag": "3.0.0" + } + } + } + }, "tsickle": { "version": "0.26.0", "resolved": "https://registry.npmjs.org/tsickle/-/tsickle-0.26.0.tgz", @@ -14909,6 +15099,12 @@ "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=", "dev": true }, + "yn": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/yn/-/yn-2.0.0.tgz", + "integrity": "sha1-5a2ryKz0CPY4X8dklWhMiOavaJo=", + "dev": true + }, "zip-dir": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/zip-dir/-/zip-dir-1.0.2.tgz", diff --git a/package.json b/package.json index 2a49ce337d..2193aee4a6 100644 --- a/package.json +++ b/package.json @@ -9,8 +9,8 @@ "start:firefox": "web-ext run --source-dir ./dist/", "dev": "gulp build && webpack --config webpack.dev.js", "dev:watch": "gulp build && webpack --config webpack.dev.js --watch", - "dev2": "gulp build2 && webpack --config webpack2.js", - "dev2:watch": "gulp build2 && webpack --config webpack2.js --watch", + "dev2": "gulp build2 && env TS_NODE_COMPILER_OPTIONS='{\"module\":\"commonjs\"}' webpack --config webpack.config.ts", + "dev2:watch": "gulp build2 && env TS_NODE_COMPILER_OPTIONS='{\"module\":\"commonjs\"}' webpack --config webpack.config.ts --watch", "prod": "gulp build && webpack --config webpack.prod.js", "dist": "npm run prod && gulp dist", "dist:firefox": "npm run prod && gulp dist:firefox", @@ -26,6 +26,10 @@ "@ngtools/webpack": "1.10.2", "@types/angular": "^1.6.34", "@types/chrome": "0.0.51", + "@types/clean-webpack-plugin": "^0.1.2", + "@types/copy-webpack-plugin": "^4.4.1", + "@types/extract-text-webpack-plugin": "^3.0.2", + "@types/html-webpack-plugin": "^2.30.3", "@types/jasmine": "^2.8.2", "@types/jquery": "^3.2.16", "@types/lunr": "2.1.5", @@ -36,6 +40,7 @@ "@types/safari-extension-content": "^0.0.14", "@types/tldjs": "1.7.1", "@types/webcrypto": "^0.0.28", + "@types/webpack": "^3.8.11", "angular": "1.6.9", "angular-animate": "1.6.9", "angular-sweetalert": "1.1.2", @@ -83,6 +88,7 @@ "sweetalert": "1.1.3", "tldjs": "2.0.0", "ts-loader": "^3.5.0", + "ts-node": "5.0.1", "tslint": "^5.9.1", "tslint-loader": "^3.5.3", "typescript": "^2.7.1", diff --git a/webpack2.js b/webpack.config.ts similarity index 71% rename from webpack2.js rename to webpack.config.ts index b4ffd353f5..252600afa6 100644 --- a/webpack2.js +++ b/webpack.config.ts @@ -1,28 +1,26 @@ -const path = require('path'); -const webpack = require('webpack'); -const CleanWebpackPlugin = require('clean-webpack-plugin'); -const HtmlWebpackPlugin = require('html-webpack-plugin'); -const CopyWebpackPlugin = require('copy-webpack-plugin'); -const ExtractTextPlugin = require('extract-text-webpack-plugin'); -const AngularCompilerPlugin = require('@ngtools/webpack').AngularCompilerPlugin; +import { AngularCompilerPlugin } from '@ngtools/webpack'; +import * as ExtractTextPlugin from 'extract-text-webpack-plugin'; +import * as CleanWebpackPlugin from 'clean-webpack-plugin'; +import * as CopyWebpackPlugin from 'copy-webpack-plugin'; +import * as HtmlWebpackPlugin from 'html-webpack-plugin'; +import * as path from 'path'; +import * as webpack from 'webpack'; -const isVendorModule = (module) => { +const isVendorModule: webpack.optimize.CommonsChunkPlugin.MinChunksFn = (module: any, count: number) => { if (!module.context) { return false; } - const nodeModule = module.context.indexOf('node_modules') !== -1; - const bitwardenModule = module.context.indexOf('@bitwarden') !== -1; - return nodeModule && !bitwardenModule; + return module.context.indexOf('node_modules') !== -1; }; const extractCss = new ExtractTextPlugin({ filename: '[name].css', disable: false, - allChunks: true + allChunks: true, }); -module.exports = { +const config: webpack.Configuration = { entry: { 'popup/main': './src/popup2/main.ts', 'background': './src/background.ts', @@ -33,20 +31,32 @@ module.exports = { 'downloader/downloader': './src/downloader/downloader.ts', '2fa/2fa': './src/2fa/2fa.ts', }, + resolve: { + extensions: ['.tsx', '.ts', '.js'], + alias: { + jslib: path.join(__dirname, 'jslib/src'), + }, + symlinks: false, + modules: [path.resolve('node_modules')], + }, + output: { + filename: '[name].js', + path: path.resolve(__dirname, 'build2'), + }, module: { rules: [ { test: /\.ts$/, enforce: 'pre', - loader: 'tslint-loader' + loader: 'tslint-loader', }, { test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/, - loader: '@ngtools/webpack' + loader: '@ngtools/webpack', }, { test: /\.(html)$/, - loader: 'html-loader' + loader: 'html-loader', }, { test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, @@ -57,8 +67,8 @@ module.exports = { name: '[name].[ext]', outputPath: 'popup/fonts/', publicPath: './fonts/' - } - }] + }, + }], }, { test: /\.(jpe?g|png|gif|svg)$/i, @@ -69,8 +79,8 @@ module.exports = { name: '[name].[ext]', outputPath: 'popup/images/', publicPath: './images/' - } - }] + }, + }], }, { test: /\.scss$/, @@ -83,79 +93,69 @@ module.exports = { loader: 'sass-loader', } ], - publicPath: '../' - }) + publicPath: '../', + }), }, - ] + ], }, plugins: [ new CleanWebpackPlugin([ - path.resolve(__dirname, 'build2/*') + path.resolve(__dirname, 'build2/*'), ]), new AngularCompilerPlugin({ tsConfigPath: 'tsconfig.json', entryModule: 'src/popup2/app.module#AppModule', - sourceMap: true + sourceMap: true, }), // ref: https://github.com/angular/angular/issues/20357 new webpack.ContextReplacementPlugin( /\@angular(\\|\/)core(\\|\/)esm5/, - path.resolve(__dirname, './src') + path.resolve(__dirname, './src'), ), new webpack.optimize.CommonsChunkPlugin({ name: 'popup/vendor', chunks: ['popup/main'], - minChunks: isVendorModule + minChunks: isVendorModule, }), new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', chunks: ['background'], - minChunks: isVendorModule + minChunks: isVendorModule, }), new HtmlWebpackPlugin({ template: './src/popup2/index.html', filename: 'popup/index.html', - chunks: ['popup/vendor', 'popup/main'] + chunks: ['popup/vendor', 'popup/main'], }), new HtmlWebpackPlugin({ template: './src/background.html', filename: 'background.html', - chunks: ['vendor', 'background'] + chunks: ['vendor', 'background'], }), new HtmlWebpackPlugin({ template: './src/downloader/index.html', filename: 'downloader/index.html', - chunks: ['downloader/downloader'] + chunks: ['downloader/downloader'], }), new HtmlWebpackPlugin({ template: './src/2fa/index.html', filename: '2fa/index.html', - chunks: ['2fa/2fa'] + chunks: ['2fa/2fa'], }), new CopyWebpackPlugin([ - './src/manifest.json', + { from: './src/manifest.json', to: 'manifest.json' }, { from: './src/_locales', to: '_locales' }, { from: './src/edge', to: 'edge' }, { from: './src/safari', to: 'safari' }, { from: './src/images', to: 'images' }, - { from: './src/content/autofill.css', to: 'content' } + { from: './src/content/autofill.css', to: 'content' }, ]), new webpack.SourceMapDevToolPlugin({ filename: '[name].js.map', - include: ['popup/main.js', 'background.js'] + include: ['popup/main.js', 'background.js'], }), - extractCss + extractCss, ], - resolve: { - extensions: ['.tsx', '.ts', '.js'], - alias: { - jslib: path.join(__dirname, 'jslib/src'), - }, - symlinks: false, - modules: [path.resolve('node_modules')] - }, - output: { - filename: '[name].js', - path: path.resolve(__dirname, 'build2') - } }; + +export default config;