feat: bump dependencies

Author: andreasbm

package-lock.json

@@ -57,71 +57,71 @@
 		"prettier:write": "prettier --write \"src/**/*.ts\""
 	},
 	"dependencies": {
-		"@types/chai": "^4.2.11",
-		"@types/mocha": "^7.0.2",
-		"@types/node": "^13.9.3",
-		"@typescript-eslint/eslint-plugin": "^2.24.0",
-		"@typescript-eslint/parser": "^2.24.0",
-		"@wessberg/rollup-plugin-ts": "^1.2.21",
-		"autoprefixer": "^9.7.4",
-		"boxen": "^4.2.0",
+		"@rollup/plugin-commonjs": "18.0.0",
+		"@rollup/plugin-json": "4.1.0",
+		"@rollup/plugin-node-resolve": "11.2.1",
+		"@rollup/pluginutils": "4.1.0",
+		"@types/chai": "^4.2.17",
+		"@types/mocha": "^8.2.2",
+		"@types/node": "^15.0.1",
+		"@typescript-eslint/eslint-plugin": "^4.22.0",
+		"@typescript-eslint/parser": "^4.22.0",
+		"@wessberg/rollup-plugin-ts": "^1.3.14",
+		"autoprefixer": "^10.2.5",
+		"boxen": "^5.0.1",
 		"brotli": "^1.3.2",
-		"chai": "^4.2.0",
+		"chai": "^4.3.4",
 		"colors": "^1.4.0",
-		"cssnano": "^4.1.10",
-		"escodegen": "^1.14.1",
-		"eslint": "^6.8.0",
-		"eslint-config-prettier": "^6.10.1",
+		"cssnano": "^5.0.2",
+		"escodegen": "^2.0.0",
+		"eslint": "^7.25.0",
+		"eslint-config-prettier": "^8.3.0",
 		"esprima": "^4.0.1",
-		"estraverse": "^4.3.0",
-		"filesize": "^6.1.0",
+		"estraverse": "^5.2.0",
+		"filesize": "^6.3.0",
 		"fs": "0.0.1-security",
-		"fs-extra": "^9.0.0",
-		"gzip-size": "^5.1.1",
+		"fs-extra": "^9.1.0",
+		"gzip-size": "^6.0.0",
 		"html-minifier": "^4.0.0",
-		"karma": "^4.4.1",
+		"karma": "^6.3.2",
 		"karma-chai": "^0.1.0",
 		"karma-chrome-launcher": "^3.1.0",
-		"karma-iframes": "^1.2.2",
-		"karma-mocha": "^1.3.0",
-		"karma-rollup-preprocessor": "^7.0.3",
-		"livereload": "^0.9.1",
+		"karma-iframes": "^1.3.0",
+		"karma-mocha": "^2.0.1",
+		"karma-rollup-preprocessor": "^7.0.7",
+		"livereload": "^0.9.3",
 		"magic-string": "^0.25.7",
 		"minimist": "^1.2.5",
-		"mocha": "^7.1.1",
-		"node-sass": "^4.13.1",
+		"mocha": "^8.3.2",
+		"node-sass": "^5.0.0",
 		"path": "^0.12.7",
-		"postcss": "^7.0.27",
+		"postcss": "^8.2.13",
 		"precss": "^4.0.0",
-		"prettier": "^2.0.1",
+		"prettier": "^2.2.1",
 		"recursive-readdir-sync": "^1.0.6",
-		"rollup": "^2.1.0",
-		"rollup-plugin-license": "^0.13.0",
-		"rollup-plugin-progress": "^1.1.1",
-		"rollup-plugin-serve": "^1.0.1",
-		"rollup-plugin-terser": "^5.3.0",
-		"rollup-plugin-visualizer": "^3.3.2",
-		"@rollup/plugin-commonjs": "11.0.2",
-		"@rollup/plugin-json": "4.0.2",
-		"@rollup/plugin-node-resolve": "7.1.1",
-		"@rollup/pluginutils": "3.0.8",
+		"rollup": "^2.46.0",
+		"rollup-plugin-license": "^2.3.0",
+		"rollup-plugin-progress": "^1.1.2",
+		"rollup-plugin-serve": "^1.1.0",
+		"rollup-plugin-terser": "^7.0.2",
+		"rollup-plugin-visualizer": "^5.4.1",
 		"targz": "^1.0.1",
-		"ts-lit-plugin": "1.1.10",
-		"typescript": "^3.8.3",
-		"web-component-analyzer": "^1.0.3",
-		"workbox-build": "^5.1.1"
+		"ts-lit-plugin": "1.2.1",
+		"typescript": "^4.2.4",
+		"web-component-analyzer": "^1.1.6",
+		"workbox-build": "^6.1.5"
 	},
 	"devDependencies": {
-		"@appnest/readme": "^1.2.5",
+		"@appnest/readme": "^1.2.7",
 		"@types/escodegen": "0.0.6",
 		"@types/esprima": "^4.0.2",
-		"@types/estraverse": "0.0.6",
+		"@types/estraverse": "5.1.0",
 		"@types/filesize": "^5.0.0",
-		"@types/fs-extra": "^8.1.0",
+		"@types/fs-extra": "^9.0.11",
 		"@types/gzip-size": "^5.1.1",
-		"@types/node-sass": "^4.11.0",
-		"lit-element": "^2.3.1",
-		"lit-html": "^1.2.1",
+		"@types/node-sass": "^4.11.1",
+		"lit-element": "^2.5.0",
+		"lit-html": "^1.4.0",
 		"weightless": "0.0.37"
 	},
 	"contributors": [

package.json

@@ -150,6 +150,7 @@ export const defaultResolvePlugins = ({
 	// Teaches Rollup how to transpile Typescript
 	// https://github.com/wessberg/rollup-plugin-ts
 	ts({
+		/* @ts-ignore */
 		transpiler: "babel",
 		...configOrDefault(tsConfig)
 	}),

src/lib/create-rollup-config.ts

@@ -1,4 +1,4 @@
-import { compress as brotliCompress } from "brotli";
+import brotli from "brotli";
 import { yellow, green } from "colors";
 import { appendFile, readFileSync } from "fs-extra";
 import readdir from "recursive-readdir-sync";
@@ -23,7 +23,7 @@ const defaultConfig: IRollupPluginCompressConfig = {
 	verbose: true,
 	include: [],
 	exclude: [],
-	compressors: [compressGzip, compressBrotli],
+	compressors: [compressGzip], /*, compressBrotli],*/
 	timeout: 2000
 };
 
@@ -53,7 +53,7 @@ export function compressGzip({ src, verbose }: { src: string; verbose: boolean }
  * @param verbose
  */
 export function compressBrotli({ src, verbose }: { src: string; verbose: boolean }) {
-	const buffer = brotliCompress(readFileSync(src));
+	const buffer = brotli.compress(readFileSync(src));
 	const dest = `${src}.br`;
 
 	appendFile(dest, buffer, (err: Error) => {

src/lib/rollup-plugins/compress/rollup-plugin-compress.ts

@@ -151,7 +151,7 @@ async function generateFile({
 	transform,
 	polyfillConfig,
 	transformScript
-}: IRollupPluginHtmlTemplateConfig & { bundle: OutputBundle; filter: (path: string) => boolean }) {
+}: IRollupPluginHtmlTemplateConfig & { bundle: OutputBundle; filter: (path: string) => boolean }): Promise<void> {
 	return new Promise((res, rej) => {
 		readFile(template, (err, buffer) => {
 			// If the file could not be read, abort!

src/lib/rollup-plugins/html-template/rollup-plugin-html-template.ts

@@ -1,13 +1,13 @@
 import MagicString from "magic-string";
 import postcss from "postcss";
+import Processor from "postcss/lib/processor";
 import { ResolveIdResult, SourceDescription } from "rollup";
 import { emptySourcemap } from "../util";
 import sass from "node-sass";
 import { resolve, dirname } from "path";
 
 export type Transformer = (css: string) => string;
 export type GetTransformer = (id: string, isGlobal: boolean) => Transformer;
-
 export interface IRollupPluginImportStylesConfig {
 	// Postcss plugins.
 	plugins: any[];
@@ -88,7 +88,7 @@ async function processFile({
 	overwrite,
 	postcssConfig,
 	sassConfig
-}: IRollupPluginImportStylesConfig & { overwrite: Transformer; data: string; id: string; processor: postcss.Processor }) {
+}: IRollupPluginImportStylesConfig & { overwrite: Transformer; data: string; id: string; processor: Processor }) {
 	return new Promise(res => {
 		// Compile the data using the sass compiler
 		const css = sass