Add insert sticker shortcut (#1015)

sindresorhus · Sep 9, 2019 · 29577c6 · 29577c6
1 parent dc11fab
commit 29577c6
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/readme.md b/readme.md
@@ -179,6 +179,7 @@ Next conversation      | <kbd>Command/Control</kbd> <kbd>]</kbd> or <kbd>Control
 Previous conversation  | <kbd>Command/Control</kbd> <kbd>[</kbd> or <kbd>Control</kbd> <kbd>Shift</kbd> <kbd>Tab</kbd>
 Jump to conversation   | <kbd>Command/Control</kbd> <kbd>1</kbd>…<kbd>9</kbd>
 Insert GIF             | <kbd>Command/Control</kbd> <kbd>g</kbd>
+Insert sticker         | <kbd>Command/Control</kbd> <kbd>s</kbd>
 Insert emoji           | <kbd>Command/Control</kbd> <kbd>e</kbd>
 Insert text            | <kbd>Command/Control</kbd> <kbd>i</kbd>
 Search in conversation | <kbd>Command/Control</kbd> <kbd>f</kbd>

diff --git a/source/browser.ts b/source/browser.ts
@@ -138,6 +138,18 @@ ipc.on('insert-emoji', async () => {
 	emojiElement.click();
 });
 
+ipc.on('insert-sticker', () => {
+	const stickerElement =
+		// Old UI
+		document.querySelector<HTMLElement>('._4rv6') ||
+		// New UI
+		[...document.querySelectorAll<HTMLElement>('._7oam')].find(element =>
+			element.querySelector<HTMLElement>('svg path[d^="M22.5,18.5 L27.998,18.5"]')
+		);
+
+	stickerElement!.click();
+});
+
 ipc.on('insert-text', () => {
 	document.querySelector<HTMLElement>('._5rpu')!.focus();
 });

diff --git a/source/menu.ts b/source/menu.ts
@@ -493,6 +493,13 @@ Press Command/Ctrl+R in Caprine to see your changes.
 				sendAction('insert-gif');
 			}
 		},
+		{
+			label: 'Insert Sticker',
+			accelerator: 'CommandOrControl+S',
+			click() {
+				sendAction('insert-sticker');
+			}
+		},
 		{
 			label: 'Insert Emoji',
 			accelerator: 'CommandOrControl+E',