show toolbar if a player is loaded

packages/app/src/settings/player/index.jsx

@@ -5,6 +5,11 @@ export default {
 	icon: "PlayCircleOutlined",
 	label: "Player",
 	group: "app",
+	onLoad: () => {
+		if (app.cores.player.state.track_manifest && app.layout.tools_bar) {
+			app.layout.tools_bar.toggleVisibility(true)
+		}
+	},
 	settings: [
 		{
 			id: "player.gain",
@@ -20,15 +25,15 @@ export default {
 				marks: {
 					1: "Normal",
 					1.5: "+50%",
-                    2: "+100%"
-                }
+					2: "+100%",
+				},
 			},
 			defaultValue: () => {
 				return app.cores.player.gain.values().gain
 			},
 			onUpdate: (value) => {
 				app.cores.player.gain.modifyValues({
-                    gain: value
+					gain: value,
 				})
 			},
 			storaged: false,
@@ -44,27 +49,28 @@ export default {
 				options: [
 					{
 						value: 44100,
-                        label: "44100 Hz"
+						label: "44100 Hz",
 					},
 					{
 						value: 48000,
-                        label: "48000 Hz"
+						label: "48000 Hz",
 					},
 					{
 						value: 96000,
-                        label: "96000 Hz"
+						label: "96000 Hz",
 					},
 					{
 						value: 192000,
-                        label: "192000 Hz"
-                    }
-                ]
+						label: "192000 Hz",
+					},
+				],
 			},
 			defaultValue: (ctx) => {
 				return app.cores.player.audioContext.sampleRate
 			},
 			onUpdate: async (value) => {
-                const sampleRate = await app.cores.player.controls.setSampleRate(value)
+				const sampleRate =
+					await app.cores.player.controls.setSampleRate(value)
 
 				return sampleRate
 			},
@@ -75,10 +81,11 @@ export default {
 			title: "Compression",
 			icon: "FiSliders",
 			group: "general",
-            description: "Adjust compression values (Warning: may cause distortion when changing values)",
+			description:
+				"Adjust compression values (Warning: may cause distortion when changing values)",
 			experimental: true,
 			dependsOn: {
-                "player.compressor": true
+				"player.compressor": true,
 			},
 			component: loadable(() => import("./items/player.compressor")),
 			switchDefault: () => {
@@ -99,11 +106,12 @@ export default {
 					title: "Default",
 					icon: "MdRefresh",
 					onClick: async (ctx) => {
-                        const values = await app.cores.player.compressor.presets.setCurrentPresetToDefault()
+						const values =
+							await app.cores.player.compressor.presets.setCurrentPresetToDefault()
 
 						ctx.updateCurrentValue(values)
-                    }
-                }
+					},
+				},
 			],
 			props: {
 				valueFormat: (value) => `${value}dB`,
@@ -164,10 +172,11 @@ export default {
 					title: "Reset",
 					icon: "MdRefresh",
 					onClick: (ctx) => {
-                        const values = app.cores.player.eq.presets.setCurrentPresetToDefault()
+						const values =
+							app.cores.player.eq.presets.setCurrentPresetToDefault()
 
 						ctx.updateCurrentValue(values)
-                    }
+					},
 				},
 			],
 			// dependsOn: {
@@ -178,7 +187,7 @@ export default {
 				marks: [
 					{
 						value: 0,
-                    }
+					},
 				],
 				step: 0.5,
 				sliders: [
@@ -241,8 +250,8 @@ export default {
 						label: "16K",
 						max: 10,
 						min: -10,
-                    }
-                ]
+					},
+				],
 			},
 			onUpdate: (value) => {
 				const values = Object.keys(value).reduce((acc, key) => {
@@ -255,7 +264,7 @@ export default {
 
 				return value
 			},
-            storaged: false
-        }
-    ]
+			storaged: false,
+		},
+	],
 }