From 44fa9824df7a8f07d22b92234a14e04394bc2259 Mon Sep 17 00:00:00 2001
From: saber-nyan <saber-nyan@ya.ru>
Date: Wed, 22 May 2019 11:01:11 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20(=D0=B2=D1=80=D0=BE=D0=B4=D0=B5)=20=D0=BA=D0=BE=D0=BF?=
 =?UTF-8?q?=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5,=20=D0=B4?=
 =?UTF-8?q?=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20=D0=BA=D0=BE=D0=BF=D0=B8?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=B2=20Python=20?=
 =?UTF-8?q?bytes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Packet.vue | 37 ++++++++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/components/Packet.vue b/src/components/Packet.vue
index dd325ec..65f8259 100644
--- a/src/components/Packet.vue
+++ b/src/components/Packet.vue
@@ -1,7 +1,8 @@
 <template>
 	<div class="packet" :class="{'packet-incoming': isIncoming}">
 		<div>#{{id}} at {{new Date(timestamp).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}
-			<button @click.prevent="copyContent" class="btn btn-link">Copy</button></div>
+			<button @click.prevent="copyRaw" class="btn btn-link">Copy HEX</button>
+			<button @click.prevent="copyPythonBytes" class="btn btn-link">Copy as Python bytes </button></div>
 		<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-2 pb-2 mb-3 border-bottom">
 			<pre>{{ hexdata }}</pre>
 		</div>
@@ -34,18 +35,27 @@ export default {
 			}
 			return lines.join("\n");
 		},
-		copyContent() {
-			navigator.clipboard.writeText(
-				atob(this.$props.content)
-					.split('')
-					.map(function (aChar) {
-						return ('0' + aChar.charCodeAt(0).toString(16)).slice(-2);
-					})
-					.join('')
-					.toUpperCase()
-			)
-				.then()
-				.catch(e => console.error('Failed to copy', e));
+		copyPythonBytes() {
+			const data = "b'" + atob(this.$props.content)
+				.split('')
+				.map((aChar) => {
+					return '\\x' + ('0' + aChar.charCodeAt(0).toString(16)).slice(-2);
+				})
+				.join('') + "'";
+			this.copyContent(data);
+		},
+		copyRaw() {
+			this.copyContent(Buffer.from(this.$props.content, 'base64').toString('hex'));
+		},
+		copyContent(data) {
+			const tempEl = document.createElement('textarea');
+			tempEl.value = data; // Chrome
+			tempEl.textContent = data; // Firefox
+			document.body.appendChild(tempEl);
+			tempEl.select();
+			const result = document.execCommand('copy');
+			document.body.removeChild(tempEl);
+			console.debug('Copy result is', result);
 		},
 	},
 	computed: {
@@ -78,5 +88,6 @@ export default {
 		padding: 0;
 		top: -0.15em;
 		position: relative;
+		margin-left: 5px;
 	}
 </style>