added a profiles panel.

src/components/panel-list.vue

@@ -54,6 +54,13 @@ const PANELS_INFO = [
 			}
 		}
 	},
+	{
+		name: 'Profile Switcher',
+		description: 'Switch the current profile',
+		icon: 'cog',
+		iconSettings: {},
+		type: 'Profiles'
+	},
 	{
 		name: 'Scenes Switcher',
 		description: 'Switch the current scene',

src/components/panels/index.js

@@ -4,6 +4,7 @@ import Grid from './grid'
 import Iframe from './iframe'
 import Invalid from './invalid'
 import Scenes from './scenes'
+import Profiles from './profiles'
 import Sources from './sources'
 import Mixer from './mixer'
 import Stream from './stream'
@@ -15,6 +16,7 @@ const components = {
 	Grid,
 	Iframe,
 	Invalid,
+	Profiles,
 	Scenes,
 	Sources,
 	Mixer,

src/components/panels/profiles.vue

@@ -0,0 +1,41 @@
+<template>
+	<panel-wrapper :content-class="['button-grid', 'has-per-row-1', 'overflow-y-auto', 'flex-wrap', 'text-3xl']">
+		<template #name>
+			Profiles
+		</template>
+
+		<button
+			v-for="profile in profiles"
+			:key="profile['profile-name']"
+			class="button"
+			:class="[profile['profile-name'] === currentProfile ? 'is-active' : 'is-inactive']"
+			@click="switchProfile(profile['profile-name'])"
+		>
+			{{ profile['profile-name'] }}
+		</button>
+	</panel-wrapper>
+</template>
+<script>
+import {mapState, mapActions, mapGetters} from 'vuex'
+
+import panelMixin from '@/mixins/panel'
+
+export default {
+	mixins: [panelMixin],
+	computed: {
+		...mapState('obs', {
+			currentProfile: state => state.profiles.selected,
+			profiles: state => state.profiles.list
+		}),
+		...mapGetters('obs', ['profile-name'])
+	},
+	methods: {
+		async switchProfile(name) {
+			await this.setProfile({name})
+		},
+		...mapActions('obs', {
+			setProfile: 'profiles/current'
+		})
+	}
+}
+</script>

src/store/plugins/obs/module/profiles.js

@@ -0,0 +1,48 @@
+export default {
+	state: {
+		selected: null,
+		list: []
+	},
+	actions: {
+		'connection/closed'({commit}) {
+			commit('profiles/reset')
+		},
+		async 'connection/ready'({dispatch}) {
+			return dispatch('profiles/reload')
+		},
+		async 'profiles/reload'({commit, getters: {client}}) {
+			const {profiles} = await client.send({'request-type': 'ListProfiles'})
+			const {'profile-name': cur} = await client.send({'request-type': 'GetCurrentProfile'})
+			commit('profiles/list', {profiles})
+			commit('profiles/current', {
+				'profile-name': cur
+			})
+		},
+		'profiles/current'({getters: {client}}, {name}) {
+			return client.send({'request-type': 'SetCurrentProfile', 'profile-name': name})
+		},
+		'event/ProfileChanged'({dispatch}) {
+			return dispatch('profiles/reload')
+		},
+		'event/SwitchProfiles'({commit}, data) {
+			commit('profiles/current', data)
+		}
+	},
+	getters: {
+		currentProfile(state) {
+			return state.list.find(profile => profile['profile-name'] === state.selected)
+		}
+	},
+	mutations: {
+		'profiles/current'(state, {'profile-name': name}) {
+			state.selected = name
+		},
+		'profiles/list'(state, {profiles}) {
+			state.list = profiles
+		},
+		'profiles/reset'(state) {
+			state.selected = null
+			state.list = []
+		}
+	}
+}

src/store/plugins/obs/modules.js

@@ -1,11 +1,13 @@
 import scenes from './module/scenes'
+import profiles from './module/profiles'
 import * as sources from './module/sources'
 import stream from './module/stream'
 import transitions from './module/transitions'
 import durations from './module/durations'
 
 export default {
 	scenes,
+	profiles,
 	sources,
 	stream,
 	transitions,