From c137774b39bfa141845ba88e89fdfea27a844b80 Mon Sep 17 00:00:00 2001
From: Michel Roux <xefir@crystalyx.net>
Date: Wed, 17 Jan 2024 18:10:34 +0100
Subject: [PATCH] feat: store settings on cookie

---
 src/components/Sidebar/Settings.vue | 18 ++++++++++----
 src/utils/cookie.js                 | 37 +++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 5 deletions(-)
 create mode 100644 src/utils/cookie.js

diff --git a/src/components/Sidebar/Settings.vue b/src/components/Sidebar/Settings.vue
index 26c6cd2..cde065b 100644
--- a/src/components/Sidebar/Settings.vue
+++ b/src/components/Sidebar/Settings.vue
@@ -8,9 +8,9 @@
 				{{ t('repod', 'Playback speed') }}
 			</label>
 			<div>
-				<Minus class="pointer" :size="20" @click="changeRate(-.5)" />
+				<Minus class="pointer" :size="20" @click="changeRate(player.rate - .5)" />
 				<NcCounterBubble>x{{ player.rate }}</NcCounterBubble>
-				<Plus class="pointer" :size="20" @click="changeRate(.5)" />
+				<Plus class="pointer" :size="20" @click="changeRate(player.rate + .5)" />
 			</div>
 		</div>
 	</NcAppNavigationSettings>
@@ -18,6 +18,7 @@
 
 <script>
 import { NcAppNavigationSettings, NcCounterBubble } from '@nextcloud/vue'
+import { getSetting, setSetting } from '../../utils/cookie.js'
 import Minus from 'vue-material-design-icons/Minus.vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
 import Speedometer from 'vue-material-design-icons/Speedometer.vue'
@@ -40,10 +41,17 @@ export default {
 			return this.$store.state.player
 		},
 	},
+	mounted() {
+		const rate = getSetting('rate')
+		if (rate) {
+			this.changeRate(rate)
+		}
+	},
 	methods: {
-		changeRate(diff) {
-			if (this.player.rate + diff > 0) {
-				this.$store.dispatch('player/rate', this.player.rate + diff)
+		changeRate(rate) {
+			if (rate > 0) {
+				this.$store.dispatch('player/rate', rate)
+				setSetting('rate', rate)
 			}
 		},
 	},
diff --git a/src/utils/cookie.js b/src/utils/cookie.js
new file mode 100644
index 0000000..146f64f
--- /dev/null
+++ b/src/utils/cookie.js
@@ -0,0 +1,37 @@
+// https://grafikart.fr/tutoriels/javascript-cookies-2079
+const getCookie = (name) => {
+	const cookies = document.cookie.split('; ')
+	const value = cookies
+		.find(c => c.startsWith(name + '='))
+		?.split('=')[1]
+	if (value === undefined) {
+		return null
+	}
+	return decodeURIComponent(value)
+}
+
+const setCookie = (name, value, days) => {
+	const date = new Date()
+	date.setDate(date.getDate() + days)
+	document.cookie = `${name}=${encodeURIComponent(value)}; Expires=${date.toUTCString()} SameSite=Strict;`
+}
+
+export const getSetting = (name) => {
+	const cookie = getCookie('repod')
+	try {
+		const settings = JSON.parse(cookie) ?? {}
+		return settings[name]
+	} catch (e) {
+		return null
+	}
+}
+
+export const setSetting = (name, value) => {
+	const cookie = getCookie('repod')
+	let settings = {}
+	try {
+		settings = JSON.parse(cookie) ?? {}
+	} catch (e) {}
+	settings[name] = value
+	setCookie('repod', JSON.stringify(settings), 100)
+}