From deba6ae9e6af4f73accb593ea17885ad96392edd Mon Sep 17 00:00:00 2001
From: xenticore <pearl@bleatbox.net>
Date: Tue, 28 Jul 2020 23:57:18 -0400
Subject: [PATCH 1/5] Make compatible with new dash

---
 Extensions/vanilla_audio.js | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/Extensions/vanilla_audio.js b/Extensions/vanilla_audio.js
index dddd47c90..ffe049414 100644
--- a/Extensions/vanilla_audio.js
+++ b/Extensions/vanilla_audio.js
@@ -1,5 +1,5 @@
 //* TITLE Vanilla Audio **//
-//* VERSION 0.2.1 **//
+//* VERSION 0.3.0 **//
 //* DESCRIPTION	Adds an alternative audio player to audio posts. **//
 //* DETAILS This extension adds a native HTML5 audio player to every audio post, with an option for the default volume and the ability to loop the audio. **//
 //* DEVELOPER akunohomu **//
@@ -26,13 +26,36 @@ XKit.extensions.vanilla_audio = new Object({
 		}
 	},
 
-	run: function() {
+	run: async function() {
 		"use strict";
 		this.running = true;
+
+		await XKit.css_map.getCssMap();
+
+		if (XKit.page.react) {
+			XKit.tools.add_css(".xkit-audio-added { padding: 0 16px; } .xkit-audio-player { display: block !important; margin: auto; } }", "vanilla_audio");
+			XKit.post_listener.add("vanilla_audio", this.add_audio_react);
+			this.add_audio_react();
+			return;
+		}
+
 		XKit.post_listener.add("vanilla_audio", this.add_audio);
 		this.add_audio();
 	},
 
+	add_audio_react: function() {
+		let audiocontainer_classname = XKit.css_map.keyToClasses('nativePlayer')[0];
+		$(`.${audiocontainer_classname}`).not(".xkit-audio-added").each(function() {
+			var $this = $(this);
+			$this.addClass("xkit-audio-added");
+			$this.children().css("display", "none");
+			var hidden_player = $this.find("audio");
+			var xkit_player = $("<audio/>", { "controls": "controls", "class": "xkit-audio-player" }).appendTo($this);
+			xkit_player.prop("volume", XKit.extensions.vanilla_audio.preferences.default_volume.value);
+			hidden_player.find("source").clone().appendTo(xkit_player);
+		});
+	},
+
 	add_audio: function() {
 		"use strict";
 		$(".native-audio-container").not(".xkit-audio-added").each(function(index) {
@@ -52,6 +75,9 @@ XKit.extensions.vanilla_audio = new Object({
 	destroy: function() {
 		"use strict";
 		XKit.post_listener.remove("vanilla_audio");
+		if (XKit.page.react) {
+			$(".xkit-audio-added").children().css("display", "flex");
+		}
 		$(".xkit-audio-added").removeClass("xkit-audio-added");
 		$(".xkit-audio-player").remove();
 		this.running = false;

From 0fcccc6b1b8eba364956f5d6858352da65d3b64f Mon Sep 17 00:00:00 2001
From: xenticore <pearl@bleatbox.net>
Date: Wed, 29 Jul 2020 00:01:19 -0400
Subject: [PATCH 2/5] Added strict mode

---
 Extensions/vanilla_audio.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Extensions/vanilla_audio.js b/Extensions/vanilla_audio.js
index ffe049414..aab089f30 100644
--- a/Extensions/vanilla_audio.js
+++ b/Extensions/vanilla_audio.js
@@ -44,6 +44,7 @@ XKit.extensions.vanilla_audio = new Object({
 	},
 
 	add_audio_react: function() {
+		"use strict";
 		let audiocontainer_classname = XKit.css_map.keyToClasses('nativePlayer')[0];
 		$(`.${audiocontainer_classname}`).not(".xkit-audio-added").each(function() {
 			var $this = $(this);

From 31d450509c452338107421020875bb5cabb3f968 Mon Sep 17 00:00:00 2001
From: xenticore <pearl@bleatbox.net>
Date: Wed, 29 Jul 2020 00:05:15 -0400
Subject: [PATCH 3/5] Quick CSS fix

---
 Extensions/vanilla_audio.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Extensions/vanilla_audio.js b/Extensions/vanilla_audio.js
index aab089f30..03f630982 100644
--- a/Extensions/vanilla_audio.js
+++ b/Extensions/vanilla_audio.js
@@ -33,7 +33,7 @@ XKit.extensions.vanilla_audio = new Object({
 		await XKit.css_map.getCssMap();
 
 		if (XKit.page.react) {
-			XKit.tools.add_css(".xkit-audio-added { padding: 0 16px; } .xkit-audio-player { display: block !important; margin: auto; } }", "vanilla_audio");
+			XKit.tools.add_css(".xkit-audio-player { display: block !important; margin: auto; }", "vanilla_audio");
 			XKit.post_listener.add("vanilla_audio", this.add_audio_react);
 			this.add_audio_react();
 			return;

From d3aa60c75c64111791515c82008259ef2dd9aa7b Mon Sep 17 00:00:00 2001
From: xenticore <pearl@bleatbox.net>
Date: Wed, 5 Aug 2020 12:48:17 -0400
Subject: [PATCH 4/5] Only wait for css map on react pages

---
 Extensions/vanilla_audio.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/Extensions/vanilla_audio.js b/Extensions/vanilla_audio.js
index 03f630982..d9164fce0 100644
--- a/Extensions/vanilla_audio.js
+++ b/Extensions/vanilla_audio.js
@@ -30,9 +30,8 @@ XKit.extensions.vanilla_audio = new Object({
 		"use strict";
 		this.running = true;
 
-		await XKit.css_map.getCssMap();
-
 		if (XKit.page.react) {
+			await XKit.css_map.getCssMap();
 			XKit.tools.add_css(".xkit-audio-player { display: block !important; margin: auto; }", "vanilla_audio");
 			XKit.post_listener.add("vanilla_audio", this.add_audio_react);
 			this.add_audio_react();
@@ -45,7 +44,7 @@ XKit.extensions.vanilla_audio = new Object({
 
 	add_audio_react: function() {
 		"use strict";
-		let audiocontainer_classname = XKit.css_map.keyToClasses('nativePlayer')[0];
+		let audiocontainer_classname = XKit.css_map.keyToCss('nativePlayer')[0];
 		$(`.${audiocontainer_classname}`).not(".xkit-audio-added").each(function() {
 			var $this = $(this);
 			$this.addClass("xkit-audio-added");

From a67c04ca95202b35487eb38e88afd87a1ab9f019 Mon Sep 17 00:00:00 2001
From: xenticore <pearl@bleatbox.net>
Date: Wed, 5 Aug 2020 12:49:05 -0400
Subject: [PATCH 5/5] Whoops

---
 Extensions/vanilla_audio.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Extensions/vanilla_audio.js b/Extensions/vanilla_audio.js
index d9164fce0..9c704dbf4 100644
--- a/Extensions/vanilla_audio.js
+++ b/Extensions/vanilla_audio.js
@@ -44,7 +44,7 @@ XKit.extensions.vanilla_audio = new Object({
 
 	add_audio_react: function() {
 		"use strict";
-		let audiocontainer_classname = XKit.css_map.keyToCss('nativePlayer')[0];
+		let audiocontainer_classname = XKit.css_map.keyToClasses('nativePlayer')[0];
 		$(`.${audiocontainer_classname}`).not(".xkit-audio-added").each(function() {
 			var $this = $(this);
 			$this.addClass("xkit-audio-added");