Various minor tweaks

.prettierignore

@@ -0,0 +1 @@
+*.md

package.json

@@ -41,21 +41,21 @@
 		"p-wait-for": "^2.0.1"
 	},
 	"devDependencies": {
-		"@sindresorhus/tsconfig": "^0.2.0",
+		"@sindresorhus/tsconfig": "^0.2.1",
 		"@types/electron-is-dev": "^0.3.0",
 		"@types/electron-store": "^1.3.0",
 		"@types/element-ready": "^2.1.0",
 		"@types/lodash": "^4.14.120",
-		"@typescript-eslint/eslint-plugin": "^1.1.1",
+		"@typescript-eslint/eslint-plugin": "^1.4.0",
 		"del-cli": "^1.1.0",
-		"electron": "^4.0.4",
+		"electron": "^4.0.5",
 		"electron-builder": "^20.38.5",
-		"eslint-config-xo-typescript": "^0.6.0",
+		"eslint-config-xo-typescript": "^0.8.0",
 		"husky": "^1.3.1",
 		"np": "^4.0.2",
 		"stylelint": "^9.10.1",
-		"stylelint-config-xo": "^0.12.0",
-		"typescript": "^3.2.4",
+		"stylelint-config-xo": "^0.13.0",
+		"typescript": "^3.3.3",
 		"xo": "^0.24.0"
 	},
 	"xo": {

readme.md

@@ -16,12 +16,11 @@ Caprine is an unofficial and privacy-focused Facebook Messenger app with many us
 	<img src="https://c5.patreon.com/external/logo/[email protected]" width="160">
 </a>
 
-
 ## Highlights
 
 - [Dark theme](#dark-mode)
-- [Vibrant theme](#vibrancy)*
-- [Privacy-focused](#hide-last-seen--typing-indicator)
+- [Vibrant theme](#vibrancy)\*
+- [Privacy-focused](#privacy)
 - [Keyboard shortcuts](#keyboard-shortcuts)
 - [Work Chat support](#work-chat-support)
 - [Code blocks](#code-blocks)
@@ -76,11 +75,11 @@ On *macOS*, you can toggle the window vibrancy effect in the `View` menu.
 
 <img src="media/screenshot-vibrancy.jpg" width="1165">
 
-### Hide last seen / typing indicator
+### Privacy
 
 <img src="media/screenshot-block-typing-indicator.png" width="626">
 
-You can choose to prevent people from knowing when you've seen a message or are currently typing. Both options are available under the `Caprine`/`File` menu.
+You can choose to prevent people from knowing when you have seen a message and when you are currently typing. These settings are available under the `Caprine`/`File` menu.
 
 ### Mute desktop notifications
 
@@ -195,24 +194,20 @@ $ npm run release
 
 Then edit the automatically created GitHub Releases draft and publish.
 
-
 ## Maintainers
 
 - [Sindre Sorhus](https://sindresorhus.com)
 - [Aw Young Qingzhuo](https://github.com/veniversum)
 - [Jarek Radosz](https://github.com/CvX)
 
-
 ## Links
 
 - [Product Hunt post](https://www.producthunt.com/posts/caprine-2)
 
-
 ## Disclaimer
 
 Caprine is a third-party app and is not affiliated with Facebook.
 
-
 ## License
 
 MIT

source/browser.ts

@@ -429,7 +429,7 @@ async function sendConversationList(): Promise<void> {
 				if (groupPic) {
 					// Slice image source from background-image style property of div
 					const bgImage = groupPic.style.backgroundImage!;
-					groupPic.src = bgImage!.slice(5, bgImage.length - 2);
+					groupPic.src = bgImage.slice(5, bgImage.length - 2);
 				}
 
 				const isConversationMuted = el.classList.contains('_569x');
@@ -439,7 +439,7 @@ async function sendConversationList(): Promise<void> {
 					selected: el.classList.contains('_1ht2'),
 					unread: el.classList.contains('_1ht3') && !isConversationMuted,
 					icon: await getDataUrlFromImg(
-						profilePic ? profilePic! : groupPic!,
+						profilePic ? profilePic : groupPic!,
 						el.classList.contains('_1ht3')
 					)
 				};
@@ -450,7 +450,7 @@ async function sendConversationList(): Promise<void> {
 }
 
 // Return canvas with rounded image
-function urlToCanvas(url: string, size: number): Promise<HTMLCanvasElement> {
+async function urlToCanvas(url: string, size: number): Promise<HTMLCanvasElement> {
 	return new Promise(resolve => {
 		const img = new Image();
 		img.crossOrigin = 'anonymous';
@@ -483,7 +483,7 @@ function urlToCanvas(url: string, size: number): Promise<HTMLCanvasElement> {
 }
 
 // Return data url for user avatar
-function getDataUrlFromImg(img: HTMLImageElement, unread: boolean): Promise<string> {
+async function getDataUrlFromImg(img: HTMLImageElement, unread: boolean): Promise<string> {
 	// eslint-disable-next-line no-async-promise-executor
 	return new Promise(async resolve => {
 		if (unread) {

source/emoji.ts

@@ -233,7 +233,7 @@ function codeForEmojiStyle(style: EmojiStyle): EmojiStyleCode {
  * Renders the given emoji in the renderer process and returns a Promise for a PNG `data:` URL
  */
 const renderEmoji = memoize(
-	(emoji: string): Promise<string> =>
+	async (emoji: string): Promise<string> =>
 		new Promise(resolve => {
 			const listener = (_event: ElectronEvent, arg: {emoji: string; dataUrl: string}): void => {
 				if (arg.emoji !== emoji) {

source/index.ts

@@ -60,7 +60,10 @@ if (!isDev) {
 	autoUpdater.logger = log;
 
 	const FOUR_HOURS = 1000 * 60 * 60 * 4;
-	setInterval(() => autoUpdater.checkForUpdates(), FOUR_HOURS);
+	setInterval(() => {
+		autoUpdater.checkForUpdates();
+	}, FOUR_HOURS);
+
 	autoUpdater.checkForUpdates();
 }