Updates dependencies

ThirdPartyNotices.txt

@@ -4,10 +4,10 @@ THIRD-PARTY SOFTWARE NOTICES AND INFORMATION
 This project incorporates components from the projects listed below.
 
 1. @octokit/core version 3.6.0 (https://github.com/octokit/core.js)
-2. @vscode/codicons version 0.0.30 (https://github.com/microsoft/vscode-codicons)
+2. @vscode/codicons version 0.0.31 (https://github.com/microsoft/vscode-codicons)
 3. @vscode/webview-ui-toolkit version 1.0.0 (https://github.com/microsoft/vscode-webview-ui-toolkit)
 4. ansi-regex version 6.0.1 (https://github.com/chalk/ansi-regex)
-5. billboard.js version 3.4.1 (https://github.com/naver/billboard.js)
+5. billboard.js version 3.5.0 (https://github.com/naver/billboard.js)
 6. chroma-js version 2.4.2 (https://github.com/gka/chroma.js)
 7. https-proxy-agent version 5.0.1 (https://github.com/TooTallNate/node-https-proxy-agent)
 8. iconv-lite version 0.6.3 (https://github.com/ashtuchkin/iconv-lite)

package.json

@@ -11209,10 +11209,10 @@
 	},
 	"dependencies": {
 		"@octokit/core": "3.6.0",
-		"@vscode/codicons": "0.0.30",
+		"@vscode/codicons": "0.0.31",
 		"@vscode/webview-ui-toolkit": "1.0.0",
 		"ansi-regex": "6.0.1",
-		"billboard.js": "3.4.1",
+		"billboard.js": "3.5.0",
 		"chroma-js": "2.4.2",
 		"https-proxy-agent": "5.0.1",
 		"iconv-lite": "0.6.3",
@@ -11224,54 +11224,54 @@
 	},
 	"devDependencies": {
 		"@squoosh/lib": "0.4.0",
-		"@types/chroma-js": "2.1.3",
+		"@types/chroma-js": "2.1.4",
 		"@types/glob": "7.2.0",
 		"@types/lodash-es": "4.17.6",
 		"@types/mocha": "9.1.1",
-		"@types/node": "14.17.4",
+		"@types/node": "16.11.43",
 		"@types/sortablejs": "1.13.0",
 		"@types/uuid": "8.3.4",
 		"@types/vscode": "1.64.0",
-		"@typescript-eslint/eslint-plugin": "5.27.1",
-		"@typescript-eslint/parser": "5.27.1",
-		"@vscode/test-electron": "2.1.4",
-		"@vscode/test-web": "0.0.24",
+		"@typescript-eslint/eslint-plugin": "5.30.5",
+		"@typescript-eslint/parser": "5.30.5",
+		"@vscode/test-electron": "2.1.5",
+		"@vscode/test-web": "0.0.27",
 		"circular-dependency-plugin": "5.2.2",
 		"clean-webpack-plugin": "4.0.0",
-		"concurrently": "7.2.1",
+		"concurrently": "7.2.2",
 		"copy-webpack-plugin": "11.0.0",
 		"csp-html-webpack-plugin": "5.1.0",
 		"css-loader": "6.7.1",
-		"esbuild": "0.14.43",
+		"esbuild": "0.14.48",
 		"esbuild-loader": "2.19.0",
-		"eslint": "8.17.0",
+		"eslint": "8.19.0",
 		"eslint-cli": "1.1.1",
 		"eslint-config-prettier": "8.5.0",
-		"eslint-import-resolver-typescript": "2.7.1",
+		"eslint-import-resolver-typescript": "3.2.4",
 		"eslint-plugin-anti-trojan-source": "1.1.0",
 		"eslint-plugin-import": "2.26.0",
 		"fork-ts-checker-webpack-plugin": "6.5.2",
 		"glob": "8.0.3",
-		"html-loader": "3.1.0",
+		"html-loader": "3.1.2",
 		"html-webpack-plugin": "5.5.0",
 		"image-minimizer-webpack-plugin": "3.2.1",
 		"imagemin": "8.0.1",
 		"imagemin-webp": "7.0.0",
 		"json5": "2.2.1",
 		"license-checker-rseidelsohn": "3.1.0",
-		"mini-css-extract-plugin": "2.6.0",
+		"mini-css-extract-plugin": "2.6.1",
 		"mocha": "10.0.0",
-		"prettier": "2.6.2",
-		"sass": "1.52.3",
-		"sass-loader": "13.0.0",
+		"prettier": "2.7.1",
+		"sass": "1.53.0",
+		"sass-loader": "13.0.2",
 		"terser-webpack-plugin": "5.3.3",
-		"ts-loader": "9.3.0",
-		"tsc-alias": "1.6.9",
-		"typescript": "4.7.3",
-		"vsce": "2.9.1",
+		"ts-loader": "9.3.1",
+		"tsc-alias": "1.6.11",
+		"typescript": "4.7.4",
+		"vsce": "2.9.2",
 		"webpack": "5.73.0",
 		"webpack-bundle-analyzer": "4.5.0",
-		"webpack-cli": "4.9.2",
+		"webpack-cli": "4.10.0",
 		"webpack-node-externals": "3.0.0"
 	},
 	"resolutions": {

src/env/browser/fetch.ts

@@ -17,4 +17,4 @@ export function getProxyAgent(_strictSSL?: boolean): undefined {
 }
 
 declare type FetchLike = (url: RequestInfo, init?: RequestInit | undefined) => Promise<Response>;
-export type { FetchLike };
+export type { FetchLike };

src/webviews/apps/plus/timeline/chart.ts

@@ -6,7 +6,6 @@ import { bar, bb, bubble, Chart, ChartOptions, ChartTypes, DataItem, zoom } from
 import { Commit, State } from '../../../../plus/webviews/timeline/protocol';
 import { formatDate, fromNow } from '../../shared/date';
 import { Emitter, Event } from '../../shared/events';
-import { throttle } from '../../shared/utils';
 
 export interface DataPointClickEvent {
 	data: {
@@ -37,13 +36,17 @@ export class TimelineChart {
 	constructor(selector: string) {
 		this._selector = selector;
 
-		const fn = throttle(() => {
+		let idleRequest: number | undefined;
+
+		const fn = () => {
+			idleRequest = undefined;
+
 			const dimensions = this._chartDimensions;
 			this._chart?.resize({
 				width: dimensions.width,
 				height: dimensions.height - 10,
 			});
-		}, 100);
+		};
 
 		this._resizeObserver = new ResizeObserver(entries => {
 			const size = entries[0].borderBoxSize[0];
@@ -60,7 +63,11 @@ export class TimelineChart {
 			}
 
 			this._chartDimensions = dimensions;
-			fn();
+			if (idleRequest != null) {
+				cancelIdleCallback(idleRequest);
+				idleRequest = undefined;
+			}
+			idleRequest = requestIdleCallback(fn, { timeout: 1000 });
 		});
 
 		this.$container = document.querySelector(selector)!.parentElement!;

src/webviews/apps/plus/timeline/plugins.d.ts

@@ -1,5 +0,0 @@
-declare module 'billboard.js/dist/plugin/billboardjs-plugin-bubblecompare' {
-	import BubbleCompare from 'billboard.js/types/plugin/bubblecompare';
-
-	export = BubbleCompare;
-}