feat: Refactor app & account management UI code

apps/settings/src/app-types.ts

@@ -0,0 +1,70 @@
+/**
+ * @copyright Copyright (c) 2024 Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @author Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+export interface IAppstoreCategory {
+	/**
+	 * The category ID
+	 */
+	id: string
+	/**
+	 * The display name (can be localized)
+	 */
+	displayName: string
+	/**
+	 * Inline SVG path
+	 */
+	icon: string
+}
+
+export interface IAppstoreAppRelease {
+	version: string
+	translations: {
+		[key: string]: {
+			changelog: string
+		}
+	}
+}
+
+export interface IAppstoreApp {
+	id: string
+	name: string
+	summary: string
+	description: string
+	licence: string
+	author: string[] | Record<string, string>
+	level: number
+	version: string
+	category: string|string[]
+
+	preview?: string
+	screenshot?: string
+
+	active: boolean
+	internal: boolean
+	removeable: boolean
+	installed: boolean
+	canInstall: boolean
+	canUninstall: boolean
+	isCompatible: boolean
+
+	appstoreData: Record<string, never>
+	releases: IAppstoreAppRelease[]
+}

apps/settings/src/components/AppList.vue

@@ -139,8 +139,8 @@
 </template>
 
 <script>
+import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import AppItem from './AppList/AppItem.vue'
-import PrefixMixin from './PrefixMixin.vue'
 import pLimit from 'p-limit'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
@@ -150,8 +150,19 @@ export default {
 		AppItem,
 		NcButton,
 	},
-	mixins: [PrefixMixin],
-	props: ['category', 'app', 'search'],
+
+	props: {
+		category: {
+			type: String,
+			required: true,
+		},
+	},
+
+	data() {
+		return {
+			search: '',
+		}
+	},
 	computed: {
 		counter() {
 			return this.apps.filter(app => app.update).length
@@ -249,7 +260,24 @@ export default {
 			}
 		},
 	},
+
+	beforeDestroy() {
+		unsubscribe('nextcloud:unified-search.search', this.setSearch)
+		unsubscribe('nextcloud:unified-search.reset', this.resetSearch)
+	},
+
+	beforeCreate() {
+		subscribe('nextcloud:unified-search.search', this.setSearch)
+		subscribe('nextcloud:unified-search.reset', this.resetSearch)
+	},
+
 	methods: {
+		setSearch(value) {
+			this.search = value
+		},
+		resetSearch() {
+			this.search = ''
+		},
 		toggleBundle(id) {
 			if (this.allBundlesEnabled(id)) {
 				return this.disableBundle(id)